/* ==========================================================================
   ChartaRè — restyle leggero 2026
   Solo CSS: nessun template, modulo o logica viene toccato.
   Caricato per ultimo da templates/_partials/stylesheets.tpl.
   DISATTIVAZIONE IMMEDIATA: togliere (o commentare) la riga che richiama
   questo file in stylesheets.tpl. Vedi ROLLBACK-restyle-2026-10-06.md.
   Ambito: font su tutto il sito, header, footer, categoria, scheda prodotto.
   Il menu mobile (hamburger + off canvas) e la disposizione mobile restano
   quelli attuali: qui sotto i 992px cambiano solo font e finiture.
   ========================================================================== */

/* ---------- 1. Font (ospitato sul sito, nessuna chiamata esterna) ---------- */
@font-face{
  font-family:"Schibsted Grotesk";font-style:normal;font-weight:100 800;font-display:swap;
  src:url("../fonts/schibsted-grotesk-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Schibsted Grotesk";font-style:normal;font-weight:100 800;font-display:swap;
  src:url("../fonts/schibsted-grotesk-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* Alias: ogni regola esistente che nomina "Manrope" (anche con !important, anche nei moduli,
   per esempio `.sib-form *` in custom.css) usa ora Schibsted Grotesk, senza riscrivere i selettori.
   Il tema dichiara Manrope un peso alla volta (200-800): per essere preferito dal browser l'alias
   deve avere gli stessi identici pesi, quindi una dichiarazione per ciascuno. */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200;font-display:swap;src:url("../fonts/schibsted-grotesk-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200;font-display:swap;src:url("../fonts/schibsted-grotesk-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/schibsted-grotesk-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/schibsted-grotesk-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/schibsted-grotesk-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/schibsted-grotesk-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/schibsted-grotesk-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/schibsted-grotesk-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/schibsted-grotesk-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/schibsted-grotesk-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/schibsted-grotesk-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/schibsted-grotesk-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/schibsted-grotesk-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/schibsted-grotesk-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --cr-ink:#1b2a30; --cr-ink-2:#55696f; --cr-line:#e2e8ea; --cr-paper:#f6f8f8;
  --cr-teal:#4d97ae; --cr-teal-deep:#2b7189; --cr-teal-wash:#eaf3f6;
  --cr-sun:#f39a1e; --cr-radius:3px;
  --cr-font:"Schibsted Grotesk","Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
}
html,body,button,input,select,textarea{font-family:var(--cr-font)}
body{-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--cr-font)}

/* ---------- 2. Header ---------- */
/* barra servizi */
#header .header-banner{background:var(--cr-ink)}
#header .header-banner .header-message-item,
#header .header-banner .header-message-text,
#header .header-banner a{color:#c9dce1;font-size:12.5px;line-height:1.4}
#header .header-banner a{color:inherit;font-weight:inherit}
#header .header-banner .header-message-item:last-child a{color:#fff;font-weight:700}
#header .header-banner .material-icons{color:#8fc3d3}

/* riga logo + ricerca + azioni */
#header .header-top{background:#fff;box-shadow:none;border-bottom:1px solid var(--cr-line)}
#header .payoff-logo{font-size:15px;color:var(--cr-teal-deep)}

#header #search_widget form input[type=text],
#header #search_widget form input[type=search],
#header #search_widget form input.ricerca-clerk{border:1px solid #b9c7cc;border-radius:var(--cr-radius);box-shadow:none;background:#fff;font-size:15px;color:var(--cr-ink)}
#header #search_widget form input:focus{border-color:var(--cr-teal-deep);box-shadow:0 0 0 3px var(--cr-teal-wash);outline:0}

#header #_desktop_user_info,#header #_desktop_cart{border-radius:var(--cr-radius);box-shadow:none;font-size:14px}
#header #_desktop_user_info{border:1px solid var(--cr-ink);background:#fff}
#header #_desktop_user_info a{color:var(--cr-ink)}
#header #_desktop_cart{background:var(--cr-teal-deep);border:1px solid var(--cr-teal-deep)}
#header #_desktop_cart:hover{background:var(--cr-sun);border-color:var(--cr-sun)}

/* menu principale (solo desktop: il menu mobile resta com'è) */
@media (min-width:992px){
  #header .ets_mm_megamenu .mm_menus_li>a,
  #header .ets_mm_megamenu .mm_menus_li>a .mm_menu_content_title{
    font-weight:700;font-size:15px;letter-spacing:.01em;color:var(--cr-ink);
  }
  #header .ets_mm_megamenu .mm_menus_li>a .mm_menu_content_title{padding-left:7px;padding-right:7px}
  /* 15px sta su una riga solo da circa 1500px di larghezza: sotto si scende per non mandare "Blog" a capo */
  @media (max-width:1499px){
    #header .ets_mm_megamenu .mm_menus_li>a,
    #header .ets_mm_megamenu .mm_menus_li>a .mm_menu_content_title{font-size:14px;letter-spacing:0}
  }
  @media (max-width:1399px){
    #header .ets_mm_megamenu .mm_menus_li>a,
    #header .ets_mm_megamenu .mm_menus_li>a .mm_menu_content_title{font-size:13px}
  }
  #header .ets_mm_megamenu .mm_menus_li:hover>a .mm_menu_content_title,
  #header .ets_mm_megamenu .mm_menus_li.open>a .mm_menu_content_title{color:var(--cr-ink)}
  #header .ets_mm_megamenu .mm_menus_li>a{border-bottom:2px solid transparent;transition:border-color .15s}
  #header .ets_mm_megamenu .mm_menus_li:hover>a{border-bottom-color:var(--cr-sun);background:transparent}
  #header .ets_mm_megamenu .mm_columns_ul{box-shadow:0 18px 36px rgba(27,42,48,.12);border:1px solid var(--cr-line);border-radius:0}
  #header .ets_mm_megamenu .ets_mm_block .h4,
  #header .ets_mm_megamenu .ets_mm_block .h4 a{font-family:var(--cr-font);font-weight:800;font-size:13.5px;color:var(--cr-ink)}
}

/* ---------- 3. Breadcrumb e titoli di pagina ---------- */
.breadcrumb,.breadcrumb li,.breadcrumb a,.breadcrumb span{font-size:12px;letter-spacing:.03em}
.breadcrumb a{color:var(--cr-ink-2);font-weight:600}
h1,.h1{font-weight:700;letter-spacing:.02em;text-transform:uppercase}
#js-product-list-header h1,.page-header h1,#product h1.h1{line-height:1.2}

/* ---------- 4. Categoria ---------- */
.block-category.card{border:0;box-shadow:none;background:transparent;padding-left:0;padding-right:0}
#category-description,#category-description p{font-size:15.5px;line-height:1.65;color:var(--cr-ink)}
#subcategories.card{border:0;box-shadow:none;background:transparent;border-top:1px solid var(--cr-line);border-radius:0}
#subcategories .subcategory-heading{font-size:1.1rem;font-weight:700;margin-bottom:14px;text-transform:uppercase;letter-spacing:.03em}
#subcategories .subcategories-list li{border:1px solid var(--cr-line);border-radius:var(--cr-radius);box-shadow:none;background:#fff}
#subcategories .subcategories-list li:hover{border-color:var(--cr-ink)}
#subcategories .subcategory-name{color:var(--cr-teal-deep);font-weight:600}

#products .products-sort-order .select-title{border:1px solid var(--cr-line);border-radius:var(--cr-radius);box-shadow:none;background:#fff;font-weight:600}

.product-miniature .thumbnail-container{border:1px solid var(--cr-line);border-radius:var(--cr-radius);box-shadow:none;background:#fff;transition:border-color .15s}
.product-miniature .thumbnail-container:hover{border-color:var(--cr-ink);box-shadow:none}
.product-miniature .product-title,.product-miniature .product-title a{font-family:var(--cr-font);font-size:14.5px;font-weight:500;line-height:1.35;text-transform:none;letter-spacing:0;color:var(--cr-ink)}
.product-miniature .miniature-price-excl .price{font-weight:800;letter-spacing:-.01em;color:var(--cr-ink)}
.product-miniature .miniature-tax-label,.product-miniature .price-tax-excl{color:var(--cr-ink-2);font-size:12.5px}
.product-flags .product-flag,.product-flags li{border-radius:2px;font-weight:800;box-shadow:none}

/* ---------- 5. Scheda prodotto ---------- */
#product .images-container .product-cover,
#product .images-container .product-cover img{border-radius:var(--cr-radius)}
#product .col-md-7 .product-information,
#product .product-information{font-family:var(--cr-font)}
#product h1.h1,#product .product-title-heading{font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.3}
#product .product-prices .current-price,#product .product-prices .product-price{font-weight:800;letter-spacing:-.01em}
#product .product-actions .add-to-cart{border-radius:var(--cr-radius);box-shadow:none;font-weight:700}
#product .btn-primary{border-radius:var(--cr-radius);box-shadow:none}
#product .product-discounts .table-product-discounts th,
#product .product-discounts .table-product-discounts td{font-size:14px}

.crp-related-products,.crp-related-product{border-radius:var(--cr-radius);box-shadow:none}
.crp-related-product{border:1px solid var(--cr-line)}
.crp-related-products__title{font-weight:700;text-transform:uppercase;letter-spacing:.025em}

/* ---------- 6. Footer: sfondo teal, scritte bianche ---------- */
#footer{background:var(--cr-teal-deep);border-top:0;color:#fff}
#footer .footer-container{background:transparent;box-shadow:none}
@media (min-width:992px){#footer .footer-container{padding-top:32px;padding-bottom:32px}}
#footer .h3,#footer .h4,#footer p.h3,#footer .block-contact-title,#footer .links .title .h3,#footer .myaccount-title a{
  font-family:var(--cr-font);color:#fff;font-size:14px;font-weight:800;letter-spacing:.04em}
#footer a,#footer li,#footer #contact-infos,#footer p{font-size:14px;color:rgba(255,255,255,.9)}
#footer a{transition:color .15s}
#footer .footer-container li a:hover,#footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
#footer #contact-infos a{color:#fff;font-weight:700}
/* il logo è un JPG su bianco: resta su un riquadro bianco */
#footer .footer-container>div>img{background:#fff;padding:8px 12px;border-radius:var(--cr-radius);box-sizing:content-box}
/* icone social: erano nere (filter: brightness(0)), qui bianche */
#footer .block-social ul li,.footer-container .block-social ul li{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
#footer .block-social ul li:hover{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);opacity:.75}
/* mobile: titoli a fisarmonica */
#footer .footer-container .links button.title{border-bottom:1px solid rgba(255,255,255,.28);color:#fff}
#footer .navbar-toggler,#footer .collapse-icons .material-icons{color:#fff}

/* ---------- 7. Newsletter (form Brevo #sib-form) ---------- */
.wa_custom-hook-newsletter{background:var(--cr-paper);border:1px solid var(--cr-line);border-radius:var(--cr-radius);box-shadow:none;padding:28px 32px}
#sib-form p,#sib-form .sib-form-block,#sib-form input,#sib-form button{font-family:var(--cr-font)}
#sib-form>div:first-of-type p{font-size:1.3rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase;line-height:1.25;color:var(--cr-ink)}
#sib-form>div:first-of-type+div p{font-size:15.5px;line-height:1.5;color:var(--cr-ink-2)}
#sib-form input.input[type=text],#sib-form input#EMAIL{box-sizing:border-box!important;width:100%;height:48px!important;border:1px solid #b9c7cc!important;border-radius:var(--cr-radius);background:#fff;box-shadow:none;font-size:15px;color:var(--cr-ink);padding:0 14px}
#sib-form input#EMAIL:focus{border-color:var(--cr-teal-deep);box-shadow:0 0 0 3px var(--cr-teal-wash);outline:0}
#sib-form input#EMAIL::placeholder{color:#7d9097;letter-spacing:.04em}
#sib-form input[type=checkbox]{accent-color:var(--cr-teal-deep)}
#sib-form .sib-optin p,#sib-form .sib-optin span{font-size:12px!important;line-height:1.5;color:var(--cr-ink-2)}
#sib-form .sib-optin a,#sib-form .sib-form__declaration a{color:var(--cr-teal-deep);font-weight:600}
#sib-form .sib-form__declaration,#sib-form .sib-form__declaration div{font-size:12px!important;line-height:1.5;color:var(--cr-ink-2)}
#sib-form .sib-form-block__button{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box!important;height:48px;min-height:48px;line-height:1.2;text-align:center!important;background:var(--cr-teal-deep)!important;border:1px solid var(--cr-teal-deep)!important;border-radius:var(--cr-radius)!important;padding:0 1.7rem!important;font-weight:700!important;font-size:15px!important;box-shadow:none!important;outline:0!important}
#sib-form .sib-form-block__button:hover{background:var(--cr-ink)!important;border-color:var(--cr-ink)!important;outline:0!important}
.wa_custom-hook-newsletter .sib-form,.wa_custom-hook-newsletter #sib-container,.wa_custom-hook-newsletter #sib-form-container{background:transparent!important;box-shadow:none!important;border:0!important}
.sib-form-message-panel{border-radius:var(--cr-radius)!important;font-size:14px!important}

/* desktop: titolo e frase a sinistra, campi a destra (come nella proposta).
   Usa solo i primi due blocchi del form (titolo e frase); il resto scorre a destra. */
@media (min-width:992px){
  .wa_custom-hook-newsletter #sib-form::after{content:"";display:block;clear:both}
  .wa_custom-hook-newsletter #sib-form>div:nth-child(1),
  .wa_custom-hook-newsletter #sib-form>div:nth-child(2){float:left;width:32%;clear:left}
  .wa_custom-hook-newsletter #sib-form>div:nth-child(n+3){margin-left:calc(32% + 56px)}
  .wa_custom-hook-newsletter #sib-form>div:nth-child(2) p{margin-top:8px}
}

/* Newsletter più bassa: margini ridotti, email + pulsante sulla stessa riga,
   dichiarazione Brevo e captcha affiancati. Usa le classi aggiunte in
   modules/ps_emailsubscription/.../ps_emailsubscription.tpl (.nl-*). */
.wa_custom-hook-newsletter{padding:20px 28px}
#sib-form .nl-fields>div,
#sib-form>div:nth-child(1),#sib-form>div:nth-child(2){padding-top:4px!important;padding-bottom:4px!important}
#sib-form>div:nth-child(1) p{margin-bottom:0}
#sib-form .nl-decl .svgIcon-sphere{width:34px!important;height:34px!important}
#sib-form .nl-decl .sib-form__declaration{display:flex;align-items:center;gap:10px}
#sib-form .nl-decl .sib-form__declaration p{margin:0}
#sib-form .nl-opt p{margin:0}
#sib-form .nl-submit .sib-form-block{margin:0}
@media (min-width:992px){
  .wa_custom-hook-newsletter #sib-form .nl-fields{display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:start}
  .wa_custom-hook-newsletter #sib-form .nl-email{grid-column:1;grid-row:1}
  .wa_custom-hook-newsletter #sib-form .nl-submit{grid-column:2;grid-row:1}
  .wa_custom-hook-newsletter #sib-form .nl-opt{grid-column:1 / -1}
  .wa_custom-hook-newsletter #sib-form .nl-decl{grid-column:1;grid-row:4;align-self:center}
  .wa_custom-hook-newsletter #sib-form .nl-captcha{grid-column:2;grid-row:4}
  .wa_custom-hook-newsletter #sib-form .nl-submit .sib-form-block__button{width:100%}
}
#sib-form .nl-email .sib-form-block,#sib-form .nl-submit .sib-form-block,#sib-form .nl-email .form__entry{margin:0!important;padding-top:0!important;padding-bottom:0!important}
/* tutti i blocchi del form allineati al margine interno della card */
#sib-form .sib-form-block{padding-left:0!important;padding-right:0!important}
#sib-form .nl-email .form__label-row,#sib-form .nl-email .entry__field{margin:0!important;padding:0!important}
#sib-form .nl-email .entry__error{margin:0!important;min-height:0}

/* mobile e tablet: custom.css aggiunge 15px dentro .sib-form oltre al padding della card (44px per lato in tutto):
   si toglie il doppio margine e il pulsante occupa tutta la larghezza, come il campo email. */
@media (max-width:991px){
  .wa_custom-hook-newsletter{padding:20px 16px}
  .wa_custom-hook-newsletter .sib-form{padding:0!important}
  .wa_custom-hook-newsletter #sib-form .nl-submit .sib-form-block__button{width:100%}
}

/* ---------- 8. Sfondo bianco e blocchi senza ombra ---------- */
#wrapper{background:#fff}
/* solo desktop: l'area di destra della scheda prodotto senza ombra e i blocchi senza padding,
   allineati alla griglia. In mobile il blocco resta com'è (card con padding e ombra leggera). */
/* Prodotto non disponibile: il box "Avvisami" (.product-additional-info) è un float largo quanto la colonna.
   Il blocco d'acquisto (flex, quindi BFC) senza padding si infilava accanto con larghezza 0: va sempre sotto il float. */
#product .wa_form-acquisto{clear:both}
#product .product-additional-info{margin-bottom:16px}
@media (min-width:992px){
  #product .wa_form-acquisto{box-shadow:none}
  #product .wa_form-acquisto,
  #product .new-descrizione{padding:0}
  /* "Vuoi personalizzare questo prodotto?" ha un bordo: il padding serve (stessa specificità, viene dopo new-descrizione) */
  #product .crp-related-products{padding:20px}
}

/* La newsletter ha lo stesso contenitore in home e in scheda prodotto (vedi ps_emailsubscription.tpl).
   Nella scheda prodotto sta dopo il carosello: un po' d'aria sopra e sotto. */
#product .wa_custom-hook-newsletter{width:auto;margin:32px 15px}
/* Carosello e newsletter stanno nella .row senza il padding di #content-wrapper: 15px per lato in più del resto della scheda. */
#product .easycarousels{margin-left:15px;margin-right:15px}
/* Nella scheda prodotto il contenitore sta accanto a #content-wrapper, che è un float: senza clear il
   riquadro parte dall'alto della pagina e, per via del clearfix interno, si allunga su tutto il contenuto. */
.wa_custom-hook-newsletter{clear:both}

/* Controlli dei caroselli (modulo easycarousels): frecce e pallini come da proposta.
   Stessa misura su desktop e mobile, nessuno sfondo: cerchio bianco con filo sottile e freccia scura.
   Il selettore parte da #wrapper per battere le regole di custom.css (60px, sfondo grigio, ombra). */
#wrapper .sw-nav,#wrapper .n-hover .sw-nav,#wrapper .n-hover:hover .sw-nav{width:36px;height:36px;margin-top:-18px;border:1px solid var(--cr-line);border-radius:50%;background:#fff;box-shadow:none;left:-18px;display:flex;align-items:center;justify-content:center}
#wrapper .sw-nav.next,#wrapper .n-hover .sw-nav.next,#wrapper .n-hover:hover .sw-nav.next{left:auto;right:-18px}
#wrapper .sw-nav:hover,#wrapper .n-hover:hover .sw-nav:hover{background:#fff;border-color:var(--cr-ink)}
#wrapper .sw-nav:before{width:9px;height:9px;margin:0 0 0 4px;border:solid var(--cr-ink);border-width:0 0 2px 2px}
.sw-pgn-bullet{width:9px;height:9px;border:0;background:#b9c7cc;opacity:1}
.sw-pgn-bullet.active{width:22px;border-radius:5px;background:var(--cr-ink)}
@media (max-width:500px){
  #wrapper .sw-nav,#wrapper .n-hover .sw-nav,#wrapper .n-hover:hover .sw-nav{width:36px;height:36px;left:-10px}
  #wrapper .sw-nav.next,#wrapper .n-hover .sw-nav.next,#wrapper .n-hover:hover .sw-nav.next{left:auto;right:-10px}
  #wrapper .sw-nav:before{width:9px;height:9px;margin:0 0 0 4px}
}

/* Slider principale della home (ps_imageslider): stesse frecce dei caroselli prodotto.
   Prima: icona bianca da 2rem su fondo grigio semitrasparente. Ora: cerchio bianco 36px con freccia scura. */
#wrapper .carousel .direction .carousel-control .icon-prev,#wrapper .carousel .direction .carousel-control .icon-next{width:36px;height:36px;margin-top:-18px}
#wrapper .carousel .direction .carousel-control .icon-prev{left:12px}
#wrapper .carousel .direction .carousel-control .icon-next{right:12px}
#wrapper .carousel .direction .carousel-control i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--cr-ink);font-size:24px;text-shadow:none}
#wrapper .carousel .direction .carousel-control:hover i,#wrapper .carousel .direction .carousel-control .icon-prev:hover i,#wrapper .carousel .direction .carousel-control .icon-next:hover i{background:#fff;border-color:var(--cr-ink);color:var(--cr-ink)}

/* Blocco h1 sotto lo slider della home, come da proposta: niente riquadro e niente fondo teal,
   titolo a sinistra e testo a destra tra due fili sottili. Sotto i 600px le due colonne si impilano. */
.hero-chartare{display:grid;grid-template-columns:minmax(220px,.5fr) 1.5fr;gap:clamp(20px,3vw,56px);align-items:center;margin-top:28px;padding:clamp(28px,3vw,48px) 0;border:0;border-top:1px solid var(--cr-line);border-bottom:1px solid var(--cr-line);border-radius:0;background:transparent;overflow:visible}
.home-hero-left{min-width:0;padding:0;background:none}
.home-hero-claim{font-size:clamp(1.3rem,1.8vw,1.8rem);font-weight:700;letter-spacing:.025em;line-height:1.25;color:var(--cr-teal-deep)}
.home-hero-right{padding:0;gap:6px;background:transparent}
.home-h1{margin:0;font-size:1.05rem;line-height:1.45;color:var(--cr-ink)}
.home-h1-sub{max-width:62ch;font-size:1.05rem;line-height:1.55;color:var(--cr-ink-2)}
@media (max-width:600px){.hero-chartare{grid-template-columns:1fr;gap:12px;padding:24px 0}}

/* ===== Blog in home ("Ultimi post"), come da proposta =====
   Prima: riquadro con bordo e angoli arrotondati (.page_home). Ora: titolo centrato, tre articoli senza cornice
   e pulsante con filo scuro. Struttura e testi del modulo non cambiano. Solo la variante .page_home: le pagine blog usano lo stesso modulo (.page_blog) con altri layout. Sotto i 768px gli articoli si impilano. */
#wrapper .ybc_block_latest.page_home{margin-top:56px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#wrapper .ybc_block_latest.page_home .title_blog{margin:8px 0 28px;text-align:center;text-transform:uppercase;letter-spacing:.025em;font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:700;color:var(--cr-ink)}
#wrapper .ybc_block_latest.page_home .block_content.row{margin-left:0;margin-right:0}
#wrapper .ybc_block_latest.page_home .ybc_blog_content_block{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#wrapper .ybc_block_latest.page_home .ybc_blog_content_block_item{float:none;width:auto;max-width:none;padding:0;display:grid;gap:10px;align-content:start}
#wrapper .ybc_block_latest.page_home .ybc_item_img{display:block}
#wrapper .ybc_block_latest.page_home .ybc_item_img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:0;background:var(--cr-paper)}
#wrapper .ybc_block_latest.page_home .ybc-blog-latest-post-content{display:grid;gap:10px;align-content:start}
#wrapper .ybc_block_latest.page_home .ybc_title_block{font-size:1.05rem;font-weight:700;line-height:1.35;text-transform:none;letter-spacing:0;color:var(--cr-ink)}
#wrapper .ybc_block_latest.page_home .ybc-blog-sidear-post-meta{display:flex;flex-wrap:wrap;gap:0 8px;margin:0;font-size:12.5px;line-height:1.4;color:var(--cr-ink-2)}
#wrapper .ybc_block_latest.page_home .ybc-blog-sidear-post-meta *{margin:0;padding:0;font-size:inherit;color:var(--cr-ink-2)}
#wrapper .ybc_block_latest.page_home .ybc-blog-latest-toolbar{display:none}
#wrapper .ybc_block_latest.page_home .blog_description,#wrapper .ybc_block_latest.page_home .blog_description p{margin:0;font-size:14px;line-height:1.55;color:var(--cr-ink-2)}
#wrapper .ybc_block_latest.page_home .read_more{display:inline-block;margin:0;padding:0;border:0;font-size:14px;font-style:normal;font-weight:700;text-decoration:none;color:var(--cr-teal-deep)!important}
#wrapper .ybc_block_latest.page_home .read_more:hover{text-decoration:underline}
#wrapper .ybc_block_latest.page_home .blog_view_all_button{display:flex;justify-content:center;margin-top:24px}
#wrapper .ybc_block_latest.page_home .blog_view_all_button .view_all_link{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px!important;border:1px solid var(--cr-ink);border-radius:var(--cr-radius);background:#fff;font-size:14.5px;font-weight:700;line-height:1.2;text-decoration:none;color:var(--cr-ink)!important;transition:background .15s,color .15s}
#wrapper .ybc_block_latest.page_home .blog_view_all_button .view_all_link:hover{background:var(--cr-ink);color:#fff!important}
@media (max-width:767px){#wrapper .ybc_block_latest.page_home .ybc_blog_content_block{grid-template-columns:1fr}}

#guida-categoria{
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3);
}

.carousel, .carousel-inner {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3);
}

.skeepers_carousel_container{
  margin-top: 40px;
}
/* ===== Popup "studio gratuito" (modulo chartare_custompackaging): più piccolo su desktop =====
   Su mobile il modulo ha già la sua versione compatta (280px), qui non si tocca. */
@media (min-width:768px){
  .chartare-packaging .chartare-packaging__launcher-wrap{width:min(325px,calc(100vw - 32px))}
  .chartare-packaging .chartare-packaging__launcher{min-height:0;gap:12px;padding:11px 16px 11px 14px}
  .chartare-packaging .chartare-packaging__launcher-wrap.has-dismiss .chartare-packaging__launcher{padding-right:38px}
  .chartare-packaging .chartare-packaging__launcher-icon{width:54px;height:54px;flex-basis:54px}
  .chartare-packaging .chartare-packaging__launcher-copy{gap:3px}
  .chartare-packaging .chartare-packaging__launcher-copy strong{font-size:13.5px}
  .chartare-packaging .chartare-packaging__launcher-copy>span{font-size:12.5px}
  .chartare-packaging .chartare-packaging__dismiss{top:6px;right:6px;width:26px;height:26px}
}