@charset "UTF-8";
/* =========================================================
   CannoliRoyal (cannolionline.com) - mobile.css  v1.9 (12/11/2026) - di nuovo "Contatti" nel menu in alto (come Termoverde); voci dei menu
   della colonna di sinistra leggibili quando evidenziate (fondo bianco, scritta bordeaux, al posto del marrone della piattaforma); menu informativo
   della colonna di sinistra con scritte centrate; foto provvisorie "Coming soon" senza corona (blocco v1.9 in fondo); v1.8 (11/11/2026) - contenuto sotto le tendine rientrato di soli 6 px per lato (regola v1.6
   aggiornata); v1.7 (11/11/2026) - tendine senza etichette, "» dettagli" in fondo alla scheda, pagina
   di accesso rifatta, via "Video" e "Cannoli News" da menu laterale e piede (blocco v1.7 in fondo); v1.6 (11/11/2026) - frecce dei menu minime, contenuto sotto le tendine piu' stretto, foto
   provvisorie "Coming soon" turchesi anche per le categorie, tendine senza conteggio (blocco v1.6 in fondo); v1.5 (11/11/2026) - palette definitiva (turchese #286B68), fascia 44 px con spillo, lente,
   carrello e lingua; testata compatta; menu in maiuscoletto bordeaux; menu laterale avorio; tendine con bordo oro; schede e pulsanti morbidi
   (blocco v1.5 in fondo); v1.4 (11/11/2026) - palette Cappello Heritage: bordeaux, turchese, oro antico, avorio, antracite;
   logo nuovo co_logo_cannoliroyal_v2.webp; ricerca dietro la lente nella fascia in alto; tendine del catalogo a due toni
   (reparto turchese, categoria oro antico) (blocco v1.4 in fondo); v1.3 (11/11/2026) - tendine reparto >> categoria al posto delle pillole, niente video unboxing
   nelle schede, "Contatti" solo nel piede (blocco v1.3 in fondo); v1.2 (11/11/2026) - fascia fucsia fissa in alto su tutta la larghezza con destinazione e lingua
   sopra, come Termoverde (blocco v1.2 in fondo); v1.1 (11/11/2026) - logo CannoliRoyal; telefono: banner Iubenda a misura, destinazione e lingua
   nella barra fissa, schede prodotto leggibili, ricerca piu' stretta; niente video unboxing, niente lampo delle bandiere, avviso "solo cookie
   necessari" (blocco v1.1 in fondo); v1.0 (10/11/2026) - prima versione del nuovo tema bianco/fucsia/oro
   Contiene: 1) blocco COMUNE (tutti gli schermi) in testa; 2) regole TELEFONO dentro @media (max-width:767px).
   La piattaforma carica questo file con media="all" PRIMA di desktop.css: le regole del computer stanno in desktop.css.
   Quando Giorgio dividera' in tre file, il blocco COMUNE va spostato cosi' com'e' nel file comune.
   Palette (v1.4): bianco #FFFFFF, bordeaux #873653 (fascia, pulsanti d'acquisto, prezzi, piede), turchese #83D1CE e turchese scuro
   #237A77 (menu), oro antico #B99A53 (dettagli), avorio #F7F5F0 (riquadri), antracite #292929 (testi). Logo: /doc/co_logo_cannoliroyal_v2.webp (880x280).
   Tendine "Informazioni" / "Il mio account" e selettore lingua: le crea /js/chatbase.js (senza lo script restano menu piatto e bandiere).
   ========================================================= */

/* ===================== COMUNE (tutti gli schermi) ===================== */
html body{background:#fff !important;color:#292929;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif !important}
html body #page{color:#292929}
html body h1,html body h2,html body h3,html body h4{color:#292929;text-shadow:none !important;font-family:Georgia,"Times New Roman",serif}
html body a{color:#873653}

/* testata: logo CannoliRoyal, vecchio logo Scimone nascosto */
html body #header{background:none !important}
html body #header > img[src*="Scimone"]{display:none !important}
html body #site_title a{background:url(/doc/co_logo_cannoliroyal_v2.webp) no-repeat center/contain !important}

/* annuncio "coming soon" in cima a categorie e schede prodotto (5 lingue) */
html body #main:has(>#macro_menu) #content::before{display:block;box-sizing:border-box;margin:0 0 18px;padding:14px 18px;border:1px solid #E3D7BC;border-left:4px solid #B99A53;border-radius:12px;background:#F7F5F0;color:#292929;font:16px/1.45 "Helvetica Neue",Arial,sans-serif;letter-spacing:.01em}
html:lang(it) body #main:has(>#macro_menu) #content::before{content:"\2726  Coming soon \2014  Qualcosa di dolcissimo sta per arrivare dalla Sicilia. Restate sintonizzati!"}
html:lang(en) body #main:has(>#macro_menu) #content::before{content:"\2726  Coming soon \2014  Something very sweet is on its way from Sicily. Stay tuned!"}
html:lang(fr) body #main:has(>#macro_menu) #content::before{content:"\2726  Bient\F4t \2014  Quelque chose de tr\E8s doux arrive de Sicile. Restez \E0  l\2019\E9 coute !"}
html:lang(de) body #main:has(>#macro_menu) #content::before{content:"\2726  Demn\E4 chst \2014  Etwas ganz S\FC\DF es ist aus Sizilien unterwegs. Bleiben Sie dran!"}
html:lang(es) body #main:has(>#macro_menu) #content::before{content:"\2726  Muy pronto \2014  Algo muy dulce est\E1  a punto de llegar desde Sicilia. \A1 No te lo pierdas!"}

/* destinazione */
html body #products_country_chooser{background:#fff !important;border:1px solid #ECE7DD;box-shadow:none}
html body #products_country_chooser *{color:#292929 !important;text-shadow:none !important;font-size:13px !important}
html body #products_country_chooser select{background:#F7F5F0 !important;background-image:none !important;border:1px solid #E3D7BC !important;border-radius:8px;color:#873653 !important;font-weight:bold;box-shadow:none !important}

/* menu principale */
html body #main_menu{display:flex !important;align-items:center;z-index:1250 !important;overflow:visible !important;background:#fff !important;box-shadow:none !important;border-top:1px solid #ECE7DD;border-bottom:1px solid #ECE7DD}
html body #main_menu>li{float:none !important;list-style:none}
html body #main_menu li+li{border-left:0 !important}
html body #main_menu a{color:#292929 !important;text-shadow:none !important;font-weight:600;letter-spacing:.02em}
html body #main_menu a:hover,html body #main_menu li.selected a{color:#873653 !important;text-decoration:none;box-shadow:inset 0 -3px 0 #873653}
html body #main_menu li.selected{text-shadow:none !important}
/* tendine create da chatbase.js: Informazioni, Il mio account (pallino con iniziali, saluto in cima) */
html body #main_menu>li.co-dx{margin-left:auto !important}
html body #main_menu>li.co-dd{position:relative !important}
html body #main_menu>li.co-dd>button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:10px 14px;font:600 14px/20px "Helvetica Neue",Arial,sans-serif;color:#292929;white-space:nowrap}
html body #main_menu>li.co-dd>button::after{content:"\25BE";font-size:12px;color:#873653}
html body #main_menu>li.co-dd:is(:hover,.aperto)>button{color:#873653}
html body #main_menu>li.co-dd>button:focus-visible{outline:2px solid #B99A53;outline-offset:1px}
html body #main_menu>li.co-dd>ul{display:none;position:absolute;top:100%;left:0;z-index:1300;min-width:230px;margin:0;padding:8px 0;list-style:none;background:#fff;border:1px solid #ECE7DD;border-radius:12px;box-shadow:0 10px 28px rgba(41,41,41,.16)}
html body #main_menu>li.co-dd.co-acc>ul{left:auto;right:0}
html body #main_menu>li.co-dd:is(:hover,.aperto,:focus-within)>ul{display:block}
html body #main_menu>li.co-dd>ul>li{display:block;float:none;margin:0;padding:0;border:0 !important;list-style:none}
html body #main_menu>li.co-dd>ul>li>a{display:block !important;padding:9px 18px !important;color:#292929 !important;font:600 14px/20px "Helvetica Neue",Arial,sans-serif !important;white-space:nowrap;box-shadow:none !important;text-decoration:none !important}
html body #main_menu>li.co-dd>ul>li>a:hover{background:#F7F5F0 !important;color:#873653 !important}
html body #main_menu>li.co-dd>ul>li>a[href*="logout"]{border-top:1px solid #ECE7DD !important;margin-top:6px !important}
html body #main_menu>li.co-dd>ul>li.co-saluto{padding:6px 18px 10px !important;margin:0 0 4px !important;border-bottom:1px solid #ECE7DD !important;color:#6B6B6B;font:400 13px/18px Arial,sans-serif}
html body #main_menu .co-ini{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#873653;color:#fff;font:800 11px/1 Arial,sans-serif}
html.co-saluto-in-menu body #welcome_text{display:none !important}

/* selettore lingua creato da chatbase.js (al posto delle bandiere) */
html.co-js #lang_menu>li:not(.co-lingua-li):not(.co-lente-li):not(.co-carrello-li){display:none !important}
#lang_menu .co-lingua-li{list-style:none;float:none !important}
#lang_menu .co-lingua{position:relative;display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;border:1.5px solid #E2DCD0;border-radius:999px;background:#fff;color:#292929;font:bold 14px/18px Arial,Helvetica,sans-serif;white-space:nowrap}
#lang_menu .co-lingua i{font-style:normal;color:#873653;font-size:11px}
#lang_menu .co-lingua select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;border:0;-webkit-appearance:none;appearance:none}

/* ricerca Google: niente margini interni, larga quanto il riquadro */
html body #gscbox .gsc-control-cse{padding:0 !important;border:0 !important;background:none !important}
html body #gscbox form.gsc-search-box{margin:0 !important;width:100% !important}
html body #gscbox table.gsc-search-box{width:100% !important;margin:0 !important}

/* macrocategorie a pillole */
html body #macro_menu{display:flex !important;flex-wrap:wrap;gap:8px;background:#fff !important;box-shadow:none !important;border:0 !important}
html body #macro_menu li{float:none !important;list-style:none;margin:0 !important}
html body #macro_menu a{color:#873653 !important;border:1.5px solid #873653;border-radius:999px;padding:5px 12px !important;font-weight:600;text-shadow:none !important;display:inline-block}
html body #macro_menu li.selected a,html body #macro_menu a:hover{background:#873653;color:#fff !important;text-decoration:none}

/* categorie */
html body #side_menu_cat{background:#fff !important;border:1px solid #ECE7DD !important;border-radius:14px !important;box-shadow:none !important}
html body #side_menu_cat li+li{border-top:1px solid #F1EDE5 !important}
html body #side_menu_cat label{background:#873653 !important;color:#fff !important;text-shadow:none !important;text-align:left !important;padding:9px 14px !important;font-size:14px !important;border-radius:0 !important}
html body #side_menu_cat a{color:#292929 !important;text-shadow:none !important}
html body #side_menu_cat li a{text-align:left !important;padding:7px 14px !important;font-size:13px !important;font-weight:normal}
html body #side_menu_cat li.selected>a{color:#873653 !important;background:#F7F5F0 !important;box-shadow:inset 4px 0 0 #873653;font-weight:bold}
html body #sidebar{background:#F7F5F0 !important;border:1px solid #ECE7DD !important;border-radius:14px !important;box-shadow:none !important}
html body #sidebar a{color:#292929 !important}
html body #safe-paypal{color:#292929 !important}
html body #cart{background:#fff url(/img/cart.png) no-repeat 8px center/32px auto !important;border:1px solid #ECE7DD;border-radius:12px;height:48px !important}

/* schede prodotto */
html body #products{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
html body #products li.prod{background:#fff !important;border:1px solid #ECE7DD !important;border-radius:14px !important;box-shadow:none !important}
html body #products li.prod h3.name,html body #products li.prod h3.name a{color:#292929 !important;font-family:Georgia,"Times New Roman",serif;text-shadow:none !important}
html body #products li.prod p.desc{color:#4A4A4A !important}
html body #products li.prod p.desc a.img{display:none !important}
html body #products > li.prod a > img{border:0 !important;border-radius:10px !important;margin:0 !important}
html body #products li.prod .price{color:#873653 !important;text-shadow:none !important;font-weight:bold;font-size:22px}
html body #products li.prod .price + .price{color:#292929 !important;font-size:12px;font-weight:normal}
html body #products li.prod .online-price-container{position:static !important;display:block !important;width:auto !important;height:auto !important}
html body #products li.prod .online-price{position:static !important;transform:none !important;width:fit-content !important;background:#83D1CE !important;color:#1F4F4D !important;font:bold 11px Arial,sans-serif !important;letter-spacing:.06em;padding:3px 9px !important;border-radius:6px}
html body #products li.prod .online-price-tip{display:none !important}
html body #products li.prod input.int,html body #products form input[type=text]{border:1px solid #E2DCD0 !important;border-radius:8px !important;background:#fff !important}
html body #products form label{color:#292929 !important}

/* pulsanti */
html body .button,html body input.button,html body a.button,html body #gscbox button{background:#873653 !important;border:1px solid #873653 !important;color:#fff !important;border-radius:10px !important;font-weight:bold;text-shadow:none !important}
html body .button:hover,html body input.button:hover,html body a.button:hover{background:#6B2A41 !important;color:#fff !important}

/* pagine di testo e footer */
html body #content div.page{background:#fff !important;box-shadow:none !important;border:1px solid #ECE7DD !important;border-radius:14px !important}
html body #footer{background:#873653 !important;color:#fff;border-radius:14px !important;margin-right:0 !important}
html body #footer a,html body #static_menu a,html body #copyright{color:#fff !important}

/* ===================== TELEFONO ===================== */
@media (max-width:767px){
 html body #page{width:100% !important}
 /* testata: destinazione e lingua sulla stessa riga, logo, ricerca, menu */
 /* testata: barra fissa con destinazione e lingua, logo, ricerca, menu (posizioni riviste in v1.1, in fondo) */
 html body #header{height:auto !important;min-height:0 !important;box-sizing:border-box}
 html body #welcome_text{display:none !important}
 html body #main_menu{position:static !important;flex-wrap:wrap !important;justify-content:center;width:auto !important;box-sizing:border-box;padding:2px 2% !important;margin:0 !important;border-radius:0 !important}
 html body #main_menu li{flex:0 0 auto}
 html body #main_menu a{font-size:14px;padding:10px 10px !important;display:inline-block}
 html body #main_menu>li.co-dx{margin-left:0 !important}
 html body #main_menu>li.co-dd.co-info>ul{left:0}
 /* macrocategorie, categorie a pillole scorrevoli sopra i prodotti */
 html body #main{display:flex !important;flex-direction:column}
 html body #macro_menu{order:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:14px 4% 8px !important;padding:6px 2px !important;width:auto !important}
 html body #macro_menu li{flex:0 0 auto}
 html body #toolbox{order:1;position:static !important;width:auto !important;margin:0 4% !important}
 html body #content{order:2;width:auto !important;margin:8px 4% !important}
 html body #footer{width:auto !important;margin:8px 4% !important}
 html body #side_menu_cat{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px;margin:8px 0 !important;padding:4px 6px !important}
 html body #side_menu_cat li{border:0 !important;flex:0 0 auto;list-style:none}
 html body #side_menu_cat>li.nested{display:contents}
 html body #side_menu_cat>li.nested>label,html body #side_menu_cat>li.nested>input{display:none !important}
 html body #side_menu_cat>li.nested:not(.current){display:none !important}
 html body #side_menu_cat>li.nested>ul{display:flex;gap:8px !important;margin:0 !important;padding:8px 2px !important}
 html body #side_menu_cat li a{border:1px solid #ECE7DD;border-radius:999px;padding:6px 12px !important;display:block;white-space:nowrap}
 html body #sidebar,html body #cart{display:none !important}
 /* schede prodotto: v1.1 (in fondo) */
 html body #products{width:auto !important}
 html body #content img{max-width:100% !important;height:auto !important}
}

/* ===== v1.0 (10/11/2026): prima versione. Tema bianco con logo Cannolitap, palette fucsia/oro/crema/turchese/grigio,
   destinazione e lingua in alto, menu con tendine (co.js), categorie a pillole, schede con foto a sinistra, annuncio coming soon. ===== */

/* ===== v1.1 (11/11/2026): CannoliRoyal ===== */
/* COMUNE: niente video unboxing; bandiere invisibili finche' chatbase.js non ha creato il selettore lingua (se lo script e' bloccato
   ricompaiono dopo 2,5 secondi); avviso "solo cookie necessari" al posto della ricerca (lo crea chatbase.js v1.1) */
html body #unboxing_video{display:none !important}
#lang_menu:not(:has(>li.co-lingua-li))>li{visibility:hidden;animation:co-bandiere 0s linear 2.5s forwards}
@keyframes co-bandiere{to{visibility:visible}}
html.co-cookie-off body #gscbox .gsc-control-cse,html.co-cookie-off body #gscbox .gcse-search,html.co-cookie-off body #gscbox>div:not(.co-cookie-avviso){display:none !important}
html.co-cookie-off body #gscbox{height:auto !important}
.co-cookie-avviso{display:flex;align-items:center;gap:9px;box-sizing:border-box;width:100%;padding:6px 7px 6px 8px;background:#F7F5F0;border:1px solid #E3D7BC;border-radius:12px;font:12px/1.3 Arial,Helvetica,sans-serif;color:#292929;text-align:left}
.co-cookie-avviso>span{flex:1 1 auto;min-width:0}
.co-cookie-avviso::before{content:"";flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#873653 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/14px no-repeat}
.co-cookie-avviso b{display:block;color:#873653;font-size:12.5px}
html body .co-cookie-avviso button{margin:0 !important;flex:0 0 auto;width:auto !important;height:auto !important;border:0 !important;border-radius:10px !important;padding:6px 12px !important;background:#873653 !important;color:#fff !important;font:700 12.5px Arial,Helvetica,sans-serif !important;box-shadow:none !important;text-shadow:none !important;cursor:pointer}
html body .co-cookie-avviso button:hover{background:#6B2A41 !important}

@media (max-width:767px){
/* barra fissa in alto, tutta la larghezza: destinazione a sinistra (etichetta su 2 righe), lingua a destra */
html body #products_country_chooser{left:0 !important;right:0 !important;top:0 !important;width:auto !important;height:48px !important;box-sizing:border-box;display:flex !important;align-items:center;justify-content:flex-start !important;padding:0 150px 0 10px !important;border-width:0 0 1px !important;border-radius:0 !important;box-shadow:0 2px 8px rgba(41,41,41,.08) !important}
html body #products_country_chooser .country_select,html body #products_country_chooser form{display:flex;align-items:center;width:100% !important;height:100%;margin:0 !important}
html body #products_country_chooser label{display:flex !important;align-items:center;gap:8px;width:100% !important;margin:0 !important;white-space:normal}
html body #products_country_chooser label,html body #products_country_chooser label *{font-size:11.5px !important;line-height:1.2 !important}
html body #products_country_chooser select{flex:0 0 124px;min-width:0;height:34px !important;font-size:15px !important;line-height:1.2 !important;padding:0 8px !important;text-align:left !important}
html body #lang_menu{position:fixed !important;top:7px !important;right:10px !important;left:auto !important;width:auto !important;margin:0 !important;padding:0 !important;z-index:50001 !important}
html body #lang_menu .co-lingua{height:34px;padding:0 12px}
/* logo intero sotto la barra, ricerca centrata e piu' stretta */
html body #header{padding-top:178px !important}
html:not(.co-lente-on) body #header{padding-top:226px !important}
html body #site_title a{top:58px !important;bottom:auto !important;left:5% !important;width:90% !important;height:108px !important;background-position:center !important}
html:not(.co-lente-on) body #gscbox{left:50% !important;right:auto !important;top:176px !important;width:280px !important;margin-left:-140px !important;height:auto !important}
html{scroll-padding-top:56px}
/* categoria attiva: pillola piena fucsia (prima restava una lunetta fucsia a sinistra) */
html body #side_menu_cat li.selected>a{background:#873653 !important;color:#fff !important;box-shadow:none !important;border-color:#873653 !important}
/* schede prodotto: foto a sinistra con nome e descrizione accanto; prezzo, quantita' e pulsante sotto a tutta larghezza */
html body #products li.prod{display:grid !important;grid-template-columns:100px minmax(0,1fr);column-gap:12px;align-items:start;margin:0 0 14px !important;padding:12px !important;overflow:hidden}
html body #products > li.prod > a.img{grid-column:1;grid-row:1/span 2;display:block;margin:0 !important}
html body #products > li.prod a > img{float:none !important;width:100px !important;height:100px !important;object-fit:cover;margin:0 !important}
html body #products li.prod h3.name{grid-column:2;grid-row:1;margin:0 0 4px !important;font-size:17px !important;line-height:1.25 !important;white-space:normal !important;height:auto !important}
html body #products li.prod p.desc{grid-column:2;grid-row:2;margin:0 !important;padding:0 !important;width:auto !important;font-size:14.5px !important;line-height:1.45}
html body #products li.prod p.more{grid-column:1/-1;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:10px 0 0 !important;padding:0 !important;width:auto !important}
html body #products li.prod .online-price-container,html body #products li.prod form{grid-column:1/-1;margin:6px 0 0 !important}
html body #products li.prod form>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
html body #products li.prod form label{display:flex;align-items:center;gap:6px;font-size:14px !important}
html body #products li.prod form input.int{width:64px !important;height:34px;box-sizing:border-box;font-size:16px !important;text-align:center}
html body #products li.prod input.button.cart{width:100% !important;padding:11px !important;font-size:16px !important}
html body #products li.prod .details{grid-column:1/-1;position:static !important;width:auto !important;margin:8px 0 0 !important;text-align:right;font-size:14px}
html body #products li.prod .details .button{display:inline-block;margin:0 0 0 6px !important}
/* banner cookie Iubenda: testi e pulsanti a misura di telefono (il foglio della piattaforma mette i pulsanti a 36 px e il banner copriva
   tutta la pagina); il testo lungo scorre in un riquadro alto al massimo un terzo dello schermo */
html body #iubenda-cs-banner#iubenda-cs-banner,html body #iubenda-cs-banner#iubenda-cs-banner *{font-size:14px !important;line-height:1.4 !important}
html body #iubenda-cs-banner#iubenda-cs-banner #iubenda-cs-title{font-size:16px !important;font-family:Arial,Helvetica,sans-serif !important}
html body #iubenda-cs-banner#iubenda-cs-banner .iubenda-banner-content{max-height:34vh !important;overflow-y:auto !important}
html body #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group{margin-top:8px !important}
html body #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group button{font-size:15px !important;padding:10px 14px !important;min-height:0 !important;height:auto !important}
}
/* ===== v1.1 (11/11/2026): logo CannoliRoyal; telefono: barra fissa destinazione + lingua, logo intero, ricerca 280 px centrata, schede prodotto
   a griglia (prima la descrizione restava in 63 px), banner Iubenda a misura, categoria attiva
   a pillola piena; tutti gli schermi: via il video unboxing, "PREZZO ONLINE" solo dove
   lo mostra la piattaforma, niente lampo delle bandiere, avviso "solo cookie necessari" al posto della ricerca. ===== */

/* ===== v1.2 (11/11/2026): fascia fucsia fissa in alto su tutta la larghezza (come Termoverde); destinazione e lingua sopra la fascia,
   la pagina scorre sotto. Le misure del computer sono in desktop.css v1.2. ===== */
html body #overbg{display:block !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;width:auto !important;background:#873653 !important;box-shadow:0 2px 10px rgba(41,41,41,.22) !important;z-index:2000 !important}
html body #products_country_chooser{background:transparent !important;border:0 !important;box-shadow:none !important;z-index:50000 !important}
html body #products_country_chooser label,html body #products_country_chooser label *{color:#fff !important}
html body #products_country_chooser select{background:#fff !important;border:1px solid #fff !important;color:#873653 !important}
html body #lang_menu .co-lingua-li{opacity:1 !important}
html body #lang_menu .co-lingua{background:#fff !important;border-color:#fff !important}
@media (max-width:767px){
html body #overbg{height:48px !important}
html body #products_country_chooser{border:0 !important}
}

/* ===== v1.3 (11/11/2026): percorso del catalogo (tendine reparto >> categoria della stessa larghezza, create da chatbase.js v1.2) al posto delle
   pillole (le misure del computer sono in desktop.css v1.3); via il video unboxing nelle schede prodotto e "Contatti" doppio nel menu in alto (resta nel piede della pagina) ===== */
html.co-percorso-on body #macro_menu{display:none !important}
#co-percorso{display:flex;align-items:center;gap:8px;position:relative;z-index:1200;margin:0 0 14px}
#co-percorso .co-tend{position:relative;flex:1 1 0;min-width:0}
#co-percorso .co-tend>button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 14px;background:#fff;border:1.5px solid #E3D7BC;border-radius:12px;cursor:pointer;font:600 14px/1.25 "Helvetica Neue",Arial,Helvetica,sans-serif;color:#292929}
#co-percorso .co-tend>button::before{content:"";flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#873653 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;transition:transform .15s}
#co-percorso .co-tend.aperto>button::before{transform:rotate(180deg)}
#co-percorso .co-tend>button:hover,#co-percorso .co-tend.aperto>button{border-color:#873653}
#co-percorso .co-tend>button:focus-visible{outline:2px solid #B99A53;outline-offset:1px}
#co-percorso .co-tn{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#co-percorso .co-tc{flex:0 0 auto;font:400 12px/1 Arial,Helvetica,sans-serif;color:#7A7A7A}
#co-percorso .co-sep{flex:0 0 auto;color:#873653;font:bold 18px/1 Arial,sans-serif}
#co-percorso .co-tend>ul{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1300;margin:0;padding:6px 0;list-style:none;background:#fff;border:1px solid #ECE7DD;border-radius:12px;box-shadow:0 10px 28px rgba(41,41,41,.16);max-height:min(60vh,420px);overflow-y:auto}
#co-percorso .co-tend.aperto>ul{display:block}
#co-percorso .co-tend>ul>li{margin:0;padding:0;list-style:none;float:none;border:0}
#co-percorso .co-tend>ul>li>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;color:#292929 !important;font:600 14px/1.3 "Helvetica Neue",Arial,Helvetica,sans-serif;text-decoration:none !important;text-shadow:none !important}
#co-percorso .co-tend>ul>li>a:hover{background:#F7F5F0;color:#873653 !important}
#co-percorso .co-tend>ul>li.sel>a{background:#F7F5F0;color:#873653 !important;box-shadow:inset 4px 0 0 #873653}
#co-percorso .co-tend>ul>li.sel>a::after{content:"\2713";color:#873653}
html body #content p:has(a[href*="unboxing"]),html body #content p:has(iframe[src*="youtube.com/embed"]),html body #content a[href*="unboxing"]{display:none !important}
@media (max-width:767px){
html.co-percorso-on body #toolbox{display:none !important}
html body #co-percorso{order:0;flex-direction:column;align-items:stretch;gap:8px;margin:14px 4% 4px !important}
#co-percorso .co-sep{display:none}
#co-percorso .co-tend{flex:none;width:100%}
#co-percorso .co-tend>button{min-height:52px;font-size:16px;padding:10px 14px}
#co-percorso .co-tend-rep>button{background:#873653;border-color:#873653;color:#fff}
#co-percorso .co-tend-rep>button .co-tc{color:rgba(255,255,255,.85)}
#co-percorso .co-tend-rep>button::before{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23873653' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#co-percorso .co-tend-cat>button{background:#F7F5F0;border-color:#873653}
#co-percorso .co-tend>ul>li>a{padding:12px 16px;font-size:15px}
}
/* ===== fine v1.3 (11/11/2026) ===== */

/* ===== v1.4 (11/11/2026): palette "Cappello Heritage" - bordeaux #873653 (fascia in alto, pulsanti d'acquisto, prezzi, piede), turchese
   #83D1CE e turchese scuro #237A77 (menu: voce attiva, tendine, categorie), oro antico #B99A53 (dettagli), avorio #F7F5F0 (riquadri),
   antracite #292929 (testi). I colori della v1.3 sono stati sostituiti nelle regole qui sopra; qui sotto le voci che passano al turchese. ===== */
/* menu principale e tendine Informazioni / Il mio account: voce attiva e passaggio del mouse in turchese scuro */
html body #main_menu a:hover,html body #main_menu li.selected a{color:#286B68 !important;box-shadow:inset 0 -3px 0 #286B68}
html body #main_menu>li.co-dd>button::after{color:#286B68}
html body #main_menu>li.co-dd:is(:hover,.aperto)>button{color:#286B68}
html body #main_menu>li.co-dd>ul>li>a:hover{color:#286B68 !important}
html body #main_menu .co-ini{background:#286B68}
#lang_menu .co-lingua i{color:#873653}
/* categorie (colonna a sinistra): titolo del reparto e categoria attiva in turchese scuro */
html body #side_menu_cat label{background:#286B68 !important}
html body #side_menu_cat li.selected>a{color:#286B68 !important;box-shadow:inset 4px 0 0 #286B68}
html body #side_menu_cat li a:hover{color:#286B68 !important}
/* tendine del catalogo: pallino e voce attiva in turchese scuro */
#co-percorso .co-tend>button::before{background-color:#286B68}
#co-percorso .co-tend>button:hover,#co-percorso .co-tend.aperto>button{border-color:#286B68}
#co-percorso .co-sep{color:#B99A53}
#co-percorso .co-tend>ul>li>a:hover{color:#286B68 !important}
#co-percorso .co-tend>ul>li.sel>a{color:#286B68 !important;box-shadow:inset 4px 0 0 #286B68}
#co-percorso .co-tend>ul>li.sel>a::after{color:#286B68}
/* spedizione in una pillola turchese chiaro; "» dettagli" turchese scuro */
html body #products li.prod .price + .price{display:inline-block;background:#E2F4F3;color:#1F4F4D !important;border-radius:6px;padding:2px 8px}
html body #products li.prod .details a:not(.button){color:#286B68 !important}
@media (max-width:767px){
html body #side_menu_cat li.selected>a{background:#286B68 !important;border-color:#286B68 !important;color:#fff !important;box-shadow:none !important}
#co-percorso .co-tend-rep>button{background:#286B68;border-color:#286B68}
#co-percorso .co-tend-rep>button::before{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23286B68' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#co-percorso .co-tend-cat>button{background:#F7F5F0;border-color:#83D1CE}
}
/* menu in alto per i clienti: via "Video" (link al vecchio sito unboxing) */
html body #main_menu>li:has(>a[href*="unboxing"]){display:none !important}
/* ricerca dietro la lente: chatbase.js v1.3 mette la lente nella fascia accanto alla lingua (classe co-lente-on su <html>); toccandola
   la casella si apre sotto la fascia (classe co-cerca-aperta). Senza lo script la ricerca resta in testata come prima. */
html body #lang_menu{display:flex !important;align-items:center;gap:8px}
#lang_menu .co-lente-li{list-style:none;float:none !important;opacity:1 !important;margin:0;padding:0}
#lang_menu .co-lente{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#873653;cursor:pointer}
#lang_menu .co-lente:focus-visible{outline:2px solid #B99A53;outline-offset:2px}
html.co-cerca-aperta #lang_menu .co-lente{background:#F7F5F0;box-shadow:inset 0 0 0 2px #B99A53}
html.co-lente-on body #gscbox{display:none !important}
html.co-lente-on.co-cerca-aperta body #gscbox{display:block !important;position:fixed !important;z-index:50002 !important;box-sizing:border-box;height:auto !important;bottom:auto !important;margin:0 !important;padding:10px !important;background:#fff !important;border-radius:0 0 12px 12px;box-shadow:0 10px 28px rgba(41,41,41,.18);transform:none !important}
@media (max-width:767px){
#lang_menu .co-lente{width:34px;height:34px}
html.co-lente-on.co-cerca-aperta body #gscbox{top:48px !important;left:0 !important;right:0 !important;width:auto !important}
}
@media (min-width:768px){
html.co-lente-on.co-cerca-aperta body #gscbox{top:44px !important;left:auto !important;right:max(2vw,calc(50% - 590px)) !important;width:380px !important}
}
/* tendine del catalogo "a due toni": fondo chiaro, banda a sinistra e pallino nel colore della tendina, piccola etichetta sopra il nome
   (reparto: turchese; categoria: oro antico). Stesso peso per le due tendine, su computer e telefono. */
#co-percorso .co-tend>button{border:1px solid #E2DCD0;box-shadow:inset 5px 0 0 var(--co-acc);padding-left:16px}
#co-percorso .co-tend-rep{--co-acc:#286B68;--co-lab:#286B68;--co-bg:#EDF7F6}
#co-percorso .co-tend-cat{--co-acc:#B99A53;--co-lab:#8A6D2C;--co-bg:#FAF6EC}
#co-percorso .co-tend>button,#co-percorso .co-tend>button:hover{background:var(--co-bg)}
#co-percorso .co-tend>button:hover,#co-percorso .co-tend.aperto>button{border-color:var(--co-acc)}
#co-percorso .co-tend>button::before{background-color:var(--co-acc)}
#co-percorso .co-tn::before{display:block;margin:0 0 2px;font:700 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--co-lab)}
html:lang(it) #co-percorso .co-tend-rep .co-tn::before{content:"Reparto"}
html:lang(it) #co-percorso .co-tend-cat .co-tn::before{content:"Categoria"}
html:lang(en) #co-percorso .co-tend-rep .co-tn::before{content:"Department"}
html:lang(en) #co-percorso .co-tend-cat .co-tn::before{content:"Category"}
html:lang(fr) #co-percorso .co-tend-rep .co-tn::before{content:"Rayon"}
html:lang(fr) #co-percorso .co-tend-cat .co-tn::before{content:"Cat\E9gorie"}
html:lang(de) #co-percorso .co-tend-rep .co-tn::before{content:"Abteilung"}
html:lang(de) #co-percorso .co-tend-cat .co-tn::before{content:"Kategorie"}
html:lang(es) #co-percorso .co-tend-rep .co-tn::before{content:"Secci\F3n"}
html:lang(es) #co-percorso .co-tend-cat .co-tn::before{content:"Categor\EDa"}
#co-percorso .co-tend-cat>ul>li.sel>a{color:#8A6D2C !important;box-shadow:inset 4px 0 0 #B99A53}
#co-percorso .co-tend-cat>ul>li.sel>a::after{color:#B99A53}
#co-percorso .co-tend-cat>ul>li>a:hover{color:#8A6D2C !important}
@media (max-width:767px){
#co-percorso .co-tend-rep>button,#co-percorso .co-tend-cat>button{background:var(--co-bg);border-color:#E2DCD0;color:#292929}
#co-percorso .co-tend-rep>button .co-tc{color:#7A7A7A}
#co-percorso .co-tend-rep>button::before{background-color:var(--co-acc);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
#co-percorso .co-tend>button{min-height:58px}
}
/* ===== fine v1.4 ===== */

/* ===== v1.5 (11/11/2026): palette definitiva - bianco, avorio #F7F5F0, bordeaux #873653 (pulsanti e navigazione attiva), turchese
   #286B68 (accenti e icone), oro antico #B99A53 (dettagli); fascia piu' sottile (44 px) con destinazione (spillo), lente, carrello e lingua;
   logo piu' piccolo e testata compatta; menu in maiuscoletto con voce attiva bordeaux; menu laterale avorio; tendine bianca/avorio con
   bordo oro; schede con angoli 12 px; pulsanti morbidi (10 px); riquadro spedizione turchese chiaro; titoli serif. ===== */
/* tipografia: titoli serif eleganti, testi moderni */
html body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important}
html body h1,html body h2,html body h3,html body h4,html body #products li.prod h3.name,html body #products li.prod h3.name a{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif !important}
/* fascia in alto: 44 px, destinazione con spillo e casella bianca arrotondata, icone bianche */
html body #overbg{height:44px !important;box-shadow:none !important}
html body #products_country_chooser{height:44px !important}
html body #products_country_chooser select{height:32px !important;border-radius:10px !important;border:0 !important;padding:0 30px 0 12px !important;font-weight:600 !important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23873653' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 11px center !important;-webkit-appearance:none;appearance:none}
html body #lang_menu{top:5px !important}
#lang_menu .co-lente,#lang_menu .co-carrello{width:34px !important;height:34px !important}
html body #lang_menu .co-lingua{height:34px !important}
#lang_menu .co-carrello-li{list-style:none;float:none !important;opacity:1 !important;margin:0;padding:0;position:relative}
#lang_menu .co-carrello{box-sizing:border-box;display:inline-flex !important;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#873653 !important;text-decoration:none !important;position:relative}
#lang_menu .co-carrello:focus-visible{outline:2px solid #B99A53;outline-offset:2px}
#lang_menu .co-badge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#B99A53;color:#fff;font:700 10.5px/17px Arial,Helvetica,sans-serif;text-align:center;box-shadow:0 0 0 2px #873653}
html.co-carrello-on body #toolbox>#cart{display:none !important}
html.co-carrello-on body #main_menu>li:has(>a[href*="/cart/show"]){display:none !important}
/* menu principale: maiuscoletto antracite, voce attiva bordeaux senza sottolineatura pesante, passaggio del mouse in oro */
html body #main_menu{border-top:1px solid #F1EDE5 !important;border-bottom:1px solid #F1EDE5 !important;justify-content:center}
html body #main_menu a,html body #main_menu>li.co-dd>button{font:600 12.5px/20px system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;letter-spacing:.12em !important;text-transform:uppercase;color:#292929 !important}
html body #main_menu a:hover,html body #main_menu>li.co-dd:is(:hover,.aperto)>button{color:#9C7F3C !important;box-shadow:none !important}
html body #main_menu li.selected>a{color:#873653 !important;box-shadow:inset 0 -2px 0 #873653 !important}
html body #main_menu>li.co-dd>button::after{color:#B99A53 !important}
html body #main_menu>li.co-dd>ul>li>a{text-transform:none;letter-spacing:.01em !important;font-size:14px !important}
html body #main_menu>li.co-dd>ul>li>a:hover{color:#873653 !important}
html body #main_menu .co-ini{background:#286B68 !important}
/* menu laterale (computer): fondo avorio, titolo del reparto bordeaux, categorie con rombo turchese, categoria scelta bordeaux */
html body #side_menu_cat{background:#F7F5F0 !important;border:1px solid #ECE7DD !important;border-radius:12px !important}
html body #side_menu_cat label{background:transparent !important;color:#873653 !important;font:700 12px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #D9C9A0 !important;padding:12px 14px !important}
html body #side_menu_cat li+li{border-top:1px solid #EDE8DE !important}
html body #side_menu_cat li a{color:#292929 !important}
html body #side_menu_cat ul li a::before{content:"";display:inline-block;width:6px;height:6px;margin:0 9px 1px 0;background:#286B68;transform:rotate(45deg);vertical-align:middle}
html body #side_menu_cat li a:hover{color:#873653 !important;background:#fff !important}
html body #side_menu_cat li.selected>a{color:#873653 !important;background:#fff !important;box-shadow:inset 3px 0 0 #873653 !important;font-weight:700}
html body #side_menu_cat li.selected>a::before{background:#873653}
/* tendine del catalogo: reparto bianco e categoria avorio, bordo oro; etichette e pallini turchese; voce scelta bordeaux */
#co-percorso .co-tend>button{border:1.5px solid #D2BF8F !important;box-shadow:none !important;padding-left:14px}
#co-percorso .co-tend-rep{--co-acc:#286B68;--co-lab:#286B68;--co-bg:#fff}
#co-percorso .co-tend-cat{--co-acc:#286B68;--co-lab:#286B68;--co-bg:#F7F5F0}
#co-percorso .co-tend>button:hover,#co-percorso .co-tend.aperto>button{border-color:#B99A53 !important}
#co-percorso .co-sep{color:#B99A53}
#co-percorso .co-tend>ul>li.sel>a,#co-percorso .co-tend-cat>ul>li.sel>a{color:#873653 !important;box-shadow:inset 4px 0 0 #873653}
#co-percorso .co-tend>ul>li.sel>a::after,#co-percorso .co-tend-cat>ul>li.sel>a::after{color:#873653}
#co-percorso .co-tend>ul>li>a:hover,#co-percorso .co-tend-cat>ul>li>a:hover{color:#873653 !important}
/* schede prodotto: bianche, angoli 12 px, nome antracite, prezzo bordeaux, dettagli oro antico */
html body #products li.prod{border-radius:12px !important;border-color:#ECE7DD !important}
html body #products > li.prod a > img{border-radius:8px !important}
html body #products li.prod h3.name,html body #products li.prod h3.name a{color:#292929 !important}
html body #products li.prod .price{color:#873653 !important}
html body #products li.prod .details a:not(.button){color:#8A6D2C !important}
html body #products li.prod .online-price{background:#E4EFEE !important;color:#286B68 !important}
/* riquadro spedizione: turchese chiaro con furgoncino */
html body #products li.prod .price + .price{display:inline-flex !important;align-items:center;gap:6px;background:#E4EFEE !important;color:#1F4F4D !important;border-radius:8px;padding:3px 9px !important}
html body #products li.prod .price + .price::before{content:"";width:16px;height:12px;flex:0 0 16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 24 18' fill='none' stroke='%23286B68' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M1 2h13v10H1zM14 6h5l4 4v2h-9z'/%3E%3Ccircle cx='6' cy='15' r='2'/%3E%3Ccircle cx='18' cy='15' r='2'/%3E%3C/svg%3E") center/contain no-repeat}
/* pulsanti: principale bordeaux morbido (10 px) in maiuscolo */
html body .button,html body input.button,html body a.button{border-radius:10px !important}
html body #products li.prod input.button.cart,html body input.button.cart{text-transform:uppercase;letter-spacing:.06em;font-weight:700 !important}
/* piede: bordeaux con filo oro */
html body #footer{border-top:3px solid #B99A53 !important}
@media (max-width:767px){
/* fascia: al posto di "Seleziona la destinazione" uno spillo, la casella prende lo spazio libero */
html body #products_country_chooser{padding:0 172px 0 10px !important}
html body #products_country_chooser label{font-size:0 !important;gap:6px !important}
html body #products_country_chooser label::before{content:"";flex:0 0 18px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat}
html body #products_country_chooser select{flex:1 1 auto !important;max-width:170px;font-size:15px !important}
html body #lang_menu{right:8px !important;gap:6px !important}
html body #lang_menu .co-lingua{padding:0 10px !important}
html body #header{padding-top:152px !important}
html:not(.co-lente-on) body #header{padding-top:200px !important}
html body #site_title a{top:52px !important;height:92px !important}
html.co-lente-on.co-cerca-aperta body #gscbox{top:44px !important}
html body #main_menu a,html body #main_menu>li.co-dd>button{padding:12px 11px !important;font-size:12px !important}
#co-percorso .co-tend>button{min-height:56px}
#co-percorso .co-tend-rep>button,#co-percorso .co-tend-cat>button{border-color:#D2BF8F !important}
}
/* (le misure v1.5 del computer sono in desktop.css v1.5) */
/* ===== fine v1.5 ===== */

/* ===== v1.6 (11/11/2026): frecce dei menu piccolissime; contenuto sotto le tendine un po' piu' stretto (come Termoverde); foto dei
   prodotti sostituite da un'immagine provvisoria turchese "Coming soon" (la foto vera resta nella pagina, nascosta). ===== */
/* tendine del catalogo: niente pallino, solo una freccia piccola a destra */
html body #co-percorso .co-tend>button::before{display:none !important}
html body #co-percorso .co-tend>button::after{content:"";flex:0 0 9px;width:9px;height:6px;margin-left:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6'%3E%3Cpath d='M1 1l3.5 3.5L8 1' fill='none' stroke='%23286B68' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .15s}
html body #co-percorso .co-tend.aperto>button::after{transform:rotate(180deg)}
/* menu in alto e lingua: freccine minime */
html body #main_menu>li.co-dd>button::after{font-size:8px !important;opacity:.75;margin-left:-2px}
html body #lang_menu .co-lingua i{font-size:8px !important;opacity:.75}
/* immagine provvisoria "Coming soon" al posto delle foto dei prodotti (elenco e pagina del prodotto) */
html body #products li.prod a.img > img,html body #content #prod-images img,html body #content .catimage img{object-fit:none !important;object-position:-9999px -9999px !important;background:#286B68 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Crect width='400' height='400' fill='%23286B68'/%3E%3Crect x='18' y='18' width='364' height='364' rx='8' fill='none' stroke='%23B99A53' stroke-width='2'/%3E%3Ctext x='200' y='206' text-anchor='middle' font-family='Georgia,serif' font-size='33' letter-spacing='5' fill='%23ffffff'%3ECOMING SOON%3C/text%3E%3Ctext x='200' y='242' text-anchor='middle' font-family='Georgia,serif' font-size='19' font-style='italic' fill='%23E7D9B5'%3ECannoliRoyal%3C/text%3E%3C/svg%3E") center/cover no-repeat !important}
html body #content .product.page .content img[src*="blog.donleo.info"]{display:none !important}
@media (max-width:767px){
/* contenuto sotto le tendine un po' piu' stretto: 6 px per lato (v1.8, prima 11 a sinistra e 19 a destra) */
html body #content{margin:8px calc(4% + 6px) !important;padding-left:0 !important;padding-right:0 !important}
}
/* tendine: solo etichetta e nome (via "3 reparti" / "21 categorie") */
html body #co-percorso .co-tc{display:none !important}
/* ===== fine v1.6 ===== */
/* ===== v1.7 (11/11/2026): tendine senza etichette "Reparto"/"Categoria"; "» dettagli" in fondo alla scheda (non piu' sopra la foto);
   pagina di accesso rifatta (riquadro bianco, campi grandi, pulsante bordeaux, "non sei ancora cliente" come pulsante secondario);
   via "Video" da menu laterale e piede. ===== */
html body #co-percorso .co-tn::before{display:none !important;content:none !important}
/* "» dettagli" in fondo alla scheda, a destra */
html body #products li.prod .details{position:static !important;order:20;float:none !important;width:auto !important;margin:10px 0 0 !important;text-align:right !important;top:auto !important;right:auto !important}
html body #products li.prod .details a:not(.button){font-weight:600;font-size:14px}
/* menu laterale e piede: via "Video" (vecchio sito unboxing) e "Cannoli News" (vecchio blog) */
html body #side_menu li:has(>a[href*="unboxing"]),html body #static_menu li:has(>a[href*="unboxing"]),html body #side_menu li:has(>a[href*="blog-it.donleo.net"]),html body #static_menu li:has(>a[href*="blog-it.donleo.net"]){display:none !important}
html body #sidebar #side_menu a{text-align:left !important;font-weight:500 !important;font-size:14px !important;padding:6px 16px !important;color:#292929 !important}
html body #sidebar #side_menu a:hover{color:#873653 !important}
/* pagina di accesso */
html body #content:has(#loginbox){display:flex !important;flex-direction:column;align-items:center}
html body #content #loginbox{order:1;width:100% !important;max-width:420px;box-sizing:border-box;margin:24px auto 18px !important;padding:24px 28px 26px !important;background:#fff !important;border:1px solid #ECE7DD !important;border-radius:12px !important;box-shadow:0 8px 24px rgba(41,41,41,.06) !important}
html body #content #loginbox legend{float:left;width:100%;margin:0 0 18px !important;padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important;color:#292929 !important;text-shadow:none !important;text-align:center;font:600 22px/1.25 "Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif !important}
html body #content #loginbox form{clear:both}
html body #content #loginbox .field label strong{display:inline !important;margin:0 !important}
html body #content #loginbox .field{float:none !important;width:auto !important;margin:0 0 14px !important;padding:0 !important}
html body #content #loginbox .field label,html body #content #loginbox .field label strong{display:block;margin:0 0 6px;color:#292929 !important;font:600 13px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;text-align:left}
html body #content #loginbox input[type=text],html body #content #loginbox input[type=password]{width:100% !important;height:44px !important;box-sizing:border-box;margin:0 !important;padding:0 12px !important;border:1px solid #E2DCD0 !important;border-radius:10px !important;background:#fff !important;color:#292929;font-size:16px !important;box-shadow:none !important}
html body #content #loginbox input[type=text]:focus,html body #content #loginbox input[type=password]:focus{outline:none;border-color:#286B68 !important;box-shadow:0 0 0 3px rgba(40,107,104,.15) !important}
html body #content #loginbox .buttons{float:none !important;width:auto !important;margin:4px 0 0 !important;padding:0 !important;text-align:left !important}
html body #content #loginbox .buttons label{display:block;margin:0 0 6px;color:#292929 !important;font:400 14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important}
html body #content #loginbox .buttons label input[type=checkbox]{accent-color:#873653;vertical-align:-2px}
html body #content #loginbox .buttons a{color:#286B68 !important;text-decoration:underline}
html body #content #loginbox #login{display:block;width:100% !important;height:46px !important;margin:6px 0 0 !important;float:none !important;font-size:15px !important;text-transform:uppercase;letter-spacing:.06em}
html body #content .join{order:2;width:100%;max-width:420px;box-sizing:border-box;padding:0 0 24px !important;margin:0 auto}
html body #content .join a.button{display:block !important;height:auto !important;padding:12px 16px !important;background:#fff !important;border:1.5px solid #286B68 !important;color:#286B68 !important;border-radius:10px !important;font:700 14px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;letter-spacing:.04em;text-transform:uppercase;text-align:center;box-shadow:none !important;text-shadow:none !important}
html body #content .join a.button:hover{background:#E4EFEE !important;color:#1F4F4D !important}
/* ===== fine v1.7 ===== */
/* ===== v1.8 (11/11/2026): telefono, contenuto rientrato di 6 px per lato rispetto alle tendine (prima 11/19 px). ===== */

/* ===== v1.9 (12/11/2026): voci dei menu della colonna di sinistra leggibili quando evidenziate (la piattaforma metteva fondo marrone
   #552200 e scritta gialla); menu informativo della colonna di sinistra con scritte centrate. "Contatti" nel menu in alto: tolta la
   regola v1.4 che lo nascondeva. Foto "Coming soon" senza corona: regola delle foto provvisorie aggiornata sopra. ===== */
html body #toolbox .menu li a:hover,html body #toolbox .menu li a:focus-visible{background:#fff !important;color:#873653 !important;text-shadow:none !important;border-radius:6px}
html body #toolbox .menu .selected a{text-shadow:none !important}
html body #sidebar #side_menu a{text-align:center !important}