@charset "UTF-8";
/* =========================================================
   Termoverde - desktop.css  v2.0.51 (08/11/2026) - miniatura B di nuovo visibile con le immagini loading="lazy" (nascosta con visibility:hidden invece di display:none finche' non e' caricata), TEMA CHIARO (proposta 4), banner a 4 schermate a carrello vuoto, feedback eBay sopra il menu delle pagine, dettaglio ed elenco ordini admin
   Da caricare DOPO tv_main_v2695.css (e dopo mobile.css).
   Tutte le regole valgono solo da 768px di larghezza in su:
   sul telefono non cambia nulla. Togliendo la riga <link> il sito torna com'era.
   ========================================================= */
@media (min-width:768px){
#page,#header,#main{width:min(1400px, calc(100vw - 50px)) !important}
#main_menu{left:0 !important;right:0 !important;width:auto !important}
#main_menu a{font-size:16px !important}
#toolbox{left:auto !important;right:0 !important;width:270px !important}
#toolbox #side_menu_cat,#toolbox #sidebar,#toolbox #cart{width:270px !important}
#toolbox #side_menu_cat label{font-size:16px !important}
#toolbox #side_menu_cat a{font-size:15px !important;line-height:20px !important;height:auto !important;padding-top:5px !important;padding-bottom:5px !important}
#toolbox #sidebar a{font-size:15px !important;height:auto !important;line-height:20px !important}
#content,#macro_menu,#footer{width:calc(100% - 290px) !important}
#macro_menu a{font-size:14px !important}
#content{font-size:15px}
#products{display:grid !important;grid-template-columns:1fr;gap:16px;width:auto !important;padding:0 !important;margin:0 !important}
#products li.prod{position:relative !important;min-height:150px;width:auto !important;height:auto !important;margin:0 !important;display:grid;grid-template-columns:120px 1fr;column-gap:14px;align-content:start;padding:14px 170px 14px 14px !important;background:rgba(255,255,255,.9) !important;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.15);box-sizing:border-box}
#products li.prod>*{position:static !important;float:none !important;width:auto !important;left:auto !important;top:auto !important;right:auto !important;margin:0 !important}
#products li.prod>a.img{grid-column:1;grid-row:1 / span 3}
#products li.prod>a.img img{width:120px;height:auto}
#products li.prod>h3.name{grid-column:2}
#products li.prod>p.desc{grid-column:2;margin-top:6px !important}
#products li.prod>p.more{grid-column:2;margin-top:6px !important}
#products li.prod p.desc a.img{display:block !important;position:absolute !important;right:16px;top:14px;width:130px;height:130px;background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;text-align:center}
#products li.prod p.desc a.img img{width:128px !important;height:auto}
#products li.prod>.details{position:absolute !important;right:16px !important;left:auto !important;top:152px !important;width:130px !important;text-align:center;font-size:14px}
#products li.prod>.online-price-container{grid-column:2;height:auto !important}
#products li.prod .online-price{position:static !important;width:max-content !important;transform:scale(.8);transform-origin:left center}
#products li.prod>form{grid-column:2;margin-top:12px !important;max-width:460px}
#products li.prod form>div{display:flex;align-items:center;gap:10px}
#content #products li.prod h3.name,#content #products li.prod h3.name a{font-size:17px;line-height:1.3}
#content #products li.prod p.desc{font-size:14px;line-height:1.45}
#content #products li.prod .price{font-size:20px;font-weight:bold}
#products li.prod form label{font-size:14px;color:#333}
#products li.prod input[name=qty]{width:56px;height:36px;font-size:15px;text-align:center}
#products li.prod input.button.cart{flex:1;height:38px;font-size:16px;margin:0 !important}
}

/* BOZZA menu desktop (colori attuali) - solo preview, non approvata */
@media (min-width:768px){
#header{height:240px !important}
#welcome_text{top:158px !important;bottom:auto !important;right:0 !important;left:auto !important;text-align:right}
#gscbox{top:190px !important;left:auto !important;right:0 !important;width:min(380px, calc(100% - 800px)) !important}
#main_menu{top:192px !important;height:auto !important;display:flex;gap:6px;background:none !important;border-radius:0 !important;padding:0 !important}
#main_menu li{float:none !important;margin:0 !important;background:none !important;border:0 !important;width:auto !important}
#main_menu a{display:block;padding:9px 18px !important;height:auto !important;line-height:20px !important;border:0 !important;border-radius:20px !important;background:url("/img/tv/bg-button.png") repeat-x 50% 50% / auto 100%;box-shadow:0 1px 3px rgba(0,0,0,.25)}
#main_menu a:hover{filter:brightness(1.08)}
#macro_menu{display:flex !important;flex-wrap:wrap;gap:6px;height:auto !important;padding:10px !important;border-radius:14px !important;box-sizing:border-box}
#macro_menu li{float:none !important;width:auto !important;margin:0 !important;background:none !important}
#macro_menu a{display:block;height:auto !important;padding:6px 13px !important;line-height:18px !important;border-radius:16px !important;background-color:rgba(255,255,255,.75);border:1px solid #c9d9b5}
#macro_menu a:hover{background-color:#fff;border-color:#886622}
#macro_menu li.selected a{border-color:#886622}
#toolbox{top:0 !important}
#toolbox #side_menu_cat{background-color:rgba(255,255,255,.9) !important;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15)}
#toolbox #side_menu_cat > li > label{display:block;padding:10px 14px !important;background-color:#fff !important;border-bottom:2px solid #886622 !important;text-align:left !important}
#toolbox #side_menu_cat ul li{border:0 !important}
#toolbox #side_menu_cat ul li a{padding:8px 14px !important;border-bottom:1px solid #e6eedb}
#toolbox #side_menu_cat ul li:not(.selected) a:hover{background-color:#eef7d6 !important}
}

/* BOZZA mini carrello */
@media (min-width:768px){
#toolbox #cart{left:0 !important;right:auto !important;margin-left:0 !important;height:auto !important;min-height:70px;box-sizing:border-box;padding:10px 14px 10px 74px !important;margin-bottom:12px !important;background:rgba(255,255,255,.9) url("/img/cart.png") no-repeat 10px 10px !important;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
#toolbox #cart #cart-show{left:0 !important;top:0 !important;width:70px !important;height:70px !important}
#toolbox #cart dl{width:auto !important;display:grid !important;grid-template-columns:1fr auto;gap:2px 10px;margin:0 !important;font-size:14px}
#toolbox #cart dt,#toolbox #cart dd{float:none !important;width:auto !important;margin:0 !important;padding:0 !important;font-size:14px !important;line-height:18px}
#toolbox #cart dd{text-align:right;position:static !important;left:auto !important;right:auto !important;min-width:0}
#toolbox #cart dt.total{display:block !important;font-weight:bold;border-top:1px solid #ccc;padding-top:3px !important}
#toolbox #cart dd.total{font-weight:bold;border-top:1px solid #ccc;padding-top:3px !important}
#toolbox #cart .buttons{position:static !important;margin-top:8px !important;width:auto !important}
#toolbox #cart .buttons form{display:flex;gap:8px;width:auto !important}
#toolbox #cart #btn-submit{flex:1;height:auto !important;padding:6px 10px !important;font-size:15px !important;border-radius:16px}
#toolbox #cart #btn-clear{height:auto !important;padding:6px 10px !important;font-size:14px !important;border-radius:16px}
}
/* BOZZA schermi stretti */
@media (min-width:768px) and (max-width:1249px){
#header{height:290px !important}
#gscbox{top:244px !important;left:0 !important;right:auto !important;width:calc(100% - 290px) !important}
}

@media (min-width:768px) and (max-width:999px){
#page,#header,#main{width:calc(100vw - 30px) !important}
#toolbox,#toolbox #side_menu_cat,#toolbox #sidebar,#toolbox #cart{width:220px !important}
#content,#macro_menu,#footer{width:calc(100% - 235px) !important}
#gscbox{width:calc(100% - 235px) !important}
#products li.prod{grid-template-columns:90px 1fr !important;padding-right:118px !important}
#products li.prod>a.img img{width:90px !important}
#products li.prod p.desc a.img{width:96px !important;height:96px !important}
#products li.prod p.desc a.img img{width:94px !important}
#products li.prod>.details{top:116px !important;width:96px !important}
#main_menu a{padding:8px 12px !important;font-size:15px !important}
#toolbox #cart{padding-left:58px !important;padding-right:10px !important;background-size:42px auto !important}
#toolbox #cart #cart-show{width:56px !important}
#toolbox #cart dl{gap:2px 6px}
html{overflow-x:hidden}
}
/* BOZZA barra destinazione (colori attuali) */
@media (min-width:768px){
#overbg{height:50px !important;background:linear-gradient(rgba(115,76,32,.92),rgba(70,48,22,.92)) !important;box-shadow:0 2px 8px rgba(0,0,0,.35)}
#products_country_chooser{left:max(25px, calc(50% - 700px)) !important;width:auto !important;height:50px !important;display:flex;align-items:center;z-index:2001 !important}
#products_country_chooser label{display:flex !important;align-items:center;gap:12px;font-size:16px !important;font-weight:bold;white-space:nowrap;text-shadow:0 1px 2px #000}
#products_country_chooser select{height:38px !important;min-width:230px;font-size:18px !important;font-weight:bold;border:2px solid #aaffdd !important;border-radius:19px !important;padding:0 40px 0 16px !important;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23aaffdd' stroke-width='2.5'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 14px center !important;transition:box-shadow .2s}
#products_country_chooser select:hover,#products_country_chooser select:focus{box-shadow:0 0 0 4px rgba(170,255,221,.35)}
#lang_menu{top:-15px !important}
}
/* BOZZA: barra 50px -> logo e leone scendono per non essere coperti; padding (non margin) per non spostare la barra */
@media (min-width:768px){
body{background-position:50% 24px !important}
#page{padding-top:24px !important;margin-top:0 !important}
#overbg,#products_country_chooser{top:0 !important}
#overbg{background:linear-gradient(#3a3a3a,#1c1c1c) !important}
}
/* BOZZA selezioni verde scuro (scelta B) */
@media (min-width:768px){
#main_menu li.selected a{background:#2f6b22 !important;color:#fff !important;text-shadow:none !important}
#macro_menu li.selected a,#toolbox #side_menu_cat li.selected>a{background-color:#2f6b22 !important;border-color:#2f6b22 !important;color:#fff !important}
#toolbox #side_menu_cat>li>label{color:#2f6b22 !important;border-bottom-color:#2f6b22 !important}
#macro_menu a:hover{border-color:#2f6b22 !important}
}
/* BOZZA scheda prodotto desktop */
@media (min-width:768px){
#content .product.page{display:grid !important;grid-template-columns:minmax(260px, 38%) 1fr;grid-template-rows:auto auto auto auto 1fr;column-gap:28px;align-items:start;width:auto !important;height:auto !important;padding:20px !important;box-sizing:border-box;background:rgba(255,255,255,.9) !important;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);font-size:15px}
.product.page>:is(#prod-images,div:first-child){grid-column:1;grid-row:1 / span 5;float:none !important;width:auto !important;margin:0 !important;text-align:center;background:#fff;border:1px solid #e3e3e3;border-radius:10px;padding:10px}
.product.page>:is(#prod-images,div:first-child) img{max-width:100% !important;height:auto !important}
.product.page>h3.name{grid-column:2;grid-row:1;width:auto !important;margin:0 0 8px !important}
#content .product.page>h3.name,#content .product.page>h3.name a{font-size:24px !important;line-height:1.25}
.product.page>h4.desc{grid-column:2;grid-row:2;width:auto !important;margin:0 0 8px !important}
#content .product.page>h4.desc{font-size:16px !important;line-height:1.45;font-weight:normal}
.product.page>.sku_code{grid-column:2;grid-row:3;width:auto !important;font-size:14px;color:#555}
.product.page>.content{display:contents !important}
.product.page>.content>*{grid-column:1 / -1}
.product.page>.content>.shop{grid-column:2;grid-row:4;align-self:start;position:relative !important;width:auto !important;height:auto !important;margin:14px 0 0 !important;padding:16px !important;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;background:#f6fbec;border:1px solid #c9d9b5;border-radius:12px}
.product.page>.content>.shop>*{position:static !important;width:auto !important;left:auto !important;top:auto !important;right:auto !important;margin:0 !important}
.product.page .shop>.online-price-container{order:1;flex:0 0 100%;height:auto !important;margin-bottom:8px !important}
.product.page .shop .online-price{position:static !important;width:max-content !important}
.product.page .shop>p.more{order:2}
.product.page .shop>.price-container{order:3}
#content .product.page .shop .price{font-size:30px !important;font-weight:bold}
.product.page .shop>form{order:4;flex:0 0 100%;margin-top:12px !important}
.product.page .shop form>div{display:flex;align-items:center;gap:12px}
.product.page .shop form label{display:flex;align-items:center;gap:8px;font-size:15px}
.product.page .shop input[name=qty]{width:64px;height:42px;font-size:16px;text-align:center}
.product.page .shop input.button.cart{flex:1;height:46px;font-size:18px !important;margin:0 !important}
.product.page .shop>p.free_shipping{order:5;flex:0 0 100%;margin-top:10px !important;font-size:14px}
.product.page>.content>form[action*="quotation"]{grid-column:2;grid-row:4;align-self:start;margin:14px 0 0 !important;padding:16px !important;box-sizing:border-box;display:flex !important;flex-wrap:wrap;gap:10px;align-items:center;background:#f6fbec;border:1px solid #c9d9b5;border-radius:12px}
.product.page>.content>form[action*="quotation"]>input[type=email]{flex:1 1 200px;height:42px;font-size:16px;padding:0 12px;box-sizing:border-box;border:1px solid #bbb;border-radius:8px}
.product.page>.content>form[action*="quotation"]>input[type=submit]{height:46px;padding:0 20px !important;font-size:17px !important;margin:0 !important}
html:lang(it) .product.page>.content>form[action*="quotation"]::before{content:"Prezzo su richiesta: lascia la tua email e ti inviamo il preventivo";flex:0 0 100%;font-weight:bold;font-size:15px}
html:lang(en) .product.page>.content>form[action*="quotation"]::before{content:"Price on request: leave your email and we'll send you a quote";flex:0 0 100%;font-weight:bold;font-size:15px}
html:lang(fr) .product.page>.content>form[action*="quotation"]::before{content:"Prix sur demande : laissez votre e-mail et nous vous enverrons un devis";flex:0 0 100%;font-weight:bold;font-size:15px}
html:lang(de) .product.page>.content>form[action*="quotation"]::before{content:"Preis auf Anfrage: Hinterlassen Sie Ihre E-Mail, wir senden Ihnen ein Angebot";flex:0 0 100%;font-weight:bold;font-size:15px}
html:lang(es) .product.page>.content>form[action*="quotation"]::before{content:"Precio bajo pedido: déjanos tu email y te enviamos el presupuesto";flex:0 0 100%;font-weight:bold;font-size:15px}
.product.page .content table{max-width:100%;font-size:14px}
.product.page>.content>p,.product.page>.content>ul,.product.page>.content>table,.product.page>.content>div:not(.shop){font-size:15px;line-height:1.55}
.product.page>.content>p:first-of-type{margin-top:20px !important}
.product.page .content img{max-width:100% !important;height:auto !important}
}
/* BOZZA: la seconda immagine compare solo se esiste (inizio serie); il sito nasconde quelle mancanti con .js_hidden */
@media (min-width:768px){
/* v2.0.51: visibility e non display:none, altrimenti il browser non scarica l'immagine lazy e .js_hidden non si toglie mai */
#products li.prod p.desc a.img:not(:has(img:not(.js_hidden))){visibility:hidden !important}
#products li.prod:not(:has(p.desc a.img img:not(.js_hidden)))>.details{top:14px !important}
}
/* BOZZA: Produttore e Scheda tecnica a destra sotto il prezzo; niente Share; "Lista Prodotti" verde scuro anche nelle schede */
@media (min-width:768px){
.product.page>.content>.legal_info.buttons{grid-column:2;grid-row:5;align-self:start;display:flex !important;flex-wrap:wrap;gap:10px;margin:12px 0 0 !important;width:auto !important}
.product.page>.content>.legal_info.buttons a.button{display:inline-block;padding:9px 16px !important;font-size:15px !important;border-radius:18px !important;height:auto !important;line-height:20px !important;margin:0 !important}
.product.page .fb-share-button{display:none !important}
.product.page>.content>.buttons:not(.legal_info){text-align:right;margin-top:16px !important}
.product.page>.content>.buttons:not(.legal_info) a.button{display:inline-block;padding:9px 18px !important;font-size:15px !important;border-radius:18px !important;height:auto !important;line-height:20px !important}
#main_menu[data-current-url*="/products/show"]>li:first-child:not(.selected) a{background:#2f6b22 !important;color:#fff !important;text-shadow:none !important}
}

/* ===== Colonna destra nel flusso (pagine senza macrocategorie: carrello, ordini, login...) ===== */
@media (min-width:768px){
#main:not(:has(>#macro_menu)){display:flex !important;align-items:flex-start;gap:12px}
#main:not(:has(>#macro_menu))>#content{flex:1 1 auto;min-width:0;margin-right:0 !important}
#main:not(:has(>#macro_menu))>#toolbox{position:static !important;flex:0 0 270px;order:2}
/* logo Pumps & Gardens: riquadro bianco largo come il menu, immagine a 210px (resta nitida) */
#toolbox-bottom{padding:0 !important;margin-top:14px !important}
#toolbox a[href*="pumpsgardens"]{display:block !important;background:#fff;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:14px 0;text-align:center}
#toolbox a[href*="pumpsgardens"] img{width:210px !important;max-width:210px !important;height:auto !important;border-width:0 !important;border-radius:0 !important;box-shadow:none !important;margin:0 auto !important;display:block}
}

/* ===== Carrello ===== */
@media (min-width:768px){
#content form:has(#cart-table){background:rgba(255,255,255,.92);border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:18px 20px !important;box-sizing:border-box;width:auto !important}
#cart-table{width:100% !important;border-collapse:collapse;font-size:15px}
#cart-table thead th{font-size:13px !important;text-transform:uppercase;letter-spacing:.03em;color:#555;padding:10px 8px !important;border-bottom:2px solid #c9d9b5 !important;background:none !important}
#cart-table tbody td{padding:14px 8px !important;font-size:15px !important;vertical-align:middle;border-bottom:1px solid #e6e6e6 !important}
#cart-table td.prod a{font-size:16px;font-weight:bold}
#cart-table td.prod button.delete.x{width:30px !important;height:30px !important;border-radius:8px;margin-right:8px}
#cart-table td button.minus,#cart-table td button.plus{width:32px !important;height:32px !important;font-size:18px;border-radius:8px}
#cart-table td input.int{width:46px !important;height:32px !important;font-size:15px;text-align:center}
#cart-table tbody td:last-child{font-size:17px !important;font-weight:bold}
#cart-table tfoot th,#cart-table tfoot td{padding:8px !important;font-size:15px !important;border:0 !important;background:none !important}
#cart-table tfoot tr.total th,#cart-table tfoot tr.total td{font-size:20px !important;font-weight:bold;border-top:2px solid #c9d9b5 !important}
#cart-table tfoot input#coupon{height:32px;font-size:15px;width:160px}
#content form:has(#cart-table)>.buttons{display:flex !important;align-items:center;gap:12px;justify-content:flex-end;width:auto !important;margin-top:18px !important}
#content form:has(#cart-table)>.buttons>a.button{margin-right:auto !important;padding:10px 16px !important;font-size:15px !important;border-radius:18px !important;height:auto !important}
#content form:has(#cart-table)>.buttons #btn-clear{padding:10px 16px !important;font-size:15px !important;border-radius:18px !important;height:auto !important;background:#fff !important;background-image:none !important;border:1.5px solid #bbb !important;color:#555 !important;text-shadow:none !important;box-shadow:none !important;font-weight:normal !important}
#content form:has(#cart-table)>.buttons #btn-clear:hover{border-color:#888 !important;color:#333 !important}
#content form:has(#cart-table)>.buttons #btn-submit{padding:13px 40px !important;font-size:19px !important;font-weight:bold;border-radius:22px !important;height:auto !important}
#content>#cart_country_chooser{width:auto !important;margin-bottom:12px !important;font-size:15px}
}

/* ===== Registrazione nuovo cliente ===== */
@media (min-width:768px){
#content>.login{padding:0 !important;margin:4px 0 16px !important;text-align:left !important}
#content>.login a.button{display:inline-flex !important;align-items:center;height:auto !important;padding:12px 26px !important;font-size:18px !important;border-radius:22px !important}
#content>h3{font-size:18px !important;margin:0 0 10px !important;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}
#content>h3 a{font-size:14px;font-weight:normal;color:#e8f5c8 !important}
#content form[action*="users/save"]{background:rgba(255,255,255,.94);border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:18px 22px !important}
#content form[action*="users/save"] fieldset{border:0 !important;border-top:2px solid #c9d9b5 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;margin:0 0 22px !important;padding:22px 0 0 !important}
#content form[action*="users/save"] legend{font-size:17px !important;font-weight:bold;color:#2f6b22 !important;background:none !important;padding:0 8px 0 0 !important;box-shadow:none !important;text-shadow:none !important;text-transform:none !important}
#content form[action*="users/save"] fieldset>legend+*{margin-top:14px !important}
#content form[action*="users/save"] .field_group{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-end;margin-bottom:12px;padding:0 !important}
#content form[action*="users/save"] .field{float:none !important;margin:0 !important;width:auto !important;flex:1 1 220px}
#content form[action*="users/save"] .field label{display:block;font-size:14px !important;font-weight:bold;color:#444;margin-bottom:4px}
#content form[action*="users/save"] .field label br{display:none}
#content form[action*="users/save"] input[type=text],#content form[action*="users/save"] input[type=password],#content form[action*="users/save"] select{width:100% !important;height:40px !important;font-size:15px !important;padding:0 10px !important;border:1px solid #bbb !important;border-radius:8px !important;box-sizing:border-box;background:#fff !important}
#content form[action*="users/save"] #address2{margin-top:8px}
#content form[action*="users/save"] fieldset>p{font-size:14px;color:#555}
#content form[action*="users/save"] input[type=radio],#content form[action*="users/save"] input[type=checkbox]{width:18px;height:18px;accent-color:#2f6b22;vertical-align:-3px !important;margin:0 6px 0 0 !important}
#content form[action*="users/save"] :is(input[name=user_type],#want_invoice)+label{display:inline-block;font-size:15px !important;margin:0 22px 8px 0 !important;vertical-align:baseline;cursor:pointer}
#content form[action*="users/save"] #user_type_business:checked ~ .person{display:none !important}
#content form[action*="users/save"] .field_group:has(>input[name=user_type]){display:block}
#content form[action*="users/save"] #taxes{margin:0 !important}
#content form[action*="users/save"] #taxes>br{display:none}
#content form[action*="users/save"] #sdi_field{margin-top:0 !important}
#content form[action*="users/save"] :is(#uids .field,.field:has(>#phone),#company_name_field){flex:0 1 calc(50% - 10px) !important;max-width:calc(50% - 10px);width:auto !important}
#content form[action*="users/save"] .field_group:has(>input[name=user_type])>#company_name_field{margin:6px 0 12px !important}
#content form[action*="users/save"] #zip{width:100% !important}
#content form[action*="users/save"] .buttons{display:flex !important;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px !important}
#content form[action*="users/save"] .buttons :is(#btn-continue,#btn-save){padding:12px 40px !important;font-size:18px !important;font-weight:bold;border-radius:22px !important;height:auto !important;line-height:22px !important}
#content form[action*="users/save"] .buttons a.button{background:#fff !important;background-image:none !important;border:1.5px solid #bbb !important;color:#555 !important;text-shadow:none !important;box-shadow:none !important;font-weight:normal !important;padding:10px 18px !important;font-size:15px !important;border-radius:18px !important;height:auto !important;line-height:20px !important}
}

/* ===== Login ===== */
@media (min-width:768px){
#content:has(>#loginbox){display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch}
#content:has(>#loginbox)>#loginbox{grid-column:1;grid-row:1;margin:0 !important;width:auto !important;float:none !important;background:rgba(255,255,255,.94) !important;background-image:none !important;border:0 !important;border-radius:14px !important;box-shadow:0 2px 8px rgba(0,0,0,.15) !important;padding:20px 24px !important;box-sizing:border-box}
#content:has(>#loginbox)>#loginbox>legend{float:left;width:100%;font-size:19px !important;font-weight:bold;color:#2f6b22 !important;background:none !important;box-shadow:none !important;text-shadow:none !important;padding:0 0 10px !important;margin:0 0 14px !important;border-bottom:2px solid #c9d9b5}
#content:has(>#loginbox)>#loginbox form{clear:both;width:auto !important}
#loginbox .field{float:none !important;width:auto !important;margin:0 0 14px !important}
#loginbox .field label{display:block;font-size:14px !important;font-weight:bold;color:#444;margin-bottom:4px}
#loginbox .field input{width:100% !important;height:42px !important;font-size:16px !important;padding:0 12px !important;border:1px solid #bbb !important;border-radius:8px !important;box-sizing:border-box;background:#fff !important}
#loginbox .buttons{display:flex !important;flex-direction:column;align-items:stretch;gap:12px;text-align:left !important;width:auto !important;margin:0 !important}
#loginbox .buttons>label{font-size:15px !important;display:block;line-height:1.4}
#loginbox .buttons>label br{display:none}
#loginbox .buttons>label input{width:18px;height:18px;accent-color:#2f6b22;vertical-align:-3px;margin:0 6px 0 0}
#loginbox .buttons>label a{display:block;margin-top:10px;font-size:14px}
#loginbox .buttons>#login{order:-1;width:100%;padding:13px 0 !important;font-size:19px !important;font-weight:bold;border-radius:22px !important;height:auto !important;line-height:22px !important;margin:2px 0 4px !important}
#content:has(>#loginbox)>.join{grid-column:2;grid-row:1;display:flex !important;flex-direction:column;justify-content:flex-start;align-items:center;gap:22px;padding:20px 24px !important;background:rgba(255,255,255,.94);border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);box-sizing:border-box;text-align:center}
/* titolo "Nuovo cliente?" aggiunto da Giorgio nell'HTML (punto 4 istruzioni) */
#content:has(>#loginbox)>.join h3{display:block;width:100%;margin:0 !important;font-size:19px !important;font-weight:bold;color:#2f6b22 !important;text-shadow:none !important;padding-bottom:10px;border-bottom:2px solid #c9d9b5}
#content:has(>#loginbox)>.join a.button{display:inline-block !important;height:auto !important;padding:13px 26px !important;font-size:17px !important;font-weight:bold;border-radius:22px !important;line-height:22px !important}
}

/* ===== Compilazione ordine (gli orari di consegna sono nascosti da mobile.css) ===== */
@media (min-width:768px){
#content:has(>#order_form)>h3{font-size:20px !important;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);margin:0 0 4px !important}
#content:has(>#order_form)>p.wizard_text{font-size:15px !important;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);margin:0 0 14px !important}
#order_form{background:rgba(255,255,255,.94);border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:18px 22px !important}
#order_form fieldset{border:0 !important;border-top:2px solid #c9d9b5 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;margin:0 0 22px !important;padding:22px 0 0 !important}
#order_form legend{font-size:17px !important;font-weight:bold;color:#2f6b22 !important;background:none !important;box-shadow:none !important;text-shadow:none !important;padding:0 8px 0 0 !important;text-transform:none !important}
#order_form fieldset>legend+*,#order_form fieldset>legend+script+*{margin-top:14px !important}
#order_form #pm{position:relative}
#order_form #pm #total{position:absolute;top:-6px;right:0;font-size:22px !important;font-weight:bold;color:#222}
#order_form #pm ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 0 !important;padding:0 !important}
#order_form #pm ul li{margin:0 !important}
#order_form #pm ul li label{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 14px;border:1.5px solid #ccc;border-radius:10px;background:#fff;font-size:15px !important;cursor:pointer;box-sizing:border-box;height:100%}
#order_form #pm ul li label:has(input:checked){border-color:#2f6b22;background:#eef6e9;font-weight:bold}
#order_form #pm ul li label:has(input:disabled){opacity:.55;cursor:default;font-size:13px !important}
#order_form #pm ul li label input{width:18px;height:18px;accent-color:#2f6b22;margin:0 !important;flex:0 0 auto}
#order_form .field_group{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-start;padding:0 !important;margin-bottom:12px}
#order_form .field{float:none !important;margin:0 !important;width:auto !important;flex:1 1 220px}
#order_form .field label{display:block;font-size:14px !important;font-weight:bold;color:#444;margin-bottom:4px}
#order_form .field label br{display:none}
#order_form .field input[type=text],#order_form .field select{width:100% !important;height:40px !important;font-size:15px !important;padding:0 10px !important;border:1px solid #bbb !important;border-radius:8px !important;box-sizing:border-box;background:#fff !important}
#order_form #address2{margin-top:8px}
#order_form .field:has(>#phone){flex:0 1 calc(50% - 10px)}
#order_form #phone_extra{font-size:13px;color:#555;margin-top:6px}
#order_form #phone_extra strong{font-weight:normal}
#order_form .field .value{display:block;height:40px;line-height:40px;font-size:16px !important;font-weight:bold}
#order_form>.buttons{display:flex !important;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px !important;width:auto !important}
#order_form>.buttons a.button{background:#fff !important;background-image:none !important;border:1.5px solid #bbb !important;color:#555 !important;text-shadow:none !important;box-shadow:none !important;font-weight:normal !important;padding:10px 18px !important;font-size:15px !important;border-radius:18px !important;height:auto !important;line-height:20px !important}
#order_form>.buttons #btn-next{padding:12px 40px !important;font-size:18px !important;font-weight:bold;border-radius:22px !important;height:auto !important;line-height:22px !important}
}

/* ===== Registrazione: privacy in evidenza, newsletter semplice ===== */
@media (min-width:768px){
#content form[action*="users/save"] div:has(>label>input:is([name=privacy],[name=newsletter])){margin:0 !important;padding-left:0 !important}
#content form[action*="users/save"] div:has(>label>input[name=privacy]){padding-top:10px !important}
#content form[action*="users/save"] div:has(>label>input[name=newsletter]){padding-top:14px !important}
#content form[action*="users/save"] label:has(>input[name=privacy]){display:flex !important;align-items:center;gap:14px;margin:0 !important;padding:16px 20px !important;background:#fff4f1 !important;border:2px solid #b02a10 !important;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.18);font-size:17px !important;cursor:pointer}
#content form[action*="users/save"] label:has(>input[name=privacy]) strong{font-size:17px !important}
#content form[action*="users/save"] label:has(>input[name=privacy]) a{text-decoration:underline}
#content form[action*="users/save"] label>input[name=privacy]{flex:0 0 auto;width:26px !important;height:26px !important;margin:0 !important;accent-color:#2f6b22;cursor:pointer}
#content form[action*="users/save"] label:has(>input[name=privacy]:checked){background:#eef6e9 !important;border-color:#2f6b22 !important}
#content form[action*="users/save"] label:has(>input[name=newsletter]){display:flex !important;align-items:center;gap:10px;margin:0 !important;padding-left:22px !important;font-size:15px}
#content form[action*="users/save"] label>input[name=newsletter]{margin:0 !important}
#content form[action*="users/save"]:has(input[name=privacy]:not(:checked)) #btn-save{opacity:.45}
}

/* ===== Riepilogo ordine: condizioni di vendita in evidenza (restano SOPRA la tabella) ===== */
@media (min-width:768px){
#content form:has(#order-summary)>.confirm{width:auto !important;margin:6px 0 14px !important;padding:0 !important}
#content form:has(#order-summary)>.confirm label{display:flex !important;align-items:center;gap:14px;padding:16px 20px !important;background:#fff4f1 !important;border:2px solid #b02a10 !important;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.18);font-size:17px !important;cursor:pointer;margin:0 !important}
#content form:has(#order-summary)>.confirm label strong{font-size:17px !important}
#content form:has(#order-summary)>.confirm label a{text-decoration:underline}
#content form:has(#order-summary)>.confirm label input{flex:0 0 auto;width:26px !important;height:26px !important;margin:0 !important;accent-color:#2f6b22;cursor:pointer}
#content form:has(#order-summary)>.confirm label:has(input:checked){background:#eef6e9 !important;border-color:#2f6b22 !important}
#content form:has(#order-summary)>.buttons{display:flex !important;justify-content:flex-end;align-items:center;gap:12px;width:auto !important;margin:0 0 18px !important}
#content form:has(#order-summary)>.buttons a.button{background:#fff !important;background-image:none !important;border:1.5px solid #bbb !important;color:#555 !important;text-shadow:none !important;box-shadow:none !important;font-weight:normal !important;padding:10px 18px !important;font-size:15px !important;border-radius:18px !important;height:auto !important;line-height:20px !important}
#content form:has(#order-summary)>.buttons #btn-confirm{padding:13px 40px !important;font-size:19px !important;font-weight:bold;border-radius:22px !important;height:auto !important;line-height:22px !important;transition:opacity .2s}
#content form:has(#order-summary):has(.confirm input:not(:checked))>.buttons #btn-confirm{opacity:.45}
}

/* ===== Paga ordine: cambio metodo di pagamento ===== */
@media (min-width:768px){
#content:has(>form[action*="payment_method"])>h3{font-size:20px !important;margin:0 0 12px !important;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}
#content form[action*="payment_method"]{background:rgba(255,255,255,.94);border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:18px 22px !important;width:auto !important}
#content form[action*="payment_method"] ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 !important;padding:0 !important}
#content form[action*="payment_method"] ul li{margin:0 !important;list-style:none}
#content form[action*="payment_method"] ul li label{display:flex;align-items:center;gap:10px;min-height:52px;height:100%;padding:8px 14px;border:1.5px solid #ccc;border-radius:10px;background:#fff;font-size:16px !important;cursor:pointer;box-sizing:border-box}
#content form[action*="payment_method"] ul li label:has(input:checked){border-color:#2f6b22;background:#eef6e9;font-weight:bold}
#content form[action*="payment_method"] ul li label:has(input:disabled){opacity:.55;cursor:default;font-size:13px !important}
#content form[action*="payment_method"] ul li label input{width:18px;height:18px;accent-color:#2f6b22;margin:0 !important;flex:0 0 auto}
#content form[action*="payment_method"]>.buttons{display:flex !important;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px !important;width:auto !important}
#content form[action*="payment_method"]>.buttons a.button{background:#fff !important;background-image:none !important;border:1.5px solid #bbb !important;color:#555 !important;text-shadow:none !important;box-shadow:none !important;font-weight:normal !important;padding:10px 18px !important;font-size:15px !important;border-radius:18px !important;height:auto !important;line-height:20px !important}
#content form[action*="payment_method"]>.buttons #btn-next{padding:12px 40px !important;font-size:18px !important;font-weight:bold;border-radius:22px !important;height:auto !important;line-height:22px !important}
}

/* ===== Pagamento con carta (SumUp) ===== */
@media (min-width:768px){
#content:has(>#sumup-card)>h3{font-size:20px !important;margin:0 0 4px !important;text-shadow:0 1px 2px rgba(0,0,0,.5)}
#content:has(>#sumup-card)>h3 a{color:#fff !important}
#content h4.order-total{font-size:26px !important;font-weight:bold;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55);margin:0 0 14px !important}
#content h4.order-total .label{font-size:17px;font-weight:normal}
#sumup-card{max-width:600px}
#sumup-card fieldset{background:none !important}
#sumup-card form button:not([data-testid="apple-pay-button"]){background:#c5e80e !important;color:#138a13 !important;font-weight:bold;font-size:18px !important;border-radius:10px}
}

/* ===== Menu di destra: riquadro bianco, voci centrate, pagamenti centrati ===== */
@media (min-width:768px){
#sidebar{background:rgba(255,255,255,.94) !important;background-image:none !important;border-radius:14px !important;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:6px 0 14px !important;overflow:hidden}
#side_menu{margin:0 !important;padding:0 !important;width:auto !important}
#side_menu li{float:none !important;width:auto !important;height:auto !important;margin:0 !important;list-style:none;background:none !important;border:0 !important}
#side_menu li.separator{display:none !important}
#side_menu li a{display:block !important;text-align:center !important;padding:11px 16px !important;font-size:15px !important;line-height:20px !important;height:auto !important;color:#1d3d14 !important;font-weight:normal !important;text-shadow:none !important;background:none !important;border-bottom:1px solid #e8eee2 !important;border-radius:0 !important;white-space:normal}
#side_menu li a:hover{background:#eef6e9 !important;color:#2f6b22 !important}
#side_menu li.selected a{background:#2f6b22 !important;color:#fff !important}
#safe-paypal{display:flex !important;flex-direction:column;align-items:center;gap:6px;margin:14px 0 0 !important;padding:0 16px !important;text-align:center !important;width:auto !important;float:none !important}
#safe-paypal span{display:block;font-size:13px !important;font-style:italic;color:#555;float:none !important;position:static !important}
#safe-paypal img{display:block;margin:0 auto !important;float:none !important}
}

/* ===== Riepilogo ordine e dettaglio ordine: tabella ===== */
@media (min-width:768px){
#content:has(:is(#order-summary,#order-table))>h3{font-size:20px !important;margin:0 0 12px !important;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}
:is(#order-summary,#order-table){width:100% !important;border-collapse:separate !important;border-spacing:0;background:rgba(255,255,255,.94) !important;border:0 !important;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);overflow:hidden;font-size:15px}
:is(#order-summary,#order-table) td,:is(#order-summary,#order-table) th{border:0 !important;background:none !important}
:is(#order-summary,#order-table) thead tr.summary>td{padding:16px 20px !important;vertical-align:top;font-size:15px !important;line-height:1.5}
:is(#order-summary,#order-table) thead tr.summary:first-child>td+td{border-left:1px solid #e3ead9 !important}
:is(#order-summary,#order-table) .recipient{font-size:17px}
:is(#order-summary,#order-table) .address{margin:4px 0 14px}
:is(#order-summary,#order-table) .payment_method h4{font-size:14px !important;font-weight:bold;color:#2f6b22;text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px !important}
:is(#order-summary,#order-table) .payment_method ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 !important;padding:0 !important}
:is(#order-summary,#order-table) .payment_method ul li{margin:0 !important}
:is(#order-summary,#order-table) .payment_method ul li label{display:flex;align-items:center;gap:8px;height:100%;min-height:44px;padding:6px 12px;border:1.5px solid #ccc;border-radius:10px;background:#fff;font-size:14px !important;box-sizing:border-box;cursor:pointer;text-align:left !important}
:is(#order-summary,#order-table) .payment_method ul li label:has(input:checked){border-color:#2f6b22;background:#eef6e9;font-weight:bold}
:is(#order-summary,#order-table) .payment_method ul li label:has(input:disabled){opacity:.55;font-size:12px !important}
:is(#order-summary,#order-table) .payment_method ul li label input{width:17px;height:17px;accent-color:#2f6b22;margin:0 !important;flex:0 0 auto}
:is(#order-summary,#order-table) #pay_widget a.button{display:inline-block;margin-top:14px;padding:13px 40px !important;font-size:19px !important;font-weight:bold;border-radius:22px !important;height:auto !important;line-height:22px !important}
:is(#order-summary,#order-table) .phone>br:first-child{display:none}
:is(#order-summary,#order-table) .field label{display:block;margin:10px 0 4px}
:is(#order-summary,#order-table) textarea#notes{width:100% !important;min-height:70px;box-sizing:border-box;border:1px solid #bbb;border-radius:8px;padding:8px 10px;font-size:15px}
:is(#order-summary,#order-table) td.status{padding:12px 20px !important;border-top:1px solid #e3ead9 !important;border-bottom:1px solid #e3ead9 !important;text-align:center}
:is(#order-summary,#order-table) td.status div.status{font-size:16px}
:is(#order-summary,#order-table) td.status span.status{display:inline-block;padding:4px 14px;border-radius:14px;background:#fff4e0;border:1px solid #e0b860;color:#8a5a00;font-weight:bold;text-transform:none !important}
:is(#order-summary,#order-table) #history:empty{display:none}
:is(#order-summary,#order-table) tbody th{font-size:13px !important;text-transform:uppercase;letter-spacing:.03em;color:#555;padding:10px 8px !important;border-bottom:2px solid #c9d9b5 !important}
:is(#order-summary,#order-table) tbody td{padding:12px 8px !important;font-size:15px !important;border-bottom:1px solid #e6e6e6 !important}
:is(#order-summary,#order-table) tbody td:first-child,:is(#order-summary,#order-table) tbody th:first-child{padding-left:20px !important}
:is(#order-summary,#order-table) tbody td:last-child,:is(#order-summary,#order-table) tfoot td:last-child{padding-right:20px !important;font-weight:bold}
:is(#order-summary,#order-table) tfoot th,:is(#order-summary,#order-table) tfoot td{padding:8px !important;font-size:15px !important}
:is(#order-summary,#order-table) tfoot tr.total th,:is(#order-summary,#order-table) tfoot tr.total td{font-size:20px !important;font-weight:bold;border-top:2px solid #c9d9b5 !important;padding-top:12px !important;padding-bottom:14px !important}
#content form:has(#order-table)>.buttons{display:flex !important;justify-content:flex-end;gap:12px;margin-top:16px !important;width:auto !important}
#content form:has(#order-table)>.buttons a.button{background:#fff !important;background-image:none !important;border:2px solid #084828 !important;color:#084828 !important;text-shadow:none !important;box-shadow:none !important;font-weight:700 !important;padding:10px 18px !important;font-size:15px !important;border-radius:18px !important;height:auto !important;line-height:20px !important}
/* v2.0.46: ordine (admin) - «Indietro» e «Pro-Forma» con bordo e testo verde bosco (prima bianchi con bordo grigio, poco visibili);
   «Elimina Pro-Forma» (link di cancellazione) in rosso scuro */
#content form:has(#order-table)>.buttons a.button:hover{background:#084828 !important;color:#fff !important}
#content form:has(#order-table)>.buttons a.button:is([href*="delete" i],[href*="elimin" i],[href*="remove" i],[href*="destroy" i],[onclick*="confirm"]){border-color:#a32020 !important;color:#a32020 !important}
#content form:has(#order-table)>.buttons a.button:is([href*="delete" i],[href*="elimin" i],[href*="remove" i],[href*="destroy" i],[onclick*="confirm"]):hover{background:#a32020 !important;color:#fff !important}
#content form:has(#order-table)>.buttons #btn-update{padding:10px 26px !important;font-size:16px !important;font-weight:bold;border-radius:20px !important;height:auto !important;line-height:20px !important}
}

/* ===== I tuoi ordini ===== */
@media (min-width:768px){
#content:has(#orders) h3{font-size:20px !important;margin:0 0 12px !important;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}
#orders{width:100% !important;border-collapse:separate !important;border-spacing:0;background:rgba(255,255,255,.94) !important;border:0 !important;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);overflow:hidden}
#orders th,#orders td{border:0 !important;background:none !important}
#orders thead th{font-size:13px !important;text-transform:uppercase;letter-spacing:.03em;color:#555;padding:12px 10px !important;border-bottom:2px solid #c9d9b5 !important;text-align:left !important}
#orders thead th:nth-child(5){text-align:right !important}
#orders tbody tr{background:#fff !important}
#orders tbody tr.row2{background:#f6f9f3 !important}
#orders tbody td{padding:11px 10px !important;font-size:15px !important;border-bottom:1px solid #edf1e8 !important;text-align:left !important}
#orders tbody td:first-child,#orders thead th:first-child{padding-left:20px !important}
#orders tbody td:first-child a{font-weight:bold;color:#1d3d14 !important}
#orders tbody td:nth-child(5){text-align:right !important;font-weight:bold;white-space:nowrap}
#orders tbody td:nth-child(3),#orders tbody td:nth-child(4){color:#666;font-size:14px !important;white-space:nowrap}
#orders tbody tr:hover td{background:#eef6e9 !important;cursor:pointer}
#orders tbody td:last-child{padding-right:20px !important;font-size:13px !important}
#orders tbody tr.status4 td:last-child{color:#888 !important}
#orders tbody td:last-child a{display:inline-block;padding:5px 14px;border-radius:14px;font-size:14px !important;font-weight:bold;background:#c5e80e;color:#138a13 !important;text-decoration:none}
#orders tfoot th{border:0 !important;padding:12px 20px !important;text-align:center !important;font-size:15px !important}
#orders .pagination a,#orders .pagination strong{display:inline-block;min-width:34px;padding:6px 10px;margin:0 2px;border-radius:16px;text-align:center}
#orders .pagination strong{background:#2f6b22;color:#fff}
#orders .pagination a{background:#fff;border:1px solid #c9d9b5}
}

/* ===== Pagine con colonna destra dentro il contenuto e piè di pagina dentro #main (es. I tuoi dati, Credenziali) ===== */
@media (min-width:768px){
#main:not(:has(>#macro_menu)){flex-wrap:wrap}
#main>#content{flex:1 1 0 !important}
#main>#footer{flex:0 0 100%;order:3}
#main:has(>#content>#toolbox)>#content{display:flex !important;align-items:flex-start;gap:12px;width:auto !important;margin-right:0 !important}
#content>#toolbox{position:static !important;flex:0 0 270px;order:2;width:270px !important}
#content:has(>#toolbox)>.page{flex:1 1 auto;min-width:0}
}

/* ===== I tuoi dati (profilo) ===== */
@media (min-width:768px){
#content>.page:has(>.user){background:rgba(255,255,255,.94) !important;background-image:none !important;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:18px 24px !important;box-sizing:border-box;width:auto !important}
#content>.page:has(>.user)>h3{font-size:20px !important;color:#2f6b22 !important;text-shadow:none !important;margin:0 0 2px !important;padding-bottom:10px;border-bottom:2px solid #c9d9b5}
#content>.page:has(>.user)>h4{font-size:14px !important;color:#777 !important;font-weight:normal !important;margin:8px 0 12px !important}
#content>.page .user{font-size:15px !important;line-height:1.6}
#content>.page .user p{font-size:15px !important;margin:4px 0 !important}
#content>.page .user h4{font-size:13px !important;text-transform:uppercase;letter-spacing:.03em;color:#2f6b22 !important;margin:18px 0 6px !important;text-shadow:none !important}
#content>.page .user>h4:first-of-type{font-size:18px !important;text-transform:none;letter-spacing:0;color:#222 !important;margin-top:14px !important}
#content>.page .user .address br+br{display:none}
#content>.page .user .buttons{display:flex !important;justify-content:flex-end;margin-top:16px !important;width:auto !important}
#content>.page .user .buttons a.button{padding:11px 34px !important;font-size:17px !important;font-weight:bold;border-radius:22px !important;height:auto !important;line-height:22px !important}
}

/* ===== Recupero credenziali ===== */
@media (min-width:768px){
#content:has(>form[action*="users/credentials"]){align-self:flex-start;background:rgba(255,255,255,.94) !important;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:20px 24px !important;box-sizing:border-box}
#content:has(>form[action*="users/credentials"])>h3{font-size:20px !important;color:#2f6b22 !important;text-shadow:none !important;margin:0 0 12px !important;padding-bottom:10px;border-bottom:2px solid #c9d9b5}
#content:has(>form[action*="users/credentials"])>p{font-size:15px !important;line-height:1.5;color:#333;margin:0 0 6px !important}
#content:has(>form[action*="users/credentials"])>p br+br{display:none}
#content>form[action*="users/credentials"]{display:flex !important;align-items:flex-end;gap:12px;margin-top:10px !important;width:auto !important}
#content>form[action*="users/credentials"]>label{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;font-size:14px !important;font-weight:bold;color:#444}
#content>form[action*="users/credentials"] #email{width:100% !important;height:42px !important;font-size:16px !important;padding:0 12px !important;border:1px solid #bbb !important;border-radius:8px !important;box-sizing:border-box;margin:0 !important;background:#fff !important}
#content>form[action*="users/credentials"] #btn-send{padding:11px 34px !important;font-size:17px !important;font-weight:bold;border-radius:22px !important;height:auto !important;line-height:20px !important;margin:0 !important}
}

/* ===== Pagine di contenuto (Chi siamo, Contatti, Tempi di consegna, Il migliore prezzo, Recesso...) ===== */
/* Niente !important su testi e paragrafi: gli stili scritti nella pagina (gestione contenuti) restano prioritari */
@media (min-width:768px){
#content>.page:not(:has(>.user)){background:rgba(255,255,255,.94) !important;background-image:none !important;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:20px 28px 24px !important;box-sizing:border-box;width:auto !important;color:#222;font-size:15px;line-height:1.55}
#content>.page:not(:has(>.user))>h3{font-size:22px !important;color:#2f6b22 !important;text-shadow:none !important;margin:0 0 14px !important;padding-bottom:10px;border-bottom:2px solid #c9d9b5}
#content>.page:not(:has(>.user))>:is(h1,h2){font-size:17px;color:#2f6b22;text-shadow:none;letter-spacing:.02em;margin:18px 0 8px}
#content>.page:not(:has(>.user))>:is(h1,h2)>br:first-child{display:none}
#content>.page:not(:has(>.user)) p,#content>.page:not(:has(>.user)) li{font-size:15px;line-height:1.55;margin:0 0 2px}
#content>.page:not(:has(>.user)) img{max-width:100%;height:auto}
}

/* ===== Correzioni v1.1 (02/11/2026) ===== */
/* 1. Menu in alto: lascia passare i clic alla casella di ricerca */
@media (min-width:768px){
#main_menu{pointer-events:none;align-items:flex-start}
#main_menu>li{pointer-events:auto}
}
/* 2. Immagine della categoria staccata dall'ultimo prodotto */
@media (min-width:768px){
#content>.catimage{margin-top:20px !important}
#content>.catimage img{display:block;max-width:100%;height:auto;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
}
/* 3. Pagina più stretta (max 1300px), più margine ai lati */
@media (min-width:1000px){
#page,#header,#main{width:min(1300px, calc(100vw - 120px)) !important}
#products_country_chooser{left:max(60px, calc(50% - 650px)) !important}
}
/* 4. Sfondo: velatura verde su tutto lo schermo, attenua il bianco dei raggi ai lati */
@media (min-width:1000px){
body{position:relative;z-index:0}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 60% 75% at 50% 20%, rgba(30,95,22,0) 45%, rgba(30,95,22,.55) 85%, rgba(24,80,18,.75) 100%)}
}

/* ===== Novita v1.2 (03/11/2026) ===== */

/* --- v1.2.1 Pagina categoria: tendine in alto, griglia a due colonne, colonna destra --- */
@media (min-width:768px){
#main:has(>#macro_menu){display:grid !important;grid-template-columns:minmax(0,1fr) 230px;column-gap:18px;align-items:start;height:auto !important}
#main:has(>#macro_menu)>#toolbox{display:contents !important}
#main:has(>#macro_menu) #side_menu_cat{display:contents !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested{display:none !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current,#main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested{display:block !important;width:auto !important;height:auto !important;border:0 !important;margin:0 0 10px !important;background:none !important;position:relative;box-shadow:none !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested{grid-column:1;grid-row:1}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current{grid-column:1;grid-row:3}
#main:has(>#macro_menu)>#content{grid-column:1;grid-row:4;width:auto !important;margin:0 !important}
#main:has(>#macro_menu)>#macro_menu{grid-column:1;grid-row:5;width:auto !important;margin:22px 0 0 !important}
#main:has(>#macro_menu)>#footer{grid-column:1 / -1;grid-row:6;width:auto !important}
#main:has(>#macro_menu) #cart{grid-column:2;grid-row:1 / 4;align-self:start;position:relative !important;left:auto !important;top:auto !important;width:auto !important;margin:0 0 12px !important}
#main:has(>#macro_menu) #sidebar{grid-column:2;grid-row:4;align-self:start;width:auto !important;position:static !important;margin:0 !important}
#main:has(>#macro_menu) #toolbox-bottom{grid-column:2;grid-row:5;align-self:start;position:static !important;width:auto !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>label,#main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested>label{display:block !important;padding:11px 18px !important;border-radius:22px !important;background:#fff !important;border:2px solid #2f6b22 !important;color:#2f6b22 !important;font-size:16px !important;font-weight:bold;text-align:left !important;cursor:pointer;margin:0 !important;height:auto !important;line-height:22px !important;text-shadow:none !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested>label{font-size:0 !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested>label::after{font-size:16px;font-weight:bold}
html:lang(it) #main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested>label::after{content:"Catalogo completo \0025BE"}
html:lang(en) #main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested>label::after{content:"Full catalogue \0025BE"}
html:lang(fr) #main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested>label::after{content:"Catalogue complet \0025BE"}
html:lang(de) #main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested>label::after{content:"Gesamtkatalog \0025BE"}
html:lang(es) #main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested>label::after{content:"Catálogo completo \0025BE"}
html:lang(it) #main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested:has(>input:checked)>label::after{content:"Catalogo completo \0025B4"}
html:lang(en) #main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested:has(>input:checked)>label::after{content:"Full catalogue \0025B4"}
html:lang(fr) #main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested:has(>input:checked)>label::after{content:"Catalogue complet \0025B4"}
html:lang(de) #main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested:has(>input:checked)>label::after{content:"Gesamtkatalog \0025B4"}
html:lang(es) #main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested:has(>input:checked)>label::after{content:"Catálogo completo \0025B4"}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested>ul{display:none !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{font-weight:normal}
html:lang(it) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:" \002013 sottocategorie \0025BE"}
html:lang(en) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:" \002013 subcategories \0025BE"}
html:lang(fr) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:" \002013 sous-cat\0000E9gories \0025BE"}
html:lang(de) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:" \002013 Unterkategorien \0025BE"}
html:lang(es) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:" \002013 subcategor\0000EDas \0025BE"}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label::after{content:" \0025B4" !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul{display:none !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label,#main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested:has(>input:checked)>label{border-radius:22px 22px 0 0 !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested:has(>input:checked){margin-bottom:0 !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:not(:checked)~ul{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));width:auto !important;height:auto !important;margin:0 !important;padding:6px !important;box-sizing:border-box;background:#fff !important;border:2px solid #2f6b22;border-top:1px solid #c6d9bf;border-radius:0 0 14px 14px;box-shadow:0 6px 14px rgba(0,0,0,.2)}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>ul>li{display:block !important;float:none !important;width:auto !important;height:auto !important;margin:0 !important;border:0 !important;background:none !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>ul>li>a{display:block !important;padding:9px 12px !important;font-size:15px !important;line-height:20px !important;height:auto !important;text-align:left !important;border:0 !important;border-radius:8px !important;background:none !important;color:#1d3d14 !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>ul>li>a:hover{background:#eef6e9 !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>ul>li.selected>a{background:#2f6b22 !important;color:#fff !important}
#main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu{grid-row:2;margin:0 0 10px !important;display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 !important;padding:6px !important;background:#fff !important;border:2px solid #2f6b22 !important;border-top:1px solid #c6d9bf !important;border-radius:0 0 14px 14px !important;box-shadow:0 6px 14px rgba(0,0,0,.2) !important}
#main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu a{display:block !important;padding:9px 12px !important;font-size:15px !important;border:0 !important;border-radius:8px !important;background:none !important;color:#1d3d14 !important}
#main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu a:hover{background:#eef6e9 !important}
#main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu li.selected a{background:#2f6b22 !important;color:#fff !important}
#sidebar{background:rgba(255,255,255,.55) !important;box-shadow:none !important;border-radius:10px !important;padding:4px 0 10px !important}
#side_menu li a{font-size:14px !important;font-weight:bold !important;padding:7px 10px !important;border-bottom:1px solid rgba(47,107,34,.15) !important;color:#1d3d14 !important}
#side_menu li a:hover{background:rgba(255,255,255,.6) !important}
#safe-paypal{margin-top:10px !important}
}

/* --- v1.2.2 Ritocchi colonna destra e menu --- */
@media (min-width:768px){
#main:has(>#macro_menu){padding-top:12px !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:not(:checked)~ul{grid-template-columns:1fr !important;max-height:60vh;overflow-y:auto !important;padding:4px 0 !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>ul>li>a{border-radius:0 !important;border-bottom:1px solid #eef2ea !important;padding:10px 18px !important}
#header{height:252px !important}
#main_menu{top:204px !important}
#gscbox{top:202px !important}
#welcome_text{top:168px !important}
#sidebar{background:rgba(255,255,255,.92) !important;border:2px solid #2f6b22 !important;border-radius:14px !important;box-shadow:none !important;padding:2px 0 12px !important}
#side_menu li a{font-weight:normal !important;color:#2f6b22 !important;font-size:14px !important;padding:8px 12px !important;border-bottom:1px solid #e3ecdc !important}
#side_menu li a:hover{background:#eef6e9 !important}
#safe-paypal span{color:#2f6b22 !important}
#toolbox a[href*="pumpsgardens"]{border:2px solid #2f6b22 !important;box-shadow:none !important;border-radius:14px !important;padding:10px 0 !important}
#toolbox a[href*="pumpsgardens"] img{width:170px !important;max-width:170px !important}
}

/* --- v1.2.3 Descrizione prodotto --- */
@media (min-width:768px){
#content #products li.prod p.desc{font-size:15px !important;line-height:1.5 !important}
}

/* --- v1.2.4 Griglia, carattere, carrello, casella di ricerca per fasce di larghezza --- */
@media (min-width:768px){
#main:has(>#macro_menu){position:relative !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested{grid-row:1 !important;align-self:start}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current{grid-row:1 !important;align-self:start;margin-top:58px !important;z-index:40}
#main:has(>#macro_menu) #cart{grid-row:1 !important;height:auto !important;overflow:visible !important}
#main:has(>#macro_menu) #sidebar{grid-row:2 !important;margin-top:0 !important}
#main:has(>#macro_menu)>#content{grid-row:2 !important;margin-top:6px !important}
#main:has(>#macro_menu)>#macro_menu{grid-row:3 !important}
#main:has(>#macro_menu) #toolbox-bottom{grid-row:3 !important}
#main:has(>#macro_menu)>#footer{grid-row:4 !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:not(:checked)~ul{position:absolute !important;top:100%;left:0;right:0;z-index:50}
#main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu{position:absolute !important;top:58px;left:0;width:calc(100% - 248px) !important;z-index:60;margin:0 !important;grid-row:auto !important}
#gscbox .gsc-control-cse,#gscbox .gsc-control-searchbox-only{padding:0 !important;margin:0 !important}
#gscbox form.gsc-search-box,#gscbox table.gsc-search-box{margin:0 !important;width:100% !important}
#content #products li.prod h3.name,#content #products li.prod h3.name a{font-size:18px !important}
#content #products li.prod .price{font-size:22px !important}
#content #products li.prod p.desc{font-size:16px !important;line-height:1.5 !important}
#products li.prod form label{font-size:15px !important}
#macro_menu a{font-size:15px !important}
#side_menu li a{font-size:15px !important}
}
@media (min-width:768px){
#main:has(>#macro_menu) #cart{padding:10px 10px 10px 60px !important;background-size:44px auto !important;background-position:8px 12px !important}
#main:has(>#macro_menu) #cart #cart-show{width:56px !important}
#main:has(>#macro_menu) #cart dl{grid-template-columns:1fr max-content !important}
#main:has(>#macro_menu) #cart dd{overflow:visible !important;white-space:nowrap !important;width:auto !important}
}
@media (min-width:768px) and (max-width:1249px){#header{height:300px !important}#gscbox{top:256px !important;left:0 !important;right:auto !important;width:calc(100% - 248px) !important}}
@media (min-width:768px) and (max-width:999px){#page{width:auto !important;margin:0 20px !important}#header,#main{width:auto !important}}
html:lang(it) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:" \002013\000020sottocategorie\000020\0025BE" !important}
html:lang(en) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:" \002013\000020subcategories\000020\0025BE" !important}
html:lang(fr) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:" \002013\000020sous-cat\0000E9gories\000020\0025BE" !important}
html:lang(de) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:" \002013\000020Unterkategorien\000020\0025BE" !important}
html:lang(es) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:" \002013\000020subcategor\0000EDas\000020\0025BE" !important}
@media (min-width:900px) and (max-width:1249px){#header{height:252px !important}#gscbox{top:206px !important;left:auto !important;right:0 !important;width:230px !important}}
@media (min-width:768px){#gscbox td.gsc-input{padding:0 !important}#gscbox .gsc-input-box{height:36px !important;box-sizing:border-box !important;border-radius:18px !important;padding:0 6px 0 12px !important;display:flex;align-items:center;border:1px solid #c9d9b5 !important;box-shadow:0 1px 3px rgba(0,0,0,.25) !important}#gscbox table.gsc-input{width:100%}}
@media (min-width:900px){#gscbox{top:204px !important}}
@media (min-width:768px) and (max-width:999px){#page{margin:0 44px !important}}
@media (min-width:900px) and (max-width:999px){#main_menu a{padding:8px 11px !important}}
@media (min-width:768px) and (max-width:999px){#main:has(>#macro_menu){grid-template-columns:minmax(0,1fr) 210px !important;column-gap:16px !important}#main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu{width:calc(100% - 226px) !important}}
@media (min-width:900px) and (max-width:999px){#gscbox{width:210px !important}}
@media (min-width:768px) and (max-width:999px){#main:has(>#macro_menu) #cart{padding:10px 8px 10px 50px !important;background-size:38px auto !important;background-position:6px 12px !important}#main:has(>#macro_menu) #cart #cart-show{width:46px !important}#main:has(>#macro_menu) #cart dt,#main:has(>#macro_menu) #cart dd{font-size:13px !important}}

/* --- v1.2.5 Etichette delle tendine --- */
@media (min-width:768px){
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>label,#main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested>label{height:48px !important;box-sizing:border-box !important;display:flex !important;align-items:center;gap:6px;padding:0 18px !important}
html:lang(it) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::before{content:"Tutti i prodotti";font-weight:normal}
html:lang(it) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:"\0025BE" !important}
html:lang(it) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label::after{content:"\0025B4" !important}
html:lang(en) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::before{content:"All products";font-weight:normal}
html:lang(en) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:"\0025BE" !important}
html:lang(en) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label::after{content:"\0025B4" !important}
html:lang(fr) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::before{content:"Tous les produits";font-weight:normal}
html:lang(fr) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:"\0025BE" !important}
html:lang(fr) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label::after{content:"\0025B4" !important}
html:lang(de) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::before{content:"Alle Produkte";font-weight:normal}
html:lang(de) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:"\0025BE" !important}
html:lang(de) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label::after{content:"\0025B4" !important}
html:lang(es) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::before{content:"Todos los productos";font-weight:normal}
html:lang(es) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:"\0025BE" !important}
html:lang(es) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label::after{content:"\0025B4" !important}
}


/* --- v1.2.6 Etichetta "Marca - tutti i prodotti" --- */
@media (min-width:768px){
html:lang(it) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::before{content:none !important}
html:lang(it) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:"\002013\000020tutti i prodotti\000020\0025BE" !important;font-weight:normal}
html:lang(it) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label::after{content:"\002013\000020tutti i prodotti\000020\0025B4" !important}
html:lang(en) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::before{content:none !important}
html:lang(en) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:"\002013\000020all products\000020\0025BE" !important;font-weight:normal}
html:lang(en) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label::after{content:"\002013\000020all products\000020\0025B4" !important}
html:lang(fr) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::before{content:none !important}
html:lang(fr) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:"\002013\000020tous les produits\000020\0025BE" !important;font-weight:normal}
html:lang(fr) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label::after{content:"\002013\000020tous les produits\000020\0025B4" !important}
html:lang(de) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::before{content:none !important}
html:lang(de) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:"\002013\000020alle Produkte\000020\0025BE" !important;font-weight:normal}
html:lang(de) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label::after{content:"\002013\000020alle Produkte\000020\0025B4" !important}
html:lang(es) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::before{content:none !important}
html:lang(es) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after{content:"\002013\000020todos los productos\000020\0025BE" !important;font-weight:normal}
html:lang(es) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label::after{content:"\002013\000020todos los productos\000020\0025B4" !important}
}
@media (min-width:1000px){#main:has(>#macro_menu){grid-template-columns:minmax(0,1fr) 215px !important}#main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu{width:calc(100% - 233px) !important}}
@media (min-width:1000px) and (max-width:1249px){#gscbox{width:215px !important}}
@media (min-width:768px) and (max-width:999px){#main:has(>#macro_menu){grid-template-columns:minmax(0,1fr) 198px !important}#main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu{width:calc(100% - 214px) !important}#main:has(>#macro_menu) #cart{padding-left:44px !important;background-size:34px auto !important}#main:has(>#macro_menu) #cart #cart-show{width:42px !important}}
@media (min-width:900px) and (max-width:999px){#gscbox{width:198px !important}}

/* --- v1.2.7 Colonna destra 230/210px, carrello con bordo, pulsanti menu piu leggibili --- */
@media (min-width:1000px){#main:has(>#macro_menu){grid-template-columns:minmax(0,1fr) 230px !important}#main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu{width:calc(100% - 248px) !important}}
@media (min-width:1000px) and (max-width:1249px){#gscbox{width:230px !important}}
@media (min-width:768px) and (max-width:999px){#main:has(>#macro_menu){grid-template-columns:minmax(0,1fr) 210px !important}#main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu{width:calc(100% - 226px) !important}}
@media (min-width:900px) and (max-width:999px){#gscbox{width:210px !important}}
@media (min-width:768px){#main:has(>#macro_menu) #cart{border:2px solid #2f6b22 !important;box-shadow:none !important;border-radius:14px !important;padding:12px 14px 12px 52px !important;background-position:10px 14px !important;background-size:36px auto !important}#main:has(>#macro_menu) #cart #cart-show{width:50px !important}#main_menu a{background-color:rgba(197,232,14,.55) !important}}

/* --- v1.2.8 Colonna destra: macrocategorie e categorie della marca, carrello, ricerca, banner, logo P&G --- */
/* bozza8 (02/11/2026): carrello allineato a dx, piu' spazio tra prodotti, font menu destro,
   macrocategorie + sottocategorie in colonna destra (spostate, non duplicate) */
@media (min-width:768px){
#main:has(>#macro_menu){grid-template-rows:auto auto auto auto 1fr !important}
#main:has(>#macro_menu)>#content{grid-row:2 / 6 !important}
#main:has(>#macro_menu) #toolbox-bottom{grid-row:5 !important;grid-column:2 !important}

/* carrello: cifre a destra */
#main:has(>#macro_menu) #cart dl{padding-left:0 !important;width:auto !important}
#main:has(>#macro_menu) #cart dd{text-align:right !important;justify-self:end !important}

/* piu' spazio tra un prodotto e l'altro */
#main:has(>#macro_menu) #products li.prod{margin-bottom:12px !important}

/* menu destro: carattere leggibile */
#side_menu li a,#safe-paypal span{font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;font-size:14px !important;font-weight:600 !important;letter-spacing:0 !important;color:#234d1a !important}

/* sottocategorie: etichetta resta in alto, elenco va in colonna destra */
#main:has(>#macro_menu) #side_menu_cat>li.nested.current{display:contents !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>label{grid-row:1 !important;grid-column:1 !important;align-self:start !important;margin:58px 0 10px !important;position:relative;z-index:40}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:not(:checked)~ul{position:absolute !important;top:118px !important;left:0 !important;z-index:60 !important}

/* schede elenco in colonna destra */
#main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu,
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul{display:block !important;grid-column:2 !important;align-self:start !important;position:static !important;width:auto !important;max-height:none !important;margin:14px 0 0 !important;padding:0 0 4px !important;border:2px solid #2f6b22 !important;border-radius:14px !important;background:rgba(255,255,255,.92) !important;box-shadow:none !important;overflow:hidden !important}
#main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu{grid-row:3 !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul{grid-row:4 !important}
#main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu li,
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li{display:block !important;margin:0 !important}
#main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu a,
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li>a{display:block !important;width:auto !important;height:auto !important;background:none !important;border:0 !important;border-bottom:1px solid #e3ecdc !important;border-radius:0 !important;box-shadow:none !important;padding:7px 12px !important;font:600 14px/1.35 "Segoe UI",Arial,Helvetica,sans-serif !important;color:#234d1a !important;white-space:normal !important;text-align:left !important}
#main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu li:last-child a,
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li:last-child>a{border-bottom:0 !important}
#main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu a:hover,
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li>a:hover{background:#eef6e9 !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li.selected>a{background:#eef6e9 !important;box-shadow:inset 4px 0 0 #2f6b22 !important}
#main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu::before,
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul::before{display:block;background:#2f6b22;color:#fff;padding:8px 12px;font:700 14px/1.3 "Segoe UI",Arial,Helvetica,sans-serif}
html:lang(it) #main:has(>#macro_menu)>#macro_menu::before{content:"Macrocategorie"}
html:lang(en) #main:has(>#macro_menu)>#macro_menu::before{content:"Main categories"}
html:lang(fr) #main:has(>#macro_menu)>#macro_menu::before{content:"Catégories"}
html:lang(de) #main:has(>#macro_menu)>#macro_menu::before{content:"Hauptkategorien"}
html:lang(es) #main:has(>#macro_menu)>#macro_menu::before{content:"Categorías"}
}
@media (min-width:1000px){
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:not(:checked)~ul{width:calc(100% - 248px) !important}
}
@media (min-width:768px) and (max-width:999px){
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:not(:checked)~ul{width:calc(100% - 226px) !important}
}
/* casella di ricerca: ombra uniforme, stessa altezza dei pulsanti verdi */
@media (min-width:768px){#gscbox .gsc-input-box{box-shadow:0 0 3px rgba(0,0,0,.28) !important}}
@media (min-width:1000px){#gscbox .gsc-input-box{height:38px !important;border-radius:19px !important}}
/* banner "prezzo online": spazio riservato, il box non si allunga al passaggio del mouse */
@media (min-width:768px){#products li.prod .online-price-container{height:14px !important;overflow:visible !important}}
/* logo Pumps & Gardens: senza riquadro esterno, bordino solo sulla foto (170px) */
@media (min-width:768px){#toolbox a[href*="pumpsgardens"]{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;border-radius:0 !important}#toolbox a[href*="pumpsgardens"] img{width:170px !important;max-width:170px !important;height:auto !important;border:2px solid #2f6b22 !important;border-radius:10px !important;box-sizing:border-box;display:inline-block}}
/* schede colonna destra: titolo a sinistra, voce corrente senza ombra sul testo */
@media (min-width:768px){
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul{text-align:left !important}
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li>a{text-shadow:none !important}
#main:has(>#macro_menu)>#macro_menu a{text-shadow:none !important}
#main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu li.selected>a{background:#eef6e9 !important;box-shadow:inset 4px 0 0 #2f6b22 !important}
}
/* scheda categorie: titolo = nome della macrocategoria, preso dall'id dell'elenco ("side_menu_cat::Nome").
   Il prefisso "side_menu_cat::" (110.48px in Arial grassetto 14px) viene spinto fuori e nascosto. */
@media (min-width:768px){
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul::before{content:attr(id) !important;white-space:nowrap;overflow:hidden;padding:8px 12px 8px 0 !important;border-left:12px solid #2f6b22;text-indent:-110.48px;font:700 14px/1.3 Arial,Helvetica,"Liberation Sans",sans-serif !important}
#main:has(>#macro_menu)>#macro_menu::before{font:700 14px/1.3 Arial,Helvetica,"Liberation Sans",sans-serif !important}
}
/* voce selezionata (macro e categoria): verde lime come i pulsanti del menu, testo scuro in grassetto */
@media (min-width:768px){#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li.selected>a,#main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu li.selected>a{background:rgba(197,232,14,.55) !important;color:#1d3d14 !important;font-weight:700 !important;box-shadow:inset 4px 0 0 #2f6b22 !important}}

/* --- v1.2.9 Box prodotti "vetro" --- */
/* box trasparenti, si vede lo sfondo verde, bordino bianco */
@media (min-width:768px){#main:has(>#macro_menu) #products>li.prod{background:rgba(255,255,255,.55) !important;border:1px solid rgba(255,255,255,.75) !important;box-shadow:none !important;border-radius:12px !important;padding-top:10px !important}#main:has(>#macro_menu) #products>li.prod a.img img{background:#fff;border:1px solid #d9e6cf !important;border-radius:6px}}

/* ===== Novita v1.3 (03/11/2026) ===== */
/* colonna destra: carrello, categorie della marca, macrocategorie, menu informazioni, logo P&G */
@media (min-width:768px){
#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul{grid-row:2 !important}
#main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu{grid-row:3 !important}
#main:has(>#macro_menu) #sidebar{grid-row:4 !important;margin-top:14px !important}
}

/* ===== Novita v1.4 (03/11/2026) ===== */
/* Nota: dalla v1.4 le regole della pagina categoria valgono anche per la pagina prodotto (stessa testata e colonna destra) */

/* --- v1.4.1 Pagina prodotto --- */
/* pagina prodotto: le colonne si stringono invece di invadere la colonna destra (sotto i 1000px) */
@media (min-width:768px){
#content .product.page{grid-template-columns:minmax(200px,38%) minmax(0,1fr) !important}
#content .product.page>*{min-width:0}
.product.page .shop form{min-width:0;max-width:100%;box-sizing:border-box}
.product.page .shop form>div:not([style]){display:flex !important;flex-wrap:wrap;align-items:center;gap:8px 12px}
/* scheda: sfondo bianco di prima, 28px di distacco dalla lista sotto, foto senza filo giallo */
#content .product.page{margin-bottom:28px !important}
#prod-images img{border:0 !important}
}
/* foto prodotto: riquadro almeno quadrato; foto intera di qualunque forma. Le foto molto alte allungano il riquadro (max 480px o 70% dello schermo) */
@media (min-width:768px){
#content .product.page{grid-template-columns:minmax(220px,42%) minmax(0,1fr) !important}
#content .product.page>#prod-images{aspect-ratio:1/1;box-sizing:border-box;display:flex !important;align-items:center;justify-content:center}
#content .product.page>#prod-images img{max-width:100% !important;max-height:min(480px,70vh) !important;width:auto !important;height:auto !important;object-fit:contain}
}
/* pulsanti Produttore / Istruzioni / Scheda tecnica: una riga a tutta larghezza, equidistanti, sotto foto e riquadro prezzo */
@media (min-width:768px){
#content .product.page>.content>.legal_info.buttons{grid-column:1 / -1 !important;grid-row:6 !important;flex-wrap:nowrap !important;justify-content:space-evenly;gap:10px;margin:18px 0 6px !important;width:auto !important}
#content .product.page>.content>.legal_info.buttons>a{white-space:nowrap}
}
/* schermi stretti (768-899px): scheda su una colonna - titolo, foto, descrizione, codice, prezzo, pulsanti, testo */
@media (min-width:768px) and (max-width:899px){
#content .product.page{grid-template-columns:minmax(0,1fr) !important}
#content .product.page>*,#content .product.page>.content>*{grid-column:1 !important;grid-row:auto !important;order:10}
#content .product.page>h3.name{order:0}
#content .product.page>#prod-images{order:1;width:min(100%,320px) !important;justify-self:center;margin-bottom:14px !important}
#content .product.page>h4.desc{order:2}
#content .product.page>.sku_code{order:3}
#content .product.page>.content>.shop{order:4}
#content .product.page>.content>.legal_info.buttons{order:5;gap:8px !important}
#content .product.page>.content>.legal_info.buttons>a{padding-left:12px !important;padding-right:12px !important;font-size:14px !important}
#content .product.page>.content>.buttons:not(.legal_info){order:11}
}
/* box della lista prodotti (pagina categoria e pagina prodotto): sotto i 900px non escono piu' verso la colonna destra */
@media (min-width:768px){
#content #products>li.prod{width:auto !important;max-width:100% !important;box-sizing:border-box !important;min-width:0 !important;grid-template-columns:90px minmax(0,1fr) !important}
#content #products>li.prod>*{min-width:0}
#content #products>li.prod form>div:not([style]){flex-wrap:wrap}
}

/* --- v1.4.2 Carrello, pagine generali, area clienti, fascia del menu --- */
/* pagine senza menu categorie (carrello, pagine informative): colonna destra larga come nella home (230 / 210px),
   contenuto che si stringe senza finire sotto la colonna */
@media (min-width:768px){
#main:not(:has(>#macro_menu)){display:flex !important;align-items:flex-start;flex-wrap:nowrap !important;gap:18px !important}
#main:not(:has(>#macro_menu))>#content{flex:1 1 0 !important;min-width:0 !important;width:auto !important;padding-right:0 !important}
#main:not(:has(>#macro_menu))>#toolbox{flex:0 0 230px !important;width:230px !important;min-width:0 !important}
#main:not(:has(>#macro_menu))>#toolbox>#sidebar,#main:not(:has(>#macro_menu))>#toolbox>#toolbox-bottom{width:auto !important;margin-left:0 !important;margin-right:0 !important}
#main:not(:has(>#macro_menu))>#toolbox>#toolbox-bottom{margin-top:14px !important;text-align:center}
/* tabella del carrello: occupa la larghezza disponibile, celle meno larghe */
#content:has(#cart_country_chooser) form table{width:100% !important;table-layout:auto}
#content:has(#cart_country_chooser) form table th,#content:has(#cart_country_chooser) form table td{padding-left:5px !important;padding-right:5px !important}
}
@media (min-width:768px) and (max-width:999px){
#main:not(:has(>#macro_menu))>#toolbox{flex-basis:210px !important;width:210px !important}
#main:not(:has(>#macro_menu)){gap:16px !important}
}
/* carrello: tabella a tutta larghezza, colonna destra sotto (menu informazioni e logo P&G affiancati) */
@media (min-width:768px){
#main:not(:has(>#macro_menu)):has(#cart_country_chooser){flex-direction:column !important;align-items:stretch}
#main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#content{flex:none !important;width:auto !important}
#main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox{flex:none !important;width:auto !important;display:flex !important;gap:16px;align-items:flex-start}
#main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#sidebar{flex:1 1 0}
#main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#toolbox-bottom{flex:0 0 190px;margin-top:0 !important}
}
/* carrello: menu informazioni su due colonne, pagamenti a destra */
@media (min-width:768px){
#main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#sidebar{display:grid !important;grid-template-columns:minmax(0,1fr) 200px;align-items:center;column-gap:16px;padding:6px 14px !important}
#main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#sidebar>#side_menu{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
#main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#sidebar>#side_menu li a{text-align:left !important}
#main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#sidebar>#safe-paypal{margin:0 !important;border-left:1px solid #e3ecdc;padding-left:12px}
}
/* carrello: riquadro menu e riquadro logo P&G della stessa altezza, logo centrato nel suo riquadro */
@media (min-width:768px){
#main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox{align-items:stretch !important}
#main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#sidebar{margin:0 !important}
#main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#toolbox-bottom{flex:0 0 210px !important;margin:0 !important;display:flex !important;align-items:center;justify-content:center;box-sizing:border-box;padding:10px !important;background:rgba(255,255,255,.92) !important;border:2px solid #2f6b22 !important;border-radius:14px !important}
#main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#toolbox-bottom>a{display:block !important}
#main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#toolbox-bottom>a img{border:0 !important;width:170px !important;max-width:100% !important;height:auto !important;display:block}
}
/* pagine senza menu categorie: contenuto e colonna destra partono alla stessa altezza, 32px sotto i pulsanti del menu */
@media (min-width:768px){
#main:not(:has(>#macro_menu))>#content{margin-top:20px !important}
#main:not(:has(>#macro_menu))>#toolbox>#sidebar{margin-top:20px !important}
}
/* titoli delle pagine generali: verde scuro con leggero alone */
@media (min-width:768px){
#main:not(:has(>#macro_menu))>#content>.page :is(h2,h3){color:#0f3d0a !important;text-shadow:0 0 10px rgba(255,255,255,.95),0 0 3px rgba(255,255,255,.9) !important}
#main:not(:has(>#macro_menu))>#content>.page>h3{border-bottom-color:rgba(255,255,255,.7) !important}
}
/* menu informazioni: niente spazio bianco sopra la prima voce (evita il doppio bordo) */
@media (min-width:768px){
#sidebar{padding-top:0 !important}
}
/* pagine generali su fondo bianco (si legge come il vecchio sito) */
@media (min-width:768px){#main:not(:has(>#macro_menu))>#content>.page{background:rgba(255,255,255,.94) !important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 2px 8px rgba(0,0,0,.15) !important;border:0 !important;border-radius:12px !important}}
/* filo verde come il menu di destra su tutti i riquadri bianchi principali (pagine, accesso, registrazione, credenziali, scheda prodotto) */
@media (min-width:768px){#main:not(:has(>#macro_menu))>#content>.page,#main:not(:has(>#macro_menu))>#content>.join,#main:not(:has(>#macro_menu))>#content>#loginbox,#main:not(:has(>#macro_menu))>#content:has(>.login)>form,#main:not(:has(>#macro_menu))>#content:has(>h3+p+form),#content .product.page{border:2px solid #2f6b22 !important;box-sizing:border-box}}
/* credenziali smarrite: il pulsante Invia non tocca il bordo */
@media (min-width:768px){#main:not(:has(>#macro_menu))>#content:has(>h3+p+form){padding-right:16px !important}}
/* I tuoi ordini: filo verde attorno alla tabella */
@media (min-width:768px){#main:not(:has(>#macro_menu))>#content>table#orders{box-shadow:0 0 0 2px #2f6b22 !important}}
/* I tuoi dati (profilo): qui la colonna destra e' DENTRO #content; riquadro e colonna affiancati come nelle altre pagine */
@media (min-width:768px){
#main:not(:has(>#macro_menu)):has(>#content>#toolbox){flex-direction:column !important;align-items:stretch !important}
#main:not(:has(>#macro_menu)):has(>#content>#toolbox)>#content{flex:none !important;width:auto !important;display:flex !important;align-items:flex-start;gap:18px}
#main:not(:has(>#macro_menu)):has(>#content>#toolbox)>#content>.page{flex:1 1 0 !important;min-width:0 !important;width:auto !important}
#main:not(:has(>#macro_menu)):has(>#content>#toolbox)>#content>#toolbox{flex:0 0 230px !important;width:230px !important;margin:0 !important}
#main:not(:has(>#macro_menu)):has(>#content>#toolbox)>#content>#toolbox>#sidebar,#main:not(:has(>#macro_menu)):has(>#content>#toolbox)>#content>#toolbox>#toolbox-bottom{width:auto !important;margin-left:0 !important;margin-right:0 !important}
#main:not(:has(>#macro_menu)):has(>#content>#toolbox)>#content>#toolbox>#sidebar{margin-top:0 !important}
#main:not(:has(>#macro_menu)):has(>#content>#toolbox)>#content>#toolbox>#toolbox-bottom{margin-top:14px !important;text-align:center}
#main:not(:has(>#macro_menu)):has(>#content>#toolbox)>#footer{width:auto !important}
}
@media (min-width:768px) and (max-width:999px){#main:not(:has(>#macro_menu)):has(>#content>#toolbox)>#content>#toolbox{flex-basis:210px !important;width:210px !important}#main:not(:has(>#macro_menu)):has(>#content>#toolbox)>#content{gap:16px}}
/* cliente collegato: "Disconnessione" esce dalla fila dei pulsanti e va accanto a "Salve, Nome", piccolo.
   Cosi' c'e' posto anche per "Chi siamo" (se Giorgio lo rende visibile ai clienti collegati) */
@media (min-width:768px){
#main_menu>li:has(>a[href*="logout"]){position:absolute !important;right:0;top:-38px}
#main_menu>li>a[href*="logout"]{font-size:12px !important;padding:4px 12px !important;background-color:rgba(255,255,255,.85) !important;color:#2f6b22 !important;border:1px solid #c9d9b5 !important;text-shadow:none !important}
body:has(#main_menu a[href*="logout"]) #welcome_text{padding-right:118px !important;box-sizing:border-box}
}
/* I tuoi ordini: tabella larga quanto il riquadro; sotto i 950px tabella a tutta larghezza e colonna destra sotto (come il carrello) */
@media (min-width:768px){#main:not(:has(>#macro_menu))>#content>table#orders{width:100% !important;max-width:100% !important}#main:not(:has(>#macro_menu))>#content>table#orders :is(th,td){padding-left:6px !important;padding-right:6px !important;white-space:normal !important}}
@media (min-width:768px) and (max-width:949px){
#main:not(:has(>#macro_menu)):has(>#content>table#orders){flex-direction:column !important;align-items:stretch !important}
#main:not(:has(>#macro_menu)):has(>#content>table#orders)>#content{flex:none !important;width:auto !important}
#main:not(:has(>#macro_menu)):has(>#content>table#orders)>#toolbox{flex:none !important;width:auto !important;display:flex !important;gap:16px;align-items:stretch !important}
#main:not(:has(>#macro_menu)):has(>#content>table#orders)>#toolbox>#sidebar{flex:1 1 0;margin:0 !important;display:grid !important;grid-template-columns:minmax(0,1fr) 200px;align-items:center;column-gap:16px;padding:6px 14px !important}
#main:not(:has(>#macro_menu)):has(>#content>table#orders)>#toolbox>#sidebar>#side_menu{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
#main:not(:has(>#macro_menu)):has(>#content>table#orders)>#toolbox>#sidebar>#safe-paypal{margin:0 !important;border-left:1px solid #e3ecdc;padding-left:12px}
#main:not(:has(>#macro_menu)):has(>#content>table#orders)>#toolbox>#toolbox-bottom{flex:0 0 210px !important;margin:0 !important;display:flex !important;align-items:center;justify-content:center;box-sizing:border-box;padding:10px !important;background:rgba(255,255,255,.92) !important;border:2px solid #2f6b22 !important;border-radius:14px !important}
#main:not(:has(>#macro_menu)):has(>#content>table#orders)>#toolbox>#toolbox-bottom>a img{border:0 !important;width:170px !important;max-width:100% !important;height:auto !important}
}
/* menu in alto: una FASCIA verde a tutta larghezza (come il vecchio sito, aggiornata), voci in bianco, voce aperta verde lime,
   casella di ricerca inserita a destra dentro la fascia. Angoli quasi squadrati per distinguerla dalle tendine. */
@media (min-width:768px){
#main_menu{background:linear-gradient(#3f8a2c,#2a6a1c) !important;border-radius:8px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 6px rgba(0,0,0,.3) !important;padding:4px 254px 4px 6px !important;height:auto !important;width:100% !important;right:auto !important;justify-content:space-between !important;box-sizing:border-box !important;align-items:center !important;pointer-events:auto !important}
#main_menu>li>a{background:none !important;background-color:transparent !important;border:0 !important;box-shadow:none !important;color:#fff !important;text-shadow:0 1px 1px rgba(0,0,0,.4) !important;padding:6px 16px !important;white-space:nowrap !important}
#main_menu>li>a:hover{background-color:rgba(255,255,255,.15) !important}
#main_menu>li.selected>a,#main_menu>li>a.selected{background-color:#c5e80e !important;background-image:none !important;color:#1d4d12 !important;text-shadow:none !important;border-radius:16px !important}
#gscbox{z-index:150 !important}
}
@media (min-width:1250px){#gscbox{left:auto !important;right:0 !important;width:230px !important}}
@media (min-width:900px){#gscbox{transform:translate(-6px,6px)}#gscbox .gsc-input-box{border-color:transparent !important;box-shadow:none !important}}
@media (min-width:768px) and (max-width:999px){#main_menu{padding-right:232px !important}#main_menu>li>a{padding:6px 10px !important}}
/* sotto i 900px la ricerca va sotto la fascia, a tutta larghezza */
@media (min-width:768px) and (max-width:899px){#main_menu{height:48px !important;padding-right:6px !important}#header{height:308px !important}#gscbox{top:260px !important;left:0 !important;right:auto !important;width:100% !important;transform:none !important}}
/* sotto i 900px: casella di ricerca larga esattamente quanto la fascia */
@media (min-width:768px) and (max-width:899px){#gscbox .gsc-control-cse,#gscbox form.gsc-search-box,#gscbox table.gsc-search-box,#gscbox table.gsc-input,#gscbox td.gsc-input{width:100% !important}#gscbox form.gsc-search-box{max-width:none !important}#gscbox .gsc-search-button,#gscbox td.gsc-search-button{display:none !important}}
/* cliente collegato con "Chi siamo" visibile (7 voci, Disconnessione compresa): tra 900 e 999px voci un filo piu' compatte, ci stanno accanto alla ricerca */
@media (min-width:900px) and (max-width:999px){#main_menu:has(>li:nth-child(7)){gap:2px !important}#main_menu:has(>li:nth-child(7))>li>a{padding:6px 7px !important;font-size:13.5px !important}}
/* pagine senza casella di ricerca (es. I tuoi dati): la fascia usa tutta la larghezza per le voci */
@media (min-width:768px){body:not(:has(#gscbox)) #main_menu{padding-right:6px !important}}

/* ===== Novita v1.5 (03/11/2026) ===== */
/* caselle dei moduli (soprattutto pagine di amministrazione: dettaglio ordine, categoria, campagne):
   il browser le disegnava a 13px e alte 17px, minuscole accanto al testo a 15px.
   :where() = specificita' zero: valgono solo dove nessun'altra regola decide gia'
   (i moduli pubblici gia' sistemati e le caselle quantita' non cambiano). */
@media (min-width:768px){
:where(#content :is(input:is([type=text],[type=email],[type=number],[type=password],[type=search],[type=date],[type=tel],[type=url],:not([type])),select,textarea):not([name=qty]):not(form[action*="/cart/"] *)){font-size:15px;min-height:32px;padding:4px 6px;border:1px solid #aaa;border-radius:6px;box-sizing:border-box;background-color:#fff;color:#222;vertical-align:middle}
:where(#content textarea:not(form[action*="/cart/"] *)){min-height:64px;line-height:1.4}
#content textarea[style*="font-size: 9px"]{font-size:14px !important}
:where(#content :is(input[type=submit],input[type=button],button):not(.cart):not(form[action*="/cart/"] *)){font-size:15px;min-height:32px;padding:4px 16px;cursor:pointer}
:where(#content input:is([type=checkbox],[type=radio]):not(form[action*="/cart/"] *)){width:18px;height:18px;vertical-align:-3px;accent-color:#2f6b22}
:where(#content input[type=file]){font-size:14px}
:where(#content input[style*="width: 3em"]){min-width:64px}
}

/* ===== Novita v1.6 (03/11/2026) =====
   - tolta la scritta "prezzi, IVA e spedizione calcolati per questo paese" accanto alla destinazione (5 regole, una per lingua, nella sezione della barra destinazione)
   - dettaglio ordine: i due numeri di telefono di nuovo su due righe (regola .phone>br:first-child, prima nascondeva anche l'a capo tra i numeri) */

/* ===== Novita v1.7 (03/11/2026) ===== */
/* casella di ricerca sopra la finestra dei risultati: con i risultati aperti resta fissa in cima, con le parole modificabili (prima la finestra la copriva) */
@media (min-width:768px){
body:has(.gsc-results-wrapper-visible) #gscbox{transform:none !important}
body:has(.gsc-results-wrapper-visible) #gscbox form.gsc-search-box{position:fixed !important;top:8px !important;left:50% !important;transform:translateX(-50%) !important;width:min(680px,calc(100vw - 24px)) !important;max-width:none !important;z-index:100005 !important;margin:0 !important;padding:6px 8px !important;background:#fff !important;border:2px solid #2f6b22 !important;border-radius:12px !important;box-shadow:0 4px 14px rgba(0,0,0,.35) !important;box-sizing:border-box !important}
body:has(.gsc-results-wrapper-visible) #gscbox .gsc-results-wrapper-overlay.gsc-results-wrapper-overlay{top:70px !important;height:calc(100% - 78px) !important;box-sizing:border-box !important}
}

/* ===== Novita v1.8 (03/11/2026) ===== */
/* Riquadro "Annotazioni" nel dettaglio ordine: bianco con bordo verde, testo in grassetto 18 px (vale anche per il cliente) */
@media (min-width:768px){
#content .phone~.field textarea[name=notes]{width:100% !important;box-sizing:border-box !important;min-height:80px !important;padding:8px 10px !important;font-size:18px !important;background:#fff !important;border:2px solid #2f6b22 !important;border-radius:10px !important;color:#111 !important;font-weight:bold !important;box-shadow:0 2px 6px rgba(0,0,0,.15) !important}
#content .phone~.field label[for=notes] strong{color:#2f6b22 !important;font-size:16px !important}
}

/* Foto nella lista prodotti sopra i 1000 px: colonna da 120 px come la foto (prima 90 px: la foto copriva l'inizio di titolo, descrizione e prezzo) */
@media (min-width:1000px){#content #products>li.prod{grid-template-columns:120px minmax(0,1fr) !important}}
/* Risultati di Google aperti: la casella e la finestra restano sopra i box dei prodotti (che hanno z-index 1000) */
@media (min-width:768px){body:has(.gsc-results-wrapper-visible) #gscbox{z-index:100010 !important}}
/* Tutto il sito un po' piu' piccolo (90%) su computer e tablet; sopra i 1000 px la pagina occupa la stessa larghezza di prima */
@media (min-width:768px){html{zoom:.9}}
@media (min-width:1000px){#page,#header,#main{width:min(1444px, calc((100vw - 120px) / .9)) !important}}
/* Tendine "sottocategorie" e "marche" aperte: sopra i box dei prodotti (z-index 1000 dal tema) */
@media (min-width:768px){#main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:not(:checked)~ul{z-index:1100 !important}#main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu{z-index:1100 !important}}
/* Scheda prodotto: il fumetto di "prezzo online" compare a destra dell'etichetta, sopra tutto (il modulo del carrello e' un flex item con z-index 1000) */
@media (min-width:768px){.product.page .shop .online-price-container{position:relative !important;z-index:1001 !important}.product.page .shop .online-price-tip{top:auto !important;bottom:0 !important;left:125px !important;z-index:5}} /* v2.0.45: il fumetto si apre verso l'alto (la base allineata al bollino) e non copre piu' prezzo e Aggiungi al carrello; prima top:-6px */
/* Pulsante "Disconnessione" accanto a "Salve, Nome": fondo bianco pieno e testo in grassetto, si legge anche sullo sfondo chiaro */
@media (min-width:768px){#main_menu>li>a[href*="logout"]{background-color:#fff !important;opacity:1 !important;font-weight:bold !important;font-size:13px !important;border:1px solid #2f6b22 !important;color:#2f6b22 !important}}
/* v1.8: tolta la sfocatura (backdrop-filter) dai box dei prodotti: con categorie lunghissime bloccava la pagina; fondo bianco al 55% al posto del 38% + vetro */
/* Lista prodotti rientrata di 10 px per lato rispetto ai menu (tutte le pagine con la lista) */
@media (min-width:768px){#content #products{margin:0 10px !important;width:auto !important}}
/* Tendina "Catalogo completo": una colonna, una voce sotto l'altra, come le sottocategorie (prima 4 colonne) */
@media (min-width:768px){html #main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu{grid-template-columns:1fr !important;max-height:60vh;overflow-y:auto !important;padding:4px 0 !important}html #main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu a{border-radius:0 !important;border-bottom:1px solid #eef2ea !important;padding:10px 18px !important}}

/* ===== Variante B (03/11/2026): sopra i 1000 px i due menu ("Catalogo completo" e "<categoria> - sottocategorie") stanno su una riga sola,
   affiancati; la lista prodotti parte una riga piu' in alto; le tendine aperte occupano tutta la larghezza della colonna; box prodotto con angoli 18 px.
   Per tornare a com'era basta togliere questo blocco. ===== */
@media (min-width:1000px){
html #main:has(>#macro_menu){grid-template-columns:minmax(230px,1fr) minmax(0,2fr) 230px !important} /* v2.0.47: "Catalogo completo" un terzo (min 230 px), riquadro categoria due terzi (prima meta' e meta') */
html #main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested{grid-column:1 !important;grid-row:1 !important}
html #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label{grid-column:2 !important;grid-row:1 !important;margin-top:0 !important}
html #main:has(>#macro_menu)>#content{grid-column:1/3 !important;grid-row:2/6 !important}
html #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul,html body #main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu,html #main:has(>#macro_menu) #sidebar,html #main:has(>#macro_menu) #toolbox-bottom{grid-column:3 !important}
html #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:not(:checked)~ul{top:58px !important;left:0 !important;right:auto !important;width:calc(100% - 248px) !important}
html #main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu{top:58px !important;grid-column:auto !important}
#content #products>li.prod{border-radius:18px !important}
/* carrello pieno: in cima alla colonna destra, poi sottocategorie, marche, link, badge */
html #main:has(>#macro_menu) #cart{grid-column:3 !important;grid-row:1/3 !important;align-self:start !important}
/* colonna destra, dall'alto: carrello (righe 1-2), sottocategorie (3), macrocategorie (4), link informazioni (5), banner Pumps & Gardens (6, con 16 px sopra); riga 7 vuota prende lo spazio che avanza */
html #main:has(>#macro_menu){grid-template-rows:auto auto auto auto auto auto minmax(0,1fr) !important}
html #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul{grid-row:3 !important}
html body #main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu{grid-row:4 !important}
html #main:has(>#macro_menu) #sidebar{grid-row:5 !important}
html #main:has(>#macro_menu) #toolbox-bottom{grid-row:6 !important;margin:16px 0 12px !important}
html #main:has(>#macro_menu) #toolbox-bottom img{display:block;margin:0 auto !important}
html #main:has(>#macro_menu)>#content{grid-row:2/8 !important}
/* scheda prodotto rientrata di 10 px per lato come la lista */
#content .product.page{margin-left:10px !important;margin-right:10px !important;width:auto !important}
/* un po' di aria tra i menu e il primo prodotto */
html #main:has(>#macro_menu)>#content #products{margin-top:16px !important}
/* tendine aperte: larghe come il proprio menu (meta' colonna), non tutta la larghezza; niente intestazione "Macrocategorie" nella tendina */
html body #main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu{width:calc((100% - 248px - 18px) / 2) !important;left:0 !important}
html body #main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu::before{display:none !important;content:none !important}
html body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:not(:checked)~ul{width:calc((100% - 248px - 18px) / 2) !important;left:calc((100% - 248px - 18px) / 2 + 18px) !important}
/* voce selezionata nelle tendine (sottocategorie e marche): fondo verde chiarissimo, grassetto, barra verde a sinistra, spunta a destra */
html body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:not(:checked)~ul>li.selected>a,html body #main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu li.selected a{background:#eef6e9 !important;color:#1d3d14 !important;font-weight:bold !important;box-shadow:inset 5px 0 0 #2f6b22 !important;position:relative;padding-right:40px !important;text-shadow:none !important}
html body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:not(:checked)~ul>li.selected>a::after,html body #main:has(>#macro_menu):has(#side_menu_cat>li.nested.current+li.nested>input:checked)>#macro_menu li.selected a::after{content:"\2713";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#2f6b22;font-weight:bold;font-size:17px}
}
/* Colonna destra (sottocategorie della marca e macrocategorie): voce selezionata senza fondo e senza spunta: scrittina "ti trovi in" (5 lingue), nome in grassetto, barra verde scuro (come l'intestazione) a sinistra */
@media (min-width:768px){
html body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li.selected>a,html body #main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu li.selected>a{background:none !important;color:#1d3d14 !important;font-weight:bold !important;box-shadow:inset 5px 0 0 #2f6b22 !important;position:relative;text-shadow:none !important;padding:12px 10px 8px 14px !important}
html body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li.selected>a::after,html body #main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu li.selected>a::after{content:none !important}
html body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li.selected>a::before,html body #main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu li.selected>a::before{display:block;font-size:12px;font-weight:bold;color:#2f6b22;text-transform:uppercase;letter-spacing:.5px;line-height:1;margin-bottom:4px}
html:lang(it) body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li.selected>a::before,html:lang(it) body #main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu li.selected>a::before{content:"ti trovi in"}
html:lang(en) body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li.selected>a::before,html:lang(en) body #main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu li.selected>a::before{content:"you are in"}
html:lang(fr) body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li.selected>a::before,html:lang(fr) body #main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu li.selected>a::before{content:"vous êtes dans"}
html:lang(de) body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li.selected>a::before,html:lang(de) body #main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu li.selected>a::before{content:"Sie sind in"}
html:lang(es) body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li.selected>a::before,html:lang(es) body #main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu li.selected>a::before{content:"estás en"}
}
/* "Disconnessione" piu' largo (grassetto 13 px): piu' spazio a "Salve, Nome" per non sovrapporsi */
@media (min-width:768px){body:has(#main_menu a[href*="logout"]) #welcome_text{padding-right:180px !important}}
/* Macrocategorie nella colonna destra: la marca selezionata in cima all'elenco, come le sottocategorie (nessuna modifica di Giorgio: ordine via flex) */
@media (min-width:768px){html body #main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu{display:flex !important;flex-direction:column}html body #main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu li.selected{order:-1}html body #main:has(>#macro_menu):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu::before{order:-2}}
/* Menu informazioni (colonna destra): "Il migliore prezzo" spostato sotto "Le tue preferenze relative alla privacy"; "Recedi dal contratto" resta ultimo */
@media (min-width:768px){#sidebar #side_menu{display:flex !important;flex-direction:column}#sidebar #side_menu>li:has(>a[href*="why_right_price"]){order:1}#sidebar #side_menu>li:has(>a[href*="Return-policy"]){order:2}}
/* Carrello vuoto: "40.000 prodotti online" + "Cerca con Albert" accanto all'icona (testo inserito da chatbase.js v8) */
@media (min-width:768px){#cart .tv-catalogo{font-family:Arial,Helvetica,sans-serif;color:#1d3d14;line-height:1.25}#cart .tv-catalogo .n{font-size:14px}#cart .tv-catalogo .n b{font-size:20px;color:#2f6b22}#cart .tv-catalogo a{display:inline-block;margin-top:4px;font-size:13px;font-weight:bold;color:#2f6b22;text-decoration:none}#cart .tv-catalogo a:hover{text-decoration:underline}}
/* (la regola "macrocategorie in colonna destra" usa :not(:has(marche aperte)) e non :has(marche chiuse): vale gia' mentre la pagina si carica, prima che il menu a sinistra sia arrivato; prima per un attimo l'elenco compariva in mezzo ai prodotti) */
/* Foto della categoria (serve per la SEO): in fondo alla pagina, sopra il piè di pagina, staccata dall'ultimo prodotto; quadrata 700 px (foto nuove 1100 x 1100,
   nitide anche su schermi ad alta risoluzione; quelle vecchie da 550 risultano un po' morbide finche' non vengono sostituite), allineata a sinistra con la lista, su riquadro bianco */
@media (min-width:768px){html #main:has(>#macro_menu)>#content{align-self:stretch !important;display:flex !important;flex-direction:column}html #main:has(>#macro_menu)>#content>.catimage{margin:auto 10px 0 !important;padding-top:28px !important;align-self:flex-start;background:none !important;box-shadow:none !important;border:0 !important}html #main:has(>#macro_menu)>#content>.catimage img{width:min(700px,100%) !important;height:auto !important;aspect-ratio:1/1;object-fit:contain;box-sizing:border-box;padding:10px;background:#fff;border:1px solid #d9e6cf !important;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.12) !important;float:none !important;margin:0 !important}}
/* Bandierine delle lingue sempre visibili: fisse nella barra nera in alto, a destra (prima scorrevano via con la testata) */
@media (min-width:768px){#lang_menu{position:fixed !important;top:7px !important;right:18px !important;left:auto !important;z-index:2002 !important;margin:0 !important}#lang_menu img{width:28px !important;height:auto !important}}
/* Carrello vuoto: "Il tuo carrello e' vuoto." grande e centrato in un riquadro bianco, "Lista Prodotti" come pulsante */
@media (min-width:768px){html body #content:has(>#cart_country_chooser):not(:has(table,form#order_form,#cart-table)){font:bold 20px/1.5 Arial,Helvetica,sans-serif !important;color:#1d3d14 !important;text-align:center;background:rgba(255,255,255,.92);border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:26px 20px 28px !important;margin:18px 10px 0 !important;box-sizing:border-box}html body #content:has(>#cart_country_chooser):not(:has(table,form#order_form,#cart-table))>#cart_country_chooser{text-align:left;font-weight:normal;margin-bottom:18px}html body #content:has(>#cart_country_chooser):not(:has(table,form#order_form,#cart-table))>br{display:none}html body #content:has(>#cart_country_chooser):not(:has(table,form#order_form,#cart-table))>a{display:block;width:max-content;margin:16px auto 0;padding:10px 28px;border-radius:22px;background:#c5e80e;color:#1d4d12 !important;font-size:17px;font-weight:bold;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.2)}html body #content:has(>#cart_country_chooser):not(:has(table,form#order_form,#cart-table))>a:hover{background:#d4f22a}}
/* Pagina carrello: tolto "Seleziona la destinazione" interno, ripete quello fisso in alto */
@media (min-width:768px){#content>#cart_country_chooser{display:none !important}}

/* Pagina di accesso: riquadro di destra "Nuovo cliente?" con il perche' della registrazione obbligatoria (testi qui, 5 lingue: la pagina non carica script esterni) */
@media (min-width:768px){
#content:has(>#loginbox)>.join{justify-content:flex-start !important;align-items:stretch !important;text-align:left !important;gap:0 !important}
#content:has(>#loginbox)>.join::before{order:-2;display:block;font:bold 19px/1.3 Arial,Helvetica,sans-serif;color:#2f6b22;padding:0 0 10px;margin:0 0 16px;border-bottom:2px solid #c9d9b5}
#content:has(>#loginbox)>.join::after{order:-1;display:block;white-space:pre-line;font:15px/1.5 Arial,Helvetica,sans-serif;color:#333;margin:0 0 18px;padding-left:2px}
#content:has(>#loginbox)>.join a.button{align-self:stretch;text-align:center !important;margin-top:auto !important;padding:13px 0 !important;font-size:19px !important;border-radius:22px !important}
html:lang(it) #content:has(>#loginbox)>.join::before{content:"Nuovo cliente?"}
html:lang(it) #content:has(>#loginbox)>.join::after{content:"Per ordinare su Termoverde serve un account: ci permette di\A \2714\00a0 applicare prezzi e IVA corretti per il paese di destinazione\A \2714\00a0 emettere la fattura giusta, anche elettronica per aziende e professionisti\A \2714\00a0 spedire all'indirizzo esatto e mandarti il tracking\A \2714\00a0 seguire ogni ordine con i tuoi dati sotto mano\A \A Registrarsi richiede un minuto."}
html:lang(en) #content:has(>#loginbox)>.join::before{content:"New customer?"}
html:lang(en) #content:has(>#loginbox)>.join::after{content:"To order on Termoverde you need an account. It lets us\A \2714\00a0 apply the correct prices and VAT for the destination country\A \2714\00a0 issue the right invoice, including e-invoices for businesses and professionals\A \2714\00a0 ship to the exact address and send you the tracking\A \2714\00a0 follow every order with your details at hand\A \A Signing up takes a minute."}
html:lang(fr) #content:has(>#loginbox)>.join::before{content:"Nouveau client ?"}
html:lang(fr) #content:has(>#loginbox)>.join::after{content:"Pour commander sur Termoverde, un compte est nécessaire : il nous permet de\A \2714\00a0 appliquer les prix et la TVA corrects pour le pays de destination\A \2714\00a0 émettre la bonne facture, électronique aussi pour les entreprises et les professionnels\A \2714\00a0 expédier à l'adresse exacte et vous envoyer le suivi\A \2714\00a0 suivre chaque commande avec vos données à portée de main\A \A L'inscription prend une minute."}
html:lang(de) #content:has(>#loginbox)>.join::before{content:"Neukunde?"}
html:lang(de) #content:has(>#loginbox)>.join::after{content:"Für Bestellungen bei Termoverde ist ein Konto erforderlich. Damit können wir\A \2714\00a0 die richtigen Preise und die Mehrwertsteuer des Bestimmungslandes anwenden\A \2714\00a0 die korrekte Rechnung ausstellen, auch als E-Rechnung für Unternehmen und Freiberufler\A \2714\00a0 an die genaue Adresse liefern und Ihnen die Sendungsverfolgung schicken\A \2714\00a0 jede Bestellung mit Ihren Daten griffbereit betreuen\A \A Die Registrierung dauert eine Minute."}
html:lang(es) #content:has(>#loginbox)>.join::before{content:"¿Nuevo cliente?"}
html:lang(es) #content:has(>#loginbox)>.join::after{content:"Para comprar en Termoverde necesitas una cuenta: nos permite\A \2714\00a0 aplicar los precios y el IVA correctos del país de destino\A \2714\00a0 emitir la factura correcta, también electrónica para empresas y profesionales\A \2714\00a0 enviar a la dirección exacta y mandarte el seguimiento\A \2714\00a0 atender cada pedido con tus datos a mano\A \A Registrarse lleva un minuto."}
}


/* Riquadro del carrello vuoto ANIMATO (v1.9): il numero dei prodotti sale fino al totale, poi scorrono 7 messaggi (4 s ciascuno, 28 s il giro),
   in dissolvenza; si ferma passandoci sopra col mouse; chi ha chiesto meno animazioni al sistema vede solo il primo messaggio, fermo.
   Il riquadro lo crea chatbase.js (v8); qui si sostituisce il suo testo fisso. NUMERO PRODOTTI: cambiare solo --tv-tot (cifre senza punti);
   categorie e testi nelle righe html:lang(..) qui sotto. Separatore delle migliaia per lingua in --tv-sep. */
@counter-style tv-tre-cifre{system:extends decimal;pad:3 "0"}
@property --tv-n{syntax:'<integer>';inherits:false;initial-value:0}
@media (min-width:768px){
#cart .tv-catalogo{--tv-tot:38209;--tv-sep:".";display:flex;flex-direction:column;align-items:flex-start;min-height:72px;box-sizing:border-box}
#cart .tv-catalogo>.n{display:none !important}
#cart .tv-catalogo::before,#cart .tv-catalogo::after{display:block;content:"";animation:tv-giro-a 28s linear infinite}
#cart .tv-catalogo::before{order:1;--tv-n:var(--tv-tot);font:bold 15px/1.2 Arial,Helvetica,sans-serif;color:#2f6b22;content:var(--tva1);animation:tv-giro-a 28s linear infinite,tv-conta 1.8s ease-out}
#cart .tv-catalogo::after{order:2;font:12px/1.25 Arial,Helvetica,sans-serif;color:#1d3d14;content:var(--tvb1);animation-name:tv-giro-b}
#cart .tv-catalogo>a{order:3;margin-top:auto !important;padding-top:3px}
#cart .tv-catalogo:hover::before,#cart .tv-catalogo:hover::after{animation-play-state:paused}
html:lang(it) #cart .tv-catalogo{--tv-sep:".";--tv-num:"38.209";--tva1:var(--tv-num);--tvb1:"prodotti online";--tva2:"889";--tvb2:"categorie";--tva3:"Rivenditore autorizzato";--tvb3:"delle migliori marche";--tva4:"Configuratore pompe";--tvb4:"la pompa giusta per te";--tva5:"Configuratore quadri";--tvb5:"il quadro per la tua pompa";--tva6:"Configuratore scaldabagni";--tvb6:"il modello giusto per te";--tva7:"Non sai cosa scegliere?";--tvb7:"Albert ti aiuta"}
html:lang(en) #cart .tv-catalogo{--tv-sep:",";--tv-num:"38,209";--tva1:var(--tv-num);--tvb1:"products online";--tva2:"889";--tvb2:"categories";--tva3:"Authorised dealer";--tvb3:"of the best brands";--tva4:"Pump configurator";--tvb4:"the right pump for you";--tva5:"Control panel configurator";--tvb5:"the right panel for your pump";--tva6:"Water heater configurator";--tvb6:"the right model for you";--tva7:"Not sure what to choose?";--tvb7:"Albert will help you"}
html:lang(fr) #cart .tv-catalogo{--tv-sep:"\202F";--tv-num:"38\202F 209";--tva1:var(--tv-num);--tvb1:"produits en ligne";--tva2:"889";--tvb2:"catégories";--tva3:"Revendeur agréé";--tvb3:"des meilleures marques";--tva4:"Configurateur de pompes";--tvb4:"la bonne pompe pour vous";--tva5:"Configurateur de coffrets";--tvb5:"le coffret pour votre pompe";--tva6:"Configurateur de chauffe-eau";--tvb6:"le bon modèle pour vous";--tva7:"Vous hésitez ?";--tvb7:"Albert vous aide"}
html:lang(de) #cart .tv-catalogo{--tv-sep:".";--tv-num:"38.209";--tva1:var(--tv-num);--tvb1:"Produkte online";--tva2:"889";--tvb2:"Kategorien";--tva3:"Autorisierter Händler";--tvb3:"der besten Marken";--tva4:"Pumpen-Konfigurator";--tvb4:"die richtige Pumpe für Sie";--tva5:"Schaltgeräte-Konfigurator";--tvb5:"das passende Schaltgerät";--tva6:"Boiler-Konfigurator";--tvb6:"das richtige Modell für Sie";--tva7:"Unsicher bei der Wahl?";--tvb7:"Albert hilft Ihnen"}
html:lang(es) #cart .tv-catalogo{--tv-sep:".";--tv-num:"38.209";--tva1:var(--tv-num);--tvb1:"productos online";--tva2:"889";--tvb2:"categorías";--tva3:"Distribuidor autorizado";--tvb3:"de las mejores marcas";--tva4:"Configurador de bombas";--tvb4:"la bomba adecuada para ti";--tva5:"Configurador de cuadros";--tvb5:"el cuadro para tu bomba";--tva6:"Configurador de termos";--tvb6:"el modelo adecuado para ti";--tva7:"¿No sabes qué elegir?";--tvb7:"Albert te ayuda"}
}
@supports (width:round(down,10px,3px)) and (width:mod(10px,3px)){@media (min-width:768px){#cart .tv-catalogo{--tv-num:counter(tvk) var(--tv-sep) counter(tvr,tv-tre-cifre) !important}#cart .tv-catalogo::before{counter-reset:tvk round(down,var(--tv-n) / 1000,1) tvr mod(var(--tv-n),1000)}}}
@keyframes tv-conta{from{--tv-n:30000}}
@keyframes tv-giro-a{0.00%{content:var(--tva1);opacity:0}1.50%{content:var(--tva1);opacity:1}12.79%{content:var(--tva1);opacity:1}14.27%{content:var(--tva1);opacity:0}14.29%{content:var(--tva2);opacity:0}15.79%{content:var(--tva2);opacity:1}27.07%{content:var(--tva2);opacity:1}28.55%{content:var(--tva2);opacity:0}28.57%{content:var(--tva3);opacity:0}30.07%{content:var(--tva3);opacity:1}41.36%{content:var(--tva3);opacity:1}42.84%{content:var(--tva3);opacity:0}42.86%{content:var(--tva4);opacity:0}44.36%{content:var(--tva4);opacity:1}55.64%{content:var(--tva4);opacity:1}57.12%{content:var(--tva4);opacity:0}57.14%{content:var(--tva5);opacity:0}58.64%{content:var(--tva5);opacity:1}69.93%{content:var(--tva5);opacity:1}71.41%{content:var(--tva5);opacity:0}71.43%{content:var(--tva6);opacity:0}72.93%{content:var(--tva6);opacity:1}84.21%{content:var(--tva6);opacity:1}85.69%{content:var(--tva6);opacity:0}85.71%{content:var(--tva7);opacity:0}87.21%{content:var(--tva7);opacity:1}98.50%{content:var(--tva7);opacity:1}99.98%{content:var(--tva7);opacity:0}}
@keyframes tv-giro-b{0.00%{content:var(--tvb1);opacity:0}1.50%{content:var(--tvb1);opacity:1}12.79%{content:var(--tvb1);opacity:1}14.27%{content:var(--tvb1);opacity:0}14.29%{content:var(--tvb2);opacity:0}15.79%{content:var(--tvb2);opacity:1}27.07%{content:var(--tvb2);opacity:1}28.55%{content:var(--tvb2);opacity:0}28.57%{content:var(--tvb3);opacity:0}30.07%{content:var(--tvb3);opacity:1}41.36%{content:var(--tvb3);opacity:1}42.84%{content:var(--tvb3);opacity:0}42.86%{content:var(--tvb4);opacity:0}44.36%{content:var(--tvb4);opacity:1}55.64%{content:var(--tvb4);opacity:1}57.12%{content:var(--tvb4);opacity:0}57.14%{content:var(--tvb5);opacity:0}58.64%{content:var(--tvb5);opacity:1}69.93%{content:var(--tvb5);opacity:1}71.41%{content:var(--tvb5);opacity:0}71.43%{content:var(--tvb6);opacity:0}72.93%{content:var(--tvb6);opacity:1}84.21%{content:var(--tvb6);opacity:1}85.69%{content:var(--tvb6);opacity:0}85.71%{content:var(--tvb7);opacity:0}87.21%{content:var(--tvb7);opacity:1}98.50%{content:var(--tvb7);opacity:1}99.98%{content:var(--tvb7);opacity:0}}
@media (prefers-reduced-motion:reduce){#cart .tv-catalogo::before,#cart .tv-catalogo::after{animation:none !important}}

/* v1.9.1-v1.9.4: bolla della chat intera (il tema mette a tutti i <button> una sfumatura alta 50 px, la bolla e' 55: restava una fascia sopra e sotto) e giallo-verde con icona verde scuro, come i pulsanti del sito (Lista Prodotti, Aggiungi al carrello) */
@media (min-width:768px){#chatbase-bubble-button{background-image:none !important;background-color:#c5e80e !important;border:0 !important;box-shadow:0 2px 8px rgba(0,0,0,.35) !important}#chatbase-bubble-button:hover{background-color:#d4f22a !important}#chatbase-bubble-button svg path{fill:#1d4d12 !important}}
/* v1.9.5: link del logo sopra il logo (il tema lo ancora a 26 px dal fondo della testata, che ora e' piu' alta: cliccava sotto il logo);
   copre stella, scritta e leone, centrato come il logo nello sfondo, senza arrivare ai menu ne' ai lati (nome cliente, Disconnessione) */
@media (min-width:768px){#site_title a{top:22px !important;bottom:auto !important;height:130px !important;left:50% !important;width:840px !important;margin-left:-420px !important}}
/* v1.9.5: "Seleziona la destinazione" al centro della barra nera in alto (prima a sinistra) */
@media (min-width:768px){html #products_country_chooser{left:50% !important;transform:translateX(-50%)}}
/* v1.9.6: "» dettagli" dentro il riquadro anche senza "Aggiungi al carrello" (prodotti non disponibili): con la foto grande a destra
   il riquadro e' alto almeno quanto foto + link (il link sta a 152 px dall'alto, 116 tra 768 e 999 px) */
@media (min-width:768px){#products li.prod:has(p.desc a.img img:not(.js_hidden)){min-height:190px}}
@media (min-width:768px) and (max-width:999px){#products li.prod:has(p.desc a.img img:not(.js_hidden)){min-height:156px}}
/* v1.9.7: tendina sottocategorie "Alberi & piante – ti trovi in Loti" al posto di "tutti i prodotti" (la pagina mostra solo quella sottocategoria).
   Il nome lo mette chatbase.js v8 nell'attributo data-sub dell'etichetta; senza attributo resta il testo di prima. */
@media (min-width:768px){
html:lang(it) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label[data-sub]::after{content:"\2013  ti trovi in " attr(data-sub) " \25BE" !important}
html:lang(it) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label[data-sub]::after{content:"\2013  ti trovi in " attr(data-sub) " \25B4" !important}
html:lang(en) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label[data-sub]::after{content:"\2013  you are in " attr(data-sub) " \25BE" !important}
html:lang(en) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label[data-sub]::after{content:"\2013  you are in " attr(data-sub) " \25B4" !important}
html:lang(fr) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label[data-sub]::after{content:"\2013  vous êtes dans " attr(data-sub) " \25BE" !important}
html:lang(fr) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label[data-sub]::after{content:"\2013  vous êtes dans " attr(data-sub) " \25B4" !important}
html:lang(de) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label[data-sub]::after{content:"\2013  Sie sind in " attr(data-sub) " \25BE" !important}
html:lang(de) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label[data-sub]::after{content:"\2013  Sie sind in " attr(data-sub) " \25B4" !important}
html:lang(es) #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label[data-sub]::after{content:"\2013  estás en " attr(data-sub) " \25BE" !important}
html:lang(es) #main:has(>#macro_menu) #side_menu_cat>li.nested.current:has(>input:not(:checked))>label[data-sub]::after{content:"\2013  estás en " attr(data-sub) " \25B4" !important}
}
/* v1.9.8: la tendina di sinistra si chiama "Catalogo completo" (prima "Tutte le marche": elenca le 24 macrocategorie, marche e reparti) */
/* v1.9.9-v1.9.10: amministrazione, modifica categoria (form categories/save): campi in righe ordinate
   1 Nome · URL slug · VAT · Markup | 2 Sottotitolo · H1 · H2 | 3 Meta description | 4 Banner prezzo online
   5 Macrocat. · Shopify Name · Package · Piece | 6 Image URL · Img. grande | 7 Upload images, poi Salva e l'elenco delle immagini caricate. Solo aspetto: campi e salvataggio invariati. */
@media (min-width:768px){
#content form[action*="/categories/save/"] .field_group{display:grid !important;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px 18px;align-items:start;padding:0 !important;margin:0 0 14px !important}
#content form[action*="/categories/save/"] .field_group>.field{float:none !important;width:auto !important;min-width:0;margin:0 !important;padding:0 !important;clear:none !important}
#content form[action*="/categories/save/"] .field_group>.field>label{display:block;float:none !important;width:auto !important;margin:0 0 4px !important}
#content form[action*="/categories/save/"] .field_group>.field>input[type=text],#content form[action*="/categories/save/"] .field_group>.field>textarea,#content form[action*="/categories/save/"] .field_group>.field>select{width:100% !important;max-width:none !important;box-sizing:border-box;float:none !important;margin:0 !important}
#content form[action*="/categories/save/"] .field_group>.field>textarea{font-size:14px !important;min-height:64px}
#content form[action*="/categories/save/"] .field:has(>#vat)>input,#content form[action*="/categories/save/"] .field:has(>#markup)>input{width:6em !important}
#content form[action*="/categories/save/"] .field:has(>#name){grid-area:1/1/2/5}
#content form[action*="/categories/save/"] .field:has(>#url_slug){grid-area:1/5/2/9}
#content form[action*="/categories/save/"] .field:has(>#subtitle){grid-area:2/1/3/5}
#content form[action*="/categories/save/"] .field:has(>#h1){grid-area:2/5/3/9}
#content form[action*="/categories/save/"] .field:has(>#h2){grid-area:2/9/3/13}
#content form[action*="/categories/save/"] .field:has(>#metades){grid-area:3/1/4/13}
#content form[action*="/categories/save/"] .field:has(>#price_banner){grid-area:4/1/5/13}
#content form[action*="/categories/save/"] .field:has(>#vat){grid-area:1/9/2/11}
#content form[action*="/categories/save/"] .field:has(>#markup){grid-area:1/11/2/13}
#content form[action*="/categories/save/"] .field:has(>#macrocategory_id){grid-area:5/1/6/4}
#content form[action*="/categories/save/"] .field:has(>#shopify_name){grid-area:5/4/6/7}
#content form[action*="/categories/save/"] .field:has(>#package_name_loc){grid-area:5/7/6/10}
#content form[action*="/categories/save/"] .field:has(>#piece_name_loc){grid-area:5/10/6/13}
#content form[action*="/categories/save/"] .field:has(>#image_url){grid-area:6/1/7/7}
#content form[action*="/categories/save/"] .field:has(>#max_image){grid-area:6/7/7/13}
#content form[action*="/categories/save/"] .field:has(>input[name="images[]"]){grid-area:7/1/8/13}
#content form[action*="/categories/save/"] .field_group>.buttons{grid-area:8/1/9/13;margin:4px 0 0 !important}
#content form[action*="/categories/save/"] .field_group>div:not(.field):not(.buttons){grid-area:9/1/10/13}
}
/* v1.9.11: pulsante "torna su" (lo crea chatbase.js v8) come la bolla della chat: cerchio giallo-verde con freccia verde scuro,
   centrato sopra la bolla (il tema gli dava lo stile dei pulsanti: quadratino con sfumatura) */
@media (min-width:768px){#tv-su{right:20px !important;bottom:83px !important;width:46px !important;height:46px !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:50% !important;background:#c5e80e !important;background-image:none !important;color:#1d4d12 !important;font:bold 22px/1 Arial,Helvetica,sans-serif !important;box-shadow:0 2px 8px rgba(0,0,0,.35) !important}#tv-su:hover{background:#d4f22a !important}}

/* =====================================================================================
   v2.0 (04/11/2026) TEMA CHIARO "proposta 4": sfondo bianco, logo nuovo (/doc/tv_logo_2026_network.png) a sinistra con ricerca a destra,
   barra alta e menu principale verde bosco #084828, azioni verde #088808, promo lime #B8E838, oro #F8B808 solo per dettagli,
   riquadri bianchi con bordo #E4EAE4 e angoli 8 px, riquadri informativi #F2F7F2, testi #252D27.
   Vale da 768 px in su; sostituisce (per sovrascrittura) le regole "verdi" precedenti, lasciate sopra per sicurezza.
   ===================================================================================== */
@media (min-width:768px){
html{background:#fff !important}
body{background:#fff !important}
body::before{content:none !important}
/* barra alta */
#overbg{background:#084828 !important;box-shadow:none !important}
#products_country_chooser label{color:#fff !important;text-shadow:none !important}
#products_country_chooser select{background-color:#fff !important;color:#084828 !important;border-color:#fff !important}
/* testata bianca: logo a sinistra, ricerca e utente a destra */
#header{height:200px !important;border-bottom:1px solid #e4eae4;margin-bottom:14px}
#site_title a{top:36px !important;left:0 !important;margin-left:0 !important;bottom:auto !important;width:500px !important;height:113px !important;background:url(/doc/tv_logo_2026_network.png) left center/contain no-repeat !important}
#gscbox{position:absolute !important;top:72px !important;right:0 !important;left:auto !important;width:380px !important;margin:0 !important}
#gscbox form.gsc-search-box{border:2px solid #b8e838 !important;border-radius:22px !important;background:#fff !important;padding:4px 8px !important;box-sizing:border-box}
#gscbox .gsc-input-box{border:0 !important;box-shadow:none !important;background:none !important}
#gscbox input.gsc-input{background:#fff !important;font-size:15px !important;color:#252d27 !important}
#gscbox .gsc-search-button{background:none !important;border:0 !important;box-shadow:none !important;padding:4px !important}
#gscbox .gsc-search-button svg{fill:#088808 !important}
#welcome_text{top:48px !important;bottom:auto !important;right:0 !important;color:#69756b !important;font-size:13px !important;padding:0 150px 0 8px !important}
#welcome_text strong{color:#084828}
#welcome_text a,#welcome_text .button,a.logout,#logout{background:none !important;border:0 !important;color:#088808 !important;box-shadow:none !important}
#lang_menu{top:9px !important}
/* menu principale: fascia verde bosco, voci bianche, voce attiva verde */
#main_menu{top:auto !important;bottom:0 !important;height:auto !important;min-height:44px;align-items:center;justify-content:flex-start !important;gap:4px;background:#084828 !important;border-radius:6px !important;box-shadow:none !important;padding:6px 8px !important;border:0 !important}
#main_menu li,#main_menu>li{border:0 !important;background:none !important}
html #main_menu li a,html #main_menu>li:not(.selected)>a{background:none !important;color:#fff !important;border-radius:6px !important;text-shadow:none !important;box-shadow:none !important}
html #main_menu[data-current-url]>li:first-child:not(.selected)>a{background:none !important;color:#fff !important}
html #main_menu li.selected a,html #main_menu li a:hover{background:#088808 !important;color:#fff !important}
/* tendine chiuse */
html #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label,html #main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested>label{background:#fff !important;border:1px solid #c9d9b5 !important;color:#084828 !important;box-shadow:none !important}
html #main:has(>#macro_menu) #side_menu_cat>li.nested.current>label::after,html #main:has(>#macro_menu) #side_menu_cat>li.nested.current+li.nested>label::after{color:#088808}
/* riquadro "prodotti online" (carrello vuoto) */
html body #toolbox #cart,html body #cart{background-color:#f2f7f2 !important;border:1px solid #e4eae4 !important;border-radius:8px !important;color:#252d27 !important}
#cart .tv-catalogo::before{color:#084828 !important}#cart .tv-catalogo::after{color:#252d27 !important}#cart .tv-catalogo a{color:#088808 !important}
/* elenchi laterali: sottocategorie, macrocategorie, info */
#side_menu_cat>li.nested.current>ul,#macro_menu,#sidebar{background:#fff !important;border:1px solid #e4eae4 !important;border-radius:8px !important;box-shadow:none !important}
#side_menu_cat>li.nested.current>ul::before,#macro_menu::before{background:#084828 !important;color:#fff !important}
#side_menu_cat>li.nested.current>ul li a,#macro_menu li a,#sidebar a{color:#252d27 !important;text-shadow:none !important}
#side_menu_cat>li.nested.current>ul li a:hover,#macro_menu li a:hover,#sidebar a:hover{color:#088808 !important;background:#f2f7f2 !important}
html body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>ul>li.selected>a,html body #main:has(>#macro_menu) #macro_menu li.selected>a{background:#f2f7f2 !important;color:#084828 !important;box-shadow:inset 5px 0 0 #088808 !important}
html body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>ul>li.selected>a::before,html body #main:has(>#macro_menu) #macro_menu li.selected>a::before{color:#088808 !important}
/* schede prodotto */
html body #main #content #products>li.prod,html #main:has(>#macro_menu) #products>li.prod{background:#fff !important;border:1px solid #e4eae4 !important;border-radius:8px !important;box-shadow:none !important;backdrop-filter:none !important}
html #content #products>li.prod>a.img img{border:1px solid #e4eae4;border-radius:8px;padding:4px;background:#fff;box-sizing:border-box}
html #content #products>li.prod>h3.name a{color:#084828 !important;font-size:16px !important;text-shadow:none !important}
html #content #products>li.prod>p.desc{color:#252d27 !important}
html #content #products>li.prod .price{color:#084828 !important;font-size:26px !important}
html #content #products>li.prod .online-price{background:#f8b808 !important;color:#3a2a00 !important;border-radius:4px !important}
html #content #products>li.prod input.cart,html #content #products>li.prod .button.cart{background:#088808 !important;background-image:none !important;color:#fff !important;border:0 !important;border-radius:20px !important;text-shadow:none !important;box-shadow:none !important}
html #content #products>li.prod input.cart:hover{background:#084828 !important}
html #content #products>li.prod>.details a{background:none !important;color:#088808 !important;text-shadow:none !important;border:0 !important;box-shadow:none !important;font-weight:bold}
html #content #products>li.prod p.desc a.img{border:1px solid #e4eae4 !important;border-radius:8px !important}
html #main:has(>#macro_menu)>#content>.catimage img{border:1px solid #e4eae4 !important;box-shadow:none !important}
/* scheda prodotto */
html #content .product.page{background:#fff !important;border:1px solid #e4eae4 !important;border-radius:8px !important;box-shadow:none !important}
html #content .product.page h3.name,html #content .product.page h3.name a{color:#084828 !important;text-decoration:none !important;text-shadow:none !important;border-color:#e4eae4 !important}
html #content .product.page .shop{background:#f2f7f2 !important;border:1px solid #e4eae4 !important;border-radius:8px !important;box-shadow:none !important}
html #content .product.page .shop .price{color:#084828 !important}
html #content .product.page .online-price{background:#f8b808 !important;color:#3a2a00 !important;transform:none !important;letter-spacing:1px}
html #content .product.page .shop .button.cart{background:#088808 !important;color:#fff !important;border:0 !important;border-radius:20px !important;text-shadow:none !important}
html #content .product.page .shop .button.cart:hover{background:#084828 !important}
html #content .product.page img.product.big,html #content .product.page #prod-images img{border:1px solid #e4eae4 !important;border-radius:8px}
html #content .product.page .content a.button{background:#088808 !important;color:#fff !important;border:0 !important;text-shadow:none !important}
/* pulsanti del sito (lime del tema -> verde) */
#content .button:not(.cart),#content a.button,#content input[type=submit].button,#content button.button,#btn-submit,#btn-update{background:#088808 !important;background-image:none !important;color:#fff !important;border:0 !important;text-shadow:none !important;box-shadow:none !important}
#content .button.delete,#btn-clear{background:#fff !important;color:#b00 !important;border:1px solid #e4eae4 !important}
/* pie' di pagina */
#footer a{background:#084828 !important;color:#fff !important;text-shadow:none !important;border-radius:6px}
#footer{color:#69756b}
/* chat e torna su: verde azione */
#chatbase-bubble-button{background-color:#088808 !important}#chatbase-bubble-button:hover{background-color:#084828 !important}#chatbase-bubble-button svg path{fill:#fff !important}
#tv-su{background:#088808 !important;color:#fff !important}#tv-su:hover{background:#084828 !important}
/* pagine generali: riquadri bianchi */
#content>.page,#content:has(>#loginbox)>.join,#loginbox{background:#fff !important;border:1px solid #e4eae4 !important;border-radius:8px !important;box-shadow:none !important}
}
@media (min-width:768px){#main_menu>li:has(a[href*="logout"]){position:absolute !important;left:auto !important;right:0 !important;top:-108px !important;height:auto !important}#main_menu>li:has(a[href*="logout"])>a{background:none !important;color:#088808 !important;border:0 !important;padding:0 !important;font-size:13px !important;text-decoration:underline}}
/* v2.0.1: logo e ricerca abbassati di 14 px (la coda del leone toccava la barra alta); testata e menu invariati */
/* v2.0.2: "Salve, Nome" e "Disconnessione" piu' in basso (finivano sotto la barra alta fissa) */

/* ===== v2.0.3 (04/11/2026): titoli sopra i riquadri (ordine, carrello, checkout) erano bianchi del vecchio sfondo scuro ===== */
@media (min-width:768px){
  html #content>h3, html #content:has(>#order_form)>h3, html #content:has(>#order_form)>p.wizard_text { color: #084828 !important; text-shadow: none !important; }
  html #content>h3 a { color: #088808 !important; text-shadow: none !important; }
}

/* ===== v2.0.4 (04/11/2026): pagina prodotto, pulsanti admin Modifica/Duplica (primo figlio di .product.page) finivano sotto la foto: ora nell'angolo in alto a sinistra della foto ===== */
@media (min-width:768px){
  html .product.page>.buttons{position:absolute !important;top:16px;left:16px;grid-area:auto !important;width:auto !important;height:auto !important;overflow:visible !important;background:none !important;border:0 !important;padding:0 !important;margin:0 !important;display:flex !important;gap:6px;z-index:5}
  html .product.page>.buttons a.button{padding:4px 12px !important;font-size:13px !important;border-radius:14px !important;height:auto !important;line-height:18px !important;box-shadow:0 1px 3px rgba(0,0,0,.25) !important}
}

/* ===== v2.0.6 (04/11/2026): freccia della tendina "Seleziona la destinazione" verde bosco (era verde acqua del vecchio tema) ===== */
@media (min-width:768px){
  html #products_country_chooser select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23084828' stroke-width='2.5'/%3E%3C/svg%3E") !important; }
}

/* ===== v2.0.7 (04/11/2026): dettaglio ordine, solo amministratore (pagina con la tendina "Stato"): scheda piu' compatta,
   pulsante Fattura in evidenza, "Validato" ben visibile, link "Cronologia" che non sparisce durante il caricamento ===== */
@media (min-width:768px){
  #content>form:has(#status_id){zoom:.76}  /* v2.0.27: era .86 */
  html body #content #btn-validate{padding:10px 30px !important;font-size:17px !important;font-weight:bold !important;border-radius:20px !important;height:auto !important;line-height:22px !important;background:#f8b808 !important;background-image:none !important;color:#084828 !important;border:2px solid #084828 !important;box-shadow:none !important;text-shadow:none !important;cursor:pointer}
  html body #content #btn-validate:hover{background:#084828 !important;color:#f8b808 !important}
  html body #content .order_validated{display:inline-block;margin-left:8px;padding:4px 14px;border-radius:16px;background:#088808;color:#fff !important;font-size:120%;font-weight:bold;letter-spacing:.02em;box-shadow:0 0 0 3px #b8e838}
  html body #content .order_validated strong{color:#fff !important}
  html body #content .order_validated::before{content:"\2714  "}
  html body #content #history-link{display:inline !important}
}

/* ===== v2.0.8 (04/11/2026): elenco ordini admin (/orders/all e /orders/mine con i filtri, che esistono solo per l'admin):
   filtri in un riquadro staccato dalla tabella, scheda all'86%, titolo "Gestione ordini" su /orders/all ===== */
@media (min-width:768px){
  /* v2.0.27: tolto lo zoom (era .76) su filtri e tabella dell'elenco ordini admin: vedi blocco v2.0.27 in fondo */
  #content:has(>form #recipient)>form{display:flex !important;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 16px !important;padding:12px 16px !important;background:#f2f7f2;border:1px solid #e4eae4;border-radius:8px}
  #content:has(>form #recipient)>form label{font-size:14px !important;font-weight:bold;color:#084828;padding:0 !important;margin:0 !important;display:inline-flex;align-items:center;gap:6px}
  #content:has(>form #recipient)>form input[type=text]{height:36px !important;width:200px !important;font-size:15px !important;padding:0 10px !important;border:1px solid #c9d9c9 !important;border-radius:8px !important;background:#fff !important;margin:0 8px 0 0 !important;box-sizing:border-box}
  #content:has(>form #recipient)>form input[type=checkbox]{width:18px;height:18px;accent-color:#088808;margin:0 !important}
  #content:has(>form #recipient)>form #search{height:36px !important;padding:0 18px !important;border-radius:18px !important;margin-left:auto !important}
  html:has(#main_menu[data-current-url*="orders/all"]) #content>h3{font-size:0 !important}
  html:has(#main_menu[data-current-url*="orders/all"]) #content>h3::after{content:"Gestione ordini";font-size:20px}
}

/* ===== v2.0.15 (04/11/2026): carrello vuoto = banner a 4 schermate in dissolvenza (giro di 44 s):
   1) Albert, 20 s: "Ti aiuto a scegliere il prodotto giusto" + prodotti che salgono (30.000 -> 38.209, 3 lampeggi lenti, fermo)
      + categorie (0 -> 889, 3 lampeggi lenti, fermo) + "Parla con Albert ->"
   2) banner dei configuratori nella lingua della pagina, 8 s (/doc/tv_banner_configuratori_xx.png)
   3) un'informazione per volta, 8 s (Rivenditore autorizzato, Configuratore pompe, ... prodotti online, categorie)
   4) "Dov'e' il mio ordine?" con il disegno del pacco e del segnaposto + "Te lo dice Albert ->", 8 s
   La cornice verde e Albert compaiono subito (carrello senza articoli = senza <dl>); numeri e alternanza partono quando
   chatbase.js aggiunge .tv-catalogo (se lo script non arriva, dopo 4 s compare il numero fisso). Tutto il riquadro apre la chat.
   Immagini in /doc/: tv_banner_albert.png, tv_banner_configuratori_it/en/fr/de/es.png ===== */
@media (min-width:768px){
  html body #cart#cart#cart:not(:has(dl)){position:relative !important;height:224px !important;min-height:0 !important;padding:0 !important;box-sizing:border-box;background:#084828 !important;background-image:none !important;border:1px solid #084828 !important;border-radius:10px !important;color:#fff !important;overflow:hidden;--tv-sep:".";--tv-l1:"prodotti online";--tv-l2:"categorie";--tv-k1:"Parla con Albert \2192";--tv-k2:"Te lo dice Albert \2192";--tv-o1:"Dov'\e8  il mio ordine?"}
  html:lang(en) body #cart#cart#cart:not(:has(dl)){--tv-sep:",";--tv-l1:"products online";--tv-l2:"categories";--tv-k1:"Talk to Albert \2192";--tv-k2:"Albert will tell you \2192";--tv-o1:"Where is my order?"}
  html:lang(fr) body #cart#cart#cart:not(:has(dl)){--tv-sep:"\202F";--tv-l1:"produits en ligne";--tv-l2:"cat\e9gories";--tv-k1:"Parler avec Albert \2192";--tv-k2:"Albert vous le dit \2192";--tv-o1:"O\f9  est ma commande\00a0?"}
  html:lang(de) body #cart#cart#cart:not(:has(dl)){--tv-l1:"Produkte online";--tv-l2:"Kategorien";--tv-k1:"Mit Albert sprechen \2192";--tv-k2:"Albert sagt es Ihnen \2192";--tv-o1:"Wo ist meine Bestellung?"}
  html:lang(es) body #cart#cart#cart:not(:has(dl)){--tv-l1:"productos online";--tv-l2:"categor\edas";--tv-k1:"Habla con Albert \2192";--tv-k2:"Albert te lo dice \2192";--tv-o1:"\bf D\f3nde est\e1  mi pedido?"}
  html body #cart#cart#cart:not(:has(dl)):hover{background:#06391f !important}
  #cart:not(:has(dl))::before{display:none !important;content:none !important}
  #cart:not(:has(dl))::after{content:"";position:absolute;z-index:0;right:9px;top:9px;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23b8e838' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M10 3l1.8 5.2L17 10l-5.2 1.8L10 17l-1.8-5.2L3 10l5.2-1.8z'/%3E%3Ccircle cx='19' cy='5' r='2'/%3E%3C/svg%3E") no-repeat center/contain}
  /* schermata 1: Albert (immagine sul titolo "Carrello", frase sotto) */
  html body #cart#cart:not(:has(dl))>h3.name{display:block !important;position:absolute !important;z-index:1;left:10px;right:10px;top:10px;height:122px;margin:0 !important;padding:0 !important;border:0 !important;font-size:0 !important;line-height:0;text-shadow:none !important;background:url("/doc/tv_banner_albert.png") no-repeat center top/auto 82px !important}
  #cart:not(:has(dl))>h3.name::before{position:absolute;left:0;right:0;top:86px;padding:0 4px;text-align:center;font:12.5px/1.3 Arial,Helvetica,sans-serif;color:#fff}
  #cart:not(:has(dl))>h3.name::after{content:none !important}
  html:lang(it) #cart:not(:has(dl))>h3.name::before{content:"Ti aiuto a scegliere il prodotto giusto"}
  html:lang(en) #cart:not(:has(dl))>h3.name::before{content:"I help you choose the right product"}
  html:lang(fr) #cart:not(:has(dl))>h3.name::before{content:"Je vous aide \e0  choisir le bon produit"}
  html:lang(de) #cart:not(:has(dl))>h3.name::before{content:"Ich helfe Ihnen, das richtige Produkt zu finden"}
  html:lang(es) #cart:not(:has(dl))>h3.name::before{content:"Te ayudo a elegir el producto adecuado"}
  /* schermata 1: numeri (sul link "Mostra" del carrello vuoto, reso non cliccabile) */
  html body #cart#cart#cart:not(:has(dl))>#cart-show#cart-show{display:block !important;position:absolute !important;z-index:1;left:10px !important;right:auto !important;top:136px !important;width:calc(100% - 20px) !important;height:44px !important;margin:0 !important;padding:0 !important;font-size:0 !important;text-indent:0 !important;background:none !important;pointer-events:none;text-align:center}
  #cart:not(:has(dl))>#cart-show::before{display:block;font:bold 24px/1.1 Arial,Helvetica,sans-serif;color:#b8e838;content:"38.209"}
  #cart:not(:has(dl))>#cart-show::after{display:block;margin-top:3px;font:11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#cfe3d4;content:var(--tv-l1)}
  html:lang(en) #cart:not(:has(dl))>#cart-show::before{content:"38,209"}
  html:lang(fr) #cart:not(:has(dl))>#cart-show::before{content:"38\202F 209"}
  /* prima dello script i numeri restano nascosti (compaiono fissi dopo 4 s se lo script non arriva) */
  #cart:not(:has(dl))>#cart-show::before,#cart:not(:has(dl))>#cart-show::after{animation:tv-mostra .01s linear 4s both}
  /* alternanza: parte quando c'e' .tv-catalogo (aggiunto da chatbase.js), dalla schermata di Albert gia' visibile */
  html body #cart#cart:has(.tv-catalogo)>h3.name,html body #cart#cart:has(.tv-catalogo)>#cart-show{animation:tv-slide-a 48s linear 0s infinite both}
  html body #cart#cart:has(.tv-catalogo)>#cart-show::after{animation:tv-albert-lbl 48s linear 0s infinite both}
  html body #cart#cart:has(.tv-catalogo)>#cart-show::before{animation:tv-mostra .01s linear 0s both}
  /* palco comune delle schermate 2 e 3 */
  html body #cart#cart .tv-catalogo{position:absolute !important;left:10px;right:10px;top:10px;height:204px;width:auto !important;margin:0 !important;padding:0 !important;min-height:0 !important;display:flex !important;flex-direction:column;align-items:center !important;justify-content:center;text-align:center;gap:6px}
  /* schermata 3: un'informazione per volta */
  html body #cart#cart .tv-catalogo::before{font:bold 21px/1.15 Arial,Helvetica,sans-serif !important;color:#b8e838 !important;min-height:0;opacity:1 !important;animation:tv-giro-a3 28s linear -8s infinite both,tv-info-f 48s linear -20s infinite both !important}
  html body #cart#cart .tv-catalogo::after{font:12px/1.3 Arial,Helvetica,sans-serif !important;color:#fff !important;text-transform:uppercase;letter-spacing:.03em;opacity:1 !important;animation:tv-giro-b3 28s linear -8s infinite both,tv-info-f 48s linear -20s infinite both !important}
  /* schermata 2: banner dei configuratori (lingua della pagina) */
  html body #cart .tv-catalogo>.n{display:block !important;position:absolute;z-index:2;inset:0;font-size:0 !important;margin:0 !important;border-radius:8px;background:#fff url("/doc/tv_banner_configuratori_it.png") no-repeat center/contain;animation:tv-slide8 48s linear -28s infinite both}
  html:lang(en) body #cart .tv-catalogo>.n{background-image:url("/doc/tv_banner_configuratori_en.png")}
  html:lang(fr) body #cart .tv-catalogo>.n{background-image:url("/doc/tv_banner_configuratori_fr.png")}
  html:lang(de) body #cart .tv-catalogo>.n{background-image:url("/doc/tv_banner_configuratori_de.png")}
  html:lang(es) body #cart .tv-catalogo>.n{background-image:url("/doc/tv_banner_configuratori_es.png")}
  html body #cart .tv-catalogo>.n *{display:none !important}
  /* il link copre tutto il riquadro; in basso "Parla con Albert ->" (schermata 1) o "Te lo dice Albert ->" (schermata 4) */
  html body #cart .tv-catalogo>a.apri-chat{position:absolute !important;z-index:3;top:-10px;left:-10px;right:-10px;bottom:-10px;display:flex !important;align-items:flex-end;justify-content:center;margin:0 !important;padding:0 0 12px !important;background:none !important;font-size:0 !important;text-decoration:none !important;cursor:pointer}
  #cart .tv-catalogo>a.apri-chat::after{font:bold 14px/1.2 Arial,Helvetica,sans-serif;color:#b8e838;content:var(--tv-k1);animation:tv-link 48s linear 0s infinite both}
  #cart .tv-catalogo>a.apri-chat:hover::after{text-decoration:underline}
  /* schermata 4: "Dov'e' il mio ordine?" (disegno + domanda; la risposta e' il link in basso) */
  #cart .tv-catalogo>a.apri-chat::before{content:var(--tv-o1);position:absolute;left:10px;right:10px;top:16px;height:150px;box-sizing:border-box;padding-top:116px;text-align:center;font:bold 17px/1.2 Arial,Helvetica,sans-serif;color:#fff;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='110' viewBox='0 0 160 110'%3E%3Cpath d='M14 92 C40 70 60 98 84 80 S122 60 140 38' fill='none' stroke='%23b8e838' stroke-width='3' stroke-dasharray='2 7' stroke-linecap='round'/%3E%3Cg transform='translate(18 46)'%3E%3Cpath d='M0 14 L28 0 L56 14 L28 28 Z' fill='%23ffffff'/%3E%3Cpath d='M0 14 L28 28 L28 60 L0 46 Z' fill='%23e4eae4'/%3E%3Cpath d='M56 14 L28 28 L28 60 L56 46 Z' fill='%23cfe3d4'/%3E%3Cpath d='M14 7 L42 21 L42 33 L36 30 L36 24 L8 10 Z' fill='%23b8e838'/%3E%3C/g%3E%3Cg transform='translate(112 4)'%3E%3Cpath d='M18 0 C8 0 0 8 0 18 C0 31 18 46 18 46 S36 31 36 18 C36 8 28 0 18 0 Z' fill='%23b8e838'/%3E%3Ccircle cx='18' cy='18' r='7' fill='%23084828'/%3E%3C/g%3E%3Ccircle cx='140' cy='52' r='3' fill='%23b8e838'/%3E%3C/svg%3E") no-repeat center top/auto 104px;animation:tv-slide8 48s linear -8s infinite both}
}
@keyframes tv-mostra{from{opacity:0}to{opacity:1}}
/* v2.0.26: giro di 48 s. Albert 0-20 s, configuratori 20-28 s, informazioni 28-40 s (3 messaggi da 4 s), ordine 40-48 s */
@keyframes tv-slide-a{0%{opacity:1;visibility:visible}40.167%{opacity:1;visibility:visible}41.667%{opacity:0;visibility:hidden}98.486%{opacity:0;visibility:hidden}98.5%{opacity:0;visibility:visible}100%{opacity:1;visibility:visible}}
@keyframes tv-slide8{0%{opacity:1;visibility:visible}15.0%{opacity:1;visibility:visible}16.667%{opacity:0;visibility:hidden}98.486%{opacity:0;visibility:hidden}98.5%{opacity:0;visibility:visible}100%{opacity:1;visibility:visible}}
@keyframes tv-slide8-f{0%{filter:opacity(1)}16.364%{filter:opacity(1)}18.182%{filter:opacity(0)}98.364%{filter:opacity(0)}100%{filter:opacity(1)}}
/* v2.0.26: schermata informazioni di 12 s con 3 messaggi da 4 s (giro di 28 s, 7 messaggi); ciclo del banner 48 s */
@keyframes tv-info-f{0%{filter:opacity(0)}1.5%{filter:opacity(1)}7.5%{filter:opacity(1)}8.333%{filter:opacity(0)}9.167%{filter:opacity(1)}15.833%{filter:opacity(1)}16.667%{filter:opacity(0)}17.5%{filter:opacity(1)}23.5%{filter:opacity(1)}25%{filter:opacity(0)}100%{filter:opacity(0)}}
@keyframes tv-giro-a3{0.000%{content:var(--tva1)}14.284%{content:var(--tva1)}14.286%{content:var(--tva2)}28.569%{content:var(--tva2)}28.571%{content:var(--tva3)}42.855%{content:var(--tva3)}42.857%{content:var(--tva4)}57.141%{content:var(--tva4)}57.143%{content:var(--tva5)}71.427%{content:var(--tva5)}71.429%{content:var(--tva6)}85.712%{content:var(--tva6)}85.714%{content:var(--tva7)}99.998%{content:var(--tva7)}}
@keyframes tv-giro-b3{0.000%{content:var(--tvb1)}14.284%{content:var(--tvb1)}14.286%{content:var(--tvb2)}28.569%{content:var(--tvb2)}28.571%{content:var(--tvb3)}42.855%{content:var(--tvb3)}42.857%{content:var(--tvb4)}57.141%{content:var(--tvb4)}57.143%{content:var(--tvb5)}71.427%{content:var(--tvb5)}71.429%{content:var(--tvb6)}85.712%{content:var(--tvb6)}85.714%{content:var(--tvb7)}99.998%{content:var(--tvb7)}}
/* testo del link: con Albert (0-20 s) e con "Dov'e' il mio ordine?" (36-44 s) */
@keyframes tv-link{0%{opacity:1;content:var(--tv-k1)}40.167%{opacity:1}41.667%{opacity:0}62.479%{content:var(--tv-k1)}62.5%{content:var(--tv-k2)}81.833%{opacity:0}83.333%{opacity:1}99.99%{opacity:1;content:var(--tv-k2)}}
/* etichetta sotto il numero: prodotti per i primi 10 s, poi categorie */
@keyframes tv-albert-lbl{0%{content:var(--tv-l1)}20.812%{content:var(--tv-l1)}20.833%{content:var(--tv-l2)}99.99%{content:var(--tv-l2)}}
@keyframes tv-giro-a2{0.000%{content:var(--tva1)}7.142%{content:var(--tva1)}7.143%{content:var(--tva2)}21.428%{content:var(--tva2)}21.429%{content:var(--tva3)}35.713%{content:var(--tva3)}35.714%{content:var(--tva4)}49.999%{content:var(--tva4)}50.000%{content:var(--tva5)}64.285%{content:var(--tva5)}64.286%{content:var(--tva6)}78.570%{content:var(--tva6)}78.571%{content:var(--tva7)}92.856%{content:var(--tva7)}92.857%{content:var(--tva1)}99.999%{content:var(--tva1)}}
@keyframes tv-giro-b2{0.000%{content:var(--tvb1)}7.142%{content:var(--tvb1)}7.143%{content:var(--tvb2)}21.428%{content:var(--tvb2)}21.429%{content:var(--tvb3)}35.713%{content:var(--tvb3)}35.714%{content:var(--tvb4)}49.999%{content:var(--tvb4)}50.000%{content:var(--tvb5)}64.285%{content:var(--tvb5)}64.286%{content:var(--tvb6)}78.570%{content:var(--tvb6)}78.571%{content:var(--tvb7)}92.856%{content:var(--tvb7)}92.857%{content:var(--tvb1)}99.999%{content:var(--tvb1)}}
/* numeri che salgono (solo browser con round()/mod(); gli altri, dopo lo script, mostrano 38.209 fisso).
   Migliaia: tvk; ultime tre cifre una per una (tvh, tvt, tvu) per avere sempre 3 cifre (30.000, 30.050) senza @counter-style. */
/* v2.0.25 (05/11/2026): il conteggio parte subito (prima restava fermo su 30.000 per 1 s) e il numero compare in dissolvenza in 0,4 s
   mentre sta gia' salendo; arrivo a 38.209 sempre a 3,5 s, resto della sequenza invariato. */
@keyframes tv-albert-num{
  0%{--tv-n:30000;content:counter(tvk) var(--tv-sep) counter(tvh) counter(tvt) counter(tvu);opacity:0;animation-timing-function:ease-out}
  0.833%{opacity:1}
  7.292%{--tv-n:38209;opacity:1;animation-timing-function:ease-in-out}
  8.333%{opacity:1}10.000%{opacity:.15}11.667%{opacity:1}13.333%{opacity:.15}15.000%{opacity:1}16.667%{opacity:.15}18.333%{opacity:1}
  20.812%{--tv-n:38209;content:counter(tvk) var(--tv-sep) counter(tvh) counter(tvt) counter(tvu);opacity:1}
  20.833%{--tv-n:0;content:counter(tvr);opacity:1;animation-timing-function:ease-out}
  25.000%{--tv-n:889;opacity:1;animation-timing-function:ease-in-out}
  25.833%{opacity:1}27.500%{opacity:.15}29.167%{opacity:1}30.833%{opacity:.15}32.500%{opacity:1}34.167%{opacity:.15}35.833%{opacity:1}
  99.99%{--tv-n:889;content:counter(tvr);opacity:1}
}
@supports (width:round(down,10px,3px)) and (width:mod(10px,3px)){@media (min-width:768px){
  #cart:not(:has(dl))>#cart-show::before{--tv-n:38209;counter-reset:tvk round(down,var(--tv-n) / 1000,1) tvr mod(var(--tv-n),1000) tvh round(down,mod(var(--tv-n),1000) / 100,1) tvt round(down,mod(var(--tv-n),100) / 10,1) tvu mod(var(--tv-n),10)}
  html body #cart#cart:has(.tv-catalogo)>#cart-show::before{animation:tv-albert-num 48s linear 0s infinite both}
}}
@media (prefers-reduced-motion:reduce){html body #cart#cart .tv-catalogo::before{animation:tv-giro-a3 28s linear -8s infinite both,tv-info-f 48s linear -20s infinite both !important}html body #cart#cart .tv-catalogo::after{animation:tv-giro-b3 28s linear -8s infinite both,tv-info-f 48s linear -20s infinite both !important}html body #cart#cart:has(.tv-catalogo)>#cart-show::before{animation:none !important}}

/* ===== v2.0.16 (04/11/2026): link delle schermate del banner (richiede chatbase.js v8.1, che aggiunge a.tv-cfg e a.tv-ordine):
   ognuno copre la sua schermata ed e' cliccabile solo mentre e' visibile (visibility nell'animazione); altrove il clic
   arriva al link "apri-chat" sotto. Configuratori -> menu dei configuratori; ordine -> Albert con "Dov'e' il mio ordine?". ===== */
@media (min-width:768px){
  html body #cart .tv-catalogo>a.tv-cfg,html body #cart .tv-catalogo>a.tv-ordine{display:block !important;position:absolute !important;z-index:5;inset:0;margin:0 !important;padding:0 !important;background:none !important;font-size:0 !important;color:transparent !important;text-decoration:none !important;cursor:pointer;border-radius:8px}
  html body #cart .tv-catalogo>a.tv-cfg{animation:tv-slide8 48s linear -28s infinite both}
  html body #cart .tv-catalogo>a.tv-ordine{animation:tv-slide8 48s linear -8s infinite both}
  html body #cart .tv-catalogo>a.tv-cfg::before,html body #cart .tv-catalogo>a.tv-cfg::after,html body #cart .tv-catalogo>a.tv-ordine::before,html body #cart .tv-catalogo>a.tv-ordine::after{content:none !important;display:none !important}
}

/* ===== v2.0.18 (04/11/2026): schermata delle informazioni, link dei singoli configuratori (richiede chatbase.js v8.4, che aggiunge
   a.tv-cfg-pompe, a.tv-cfg-quadri, a.tv-cfg-scald): ognuno e' cliccabile solo mentre la schermata mostra "Configuratore pompe",
   "Configuratore quadri" o "Configuratore scaldabagni" (stesso giro di 308 s dei messaggi, ritardo -60 s) e apre Albert con quel
   configuratore. Negli altri momenti il clic arriva al link sotto (chat normale). ===== */
@media (min-width:768px){
  html body #cart .tv-catalogo>a:is(.tv-cfg-pompe,.tv-cfg-quadri,.tv-cfg-scald){display:block !important;position:absolute !important;z-index:5;inset:0;margin:0 !important;padding:0 !important;background:none !important;font-size:0 !important;color:transparent !important;text-decoration:none !important;cursor:pointer;visibility:hidden}
  html body #cart .tv-catalogo>a:is(.tv-cfg-pompe,.tv-cfg-quadri,.tv-cfg-scald)::before,html body #cart .tv-catalogo>a:is(.tv-cfg-pompe,.tv-cfg-quadri,.tv-cfg-scald)::after{content:none !important;display:none !important}
  html body #cart .tv-catalogo>a.tv-cfg-pompe{animation:tv-link-pompe 336s linear 0s infinite both}
  html body #cart .tv-catalogo>a.tv-cfg-quadri{animation:tv-link-quadri 336s linear 0s infinite both}
  html body #cart .tv-catalogo>a.tv-cfg-scald{animation:tv-link-scald 336s linear 0s infinite both}
}
@keyframes tv-link-pompe{0%{visibility:hidden}9.523%{visibility:hidden}9.524%{visibility:visible}10.713%{visibility:visible}10.714%{visibility:hidden}51.189%{visibility:hidden}51.19%{visibility:visible}52.380%{visibility:visible}52.381%{visibility:hidden}67.856%{visibility:hidden}67.857%{visibility:visible}69.047%{visibility:visible}69.048%{visibility:hidden}100%{visibility:hidden}}
@keyframes tv-link-quadri{0%{visibility:hidden}10.713%{visibility:hidden}10.714%{visibility:visible}11.904%{visibility:visible}11.905%{visibility:hidden}52.380%{visibility:hidden}52.381%{visibility:visible}53.570%{visibility:visible}53.571%{visibility:hidden}94.047%{visibility:hidden}94.048%{visibility:visible}95.237%{visibility:visible}95.238%{visibility:hidden}100%{visibility:hidden}}
@keyframes tv-link-scald{0%{visibility:hidden}36.904%{visibility:hidden}36.905%{visibility:visible}38.094%{visibility:visible}38.095%{visibility:hidden}53.570%{visibility:hidden}53.571%{visibility:visible}54.761%{visibility:visible}54.762%{visibility:hidden}95.237%{visibility:hidden}95.238%{visibility:visible}96.428%{visibility:visible}96.429%{visibility:hidden}100%{visibility:hidden}}

/* ===== v2.0.19 (04/11/2026): schermata delle informazioni, "Rivenditore autorizzato delle migliori marche" -> pagina Chi siamo
   (richiede chatbase.js v8.5, che aggiunge a.tv-chi-siamo); cliccabile solo mentre compare quel messaggio. ===== */
@media (min-width:768px){
  html body #cart .tv-catalogo>a.tv-chi-siamo{display:block !important;position:absolute !important;z-index:5;inset:0;margin:0 !important;padding:0 !important;background:none !important;font-size:0 !important;color:transparent !important;text-decoration:none !important;cursor:pointer;visibility:hidden;animation:tv-link-chi 336s linear 0s infinite both}
  html body #cart .tv-catalogo>a.tv-chi-siamo::before,html body #cart .tv-catalogo>a.tv-chi-siamo::after{content:none !important;display:none !important}
}
@keyframes tv-link-chi{0%{visibility:hidden}8.332%{visibility:hidden}8.333%{visibility:visible}9.523%{visibility:visible}9.524%{visibility:hidden}24.999%{visibility:hidden}25.0%{visibility:visible}26.189%{visibility:visible}26.19%{visibility:hidden}66.666%{visibility:hidden}66.667%{visibility:visible}67.856%{visibility:visible}67.857%{visibility:hidden}100%{visibility:hidden}}

/* ===== v2.0.20 (04/11/2026): nelle pagine /pages/ il riquadro del carrello lo crea chatbase.js v8.6 in cima alla colonna di destra:
   stessa larghezza della colonna (la vecchia regola #toolbox #cart lo portava a 270/220 px) ===== */
@media (min-width:768px){
  html body #toolbox>#cart#cart#cart:not(:has(dl)){width:auto !important;margin-left:0 !important;margin-right:0 !important}
}

/* ===== v2.0.23 (04/11/2026): riquadro dei feedback eBay (#tv-feedback, creato da chatbase.js v8.8 come primo elemento di #sidebar).
   Sostituisce le regole v2.0.21/22. Quando il widget Reputon si e' disegnato: #sidebar diventa trasparente, il feedback e' un
   riquadro bianco a se' (bordo #e4eae4, angoli 8 px) e sotto, a 8 px, il menu delle pagine (#side_menu + #safe-paypal) ha lo stesso
   riquadro. Il badge si adatta alla larghezza della colonna, senza la sua ombra. Nascosto finche' il widget non c'e' (prima del
   consenso ai cookie Iubenda blocca lo script); su mobile non compare. ===== */
@media (min-width:768px){
  html body #sidebar>#tv-feedback{display:block;box-sizing:border-box;width:auto !important;margin:0 0 8px !important;padding:0 !important;background:#fff !important;border:1px solid #e4eae4 !important;border-radius:8px !important;text-align:center;overflow:hidden}
  html body #sidebar>#tv-feedback:not(:has(.reputon-reviews-holder)){display:none !important}
  html body #sidebar>#tv-feedback .reputon-ebay-reviews-widget,html body #sidebar>#tv-feedback .reputon-reviews-holder{position:static !important;display:flex !important;justify-content:center;margin:0 auto !important}
  html body #sidebar>#tv-feedback :is(.reputon-reviews-holder,.reputon-link,.reputon-badge,.reputon-container){width:100% !important;max-width:100% !important;min-width:0 !important;box-sizing:border-box}
  html body #sidebar>#tv-feedback .reputon-badge{box-shadow:none !important;border-radius:0 !important;margin:0 !important}
  html body #sidebar>#tv-feedback .reputon-info{padding:12px 8px !important}
  html body #toolbox #sidebar:has(>#tv-feedback .reputon-reviews-holder){background:none !important;border:0 !important;padding:0 !important;box-shadow:none !important}
  html body #sidebar:has(>#tv-feedback .reputon-reviews-holder)>#side_menu{background:#fff !important;border:1px solid #e4eae4 !important;border-bottom:0 !important;border-radius:8px 8px 0 0 !important}
  html body #sidebar:has(>#tv-feedback .reputon-reviews-holder)>#safe-paypal{background:#fff !important;border:1px solid #e4eae4 !important;border-top:0 !important;border-radius:0 0 8px 8px !important;padding-bottom:12px !important;margin-top:0 !important}
}
@media (max-width:767px){#tv-feedback{display:none !important}}

/* ===== v2.0.24 (04/11/2026): carrello - il riquadro dei feedback eBay (v2.0.23) prendeva il posto del menu informazioni nella griglia a
   due colonne del carrello. Ora: menu informazioni a sinistra su due colonne (come prima), a destra feedback eBay sopra "Acquisti
   sicuri con..."; tutto in un unico riquadro bianco. Colonna destra da 200 a 220 px perche' il badge stia intero. ===== */
@media (min-width:768px){
  html body #main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#sidebar#sidebar{background:#fff !important;border:1px solid #e4eae4 !important;border-radius:8px !important;padding:6px 14px !important;grid-template-columns:minmax(0,1fr) 220px !important;grid-template-rows:auto auto;align-items:center}
  html body #main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#sidebar>#tv-feedback{grid-column:2;grid-row:1;margin:0 0 8px !important;border:0 !important;border-left:1px solid #e3ecdc !important;border-radius:0 !important;padding-left:12px !important}
  html body #main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#sidebar>#tv-feedback .reputon-info{padding:10px 4px !important}
  html body #main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#sidebar>#side_menu#side_menu{grid-column:1;grid-row:1/span 2;background:none !important;border:0 !important;border-radius:0 !important}
  html body #main:not(:has(>#macro_menu)):has(#cart_country_chooser)>#toolbox>#sidebar>#safe-paypal#safe-paypal{grid-column:2;grid-row:2;background:none !important;border:0 !important;border-left:1px solid #e3ecdc !important;border-radius:0 !important;padding-bottom:0 !important}
}

/* ===== v2.0.27 (05/11/2026): elenco ordini admin (/orders/all, filtri presenti solo per l'admin): niente zoom, caratteri leggibili
   (righe 15 px, intestazioni 13 px), celle compatte, colonne corte senza a capo (il Cliente prende lo spazio restante), colonna
   "Ultima modifica" nascosta. La riga della paginazione (colspan) resta libera di andare a capo. Dettaglio ordine admin: zoom .76. ===== */
@media (min-width:768px){
  html body #main #content:has(>form #recipient)>table#orders#orders :is(th,td){font-size:17px !important;line-height:1.3 !important;padding:8px 10px !important}
  html body #main #content:has(>form #recipient)>table#orders#orders th{font-size:14px !important}
  html body #main #content:has(>form #recipient)>table#orders#orders tr>:is(td,th):not(:nth-child(2)):not([colspan]){white-space:nowrap !important;width:1% !important}
  html body #main #content:has(>form #recipient)>table#orders#orders tr>:is(td,th):nth-child(2){width:auto !important}
  html body #main #content:has(>form #recipient)>table#orders#orders tr>:is(td,th):nth-child(3):not([colspan]){display:none !important}
}

/* ===== v2.0.28 (05/11/2026): pagine amministratore. Elenco ordini: righe 17 px, intestazioni 14 px (blocco v2.0.27). Dettaglio
   ordine: la scheda resta allo zoom .76, il testo interno passa a 19 px (circa 13 px a schermo); pulsanti in fondo invariati. ===== */
@media (min-width:768px){
  html body #content>form:has(#status_id) :is(td,th,label,p,span,a,div,dd,dt,li,select,input,textarea){font-size:19px !important}
  html body #content>form:has(#status_id) #order-table :is(td,th){line-height:1.3 !important}
}

/* ===== v2.0.29 (05/11/2026): "I miei ordini" del cliente (tabella senza filtri): colonna Stato a 15 px come le altre (era 13 px),
   su una riga sola ("in attesa di pagamento"); la tabella resta larga quanto la pagina. ===== */
@media (min-width:768px){
  html body #main #content:not(:has(>form #recipient))>table#orders#orders tr>td:nth-child(6):not([colspan]),html body #main #content:not(:has(>form #recipient))>table#orders#orders tr>td:nth-child(6):not([colspan]) *{font-size:15px !important}
  html body #main #content:not(:has(>form #recipient))>table#orders#orders tr>td:nth-child(6):not([colspan]){white-space:nowrap !important}
}

/* ===== v2.0.30 (05/11/2026): PROVA margini laterali piu' ampi sugli schermi medi (1000-1700 px, es. monitor Full HD con Windows al
   125% = 1536 px): pagina larga al massimo 1200 px a schermo (1333 px prima dello zoom .9) invece di 1300. Zoom e caratteri invariati;
   oltre 1700 px e sotto 1000 px nulla cambia. Per tornare indietro basta togliere questo blocco. ===== */
@media (min-width:1000px) and (max-width:1700px){#page,#header,#main{width:min(1222px, calc((100vw - 120px) / .9)) !important}}  /* v2.0.31: 1100 px a schermo (v2.0.30: 1333px = 1200 a schermo) */

/* ===== v2.0.32 (05/11/2026): riquadro "Macrocategorie" come quello delle categorie: barra verde #2f6b22 a sinistra anche nel titolo,
   cosi' continua senza stacchi con la barra della voce "Ti trovi in" (prima la barra partiva solo sotto il titolo). ===== */
@media (min-width:768px){html body #main:has(>#macro_menu)>#macro_menu::before{border-left:12px solid #2f6b22 !important;padding-left:0 !important}}

/* ===== v2.0.34 (05/11/2026): tolto il riquadro "Amministrazione" della v2.0.33 (resta il menu originale in tutte le pagine).
   Macrocategorie: l'elenco e' una colonna con 6 px fra le righe, che lasciavano una striscia bianca fra il titolo e "Ti trovi in":
   il titolo recupera quei 6 px, cosi' la barra verde e' continua come nelle categorie. Le altre voci restano distanziate come prima. ===== */
@media (min-width:768px){html body #main:has(>#macro_menu)>#macro_menu::before{margin-bottom:-6px !important}}

/* ===== v2.0.35 (05/11/2026): (1) riquadri Categorie e Macrocategorie: la barra a sinistra del titolo e della voce "Ti trovi in" e'
   del verde bosco #084828 della fascia del titolo (prima #2f6b22). (2) Solo per l'amministratore (il menu #side_menu contiene
   "Gestione ordini", che il server manda solo all'admin), nelle pagine categoria/prodotto il riquadro originale del menu (con
   i pagamenti) sale in cima alla colonna, sopra il riquadro del carrello/banner (v2.0.44; prima subito sotto il banner); poi
   carrello, categorie e macrocategorie. I feedback eBay per l'admin stanno sotto le macrocategorie (v2.0.43, chatbase.js v8.18). Nelle altre pagine
   il menu e' gia' in cima alla colonna. Per i clienti nulla cambia. ===== */
@media (min-width:768px){
  html body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul::before,html body #main:has(>#macro_menu)>#macro_menu::before{border-left-color:#084828 !important}
  html body #main:has(>#macro_menu) #side_menu_cat>li.nested.current>input:checked~ul>li.selected>a,html body #main:has(>#macro_menu)>#macro_menu li.selected>a{box-shadow:inset 5px 0 0 #084828 !important}
  /* v2.0.44: per l'admin il menu ordini sta sopra anche al riquadro del carrello/banner (prima riga 3, sotto il banner) */
  html body #main#main:has(>#macro_menu):has(#side_menu a[href*="/orders/all"]) #sidebar#sidebar{grid-row:1 / 3 !important;margin-top:0 !important}
  html body #main#main:has(>#macro_menu):has(#side_menu a[href*="/orders/all"]) #cart#cart{grid-row:3 !important;margin-top:14px !important}
  html body #main#main:has(>#macro_menu):has(#side_menu a[href*="/orders/all"]) #side_menu_cat>li.nested.current>input:checked~ul{grid-row:4 !important}
  html body #main#main:has(>#macro_menu):has(#side_menu a[href*="/orders/all"]):not(:has(#side_menu_cat>li.nested.current+li.nested>input:checked))>#macro_menu#macro_menu{grid-row:5 !important}
}

/* ===== v2.0.36 (05/11/2026): spazio fra "Recedi dal contratto qui" (ultima voce del menu informazioni) e "Acquisti sicuri con..."
   (prima attaccati): 14 px sopra il riquadro dei pagamenti. Non nel carrello, dove i pagamenti stanno in una colonna a parte. ===== */
@media (min-width:768px){html body #main:not(:has(#cart_country_chooser)) #sidebar>#safe-paypal#safe-paypal{padding-top:14px !important}}

/* ===== v2.0.39 (05/11/2026): scheda prodotto. Fascia "Documentazione e informazioni" di nuovo nella colonna di destra sotto prezzo e
   carrello (come v2.0.37); commenti del blog (div#feedback) spostati in fondo alla scheda, a tutta larghezza, dopo tutta la descrizione
   (non sono validati: verranno uniti a Trustpilot). ===== */
/* ===== v2.0.37 (05/11/2026): scheda prodotto. (1) Pulsanti Produttore / Istruzioni / Scheda tecnica (div.legal_info.buttons): fascia
   verde ghiaccio "Documentazione e informazioni" nella colonna di destra sotto prezzo e carrello; pulsanti bianchi con bordo e testo
   verde bosco (non si confondono con "Aggiungi al carrello"). (2) Commenti del blog (div#feedback, il server lo mette in #prod-images
   accanto alla foto in una colonna di 110 px): nella colonna di destra sotto la fascia documenti, stessa larghezza, fascia verde
   bosco "il Blog: lascia un feedback! ->" e commenti leggibili che scorrono dentro il riquadro (max 220 px). ===== */
@media (min-width:768px){
  html body #main #content#content .product.page div.legal_info.buttons.buttons{display:flex !important;flex-wrap:wrap !important;justify-content:flex-start !important;align-items:center !important;gap:10px 12px !important;padding:12px 14px !important;background:#f2f7f2 !important;border:1px solid #e4eae4 !important;border-radius:8px !important;box-sizing:border-box !important;max-width:100% !important}
  html body #main #content#content .product.page div.legal_info.buttons.buttons::before{content:"Documentazione e informazioni";flex:1 0 100%;font:700 13px/1.2 Arial,Helvetica,sans-serif;color:#084828;text-transform:uppercase;letter-spacing:.04em}
  html:lang(en) body #main #content#content .product.page div.legal_info.buttons.buttons::before{content:"Documents and information"}
  html:lang(fr) body #main #content#content .product.page div.legal_info.buttons.buttons::before{content:"Documentation et informations"}
  html:lang(de) body #main #content#content .product.page div.legal_info.buttons.buttons::before{content:"Dokumente und Informationen"}
  html:lang(es) body #main #content#content .product.page div.legal_info.buttons.buttons::before{content:"Documentación e información"}
  html body #main #content#content .product.page div.legal_info.buttons.buttons>a.button.button{background:#fff !important;background-image:none !important;color:#084828 !important;border:2px solid #084828 !important;border-radius:18px !important;padding:7px 16px !important;font:700 14px/18px Arial,Helvetica,sans-serif !important;text-shadow:none !important;box-shadow:none !important;margin:0 !important;height:auto !important;width:auto !important;text-decoration:none !important}
  html body #main #content#content .product.page div.legal_info.buttons.buttons>a.button.button:hover{background:#084828 !important;color:#fff !important}
  html body #main #content#content .product.page div.legal_info.buttons.buttons>a.button.button.download::before{content:"\2193" !important;display:inline-block;margin-right:6px;color:inherit !important;font-weight:700;width:auto !important;background:none !important}
  html body #main #content#content .product.page div.legal_info.buttons.buttons{grid-area:5 / 2 !important;align-self:start !important;margin:14px 0 22px !important}  /* v2.0.39: di nuovo nella colonna di destra sotto prezzo e carrello; v2.0.40: 22 px sotto, prima del testo dell'offerta */
  html body #content .product.page #prod-images:has(>#feedback){display:contents !important}
  html body #content .product.page #prod-images:has(>#feedback)>img{grid-area:1 / 1 / span 5 !important;align-self:start !important;box-sizing:border-box !important;background:#fff !important;border:1px solid #e3e3e3 !important;border-radius:10px !important;padding:10px !important}
  html body #content .product.page #prod-images>#feedback{grid-area:auto / 1 / auto / -1 !important;order:99 !important;align-self:start !important;width:auto !important;height:auto !important;margin:24px 0 6px !important;padding:0 !important;background:#fff !important;border:1px solid #e4eae4 !important;border-radius:8px !important;overflow:hidden !important;text-align:left !important;float:none !important}
  html body #content .product.page #feedback>.blog-link{display:block !important;margin:0 !important;padding:9px 12px !important;background:#084828 !important;color:#fff !important;font:700 14px/1.3 Arial,Helvetica,sans-serif !important;text-align:left !important;text-decoration:none !important;width:auto !important;height:auto !important}
  html body #content .product.page #feedback>.blog-link br{display:none}
  html body #content .product.page #feedback>.blog-link::after{content:" \2192";color:#b8e838}
  html body #content .product.page #feedback>.blog-link:hover{background:#0b5a33 !important}
  html body #content .product.page #feedback #comments{width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;text-align:left !important;border:0 !important}
  html body #content .product.page #feedback #comments>ul{width:auto !important;height:auto !important;max-height:220px !important;overflow-y:auto !important;margin:0 !important;padding:0 12px !important;list-style:none !important;border:0 !important}
  html body #content .product.page #feedback #comments li{width:auto !important;height:auto !important;margin:0 !important;padding:10px 0 !important;border:0 !important;border-bottom:1px solid #e4eae4 !important;text-align:left !important;background:none !important}
  html body #content .product.page #feedback #comments li:last-child{border-bottom:0 !important}
  html body #content .product.page #feedback .comment-content{font:14px/1.45 Arial,Helvetica,sans-serif !important;color:#252d27 !important;text-align:left !important;margin:0 0 4px !important}
  html body #content .product.page #feedback .comment-meta{display:block !important;text-decoration:none !important;text-align:left !important;font-style:normal !important}
  html body #content .product.page #feedback .comment-author{font:700 12px/1.3 Arial,Helvetica,sans-serif !important;color:#084828 !important;text-decoration:none !important;font-style:normal !important}
  html body #content .product.page #feedback .comment-date{font:12px/1.3 Arial,Helvetica,sans-serif !important;color:#7a857c !important;margin-left:6px !important;text-decoration:none !important;font-style:normal !important}
}
/* v2.0.38 (05/11/2026): fascia documenti e riquadro del blog a tutta larghezza, uno sotto l'altro, sotto foto e prezzo (v2.0.37: colonna destra) */

/* ===== v2.0.40 (05/11/2026): scheda prodotto. Pulsante in fondo alla descrizione (div.buttons, chatbase.js v8.12 ci scrive il percorso
   della categoria "<- Scaldabagni · Elettrici") spostato dopo i commenti del blog: e' l'ultima cosa della scheda. Senza commenti del blog
   resta dov'era. Spazio di 22 px fra la fascia "Documentazione e informazioni" e il testo dell'offerta (vedi la regola della v2.0.39). ===== */
@media (min-width:768px){
  html body #content .product.page div.buttons:not(.legal_info){order:100 !important}
}

/* ===== v2.0.41 (05/11/2026): categorie speciali del menu (titolo con <mark>, es. ricambi Bandini, Seko, Glong): da blu pieno a
   testo verde bosco in grassetto, sottolineato in verde lime (v2.0.42: prima etichetta verde lime chiaro).
   Il colore non sta piu' nel titolo: nei titoli basta "▸ <mark>Nome</mark>". I titoli che hanno ancora style="color:#fff;
   background:#1565c0" prendono comunque questo colore (regola con !important). ===== */
html body #side_menu_cat mark,html body #macro_menu mark{background:none !important;color:#084828 !important;font-weight:700 !important;padding:0 !important;border-radius:0 !important;text-decoration:underline !important;text-decoration-color:#b8e838 !important;text-decoration-thickness:3px !important;text-underline-offset:3px !important}

/* ===== v2.0.43 (06/11/2026): amministratore, pagine categoria e prodotto: chatbase.js v8.18 mette il riquadro dei feedback eBay in
   cima a #toolbox-bottom (sotto le macrocategorie, sopra il banner Pumps & Gardens) invece che dentro #sidebar, che per l'admin sta in
   cima alla colonna (v2.0.35). Stesso aspetto del riquadro dei clienti; il menu ordini resta il riquadro originale (menu + pagamenti). ===== */
@media (min-width:768px){
  html body #toolbox-bottom>#tv-feedback{display:block;box-sizing:border-box;width:auto !important;margin:0 0 8px !important;padding:0 !important;background:#fff !important;border:1px solid #e4eae4 !important;border-radius:8px !important;text-align:center;overflow:hidden}
  html body #toolbox-bottom>#tv-feedback:not(:has(.reputon-reviews-holder)){display:none !important}
  html body #toolbox-bottom>#tv-feedback .reputon-ebay-reviews-widget,html body #toolbox-bottom>#tv-feedback .reputon-reviews-holder{position:static !important;display:flex !important;justify-content:center;margin:0 auto !important}
  html body #toolbox-bottom>#tv-feedback :is(.reputon-reviews-holder,.reputon-link,.reputon-badge,.reputon-container){width:100% !important;max-width:100% !important;min-width:0 !important;box-sizing:border-box}
  html body #toolbox-bottom>#tv-feedback .reputon-badge{box-shadow:none !important;border-radius:0 !important;margin:0 !important}
  html body #toolbox-bottom>#tv-feedback .reputon-info{padding:12px 8px !important}
}

/* v2.0.48: selettore "AI | Ricerca classica" dentro la casella di ricerca (lo crea chatbase.js v8.23) */
@media (min-width:768px){
  html body #gscbox #tv-modo{position:absolute;right:7px;top:22px;transform:translateY(-50%);margin:0;z-index:2;font-size:12px;line-height:1.2}
  html body #gscbox #tv-modo[hidden]{display:none !important}
  html body #gscbox #tv-modo .tv-modo-sw{display:inline-flex;background:#eef7d8;padding:2px;border-radius:999px}
  html body #gscbox #tv-modo button{all:unset;box-sizing:border-box;cursor:pointer;padding:5px 8px;border-radius:999px;color:#084828;font-weight:700;white-space:nowrap}
  html body #gscbox #tv-modo button[aria-pressed="true"]{background:#084828;color:#fff}
  html body #gscbox #tv-modo button:focus-visible{outline:2px solid #b8e838;outline-offset:1px}
  html body #gscbox:has(#tv-modo:not([hidden])) td.gsc-input{padding-right:var(--tv-modo-w,160px) !important}
  html body #gscbox:has(#tv-modo:not([hidden])) td.gsib_b{width:20px !important;padding:0 !important}
}

/* v2.0.49: finestra stretta (o zoom alto): il logo si rimpicciolisce per stare tutto a sinistra della casella di ricerca
   (380 px + 16 di stacco), invece di finirci sotto con il leone. Con lo spazio sufficiente resta largo 500 px come prima. */
@media (min-width:768px){
  html body #site_title a{width:min(500px, calc(100% - 396px)) !important}
}

/* v2.0.50: pulsanti secondari (prima bianchi con bordo e testo grigio chiaro, poco visibili) come quelli dell'ordine
   (v2.0.46): bordo e testo verde bosco, pieni al passaggio del mouse. «Elimina tutto» del carrello in rosso scuro.
   Pulsanti: carrello, dati utente (registrazione/modifica), checkout spedizione, pagamento, riepilogo. */
html body #content :is(form[action*="users/save"] .buttons a.button,#order_form>.buttons a.button,form:has(#order-summary)>.buttons a.button,form[action*="payment_method"]>.buttons a.button){border:2px solid #084828 !important;color:#084828 !important;font-weight:700 !important;background:#fff !important}
html body #content :is(form[action*="users/save"] .buttons a.button,#order_form>.buttons a.button,form:has(#order-summary)>.buttons a.button,form[action*="payment_method"]>.buttons a.button):hover{background:#084828 !important;color:#fff !important}
html body #content form:has(#cart-table)>.buttons #btn-clear{border:2px solid #a32020 !important;color:#a32020 !important;font-weight:700 !important;background:#fff !important}
html body #content form:has(#cart-table)>.buttons #btn-clear:hover{background:#a32020 !important;border-color:#a32020 !important;color:#fff !important}