/* ==========================================================
   1) WRAPPER GENERALE BANNER AWIN
   - Box neutro e consistente per TUTTI i formati.
   - Elimina gap di baseline e overflow indesiderati.
   ========================================================== */
.charmed-awin-banner-wrapper {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 20px !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
    margin-left: auto !important;
    line-height: 0 !important;
    font-size: 0 !important;
    overflow: hidden !important;

    /* micro-ottimizzazione (non influisce su layout) */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    box-sizing: border-box !important;
    border: none !important;
    background-color: transparent !important;
}

/* Contenuti immediati generati da script esterni: non devono rompere il box */
.charmed-awin-banner-wrapper > * {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* DCM/Adserver INS: normalizza verticalità */
ins.dcmads {
    display: block !important;
    margin-top: -10px !important; /* se non serve, porta a 0 */
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    vertical-align: top !important;
}

/* ==========================================================
   2) DIMENSIONI SLOT (BOTH: data-slot + classi legacy)
   - Definiscono l’altezza esplicita per gli iframe.
   - Le immagini vengono centrate con object-fit.
   ========================================================== */

/* 320x50 (mobile bar) */
.charmed-awin-banner-wrapper[data-slot="320x50"],
.charmed-awin-banner-wrapper.slot-mobile_bar {
    max-width: 320px !important;
    width: 320px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    overflow: hidden !important;
    position: relative !important;
    line-height: 0 !important;
    font-size: 0 !important;
    box-sizing: content-box !important;
    margin-top: 10px !important;
    margin-right: auto !important;
    margin-bottom: 10px !important;
    margin-left: auto !important;
}

/* 300x250 (sidebar rettangolo medio) */
.charmed-awin-banner-wrapper[data-slot="300x250"],
.charmed-awin-banner-wrapper.slot-sidebar {
    max-width: 300px !important;
    width: 300px !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    position: relative !important;
    z-index: 100 !important;
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
}

/* 728x90 (leaderboard / frontend) */
.charmed-awin-banner-wrapper[data-slot="728x90"],
.charmed-awin-banner-wrapper.slot-frontend {
    max-width: 728px !important;
    width: 728px !important;
    height: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
    overflow: hidden !important;
    position: relative !important;
    margin-top: 0 !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
}

/* 730x100 (top_panel storico) */
.charmed-awin-banner-wrapper[data-slot="730x100"],
.charmed-awin-banner-wrapper.slot-top_panel {
    max-width: 730px !important;
    width: 730px !important;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* 300x600 (popup largo) */
.charmed-awin-banner-wrapper[data-slot="300x600"],
.charmed-awin-banner-wrapper.slot-popup_300x600 {
    max-width: 300px !important;
    width: 300px !important;
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* (facoltativi) formati comuni ulteriori */
.charmed-awin-banner-wrapper[data-slot="160x600"] { max-width: 160px !important; width: 160px !important; height: 600px !important; }
.charmed-awin-banner-wrapper[data-slot="468x60"]  { max-width: 468px !important; width: 468px !important; height: 60px !important;  }
.charmed-awin-banner-wrapper[data-slot="970x90"]  { max-width: 970px !important; width: 970px !important; height: 90px !important;  }
.charmed-awin-banner-wrapper[data-slot="970x250"] { max-width: 970px !important; width: 970px !important; height: 250px !important; }
.charmed-awin-banner-wrapper[data-slot="250x250"] { max-width: 250px !important; width: 250px !important; height: 250px !important; }

/* ==========================================================
   3) CONTENUTI INTERNI: IFRAME, IMG, VIDEO
   - Riempono esattamente lo slot (assoluti).
   - Correzione offset verticale tipico dei tag AWIN.
   ========================================================== */

/* Regole comuni */
.charmed-awin-banner-wrapper iframe,
.charmed-awin-banner-wrapper img,
.charmed-awin-banner-wrapper video {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;

    background-color: transparent !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Immagini: mantieni intero creativo senza tagliarlo */
.charmed-awin-banner-wrapper img {
    -o-object-fit: contain !important;
       object-fit: contain !important;
    -o-object-position: 50% 50% !important;
       object-position: 50% 50% !important;
    vertical-align: middle !important;
    pointer-events: none !important;
    -webkit-user-drag: none !important;
    user-select: none !important;
}

/* Iframe: correzione offset AWIN (Wind/TIM ecc.) */
.charmed-awin-banner-wrapper iframe {
    overflow: hidden !important;
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
}

/* Per slot 300x600 scuri (se vuoi uno sfondo) */
.charmed-awin-banner-wrapper.slot-popup_300x600 iframe,
.charmed-awin-banner-wrapper.slot-popup_300x600 img,
.charmed-awin-banner-wrapper.slot-popup_300x600 video {
    background-color: #000000 !important;
}

/* Se qualche script inserisce <ins> dentro gli slot mobile */
.charmed-awin-banner-wrapper.slot-mobile_bar ins {
    margin-top: -10px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}

/* ==========================================================
   4) BOX LOGO E CHIUSURA (OVERLAY)
   ========================================================== */

/* Logo: box contenitore */
.charmed-awin-logo-box {
    position: absolute !important;
    top: 0 !important;
    right: 15px !important;
    z-index: 2147483647 !important;

    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;

    background-color: rgba(255, 255, 255, 0.9) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #dddddd !important;

    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 8px !important;

    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
}

/* Logo: icona SVG inline (base64) */
.charmed-awin-logo-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDU2IDYwIj4KICA8aW1hZ2UgaHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFEZ0FBQUE4Q0FZQUFBQXpGM2tJQUFBRnAwbEVRVlI0bk4yYlhZaVZSUmpIZjJkWEpZY3dMYW10VkNneWE2SFNHalFNcnpMS0lEV253c0xVaXBJdXJDQy8wdERjTEZMTEN0WkkrOUFDSTdGUmIwd2pTdklqelVZeHRTZzB5VUJkTjYwc0hUL1h0NHM1eDdiRG5uTm16cGwzMS96ZDdmdk9NL1A4ZDk2WmVlYVpPWmtrU1RpZnlUVC9RMmhUQzl3TVZBTzdnVytza2lmYndyRVlKRW5pQkFwdHVnQWZBUGZrbFRrRXZBdk1za3IrM3NyK1ZVeVNKR1NFTmxYQVdxQi9rYktIZ1plQWVxdmtzVmJ4TGdKSmtsQUZQRWh4Y1FBWEFiT0FuNFEybzdML2xQOEZWY0NJZ1BMZGdZWEFWcUhOb0ZROGlreEdhSE1RdUtSTSt5K0JDVmJKelJGOWlrWnVETVpZSno0R3BsZ2xkMGVvS3hveEJRS2NBdDRDWmxnbEQwYXFzeUppQzh4eEdKZ056R25yR2RkWDRLL0FwMEFYWUJEUXliUCtmY0JVWUtGVnNxbDhOOHNudDB3VVl4TlFhNVY4MGlvNUhPZ0d2QWo0OU13VnVDRGhPNkZOZmdEUmFwVHF3WUZXeVMveUh3cHR1Z0V6Z1ljQzJsb0xqTE5LYmdyMHNXeDhQdEZPVnNtL0M3MFUydHdLdkFIMEMyajNFMkN5VlhKbmdFMVpsQlJvbGN3VWVwZERhSk1CaHVONnRMdG4yNmVCZVVDZFZiTFIweWFZS0FKekNHMDZBdU9CaVlEd05EdUNDd0ZmdDBvZThXM0xsNmdDY3dodHJnUmVCaDRtYnp0V2hBYmdCZUE5cStUcDBEWUw0VE9MQm1PVjNHdVZIQVgwQmRaN210VUFid003aERaRFkvcVQycTdBS21tQUFianh1Y2ZUckJld1RHaXpYbWh6V3d3L1V0MzJXQ1VUcStSaTREcGdNbTdNK2RBZldDZTBXU3EwNlZXSkQxSEdZSGFDbVE0TUJwcUFqNEJYOGlNWW9VME5ibnlPeG45OE51RUNodWxXeWYyZU5rRGNNZmdoYmdidEJkUUNNNERYOGd0WkpSdXNrbzhDRXZqS3MrNXFZQXl3VTJoVEo3UzVNTVN4R090Z0Qxb2VZeWVCenNVQ2JxSE5NT0JWNENvUFgzTTBBblhBZkt2a3FXSUZZL1ZnMXdMUE93Q2RpeGxhSlpjQzF3T1RnTDg4MjdzVXFBZCtFTnJjbHcwMENoSkQ0UGU0N0ZzK08zM0dqRlh5aEZWeUp0QVRtQStjOFd6M0dtQUpzRUZvTTZCUW9Zb0ZXaVZQNENhTjVwL2lIOENvd0hvYXJaSmpnRDdBNmdEVGZzQWFvYzBTb2MxbCtTOWpobW8xd0oyNE9ITmxwWGxVb2MwUTNNYTVaNERaQWVCZXErUUdTQ2xVaTRuUXBnTXdEcGlHRzlNK1dHQ0FWWEpMTklGQ205eFVmanN1WlZGdmxkemk2WkJQL1VPQlpRRW0yNEdiamc2N0pZbTFEczRENWdMRGdFZUFqVUtiVXNsa2I2eVN5NEUxQVNZM0FOZENoRWttdTN0NExPOXhlOXpVSHhQZlpTUkhCNGl6VEZ4ZDRIbVBDSFVESUxTNUVUZUIrYklMdDN4RkVWZ2RvWTZDWkk4SVZ1RytDaCtPQWFPdGttY0EycVhsV0tWazh6MTF3QjBCWm8zQS9WYkpzL3ZRYzA1ZzluT3NBNFlFbUNYQSs3aHprditzditlTVFLRk5UMXpPOVFIOHQxSUFuK09FYlczcFpac0x6TzVHcHVOeU9DSGplVE13c2FXOGJYUGFUS0RRNW5KZ0N2QUUvaE1Jd00vQTg4QmlxMlRKYzVWV0Z5aTA2UXBNQU1ZQ0Z3U1kvc2EvKzBEdml4R3RKbEJvMHhsNEJuZ1dDTm1WSDhWbEIyYVhrenROWGFEUVJnQlA0VklhRndlWW5zYnREK3Vza2dmS2JUOU5nZTJGTmsvalFyYWFRTnNsdVBPTFhaVTZrYWJBV3R6QlRBaXJjVFBqdDdHY2FQTmxJc3MyWUpKVmNtWHNpdHY2dnNzZVlDVFFKdzF4VUtJSGhUYlZLUjAvSDhJbGdPZG1jenFwVWVvVHJRSDJsaWdUNHVCeFlBNXV5djh6d0s1c1NnbThHM2luUkpudHVET0hZbXRiRTdBQW1HYVYzT2Z2WHVXVU9zTGVEOXhsbGR5V3ZaRTRBdWlOeTdzc3NFcHVCeERhak1EZFZteHBUQzhIbnJOSy9oalRjUjk4cjVFa1FPNjZWM01CeDRDK1Zza2RBTmtjekZSZ0lDNTV1eHAzWVBKMWRNODlpWEVScU40cU9UYWFSNUdKY1RZUkdxRzBPcFVLWEJmRml4U3BJbXlhYjg1V1hENzBuS1lLK0tVTXV4VzRXMURINDdvVG4zYkFSdHpKckE4N2dQRld5VlhwdVJTWEttQ1JSN2tHNEhHZzkvOUpISEQyWndXTGFQbGlYUVB3Sm00NWlINFRLVzJTSkRrYnFvM0VIVzRNQmpyaUVqc3JnTS9hK2xKcnBXVE85NS8yL0FOd1NoZTZnUkhHTGdBQUFBQkpSVTVFcmtKZ2dnPT0iIHdpZHRoPSI1NiIgaGVpZ2h0PSI2MCIvPgo8L3N2Zz4=') !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
    background-position-y: center !important;
    display: inline-block !important;
    margin-left: 2px !important;
    width: 12px !important;  /* valori default, sovrascritti per slot specifici */
    height: 12px !important;
    background-size: 12px !important;
}

/* Box chiusura (la X) */
.charmed-awin-close-box {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 2147483647 !important;

    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;

    background-color: rgba(255, 255, 255, 0.9) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #dddddd !important;

    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
}

/* Pulsante della X */
.charmed-awin-close-button {
    font-size: 12px !important;
    line-height: 1 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    color: #00aecd !important;
    cursor: pointer !important;
}
.fa-close:before,
.fa-multiply:before,
.fa-remove:before,
.fa-times:before,
.fa-xmark:before {
    content: "\f00d";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.charmed-awin-close-button:hover { color: #000000 !important; }

/* Dimensionamenti overlay per slot specifici */
.charmed-awin-banner-wrapper.slot-mobile_bar .charmed-awin-logo-box,
.charmed-awin-banner-wrapper.slot-mobile_bar .charmed-awin-close-box {
    width: 14px !important;
    height: 14px !important;
    padding-top: 2px !important;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 2px !important;
}
.charmed-awin-banner-wrapper.slot-mobile_bar .charmed-awin-logo-icon {
    width: 9px !important;
    height: 9px !important;
    background-size: 9px !important;
}
.charmed-awin-banner-wrapper.slot-mobile_bar .charmed-awin-close-button {
    font-size: 8px !important;
}

.charmed-awin-banner-wrapper.slot-frontend .charmed-awin-logo-box,
.charmed-awin-banner-wrapper.slot-frontend .charmed-awin-close-box {
    width: 20px !important;
    height: 20px !important;
    padding-top: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 4px !important;
}
.charmed-awin-banner-wrapper.slot-frontend .charmed-awin-logo-icon {
    width: 12px !important;
    height: 12px !important;
    background-size: 12px !important;
}
.charmed-awin-banner-wrapper.slot-frontend .charmed-awin-close-button {
    font-size: 10px !important;
}

.charmed-awin-banner-wrapper.slot-sidebar .charmed-awin-logo-box {
    width: 16px !important;
    height: 16px !important;
    margin-right: 2px !important;
}
.charmed-awin-banner-wrapper.slot-sidebar .charmed-awin-close-box {
    width: 16px !important;
    height: 16px !important;
    padding-top: 3px !important;
    padding-right: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 3px !important;
}
.charmed-awin-banner-wrapper.slot-sidebar .charmed-awin-logo-icon {
    width: 10px !important;
    height: 10px !important;
    background-size: 10px !important;
}
.charmed-awin-banner-wrapper.slot-sidebar .charmed-awin-close-button {
    font-size: 12px !important;
}

.charmed-awin-banner-wrapper.slot-top_panel .charmed-awin-logo-box {
    width: 18px !important;
    height: 18px !important;
    margin-right: 4px !important;
}
.charmed-awin-banner-wrapper.slot-top_panel .charmed-awin-close-box {
    width: 18px !important;
    height: 18px !important;
}
.charmed-awin-banner-wrapper.slot-top_panel .charmed-awin-logo-icon {
    width: 12px !important;
    height: 12px !important;
    background-size: 12px !important;
}
.charmed-awin-banner-wrapper.slot-top_panel .charmed-awin-close-button {
    font-size: 13px !important;
}

.charmed-awin-banner-wrapper.slot-popup_300x600 .charmed-awin-logo-box {
    width: 18px !important;
    height: 18px !important;
    margin-right: 4px !important;
}
.charmed-awin-banner-wrapper.slot-popup_300x600 .charmed-awin-close-box {
    width: 18px !important;
    height: 18px !important;
    padding-top: 3px !important;
    padding-right: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 3px !important;
}
.charmed-awin-banner-wrapper.slot-popup_300x600 .charmed-awin-logo-icon {
    width: 11px !important;
    height: 11px !important;
    background-size: 11px !important;
}
.charmed-awin-banner-wrapper.slot-popup_300x600 .charmed-awin-close-button {
    font-size: 12px !important;
}

/* Tooltip info AWIN */
.charmed-awin-logo-box .charmed-awin-tooltip {
    position: absolute !important;
    top: 0 !important;
    right: 100% !important;
    background-color: rgba(255, 255, 255, 0.85) !important;
    color: #063642 !important;
    font-size: 11px !important;
    padding-top: 9px !important;
    padding-right: 4px !important;
    padding-bottom: 9px !important;
    padding-left: 4px !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transition: opacity 0.2s ease 0s !important;
    transition: opacity 0.2s ease 0s !important;
    z-index: 10 !important;
}
.charmed-awin-logo-box:hover .charmed-awin-tooltip {
    opacity: 1 !important;
    pointer-events: auto !important;
}
.charmed-awin-logo-box .charmed-awin-tooltip a {
    color: #090505 !important;
    text-decoration: underline !important;
    font-weight: normal !important;
}
.charmed-awin-logo-box .charmed-awin-tooltip a:hover {
    color: #00aecd !important;
}

/* Stato “loaded” per mostrare overlay */
.charmed-awin-logo-box,
.charmed-awin-close-box {
    opacity: 1 !important;
    -webkit-transition: opacity 0.3s ease 0s !important;
    transition: opacity 0.3s ease 0s !important;
}
.charmed-awin-banner-wrapper.loaded .charmed-awin-logo-box,
.charmed-awin-banner-wrapper.loaded .charmed-awin-close-box {
    opacity: 1 !important;
}

/* ==========================================================
   5) POPUP UNIFICATO 300x600
   ========================================================== */
.charmed-popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.70);
    z-index: 10000;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
    pointer-events: none;
}
.charmed-popup-overlay.is-visible {
    opacity: 1;
    pointer-events: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.charmed-popup-content {
    position: relative !important;
    background-color: #ffffff;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.40);
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.40);
    width: 300px;
    height: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: #585858;
}
.charmed-popup-close {
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #222222;
    color: #ffffff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 18px;
    cursor: pointer;
    z-index: 2147483647 !important;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.30);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.30);
}
.charmed-popup-close:hover { background-color: #e74c3c; }
@media (max-width: 480px) {
    .charmed-popup-content {
        -webkit-transform: scale(0.85);
                transform: scale(0.85);
        -webkit-transform-origin: top center;
                transform-origin: top center;
    }
}

/* ==========================================================
   6) STICKYBAR MOBILE
   ========================================================== */
#charmed-stickybar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: auto;
    width: 100%;
    background-color: #121212;
    color: #ffffff;
    z-index: 2147483647;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    box-sizing: border-box;
    font-family: sans-serif;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
}
.charmed-sticky-inner {
    width: 100%;
    background-color: #121212;
    position: relative;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.50);
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.50);
}
.charmed-sticky-close-tab {
    position: absolute;
    top: -20px;
    left: 12px;
    background-color: #333333;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    font-size: 12px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer;
    z-index: 2147483647;
}
.charmed-sticky-content {
    display: grid;
    grid-template-columns: auto 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}
.charmed-sticky-ad {
    max-width: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    z-index: 1;
}
.charmed-sticky-textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
    width: 100%;
}
.charmed-sticky-btn {
    display: inline-block;
    background-color: #3076d1;
    color: #ffffff;
    padding-top: 6px;
    padding-right: 12px;
    padding-bottom: 6px;
    padding-left: 12px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

/* ==========================================================
   7) TOP PANEL
   ========================================================== */
#charmed-top-panel {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    width: 100%;
    height: auto;
    background-color: rgba(18, 18, 18, 0.40);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0.10);
    color: #ffffff;
    z-index: 2147483647;
    font-family: sans-serif;
    opacity: 0;
    -webkit-transform: translateY(-120%);
            transform: translateY(-120%);
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0s, opacity 1s ease-in-out 0.2s;
    transition: transform 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0s, opacity 1s ease-in-out 0.2s;
    pointer-events: none;
}
.charmed-top-panel-inner {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.charmed-top-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
}
#charmed-top-toggle {
    position: absolute;
    bottom: 0;
    left: 20px;
    background-color: #2e2e2e;
    border: none;
    border-radius: 6px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
    z-index: 1000000;
}
#charmed-top-toggle:hover { background-color: #444444; }
.charmed-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-left-width: 6px;
    border-left-style: solid;
    border-left-color: transparent;
    border-right-width: 6px;
    border-right-style: solid;
    border-right-color: transparent;
    border-top-width: 8px;
    border-top-style: solid;
    border-top-color: #ffffff;
    -webkit-transition: -webkit-transform 0.4s ease 0s;
    transition: transform 0.4s ease 0s;
}
#charmed-top-panel.active {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    pointer-events: auto;
}
#charmed-top-panel.active .charmed-arrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
@media (max-width: 768px) {
    #charmed-top-panel { display: none; }
}

/* ==========================================================
   8) LINK INFO E CONTENITORI VARI
   ========================================================== */
.charmed-ad-container { position: relative; }
.charmed-info-link {
    font-size: 10px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    -webkit-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
    color: inherit;
}
.charmed-info-link:hover { color: #aaaaaa; }
.charmed-info-link-frontend {
    color: #f5f5f5;
    display: block;
    text-align: right;
    margin-top: 5px;
}
.charmed-info-link-top_panel {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1000;
    color: #aaaaaa;
}
.charmed-info-link-top_panel:hover { color: #ffffff; }

/* ==========================================================
   9) NOTE FINALI E DEBUG
   ========================================================== */
/* Debug visuale (abilita solo per test)
.charmed-awin-banner-wrapper { outline: 1px solid red !important; }
.charmed-awin-banner-wrapper iframe,
.charmed-awin-banner-wrapper img { outline: 1px dashed lime !important; }
*/

/* Fine file */