@media (max-width: 768px) {

        /* === v2.0.0 QW5 — Banner max-height 28vh -> 32vh (accomoda Trustpilot row +24px). Pattern Baymard CTA always-visible. */
        #CybotCookiebotDialog {
            max-height: 32vh !important;
            bottom: 0 !important;
            top: auto !important;
            border-radius: 16px 16px 0 0 !important;
            box-shadow: 0 -6px 28px rgba(45,41,38,0.18) !important;
            transform: translate(0, 0) !important;
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
            max-width: 100% !important;
            overflow: hidden !important;
            /* FIX-D: safe-area per iPhone notch/home indicator */
            padding-bottom: env(safe-area-inset-bottom, 0px) !important;
            /* v2.1.0: transition rimossa initial — eliminates first-mount flash. Re-enabled scoped via .meb-cb-ready below */
            border-top: 3px solid #B8763A !important;
        }
        /* v1.7.0: Layer 2 espanso quando html.meb-cb-layer2-open (JS class-toggle) */
        html.meb-cb-layer2-open #CybotCookiebotDialog {
            max-height: 70vh !important;
        }
        /* v2.1.0: transition smooth Layer1↔Layer2 abilitata SOLO dopo mount completato (JS .meb-cb-ready toggle 600ms post init) */
        html.meb-cb-ready #CybotCookiebotDialog {
            transition: max-height 250ms cubic-bezier(0.25, 0.1, 0.25, 1) !important;
        }

        /* Floating widget: destra per non sovrapporre section-preview sinistra */
        /* BLOCCO-I v1.4.0: z-index 99990 (era CDN 2147483647) + pointer-events fix touch-intercept iOS */
        #CookiebotWidget {
            left: auto !important;
            right: 16px !important;
            bottom: 16px !important;
            z-index: 99990 !important;
            pointer-events: none !important;
        }
        #CookiebotWidget > * {
            pointer-events: auto !important;
        }

        /* v1.9.7: body padding compact 6 → 4px */
        #CybotCookiebotDialogBody {
            padding: 4px 14px 0 !important;
            font-size: 13px !important;
            line-height: 1.4 !important;
            overflow: visible !important;
        }

        /* === v1.9.4: DISABLE Cookiebot Edge mode nested scroll containers (Layer 1 only) === */
        /* Bug rilevato: #CybotCookiebotDialogBodyContent.CybotCookiebotScrollArea ha height 16px */
        /* + overflow:hidden auto -> clippa title+body (74px) a 16px visible. */
        /* Fix: forza height:auto + overflow:visible su tutti gli scroll wrappers intermedi. */
        /* v1.9.9: scoped html:not(.meb-cb-layer2-open) - Layer 2 ha pattern flex+scroll diverso (vedi sotto). */
        html:not(.meb-cb-layer2-open) #CybotCookiebotDialogBodyContent.CybotCookiebotScrollArea,
        html:not(.meb-cb-layer2-open) #CybotCookiebotDialogBodyContent,
        html:not(.meb-cb-layer2-open) .CybotCookiebotScrollArea,
        html:not(.meb-cb-layer2-open) .CybotCookiebotScrollContainer,
        html:not(.meb-cb-layer2-open) #CybotCookiebotDialogTabContent {
            height: auto !important;
            min-height: auto !important;
            max-height: none !important;
            overflow: visible !important;
            overflow-y: visible !important;
        }
        /* Hide Cookiebot Edge fader (causa visual noise) */
        html:not(.meb-cb-layer2-open) .CybotCookiebotFader {
            display: none !important;
        }

        /* === v1.9.9 — 12 Mag 2026 — FIX 1: Layer 2 sticky footer pattern (Garante IT P0).
           Problem: Layer 2 panel mostra categorie list ~1076px > banner 70vh ~590px. overflow:hidden
           ereditato banner + scroll wrappers visible (v1.9.4 fix Edge mode Layer 1) -> CTA
           Accetta tutti/Rifiuta tutti/Salva preferenze sotto fold non raggiungibili senza scroll
           interno banner. Compliance Garante richiede CTA raggiungibili senza scroll esplorativo.
           Fix: flex column wrapper + TabContent scrollabile interno + Footer flex-shrink:0
           con bg + shadow per separazione visiva. iOS touch-scroll properties.
           Selectors evidence-based via Puppeteer DOM dump (12 Mag 21:14). */
        html.meb-cb-layer2-open .CybotCookiebotDialogContentWrapper {
            display: flex !important;
            flex-direction: column !important;
            height: 100% !important;
            max-height: 70vh !important;
            overflow: hidden !important;
        }
        html.meb-cb-layer2-open #CybotCookiebotDialogHeader,
        html.meb-cb-layer2-open #CybotCookiebotDialogNav {
            flex-shrink: 0 !important;
        }
        html.meb-cb-layer2-open #CybotCookiebotDialogTabContent {
            flex: 1 1 auto !important;
            min-height: 0 !important;
            max-height: none !important;
            overflow-y: auto !important;
            -webkit-overflow-scrolling: touch !important;
            overscroll-behavior: contain !important;
            touch-action: pan-y !important;
        }
        /* TabContent inner: height auto + scroll bubble parent */
        html.meb-cb-layer2-open #CybotCookiebotDialogTabContent .CybotCookiebotScrollContainer.CybotCookiebotDialogActive,
        html.meb-cb-layer2-open #CybotCookiebotDialogTabContentDetails {
            height: auto !important;
            min-height: 0 !important;
            max-height: none !important;
            overflow: visible !important;
        }
        /* Footer: pin bottom via flex-shrink:0 + bg solido + shadow per CTA always-visible */
        html.meb-cb-layer2-open #CybotCookiebotDialogFooter {
            flex-shrink: 0 !important;
            background: #FAF7F2 !important;
            box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08) !important;
            border-top: 1px solid rgba(184, 118, 58, 0.12) !important;
            position: relative !important;
            z-index: 5 !important;
            padding-bottom: env(safe-area-inset-bottom, 0px) !important;
        }
        html.meb-cb-layer2-open #CybotCookiebotDialogFooter,
        html.meb-cb-layer2-open #CybotCookiebotDialogFooter > .CybotCookiebotScrollArea {
            height: auto !important;
            max-height: none !important;
            overflow: visible !important;
        }

        /* === v2.0.0 QW5: title 13 -> 14px + margin-bottom 3 -> 4px (premium breathing) */
        #CybotCookiebotDialogBodyContentTitle {
            font-size: 14px !important;
            font-weight: 800 !important;
            margin: 0 0 4px !important;
            line-height: 1.25 !important;
            overflow: visible !important;
            white-space: normal !important;
            max-height: none !important;
            border: none !important;
            text-decoration: none !important;
            box-shadow: none !important;
            background: transparent !important;
        }
        #CybotCookiebotDialogBodyContentTitle::after,
        #CybotCookiebotDialogBodyContentTitle::before {
            display: none !important;
        }
        /* Body parent containers: zero borders, no overlay shenanigans */
        #CybotCookiebotDialogBody,
        #CybotCookiebotDialogBodyContent {
            border: none !important;
            box-shadow: none !important;
        }

        /* v2.0.0 QW5: text font 11 -> 11.5px + line-height 1.25 -> 1.4 + max-height 54 -> 60px.
           Copy MEB-voice v2.2.0 e' 124 char -> entra in 2 righe @ 11.5px*1.4*line-width — no scroll needed.
           Mantiene iOS touch properties per fallback se body lungo (IAB TCF original fallback). */
        #CybotCookiebotDialogBodyContentText {
            font-size: 11.5px !important;
            max-height: 60px !important;
            overflow-y: auto !important;
            -webkit-overflow-scrolling: touch !important;
            overscroll-behavior: contain !important;
            touch-action: pan-y !important;
            margin-bottom: 2px !important;
            line-height: 1.4 !important;
            padding: 0 4px !important;
        }
        /* v2.0.0 QW1: body strong tag emphasis */
        #CybotCookiebotDialogBodyContentText strong {
            color: #2D2926 !important;
            font-weight: 700 !important;
        }

        /* v1.9.5 — 12 Mag: hide "More details" link per fare spazio (info in Personalizza) */
        #CybotCookiebotDialogBodyEdgeMoreDetailsLink {
            display: none !important;
        }

        /* v1.9.5b — 12 Mag: hide "Accetta selezionati" SOLO Layer 1 (banner principale).
           Layer 2 (sezione Personalizza) mantiene "Solo Essenziali / Accetta selezionati / Accetta tutti".
           Pattern Garante IT compliant: [Accetta tutti] [Rifiuta tutti] pari prominence + [Personalizza].
           Specificity boost per vincere su Cookiebot inline style. */
        html body #CybotCookiebotDialog #CybotCookiebotDialogBody #CybotCookiebotDialogBodyContent #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
        html body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
        body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection[id] {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
            height: 0 !important;
            width: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            overflow: hidden !important;
            pointer-events: none !important;
        }

        /* === v1.9.3: wrapper clean - whitespace separator only (no divider line) === */
        /* Pattern premium IT (Bottega Veneta, Loro Piana, Net-a-Porter): margin spacing only. */
        html body #CybotCookiebotDialogBodyButtonsWrapper,
        html body .CybotCookiebotDialogBodyBottomWrapperButtonsWrapper {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: wrap !important;
            align-items: stretch !important;
            justify-content: center !important;
            gap: 3px !important; /* v1.9.9: 4 → 3px recovery 1px */
            padding: 4px 12px 0 !important; /* v1.9.9: 6 → 4px recovery 2px */
            margin-top: 0 !important;
            border-top: none !important;
            box-sizing: border-box !important;
        }

        /* v2.0.0 QW5 + QW3: Accept min-height 40 -> 44px (Apple HIG floor) + gradient cognac + shadow elevation.
           Gradient + shadow declared in style.php Blocco A (specificity-aware). Qui mobile mirror per safety. */
        html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
        html body #CybotCookiebotDialogBodyButtonAccept {
            order: 1 !important;
            flex: 1 1 0 !important;
            min-width: 0 !important;
            max-width: none !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: 44px !important;
            font-size: 13px !important;
            font-weight: 800 !important;
            letter-spacing: 0.2px !important;
            border-radius: 999px !important;
            padding: 0 10px !important;
            box-sizing: border-box !important;
            cursor: pointer !important;
            margin: 0 !important;
            background: linear-gradient(180deg, #0E7373 0%, #0A5A5A 100%) !important;
            box-shadow: 0 3px 10px rgba(184,118,58,0.28), 0 1px 3px rgba(184,118,58,0.16) !important;
            transition: transform 0.15s ease, box-shadow 0.15s ease !important;
        }
        html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:active,
        html body #CybotCookiebotDialogBodyButtonAccept:active {
            transform: translateY(1px) !important;
            box-shadow: 0 2px 6px rgba(184,118,58,0.24) !important;
        }

        /* v2.0.0 QW5: Decline min-height 40 -> 44px (Apple HIG parita Accept Garante equal prominence) */
        html body #CybotCookiebotDialogBodyButtonDecline,
        html body #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
            order: 2 !important;
            flex: 1 1 0 !important;
            min-width: 0 !important;
            max-width: none !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: 44px !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            border-radius: 999px !important;
            padding: 0 10px !important;
            box-sizing: border-box !important;
            cursor: pointer !important;
            margin: 0 !important;
        }

        /* Personalizza: order:3, width:100% (3a riga) */
        html body #CybotCookiebotDialogBodyLevelButtonCustomize {
            order: 3 !important;
            width: 100% !important;
            flex: 0 0 100% !important;
        }

        /* === v2.0.0 QW3: Accept gradient cognac + shadow (mobile override specificity) === */
        html body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
            background: linear-gradient(180deg, #0E7373 0%, #0A5A5A 100%) !important;
            background-color: #0E7373 !important;
            color: #fff !important;
            border: none !important;
            box-shadow: 0 3px 10px rgba(184,118,58,0.28), 0 1px 3px rgba(184,118,58,0.16) !important;
        }
        html body #CybotCookiebotDialogBodyButtonAccept {
            background: linear-gradient(180deg, #0E7373 0%, #0A5A5A 100%) !important;
            background-color: #0E7373 !important;
            color: #fff !important;
            border: none !important;
            box-shadow: 0 3px 10px rgba(184,118,58,0.28), 0 1px 3px rgba(184,118,58,0.16) !important;
        }

        /* === BLOCCO-G v1.3.0: Decline cream + border cognac mobile (Garante IT equal prominence) === */
        html body #CybotCookiebotDialogBodyButtonDecline,
        html body #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
            background: #FDF8F4 !important;
            background-color: #FDF8F4 !important;
            color: #B8763A !important;
            border: 1.5px solid #B8763A !important;
        }
        html body #CybotCookiebotDialogBodyButtonDecline:hover,
        html body #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:hover {
            background: #F5EFE8 !important;
            background-color: #F5EFE8 !important;
        }

        /* Focus visible accessibilita' WCAG 2.1 AA */
        html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:focus-visible,
        html body #CybotCookiebotDialogBodyButtonAccept:focus-visible {
            outline: 2px solid #B8763A !important;
            outline-offset: 2px !important;
        }
        html body #CybotCookiebotDialogBodyButtonDecline:focus-visible,
        html body #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:focus-visible {
            outline: 2px solid #B8763A !important;
            outline-offset: 2px !important;
        }

        /* === v1.9.9: Personalizza min-height 26 -> 24px (WCAG AA floor), padding 2/8 -> 1/8 (recovery 3px) === */
        html body #CybotCookiebotDialogBodyLevelButtonCustomize {
            background: transparent !important;
            color: #3B847F !important;
            border: none !important;
            font-size: 11px !important;
            font-weight: 600 !important;
            min-height: 24px !important;
            min-width: 44px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 1px 8px !important;
            cursor: pointer !important;
            text-decoration: none !important;
            box-sizing: border-box !important;
        }
        html body #CybotCookiebotDialogBodyLevelButtonCustomize::after {
            content: none !important;
        }
        html body #CybotCookiebotDialogBodyLevelButtonCustomize:hover {
            text-decoration: underline !important;
            color: #2D6B67 !important;
        }

        /* Focus Personalizza */
        html body #CybotCookiebotDialogBodyLevelButtonCustomize:focus-visible {
            outline: 2px solid #3B847F !important;
            outline-offset: 2px !important;
        }

        /* v1.6.0 | v1.7.0 | v1.8.0: "Accetta selezionati" mobile - 40px (parita Accept/Decline) + text-center */
        html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
        html body #CybotCookiebotDialogBodyButtonAcceptSelected {
            min-height: 40px !important;
            font-size: 13px !important;
            padding: 0 16px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
        }
        html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:focus-visible,
        html body #CybotCookiebotDialogBodyButtonAcceptSelected:focus-visible {
            outline: 2px solid #3B847F !important;
            outline-offset: 2px !important;
        }

        /* BLOCCO-L v1.4.0: CMP dialog z-index sotto drawer mini-cart 99999 (era 99999 parita) */
        #CybotCookiebotDialog {
            z-index: 99995 !important;
        }

        /* === v2.0.0 QW4: Trustpilot social proof row (mobile-scoped) ===
           Injected dynamically by style.php JS sotto buttonsWrapper.
           Garante OK: info-only, non altera CTA equal prominence. */
        .meb-cb-trustpilot-row {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 5px !important;
            font-family: "Nunito", sans-serif !important;
            font-size: 10px !important;
            color: #595551 !important;
            padding: 2px 8px 6px !important;
            margin: 0 !important;
            text-align: center !important;
            line-height: 1.3 !important;
        }
        .meb-cb-trustpilot-row .meb-cb-stars {
            color: #00B67A !important;
            font-size: 11px !important;
            letter-spacing: -1px !important;
            font-weight: 700 !important;
        }
        .meb-cb-trustpilot-row strong {
            color: #2D2926 !important;
            font-weight: 700 !important;
        }

    }

    /* ==========================================================
       BLOCCO-M v1.4.1: HIDE Cookiebot Reopener Floater (01 Mag 2026)
       Floater CO bottom-left era confuso utenti come fantasma sticky bottom.
       Multi-selettore: Cookiebot SDK rinomina element id occasionalmente.
       Scope globale (fuori @media): nascosto su tutti i device.
       Compliance Garante IT SAFE: link footer Privacy/Cookie basta per riaprire consenso.
       ========================================================== */
    #CookiebotWidget,
    #CookiebotWidget-buttons,
    [id^=CookiebotWidget],
    [class*=CookiebotWidget],
    .CookiebotWidget,
    .CookiebotWidget-circular,
    #CookiebotWidget-floating-button,
    [id*=cookiebot-widget],
    [id*=CybotCookiebotWidget] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
    }
    /* BLOCCO-M HIDE FLOATER END */


/* ===== Blocco 2: meb-cookiebot-premium (cookiebot.php 523-1105) ===== */
/* === COOKIEBOT — Premium compact card === */

/* Anti-flash v2.3.0 (2 Giu): nascondi il banner finché lo swap testo JS non ha applicato il custom.
   Hide SOLO se il JS è vivo (html.meb-cb-js); reveal su .meb-cb-content-ready (safety forzato +1200ms via JS).
   Se il JS muore → niente classe meb-cb-js → banner sempre visibile (consenso mai bloccato). */
html.meb-cb-js #CybotCookiebotDialog { opacity: 0 !important; }
html.meb-cb-js.meb-cb-content-ready #CybotCookiebotDialog { opacity: 1 !important; transition: opacity 0.18s ease !important; }

/* Overlay semi-trasparente — consent rate boost (24 Mag fix) */
#CybotCookiebotDialogBodyUnderlay { display: block !important; background: rgba(0,0,0,0.4) !important; }

/* Hide broken images, logo, powered-by */
#CybotCookiebotDialogPoweredbyLink,
#CybotCookiebotDialogPoweredByText,
.CybotCookiebotDialogBodyBottomWrapper { display: none !important; }
#CybotCookiebotDialog img[src=""], #CybotCookiebotDialog img:not([src]) { display: none !important; }
#CybotCookiebotDialogBodyContentLogo { display: none !important; }
#CybotCookiebotDialogHeader { display: none !important; }
#CybotCookiebotDialogBodyEdgeMoreDetailsLink { display: none !important; }

/* Card: floating centered */
#CybotCookiebotDialog {
  font-family: "Nunito", sans-serif !important;
  position: fixed !important;
  bottom: 14px !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  transform: none !important;
  max-width: 380px !important;
  width: calc(100% - 28px) !important;
  max-height: 80vh !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 32px rgba(45,41,38,0.13), 0 1px 4px rgba(45,41,38,0.06) !important;
  border: 1px solid rgba(232,228,224,0.7) !important;
  padding: 0 !important;
  margin: 0 auto !important;
  background: #FFFFFF !important;
  z-index: 99999 !important;
  animation: meb-cb-in 0.35s cubic-bezier(0.25,0.1,0.25,1) !important;

  overflow-y: auto !important;
}
@keyframes meb-cb-in {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Body */
#CybotCookiebotDialogBody {
  padding: 16px 20px 4px !important;
  margin: 0 !important;
  text-align: center !important;
}
#CybotCookiebotDialogBodyContent {
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
#CybotCookiebotDialogBodyContentTitle {
  font-family: "Nunito", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2D2926 !important;
  line-height: 1.25 !important;
  margin: 0 0 3px !important;
  text-align: center !important;
}
#CybotCookiebotDialogBodyContentText {
  font-family: "Nunito", sans-serif !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  color: #595551 !important;
  margin: 0 !important;
  text-align: center !important;
  max-height: 32px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
#CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog a { color: #6BB8B3 !important; text-decoration: none !important; font-weight: 600 !important; }

/* Buttons */
#CybotCookiebotDialogBodyButtonsWrapper {
  padding: 10px 20px 14px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  align-items: stretch !important;
}

/* === Blocco A — Accetta: cognac filled, 48px, 13px, pillola 999px ===
   v2.2.0 QW3: gradient + shadow 3-stack + transition + hover lift translateY(-1px).
   Garante OK: dimensione/font/colore base = Decline (equal prominence preservato). */
html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
html body #CybotCookiebotDialogBodyButtonAccept {
  background: linear-gradient(180deg, #0E7373 0%, #0A5A5A 100%) !important;
  background-color: #0E7373 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  font-family: "Nunito", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
  padding: 0 18px !important;
  cursor: pointer !important;
  min-height: 48px !important;
  order: 1 !important;
  margin: 0 !important;
  box-shadow: 0 3px 10px rgba(184,118,58,0.28), 0 1px 3px rgba(184,118,58,0.16) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease !important;
}
html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
html body #CybotCookiebotDialogBodyButtonAccept:hover {
  background: linear-gradient(180deg, #A56529 0%, #8F5523 100%) !important;
  background-color: #A56529 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 14px rgba(184,118,58,0.36), 0 2px 4px rgba(184,118,58,0.18) !important;
}
html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:active,
html body #CybotCookiebotDialogBodyButtonAccept:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 6px rgba(184,118,58,0.24) !important;
}

/* "Accetta selezionati": removed via JS below (Cookiebot inline styles override CSS) */

/* === Blocco C — Rifiuta: cream #FDF8F4, border cognac 1.5px, cognac text, 48px, 13px === */
#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll,
#CybotCookiebotDialogBodyButtonDecline {
  background: #FDF8F4 !important;
  color: #B8763A !important;
  border: 1.5px solid #B8763A !important;
  border-radius: 999px !important;
  font-family: "Nunito", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 0 14px !important;
  cursor: pointer !important;
  min-height: 48px !important;
  order: 2 !important;
  margin: 0 !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:hover,
#CybotCookiebotDialogBodyButtonDecline:hover {
  background: #F5EFE8 !important;
}

/* === Blocco B — Personalizza: teal text-link, 13px, no freccia, underline hover === */
#CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogBodyButtonDetails {
  background: transparent !important;
  color: #3B847F !important;
  border: none !important;
  font-family: "Nunito", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 4px 6px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  order: 3 !important;
  text-align: center !important;
  margin: 0 !important;
}
#CybotCookiebotDialogBodyLevelButtonCustomize::after,
#CybotCookiebotDialogBodyButtonDetails::after {
  content: none !important;
}
#CybotCookiebotDialogBodyLevelButtonCustomize:hover,
#CybotCookiebotDialogBodyButtonDetails:hover {
  text-decoration: underline !important;
  color: #2D6B67 !important;
}

/* === v2.2.0 QW4 — Trustpilot social proof row (injected via JS) === */
.meb-cb-trustpilot-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-family: "Nunito", sans-serif !important;
  font-size: 10px !important;
  color: #595551 !important;
  padding: 4px 0 8px !important;
  margin: 0 !important;
}
.meb-cb-trustpilot-row .meb-cb-stars {
  color: #00B67A !important;
  font-size: 11px !important;
  letter-spacing: -1px !important;
  font-weight: 700 !important;
}
.meb-cb-trustpilot-row strong {
  color: #2D2926 !important;
  font-weight: 700 !important;
}

/* =========================================================
   DETAIL VIEW (Personalizza) — scrollable, branded toggles
   ========================================================= */

/* Hide tabs row (Consenso / Dettagli / Informazioni) — minimal */
#CybotCookiebotDialogNav { display: none !important; }

/* Detail body container: compact + scrollable */
#CybotCookiebotDialogDetail {
  max-height: 30vh !important;
  overflow-y: auto !important;
  padding: 8px 14px !important;
  font-family: "Nunito", sans-serif !important;
  -webkit-overflow-scrolling: touch !important;
  border-top: 1px solid #E8E4E0 !important;
}
#CybotCookiebotDialogDetailBody {
  font-family: "Nunito", sans-serif !important;
}

/* Category headers (Necessari, Preferenze, etc.) */
.CybotCookiebotDialogDetailBodyContentCookieContainerHeader {
  font-family: "Nunito", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2D2926 !important;
}
.CybotCookiebotDialogDetailBodyContentCookieContainerText,
#CybotCookiebotDialogDetailBodyContentTextAbout {
  font-family: "Nunito", sans-serif !important;
  font-size: 10px !important;
  color: #595551 !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;

}

/* Toggle switches — ALL toggles teal instead of blue */
#CybotCookiebotDialog [class*="Slider"] {
  background-color: #D5D0CB !important;
  border-radius: 20px !important;
}
#CybotCookiebotDialog input:checked + [class*="Slider"],
#CybotCookiebotDialog [class*="Slider"][class*="Checked"],
#CybotCookiebotDialog [class*="SliderChecked"] {
  background-color: #3B847F !important;
}
#CybotCookiebotDialog input[type="checkbox"]:checked + span {
  background-color: #3B847F !important;
}
/* Force teal on all checked states via attribute */
#CybotCookiebotDialog input[type="checkbox"]:checked ~ span,
#CybotCookiebotDialog input[type="checkbox"][checked] + span,
#CybotCookiebotDialogBodyLevelButtonsRow input:checked + span,
#CybotCookiebotDialogDetail input:checked + span {
  background-color: #3B847F !important;
}

/* Cookie count badges */
.CybotCookiebotDialogDetailBodyContentCookieContainerCount {
  background: #EDF7F6 !important;
  color: #3B847F !important;
  font-family: "Nunito", sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  padding: 1px 6px !important;
}

/* "Accetta selezionati" / "Accetta tutti" buttons in detail view */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyButtonAcceptSelected {
  background: #3B847F !important;
  color: #fff !important;
  border: none !important;
  border-radius: 980px !important;
  font-family: "Nunito", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 10px 20px !important;
  min-height: 36px !important;
  cursor: pointer !important;
  margin: 8px auto 14px !important;
  display: block !important;
  width: fit-content !important;
  text-align: center !important;
}
/* Detail view: center all buttons */
#CybotCookiebotDialogDetail #CybotCookiebotDialogBodyButtonsWrapper,
#CybotCookiebotDialogDetail .CybotCookiebotDialogBodyButton {
  text-align: center !important;
}
#CybotCookiebotDialogDetail #CybotCookiebotDialogBodyButtonsWrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Tabs in detail */
.CybotCookiebotDialogDetailBodyContentTab,
.CybotCookiebotDialogDetailBodyContentTabSelected {
  font-family: "Nunito", sans-serif !important;
  font-size: 10px !important;
}

/* === MOBILE === */
@media (max-width: 767px) {
  #CybotCookiebotDialog {
    bottom: 8px !important;
    max-width: 340px !important;
    width: calc(100% - 20px) !important;
    border-radius: 12px !important;
    max-height: 75vh !important;
  }
  #CybotCookiebotDialogBody { padding: 14px 16px 2px !important; }
  #CybotCookiebotDialogBodyContentTitle { font-size: 12px !important; }
  #CybotCookiebotDialogBodyContentText { font-size: 10px !important; }
  #CybotCookiebotDialogBodyButtonsWrapper { padding: 8px 16px 10px !important; gap: 3px !important; }
  html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
  html body #CybotCookiebotDialogBodyButtonAccept { font-size: 13px !important; padding: 0 14px !important; min-height: 48px !important; }
  #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll,
  #CybotCookiebotDialogBodyButtonDecline { font-size: 13px !important; padding: 0 12px !important; min-height: 48px !important; }
  #CybotCookiebotDialogDetail { max-height: 25vh !important; padding: 6px 10px !important; }
  .CybotCookiebotDialogDetailBodyContentCookieContainerHeader { font-size: 12px !important; }
  .CybotCookiebotDialogDetailBodyContentCookieContainerText { font-size: 10px !important; }
}

/* === DESKTOP SLIM BAR — @media (min-width: 768px) ===
   Row layout: testo+Personalizza sinistra, Accept+Decline pillola destra.
   min-height 80px. max-width 760px per contenimento orizzontale.
   NON toccare card floating mobile (coperta da mobile-polish.php). */
@media (min-width: 768px) {
  #CybotCookiebotDialog {
    max-width: 760px !important;
    min-height: 80px !important;
    bottom: 20px !important;
    border-radius: 12px !important;
    padding: 0 !important;
    overflow-y: visible !important;
    max-height: none !important;
  }
  #CybotCookiebotDialogBody {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 24px !important;
    gap: 20px !important;
    text-align: left !important;
  }
  #CybotCookiebotDialogBodyContent {
    flex: 1 1 auto !important;
    text-align: left !important;
    min-width: 0 !important;
  }
  #CybotCookiebotDialogBodyContentTitle {
    font-size: 13px !important;
    text-align: left !important;
  }
  #CybotCookiebotDialogBodyContentText {
    font-size: 11px !important;
    max-height: none !important;
    overflow-y: visible !important;
    text-align: left !important;
  }
  #CybotCookiebotDialogBodyButtonsWrapper {
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    flex-wrap: wrap !important;
  }
  html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
  html body #CybotCookiebotDialogBodyButtonAccept {
    min-width: 120px !important;
    min-height: 42px !important;
    font-size: 13px !important;
    order: 2 !important;
  }
  #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll,
  #CybotCookiebotDialogBodyButtonDecline {
    min-width: 120px !important;
    min-height: 42px !important;
    font-size: 13px !important;
    order: 3 !important;
  }
  #CybotCookiebotDialogBodyLevelButtonCustomize,
  #CybotCookiebotDialogBodyButtonDetails {
    order: 1 !important;
    font-size: 12px !important;
    min-height: 42px !important;
    white-space: nowrap !important;
  }
}

/* === SPECIFICITY OVERRIDE — ensure cognac gradient wins over Cookiebot CDN default ===
   v2.2.0: gradient promosso anche su override specificity per consistenza visiva. */
html body #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonAccept,
html body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
html body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonAccept,
html body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
html body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
html body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background: linear-gradient(180deg, #0E7373 0%, #0A5A5A 100%) !important;
  background-color: #0E7373 !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 3px 10px rgba(184,118,58,0.28), 0 1px 3px rgba(184,118,58,0.16) !important;
}
html body #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonAccept:hover,
html body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
html body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonAccept:hover {
  background: linear-gradient(180deg, #A56529 0%, #8F5523 100%) !important;
  background-color: #A56529 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 14px rgba(184,118,58,0.36), 0 2px 4px rgba(184,118,58,0.18) !important;
}

/* [v2.1.0 — 11 Mag 2026] Hide "Accetta selezionati" by default (Layer 1).
   Re-show controlled by JS class-toggle on <html> when Personalizza clicked.
   See wp_footer JS hook below. Rollback: remove this block + JS hook + purge cache. */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyButtonAcceptSelected {
  display: none !important;
}
/* Re-show when Personalizza panel open — JS adds html.meb-cb-layer2-open */
html.meb-cb-layer2-open #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
html.meb-cb-layer2-open #CybotCookiebotDialogBodyButtonAcceptSelected {
  display: inline-flex !important;
}

/* ============================================================================
 * MEB Cookiebot Brand Polish v1.1 — consolidato da GTM tag 316 "cHtml - Cookiebot Brand CSS"
 * 2026-06-02: spostato server-side (era Custom HTML in GTM-K8HGC9Q → FOUC + sorgente duplicata).
 * ========================================================================== */

/* 1. Link "noi e i nostri X partner" */
#CybotCookiebotDialog a,
#CybotCookiebotDialogBodyContentText a,
.CybotCookiebotDialogBodyLevelButtonIABDescription,
#CybotCookiebotDialogDetailBodyContentTextAbout a {
    color: #9C7A3F !important;
    text-decoration: underline !important;
    text-decoration-color: #9C7A3F !important;
    text-underline-offset: 3px !important;
    font-weight: 500 !important;
}
#CybotCookiebotDialog a:hover,
.CybotCookiebotDialogBodyLevelButtonIABDescription:hover {
    color: #6B5430 !important;
}

/* 2. Bottone Accetta: teal brand primary */
#CybotCookiebotDialogBodyLevelButtonAccept,
button[id^="CybotCookiebotDialog"][id*="Accept"],
.CybotCookiebotDialogBodyButton:not([id*="Decline"]):not([id*="Reject"]) {
    background-color: #0E7373 !important;
    color: #FFFFFF !important;
    border: 1px solid #0E7373 !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
#CybotCookiebotDialogBodyLevelButtonAccept:hover,
button[id^="CybotCookiebotDialog"][id*="Accept"]:hover {
    background-color: #0A5A5A !important;
    border-color: #0A5A5A !important;
}

/* 3. Bottone Rifiuta: bianco con border cream */
#CybotCookiebotDialogBodyLevelButtonDecline,
button[id^="CybotCookiebotDialog"][id*="Decline"],
button[id^="CybotCookiebotDialog"][id*="Reject"] {
    background-color: #FFFFFF !important;
    color: #2A2A2A !important;
    border: 1px solid #D5C5A8 !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
}
#CybotCookiebotDialogBodyLevelButtonDecline:hover,
button[id^="CybotCookiebotDialog"][id*="Decline"]:hover {
    background-color: #FAF7F2 !important;
}

/* 4. Desktop button sizing: min-width + padding + nowrap */
@media (min-width: 769px) {
    #CybotCookiebotDialogBodyButtonsWrapper button,
    #CybotCookiebotDialogDetailBodyContentTextOverviewLevelsButtonsWrapper button,
    #CybotCookiebotDialogBodyLevelButtonAccept,
    #CybotCookiebotDialogBodyLevelButtonDecline,
    .CybotCookiebotDialogBodyButton {
        min-width: 140px !important;
        padding: 12px 24px !important;
        white-space: nowrap !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
    }
}

/* 5. Modal vendor list: tipografia spacing pulito */
#CybotCookiebotDialogDetailBody,
#CybotCookiebotDialogDetailBodyContent {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif !important;
}
.CybotCookiebotDialogDetailBodyContentCookieGroupConsent,
.CybotCookiebotDialogDetailBodyContentTextOverview,
#CybotCookiebotDialogDetailBodyContentTextAbout {
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: #2A2A2A !important;
}
.CybotCookiebotDialogDetailBodyContentCookieGroupConsentItem,
.CybotCookiebotDialogDetailBodyContentCookieContainer {
    padding: 14px 18px !important;
    border-bottom: 1px solid #F0E8DE !important;
    background: #FFFFFF !important;
    transition: background-color 0.15s ease !important;
}
.CybotCookiebotDialogDetailBodyContentCookieGroupConsentItem:hover {
    background: #FAF7F2 !important;
}

/* 6. Banner main text leggibilita */
#CybotCookiebotDialogBodyContentText,
#CybotCookiebotDialogBodyContentTitle {
    color: #2A2A2A !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}
#CybotCookiebotDialogBodyContentTitle {
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* 7. Mobile responsive */
@media (max-width: 768px) {
    #CybotCookiebotDialog {
        max-width: 100% !important;
        border-radius: 12px 12px 0 0 !important;
        bottom: 0 !important;
    }
    #CybotCookiebotDialogDetail {
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 12px 12px 0 0 !important;
    }
    #CybotCookiebotDialogBody {
        padding: 16px !important;
    }
    .CybotCookiebotDialogDetailBodyContentCookieGroupConsentItem {
        padding: 12px 14px !important;
        font-size: 13px !important;
    }
    #CybotCookiebotDialogBodyButtonsWrapper {
        flex-direction: column !important;
        gap: 8px !important;
    }
    #CybotCookiebotDialogBodyButtonsWrapper button {
        width: 100% !important;
    }
}

/* 8. Toggle switch: teal brand */
.CybotCookiebotDialogBodyLevelButtonSlider,
input[type="checkbox"]:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #0E7373 !important;
}

/* 9. Floating cookie icon */
#CookiebotWidget,
.CookiebotWidget-show {
    bottom: 16px !important;
    left: 16px !important;
    opacity: 0.8 !important;
    transition: opacity 0.2s ease !important;
}
#CookiebotWidget:hover {
    opacity: 1 !important;
}