/* --- SBLOCCO FORZATO BODY --- */
body { display: block !important; visibility: visible !important; opacity: 1 !important; background: var(--bg) !important; }

#main-collections-container { 
    display: block !important; 
    padding-top: 20px !important; /* Valore base */
    width: 100% !important; 
    visibility: visible !important; 
}

.fascia-wrapper:first-child { 
    display: block !important; 
    position: relative !important; 
    width: 100% !important; 
    margin-bottom: 40px !important; 
    padding-top: 30px !important; /* Spazio chirurgico per la prima fascia */
    visibility: visible !important; 
}

.fascia-wrapper { 
    display: block !important; 
    position: relative !important; 
    width: 100% !important; 
    margin-bottom: 40px !important; 
    visibility: visible !important; 
}

/* --- DEFINIZIONE BASE (QUESTA RIMANE ATTIVA SEMPRE) --- */
.scroll-btn {
    position: absolute; top: 135px; z-index: 1000; width: 45px; height: 45px;
    background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 50%;
    cursor: pointer; display: flex !important; align-items: center; justify-content: center;
    font-size: 20px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    user-select: none; transition: background 0.3s ease, transform 0.2s ease;
}
.scroll-btn:hover { background: rgba(255,255,255,0.15); transform: scale(1.1); }
.arr-left { left: 25px; }
.arr-right { right: 25px; }



/* Forza le frecce della prima fascia a un'altezza diversa */
.fascia-wrapper:first-child .arr-left, 
.fascia-wrapper:first-child .arr-right {
    top: 175px !important;
}


.fascia-title {
    display: block !important; font-size: 16px !important; text-align: right !important;
    margin: 0 15px 15px 0 !important; font-weight: 800 !important;
    text-transform: uppercase !important; visibility: visible !important; color: var(--red);
}

/* --- IL BLOCCO @MEDIA DEVE STARE QUI, IN FONDO --- */
@media (pointer: coarse) {
    .scroll-btn, .arr-left, .arr-right {
        display: none !important;
    }
}

#main-logo-container {
    pointer-events: auto !important; /* Forza il permesso al click */
}
/* --- IL RESTO DELLA GRID E CARDS --- */
.fascia-grid { 
    display: flex !important; 
    flex-wrap: nowrap !important; 
    gap: 15px !important; 
    overflow-x: auto !important; 
    /* Aumentiamo il padding superiore per non tagliare il badge superiore */
    padding: 10px 25px 0 25px !important; 
    scrollbar-width: none !important; 
    scroll-behavior: smooth !important; 
    visibility: visible !important; 
}
.fascia-grid::-webkit-scrollbar { display: none !important; }
.s-card { display: block !important; width: 180px !important; flex: 0 0 180px !important; text-decoration: none !important; color: white !important; position: relative !important; visibility: visible !important; }
.s-card img { display: block !important; width: 180px !important; height: 270px !important; border-radius: 8px !important; object-fit: cover !important; border: 1px solid rgba(255,255,255,0.1) !important; visibility: visible !important; }
.s-badge { position: absolute; top: -6px; right: -6px; padding: 4px 8px; border-radius: 6px; font-size: 13px; z-index: 5; background: #000; font-weight: 900; border: 1px solid; display: flex; align-items: center; gap: 4px; }
.badge.diamond { color: var(--accent); border-color: #293133; }
.badge.slag { color: var(--slag); border-color: #293133; }
.s-title { margin-top: 8px; font-size: 12px; font-weight: 600; color: white; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; }

 /* MODALE INFO - AGGIORNATA PER MANIFESTO LUNGO */
        .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.98); z-index: 3000; display: none; justify-content: center; align-items: flex-start; overflow-y: auto; backdrop-filter: blur(15px); opacity: 0; transition: opacity 0.4s ease; }
        .modal-overlay.show { display: flex; opacity: 1; }
        
        .modal-content { 
            width: 90%; 
            max-width: 650px; 
            padding: 60px 20px; 
            font-family: -apple-system, BlinkMacSystemFont, sans-serif; /* Font di sistema come il logo */
            color: #bbb; /* Grigio chiaro per non stancare la vista */
            font-size: 15px; /* Un pelo più grande per la leggibilità */
            line-height: 1.6; /* Interlinea per blocchi di testo lunghi */
            position: relative; 
        }
        
        .modal-content h1 { color: var(--accent); font-size: 26px; font-weight: 900; border-bottom: 2px solid var(--red); padding-bottom: 10px; margin-bottom: 25px; font-family: -apple-system, BlinkMacSystemFont, sans-serif; }
        .modal-content h1 span { color: var(--red); }
        
       .box { 
    border: 1px solid #222; 
    padding: 15px; 
    margin-bottom: 20px; 
    background: rgba(255,255,255,0.03); 
}

.step { 
    margin-bottom: 25px; 
    padding-left: 15px; 
    border-left: 1px solid #333; 
}

.close-modal { 
    position: fixed; 
    top: 10px; 
    left: 17px; 
    right: auto; 
    color: #fff; 
    background: var(--red); 
    width: 45px; 
    height: 45px; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    z-index: 99999 !important;
    cursor: pointer;
    border: none;
    outline: none;
    transition: transform 0.2s ease;
}

/* Regola per l'SVG dentro il cerchio */
.close-modal svg {
    width: 20px;
    height: 20px;
    display: block;
    pointer-events: none;
}

.close-modal:active {
    transform: scale(0.9);
}

#back-to-top {
    position: fixed; bottom: 85px !important; right: 25px; width: 45px; height: 45px;
            background: solid var(--red); border: none; color: var(--red);
            border-radius: 50%; display: none; align-items: center; justify-content: center;
            z-index: 2000; cursor: pointer; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
            font-size: 18px; transition: opacity 0.3s;
}

#back-to-top.show {
    display: flex;
    opacity: 1;
}
/* Correzione per Chrome/Edge senza toccare Safari */
/* Usa un selettore specifico che Safari non interpreta come valido */
@supports (-webkit-marquee-repetition: infinite) and (not (-webkit-marquee-repetition: infinite)) {
    /* Questo blocco non verrà mai applicato da Safari */
}