@charset "UTF-8";
/* =========================================================
   Termoverde - desktop.css  v1 (02/11/2026)
   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)}
html:lang(it) #products_country_chooser label::after{content:"prezzi, IVA e spedizione calcolati per questo paese";font-size:13px;font-weight:normal;color:#fff;opacity:.85}
html:lang(en) #products_country_chooser label::after{content:"prices, VAT and shipping calculated for this country";font-size:13px;font-weight:normal;color:#fff;opacity:.85}
html:lang(fr) #products_country_chooser label::after{content:"prix, TVA et livraison calculés pour ce pays";font-size:13px;font-weight:normal;color:#fff;opacity:.85}
html:lang(de) #products_country_chooser label::after{content:"Preise, MwSt. und Versand für dieses Land berechnet";font-size:13px;font-weight:normal;color:#fff;opacity:.85}
html:lang(es) #products_country_chooser label::after{content:"precios, IVA y envío calculados para este país";font-size:13px;font-weight:normal;color:#fff;opacity:.85}
#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){
#products li.prod p.desc a.img:not(:has(img:not(.js_hidden))){display:none !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: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-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}
}