@media screen and (max-width: 767px) {
  .custom_container_class .row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 3px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  .custom_container_class .col-sm-3 {
    display: contents !important;
  }
  
  .custom_container_class .item_wrap[data-mobile-order="-10"] { order: -10 !important; }
  .custom_container_class .item_wrap[data-mobile-order="1"] { order: 1 !important; }
  .custom_container_class .item_wrap[data-mobile-order="2"] { order: 2 !important; }
  .custom_container_class .item_wrap[data-mobile-order="3"] { order: 3 !important; }
  .custom_container_class .item_wrap[data-mobile-order="4"] { order: 4 !important; }
  .custom_container_class .item_wrap[data-mobile-order="5"] { order: 5 !important; }
  .custom_container_class .item_wrap[data-mobile-order="6"] { order: 6 !important; }
  .custom_container_class .item_wrap[data-mobile-order="7"] { order: 7 !important; }
  .custom_container_class .item_wrap[data-mobile-order="8"] { order: 8 !important; }
  .custom_container_class .item_wrap[data-mobile-order="9"] { order: 9 !important; }
  .custom_container_class .item_wrap[data-mobile-order="10"] { order: 10 !important; }
  .custom_container_class .item_wrap[data-mobile-order="11"] { order: 11 !important; }
  .custom_container_class .item_wrap[data-mobile-order="12"] { order: 12 !important; }
  .custom_container_class .item_wrap[data-mobile-order="13"] { order: 13 !important; }
  .custom_container_class .item_wrap[data-mobile-order="14"] { order: 14 !important; }
  .custom_container_class .item_wrap[data-mobile-order="15"] { order: 15 !important; }
  .custom_container_class .item_wrap[data-mobile-order="16"] { order: 16 !important; }
  .custom_container_class .item_wrap[data-mobile-order="17"] { order: 17 !important; }
  .custom_container_class .item_wrap[data-mobile-order="18"] { order: 18 !important; }
  .custom_container_class .item_wrap[data-mobile-order="19"] { order: 19 !important; }
  .custom_container_class .item_wrap[data-mobile-order="20"] { order: 20 !important; }
  .custom_container_class .item_wrap[data-mobile-order="21"] { order: 21 !important; }
  .custom_container_class .item_wrap[data-mobile-order="22"] { order: 22 !important; }
  .custom_container_class .item_wrap[data-mobile-order="23"] { order: 23 !important; }
  .custom_container_class .item_wrap[data-mobile-order="100"] { order: 100 !important; }
}

/* RESET COMPLETO PER RISOLUZIONI >= 768px */
@media screen and (min-width: 768px) {
    /* Ripristina display flex standard di Bootstrap */
    .custom_container_class .row {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    /* Ripristina le colonne Bootstrap */
    .custom_container_class .col-sm-3 {
        display: block !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
    
    /* Reset order per tutti gli elementi */
    .custom_container_class .item_wrap {
        order: initial !important;
    }
    
    /* Rimuovi stili premium */
    .custom_container_class .item_wrap[data-mobile-order="-10"] {
        border: initial !important;
        background: initial !important;
        box-shadow: initial !important;
        padding: initial !important;
        margin-bottom: initial !important;
    }
}

/* TABLET SPECIFICO (opzionale per maggior controllo) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .custom_container_class .col-sm-3 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}

/* DESKTOP (opzionale per maggior controllo) */
@media screen and (min-width: 992px) {
    .custom_container_class .col-sm-3 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .custom_container_class ol li.individualLiMagnigying {
        width: 50%; /* Aumenta la larghezza dal 33.33% al 50% */
        display: flex;
        align-items: center;
        padding: 10px 5px; /* Padding più bilanciato */
    }
    
    .custom_container_class ol li.individualLiMagnigying a.link {
        white-space: normal; /* Permetti il wrap del testo */
        overflow: visible; /* Mostra tutto il contenuto */
        text-overflow: clip; /* Non troncare con ellipsis */
        display: inline-block;
        vertical-align: middle;
        max-width: calc(100% - 30px); /* Lascia spazio per l'icona */
    }
    
    /* Assicurati che l'icona non copra il testo */
    .custom_container_class .item_wrap .item_group li .icon {
        position: relative;
        margin-right: 8px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Rimuovi il padding sinistro eccessivo e mostra il testo */
    .custom_container_class .item_wrap .item_group li {
        padding-left: 35px !important; /* Ridotto da 51px */
    }
    
    /* Assicurati che il numero prima dell'elemento sia visibile */
    .custom_container_class .item_wrap .item_group li:before {
        left: 5px; /* Posiziona il numero più vicino */
    }
    
    /* Mostra il testo del link */
    .custom_container_class ol li.individualLiMagnigying a.link {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 12px !important; /* Dimensione testo più piccola per tablet */
    }
    
    /* Regola la posizione dell'icona */
    .custom_container_class .item_wrap .item_group li .icon {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
}

/* Override per tablet - forza un elemento per riga */
@media (min-width: 768px) and (max-width: 991px) {
    .custom_container_class ol li.individualLiMagnigying {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    
    .custom_container_class ol {
        display: block !important;
        max-height: none !important;
        overflow-y: visible !important;
        flex-wrap: nowrap !important;
    }
    
    .custom_container_class .item_wrap .item_group {
        max-height: none !important;
        overflow: visible !important;
    }
    
    /* Assicurati che il testo sia visibile */
    .custom_container_class ol li.individualLiMagnigying a.link {
        display: inline-block !important;
        padding-left: 10px !important;
        max-width: calc(100% - 40px) !important;
    }
}

/* Sfondo premium per TUTTE le risoluzioni */
.custom_container_class .item_wrap[data-mobile-order="-10"] {
    background: linear-gradient(to bottom, #FFFEF7, #FFF9E6) !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.25) !important;
    padding: 15px !important;
    margin-bottom: 15px !important;
}

/* Sfondo premium per TUTTE le risoluzioni */
.custom_container_class .item_wrap[data-mobile-order="-10"] {
    background: linear-gradient(to bottom, #FFFEF7, #FFF9E6) !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.25) !important;
    padding: 15px !important;
    margin-bottom: 15px !important;
}

/* Sfondo premium per TUTTE le risoluzioni */
.custom_container_class .item_wrap[data-mobile-order="-10"] {
    background: linear-gradient(to bottom, #FFFEF7, #FFF9E6) !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.25) !important;
    padding: 15px !important;
    margin-bottom: 15px !important;
}
/* Sfondo premium per TUTTE le risoluzioni */
.custom_container_class .item_wrap[data-mobile-order="-10"] {
    background: linear-gradient(to bottom, #FFFEF7, #FFF9E6) !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.25) !important;
    padding: 15px !important;
    margin-bottom: 15px !important;
}

/* Limita altezza gruppo premium su mobile per mostrare che continua */
@media screen and (max-width: 767px) {
    .custom_container_class .item_wrap[data-mobile-order="-10"] .item_group {
        max-height: 180px !important;  /* Mostra circa 3-4 elementi */
        overflow-y: auto !important;
        position: relative !important;
    }
    
    /* Effetto dissolvenza in basso per indicare che c'è altro contenuto */
    .custom_container_class .item_wrap[data-mobile-order="-10"] .item_group:after {
        content: "" !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 30px !important;
        background: linear-gradient(to bottom, 
            rgba(255, 254, 247, 0) 0%, 
            rgba(255, 254, 247, 0.8) 50%, 
            rgba(255, 254, 247, 1) 100%) !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }
}

/* Fix allineamento per tablet (768-991px) - mantieni codice precedente */
@media (min-width: 768px) and (max-width: 991px) {
    .custom_container_class .item_wrap .item_group li {
        padding-left: 45px !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
    }
    
    .custom_container_class .item_wrap .item_group li:before {
        position: absolute !important;
        left: 5px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 15px !important;
        text-align: right !important;
    }
    
    .custom_container_class .item_wrap .item_group li .icon {
        position: absolute !important;
        left: 25px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        width: 18px !important;
        height: 18px !important;
    }
    
    .custom_container_class ol li.individualLiMagnigying a.link {
        margin-left: 0px !important;
        padding-left: 2px !important;
        padding-right: 10px !important;
        flex: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: calc(100% - 10px) !important;
        display: inline-block !important;
    }
 }

/* =========================================
   OTTIMIZZAZIONE HEADER MOBILE (<768px)
   Versione con maggiore specificità
   ========================================= */

/* MOBILE: Tutte le risoluzioni sotto 768px */
@media screen and (max-width: 767px) {
    /* Container principale header - FORZA OVERRIDE */
    body .header_container {
        height: 120px !important;  /* Ridotto da 200px */
        position: fixed !important;
        top: 0 !important;
        z-index: 99999 !important;
    }
    
    /* Logo principale - RIDOTTO DEL 30% */
    body .header_container .header .logo a.desktop img.weblogo {
        width: auto !important;
        height: auto !important;
        max-width: 98px !important;   /* 30% in meno da 140px */
        max-height: none !important;
        margin-top: -20px !important;  /* Aggiustato per logo più piccolo */
    }
    
    /* Posizione logo - OVERRIDE COMPLETO */
    body .header_container .header .logo {
        position: absolute !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        left: 50% !important;
        top: 40% !important;  /* Ridotto da 44% */
        transform: translate(-50%, -50%) !important;
        -webkit-transform: translate(-50%, -50%) !important;
        -moz-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        float: none !important;
        padding-top: 0 !important;
    }
    
    /* Testo informativo mobile - FORZA OVERRIDE */
    body .mobile-text-info {
        margin-top: 75px !important;  /* Ridotto da 140px */
        width: 250px !important;
        text-align: center !important;
        display: block !important;
        position: relative !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Titolo mobile con animazione - OVERRIDE COMPLETO */
    body .mobile-text-info h1 {
        font-size: 12px !important;  /* Ridotto */
        padding-top: 5px !important;  /* Ridotto da 18px */
        line-height: 1.2 !important;
        margin: 0 !important;
        font-weight: 700 !important;
        color: #fff !important;
        
        /* Mantieni animazione gradient */
        background-image: repeating-linear-gradient(
            to right,
            #a2682a 0%, #be8c3c 8%, #be8c3c 18%, 
            #d3b15f 27%, #faf0a0 35%, #ffffc2 40%, 
            #faf0a0 50%, #d3b15f 58%, #be8c3c 67%, 
            #b17b32 77%, #bb8332 83%, #d4a245 88%, 
            #e1b453 93%, #a4692a 100%
        ) !important;
        background-size: 150% !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        filter: drop-shadow(0 0 1px rgba(255, 200, 0, 0.3)) !important;
        animation: MoveBackgroundPosition 6s ease-in-out infinite !important;
    }
    
    /* Container padding - FORZA OVERRIDE */
    body .container.custom_container_class {
        padding-top: 100px !important;  /* Ridotto da 140px */
    }
}

/* MOBILE PICCOLO: 320px - 375px */
@media screen and (min-width: 320px) and (max-width: 375px) {
    body .header_container {
        height: 110px !important;  /* Ancora più compatto */
    }
    
    /* Logo 30% più piccolo */
    body .header_container .header .logo a.desktop img.weblogo {
        max-width: 91px !important;   /* 30% in meno da 130px */
        margin-top: -15px !important;
    }
    
    body .mobile-text-info {
        margin-top: 65px !important;
        width: 240px !important;
    }
    
    body .mobile-text-info h1 {
        font-size: 11px !important;
        padding-top: 15px !important;
    }
    
    body .header_container .header .logo {
        top: 38% !important;
    }
    
    body .container.custom_container_class {
        padding-top: 90px !important;
    }
}

/* MOBILE MOLTO PICCOLO: sotto 320px */
@media screen and (max-width: 319px) {
    body .header_container {
        height: 100px !important;  /* Minimo possibile */
    }
    
    /* Logo 30% più piccolo */
    body .header_container .header .logo a.desktop img.weblogo {
        max-width: 84px !important;   /* 30% in meno da 120px */
        margin-top: -10px !important;
    }
    
    body .mobile-text-info {
        margin-top: 60px !important;
        width: 90% !important;
        max-width: 220px !important;
    }
    
    body .mobile-text-info h1 {
        font-size: 10px !important;
        padding-top: 2px !important;
    }
    
    body .header_container .header .logo {
        top: 35% !important;
    }
    
    body .container.custom_container_class {
        padding-top: 80px !important;
    }
}

/* TABLET PICCOLI: 468px - 767px */
@media screen and (min-width: 468px) and (max-width: 767px) {
    body .header_container {
        height: 130px !important;  /* Leggermente più alto per tablet */
    }
    
    /* Logo 30% più piccolo */
    body .header_container .header .logo a.desktop img.weblogo {
        max-width: 105px !important;  /* 30% in meno da 150px */
        margin-top: -20px !important;
    }
    
    body .mobile-text-info {
        margin-top: 85px !important;
        width: 280px !important;
    }
    
    body .mobile-text-info h1 {
        font-size: 13px !important;
        padding-top: 5px !important;
    }
    
    body .header_container .header .logo {
        top: 42% !important;
    }
    
    body .container.custom_container_class {
        padding-top: 110px !important;
    }
}

/* OVERRIDE AGGIUNTIVI PER ESSERE SICURI */
@media screen and (max-width: 767px) {
    /* Rimuovi padding/margin non necessari */
    body .header_container .header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Assicurati che about e bookmark siano nascosti */
    body .header_container .about {
        display: none !important;
    }
    
    body .header_container .bookmark {
        display: none !important;
    }
}

/* =========================================
   RIDUZIONE HEADER BACKGROUND MOBILE
   Solo la banda grigio-nera di sfondo
   ========================================= */

@media screen and (max-width: 767px) {
    body .header_container {
        height: 115px !important;  /* Ridotto di 5px da 120px */
    }
    
    body .container.custom_container_class {
        padding-top: 95px !important;  /* Compensato di 5px */
    }
}

@media screen and (min-width: 320px) and (max-width: 375px) {
    body .header_container {
        height: 105px !important;  /* Ridotto di 5px da 110px */
    }
    
    body .container.custom_container_class {
        padding-top: 85px !important;  /* Compensato di 5px */
    }
}

@media screen and (max-width: 319px) {
    body .header_container {
        height: 95px !important;  /* Ridotto di 5px da 100px */
    }
    
    body .container.custom_container_class {
        padding-top: 75px !important;  /* Compensato di 5px */
    }
}

@media screen and (min-width: 468px) and (max-width: 767px) {
    body .header_container {
        height: 125px !important;  /* Ridotto di 5px da 130px */
    }
    
    body .container.custom_container_class {
        padding-top: 105px !important;  /* Compensato di 5px */
    }
}

/* =========================================
   RIDUZIONE SPAZIO TRA HEADER E GRUPPO PREMIUM
   Con 5px di spazio dal bordo superiore
   ========================================= */

@media screen and (max-width: 767px) {
    /* Riduce padding superiore del container principale */
    body .container.custom_container_class {
        padding-top: 90px !important;  /* Aggiunto 5px */
    }
    
    /* Riduce margine superiore della row che contiene i gruppi */
    body .custom_container_class .row.rectangle_width {
        margin-top: 35px !important;  /* Aggiunto 5px */
    }
    
    /* Riduce margine del testo informativo mobile */
    body .mobile-text-info {
        margin-top: 70px !important;  /* Aggiunto 5px */
        margin-bottom: -10px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 375px) {
    body .container.custom_container_class {
        padding-top: 80px !important;  /* Aggiunto 5px */
    }
    
    body .mobile-text-info {
        margin-top: 60px !important;  /* Aggiunto 5px */
    }
}

@media screen and (max-width: 319px) {
    body .container.custom_container_class {
        padding-top: 70px !important;  /* Aggiunto 5px */
    }
    
    body .mobile-text-info {
        margin-top: 55px !important;  /* Aggiunto 5px */
    }
}

@media screen and (min-width: 468px) and (max-width: 767px) {
    body .container.custom_container_class {
        padding-top: 100px !important;  /* Aggiunto 5px */
    }
    
    body .mobile-text-info {
        margin-top: 80px !important;  /* Aggiunto 5px */
    }
}

@media screen and (min-width: 320px) and (max-width: 375px) {
    body .mobile-text-info h1 {
        padding-top: 18px !important;
    }}


/* =========================================
   RIDUZIONE AGGRESSIVA SPAZIO TRA GRUPPI
   Premium e Tubes - Solo mobile <768px
   ========================================= */

@media screen and (max-width: 767px) {
    /* Rimuove completamente margini del gruppo premium */
    body .custom_container_class .item_wrap[data-mobile-order="-10"] {
        margin-bottom: 2px !important;  /* Solo 2px di separazione */
        padding-bottom: 8px !important;  /* Riduce anche il padding */
    }
    
    /* Riduce margine di TUTTI i gruppi */
    body .custom_container_class .item_wrap {
        margin-bottom: 2px !important;
    }
    
    /* Rimuove spazi dal gruppo Tubes */
    body .custom_container_class .item_wrap[data-mobile-order="1"] {
        margin-top: 0px !important;
        padding-top: 0px !important;  /* Riduce padding superiore */
    }
    
    /* Riduce gap della grid */
    body .custom_container_class .row {
        gap: 2px !important;  /* Era 10px */
    }
    
    /* Rimuove margini dalle colonne */
    body .custom_container_class .col-sm-3 {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* FIX SCROLL MOBILE - Aggiungi alla fine di custom(2).css */

/* Reset e fix per mobile sotto 768px */
@media screen and (max-width: 767px) {
    /* Fix generale per tutti i gruppi */
    .custom_container_class .item_wrap .item_group {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important; /* Smooth scroll iOS */
        max-height: 300px !important;
    }
    
    /* Fix specifico per gruppo Premium */
    .custom_container_class .item_wrap[data-mobile-order="-10"] .item_group {
        max-height: 250px !important; /* Aumentato da 180px */
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Assicurati che ol non interferisca */
    .custom_container_class .item_wrap .item_group ol {
        overflow: visible !important;
        max-height: none !important;
        height: auto !important;
    }
    
    /* Rimuovi l'effetto dissolvenza che può bloccare il touch */
    .custom_container_class .item_wrap[data-mobile-order="-10"] .item_group:after {
        pointer-events: none !important; /* Già presente ma assicuriamoci */
        height: 20px !important; /* Ridotto da 30px */
    }
}

/* Fix per tablet piccoli */
@media screen and (min-width: 468px) and (max-width: 767px) {
    .custom_container_class .item_wrap .item_group {
        max-height: 350px !important; /* Più spazio per tablet */
    }
}

/* Fix scroll momentum per dispositivi touch */
@media (hover: none) and (pointer: coarse) {
    .custom_container_class .item_wrap .item_group {
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth;
    }
}

/* RIDUCI SPAZI TRA GRUPPI - SOLO MOBILE */
@media screen and (max-width: 767px) {
    /* Riduci gap tra i gruppi */
    .custom_container_class .row {
        gap: 3px !important; /* Ridotto da 10px */
    }
    
    /* Riduci margini di tutti i gruppi */
    .custom_container_class .item_wrap {
        margin-bottom: 5px !important; /* Ridotto da 15px */
    }
    
    .title_custom_css h2 {
        height: 38px !important; /* Ridotto da 56px */
        padding-top: 6px !important; /* Ridotto da 10px */
        line-height: 26px !important;
        font-size: 13px !important; /* Leggermente più piccolo */
    }
    
    /* Gruppo Premium - riduci padding */
    .custom_container_class .item_wrap[data-mobile-order="-10"] {
        padding: 10px !important; /* Ridotto da 15px */
        margin-bottom: 8px !important; /* Ridotto da 15px */
    }
    
    /* Riduci spazio sopra il primo gruppo */
    .custom_container_class .row.rectangle_width {
        margin-top: 20px !important; /* Ridotto da 35px */
    }
    
    /* Riduci padding interno opzionale */
    .custom_container_class .item_wrap {
        padding: 8px !important; /* Se vuoi anche meno padding interno */
    }
}

@media screen and (max-width: 767px) {
    /* Riduci altezza dei titoli */
    .title_custom_css {
        height: 38px !important;
    }
    
    .title_custom_css h2 {
        height: 38px !important;
        padding-top: 4px !important; /* Ridotto da 9px a 6px - alza il testo di 3px */
        padding-bottom: 0 !important; 
        padding-left: 5px !important;
        padding-right: 5px !important;
        line-height: 20px !important;
        font-size: 13px !important;
        text-align: center !important;
    }
    
    /* Fix per l'icona */
    .title_custom_css h2 img.title-ico {
        vertical-align: middle !important;
        margin-top: -2px !important;
        width: 20px !important;
        height: 20px !important;
    }
}

@media screen and (max-width: 767px) {
    /* Riduci spazio tra i singoli bookmark */
    .custom_container_class .item_wrap .item_group li {
        padding: 0 0 2px 51px !important; /* Ridotto da 4px a 2px */
        margin-bottom: 3px !important; /* Aggiungi margine ridotto */
    }
    
    /* Riduci altezza linea per compattare */
    .custom_container_class ol li span {
        line-height: 20px !important; /* Ridotto da 22px */
        font-size: 13px !important; /* Opzionale: riduci font */
    }
    
    /* Per i bookmark nella lista flex (50% width) */
    .custom_container_class ol li.individualLiMagnigying {
        padding: 2px 0 !important; /* Ridotto da 4px */
        height: 24px !important; /* Altezza fissa ridotta */
    }
    
    /* Riduci spazio sopra/sotto il gruppo */
    .custom_container_class .item_wrap .item_group {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    
    /* Specifico per gruppo Premium più compatto */
    .custom_container_class .item_wrap[data-mobile-order="-10"] .item_group li {
        margin-bottom: 2px !important;
    }
}

@media screen and (max-width: 767px) {
    /* Gruppo Premium con meno padding in basso */
    .custom_container_class .item_wrap[data-mobile-order="-10"] .item_group {
        max-height: 200px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        position: relative !important;
        padding-bottom: 15px !important;
    }
    
    /* Posiziona il bagliore sul WRAPPER esterno */
    .custom_container_class .item_wrap[data-mobile-order="-10"] {
        position: relative !important;
        overflow: hidden !important;
    }
    
    /* Bagliore sul wrapper padre (fisso) */
    .custom_container_class .item_wrap[data-mobile-order="-10"]:after {
        content: "" !important;
        position: absolute !important;
        bottom: 3px !important;
        left: 10px !important;
        right: 10px !important;
        height: 50px !important;
        background: linear-gradient(to bottom, 
            rgba(255, 254, 247, 0) 0%,
            rgba(255, 254, 247, 0.5) 20%,
            rgba(255, 254, 247, 0.8) 40%,
            rgba(255, 252, 241, 0.95) 60%,
            rgba(255, 249, 230, 1) 80%,
            rgba(255, 249, 230, 1) 100%) !important;
        pointer-events: none !important;
        z-index: 10 !important;
        opacity: 1 !important;
        transition: opacity 0.3s ease !important;
    }
    
    /* Nascondi quando al fondo */
    .custom_container_class .item_wrap[data-mobile-order="-10"].at-bottom:after {
        opacity: 0 !important;
    }
    
    /* IMPORTANTE: Rimuovi il vecchio :after dal gruppo scrollabile */
    .custom_container_class .item_wrap[data-mobile-order="-10"] .item_group:after {
        display: none !important;
    }
    
    /* Meno spazio per l'ultimo elemento */
    .custom_container_class .item_wrap[data-mobile-order="-10"] .item_group li:last-child {
        margin-bottom: 2px !important;
    }
}

/* Reset padding premium su desktop per allineamento titoli */
@media screen and (min-width: 768px) {
    .custom_container_class .item_wrap[data-mobile-order="-10"] {
        padding: 0 !important;
    }
}
/* =========================================
   STILI TITOLI E SPAZI - MOBILE
   ========================================= */
@media screen and (max-width: 767px) {
    
    /* CONFIGURAZIONE TITOLI */
    .title_custom_css {
        height: 46px !important;
        position: relative !important;
        margin-top: 0 !important;
        margin-bottom: 8px !important;  /* Spazio 3 ridotto */
    }
    
    .title_custom_css h2 {
        height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-top: 3px !important;
        padding-bottom: 2px !important;  /* Spazio 2 aumentato */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        text-transform: uppercase !important;
        color: #2c3e50 !important;
        line-height: normal !important;
    }
    
    .title_custom_css h2 img.title-ico {
        width: 28px !important;
        height: 28px !important;
        margin: 0 8px 0 0 !important;
        flex-shrink: 0 !important;
        border-radius: 50% !important;
    }
    
    .title_custom_css h2 span {
        line-height: 1.2 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* GESTIONE WRAPPER GRUPPI */
    .custom_container_class .item_wrap {
        padding: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 14px !important;
    }
    
    .custom_container_class .item_wrap[id^="category_"] {
        padding-top: 0 !important;
    }
    
    /* FIX GRUPPO FREE TUBES */
    .custom_container_class .item_wrap[data-mobile-order="1"] {
        padding-top: 0 !important;
        margin-top: 8px !important;
    }
    
    /* TESTO DESCRIZIONE GRUPPO */
    .custom_container_class .item_wrap .markfav {
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 3px !important;  /* Spazio 4 ridotto */
        padding: 2px 15px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        color: #666 !important;
    }
    
    /* LISTA BOOKMARKS */
    .custom_container_class .item_wrap .item_group {
        margin-top: 0 !important;
        padding-top: 2px !important;  /* Spazio 4 ridotto */
    }
}

@media screen and (max-width: 767px) {
    .title_custom_css h2 {
        color: #5a5a5a !important;
    }
}

/* RIMUOVI BORDO ROTONDO DALLE ICONE */
@media screen and (max-width: 767px) {
    /* Icone nei titoli */
    .title_custom_css h2 img.title-ico {
        border-radius: 0 !important;  /* Rimuove il 50% */
    }
}

/* Per tutte le risoluzioni - icone nei bookmark */
.custom_container_class .item_wrap .item_group li .icon i {
    border-radius: 0 !important;
}

/* Se ci sono altre icone sprite */
.sprite {
    border-radius: 0 !important;
}

/* Icone nella lista */
.container .item_wrap .item_group .icon i {
    border-radius: 0 !important;
}