/* ==========================================================================
   🎨 TIPOGRAFICA GLOBALE E INTEGRALE (AL CARICAMENTO T7)
   ========================================================================== */
*, html, body, div, p, span, a, h1, h2, h3, h4, h5, h6, button, input, .accordion-button, .card-title, .card-text, .icon-label-text {
    font-family: '<?php echo htmlspecialchars($design['font_family'] ?? 'system-ui', ENT_QUOTES, 'UTF-8'); ?>', sans-serif !important;
}

/* ⚠️ PROTEZIONE ICONE: Impedisce alla regola sopra di rompere i simboli grafici di Font Awesome */
.fa, .fas, .fab {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands' !important; 
}
            
.hide_scroll::-webkit-scrollbar {
    display: none;
}

/* 📱 Rimozione totale delle barre di scorrimento visibili sui browser mobile */ 
:root::-webkit-scrollbar {
    display: none;
}
:root {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

/* 🎨 IMMAGINE LOGO IN TESTATA RESPONSIVA (CONVERSIONE DA PX A CQW) */
.img-logo {
    width: 88.8cqw !important; /* 🎯 Convertito width: 320px in cqw (320 / 360 * 100) */
    max-width: 100% !important; /* Paracadute rigido anti-deformazione */
    height: auto !important;
    display: block;
    margin: 0 auto;
}

@media (max-width: 550px) {
    .img-logo {
        min-width: 41.6cqw !important; /* Convertito 150px */
        max-width: 55.5cqw !important; /* Convertito 200px */
        text-align: center !important;
        margin-top: 0.8cqw !important;
        margin-bottom: 1.4cqw !important;
    }
    
    .add-to-home-screen-btn {
        font-size: 4cqw !important; /* Convertito 4vw in cqw */
    }
}



/* ==========================================================================
   📝 TESTI INCOLLATI A SINISTRA VICINO ALLA FOTO (DISTANZA RICHIESTA 10PX)
   ========================================================================== */
.main-name h1 {
    font-weight: normal !important; 
    font-size: 8cqw !important; /* 🎯 Convertito 8vw in cqw per stabilità totale */
    font-family: 'Open Sans', sans-serif !important;
    color: #777777 !important;  
    
    /* 🎯 INCOLLATI A SINISTRA: Annulliamo qualsiasi centratura spiantata.
       La prima lettera del testo partirà esattamente a 10px (2.7cqw) dal bordo destro della foto! */
    text-align: center !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 8.7cqw !important; /* Convertito 10px in cqw */
    margin-bottom: 2.7cqw !important;
}

.role {
    font-weight: normal !important; 
    font-size: 6cqw !important; /* 🎯 Convertito 6vw in cqw */
    font-family: 'Open Sans', sans-serif !important;
    color: #777777 !important;  
    text-align: center !important; /* Allineamento a bandiera sinistro coordinato */
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 5.5cqw !important; /* Convertito 20px in cqw */
}

/* ==========================================================================
   🛸 RAGGIO PULSANTI SOCIAL HORIZONTAL (FIRST BUTTON ROW)
   ========================================================================== */
.first-button-row {
    margin-top: 4cqw !important; /* 🎯 Convertito 4vw in cqw */
    margin-bottom: 6cqw !important; /* 🎯 Convertito 6vw in cqw */
    text-align: center !important;
}

.first-button-row a:hover {
    text-decoration: none !important;
}

.fab {
    text-align: center !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    border-radius: 50% !important; /* Forza la forma a cerchio perfetto */
    margin-right: 1cqw !important; /* Convertito 1vw in cqw */
    margin-left: 1cqw !important;  /* Convertito 1vw in cqw */
    width: 10cqw !important;       /* 🎯 Convertito width: 10vw in cqw */
    height: 10cqw !important;      /* 🎯 Convertito height: 10vw in cqw */
    font-size: 5cqw !important;    /* 🎯 Convertito font-size: 5vw in cqw */
    line-height: 10cqw !important;  /* 🔥 Allineamento centrale perfetto dell'icona interna */
    background: #547c8f !important;
    color: #ffffff !important;
}

.fa-facebook-f {
    text-align: center !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    border-radius: 50% !important;
    margin-right: 1cqw !important;
    margin-left: 0cqw !important;
    width: 10cqw !important;
    height: 10cqw !important;
    font-size: 5cqw !important; 
    line-height: 10cqw !important; 
    background: #547c8f !important;
    color: #ffffff !important;
    cursor: pointer !important;
}

/* ==========================================================================
   🛸 PULSANTI DI CONDIVISIONE RAPIDA E AZIONE (VCARD & SHARE)
   ========================================================================== */
.fas.fa-share-alt {
    text-align: center !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    border-radius: 50% !important;
    margin-right: 1cqw !important;
    margin-left: 0cqw !important;
    width: 12cqw !important;  /* 🎯 Convertito width: 12vw in cqw */
    height: 12cqw !important; /* 🎯 Convertito height: 12vw in cqw */
    font-size: 5cqw !important;  /* 🎯 Convertito font-size: 5vw in cqw */
    line-height: 12cqw !important; /* Centratura verticale blindata della freccetta */
    background: #547c8f !important;
    color: #ffffff !important;
    cursor: pointer !important;
}

.fas.fa-user-plus {
    text-align: center !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    border-radius: 50% !important;
    margin-right: 1cqw !important;
    margin-left: 0cqw !important;
    width: 12cqw !important;  /* 🎯 Convertito width: 12vw in cqw */
    height: 12cqw !important; /* 🎯 Convertito height: 12vw in cqw */
    font-size: 5cqw !important;  /* 🎯 Convertito font-size: 5vw in cqw */
    line-height: 12cqw !important; /* Centratura verticale blindata dell'omino + */
    background: #547c8f !important;
    color: #ffffff !important;
    cursor: pointer !important;
}

/* ==========================================================================
   📇 BLOCCHI CONTATTI INDIVIDUALI STILIZZATI (BORDERED DIV CORE T7)
   ========================================================================== */
.bordered-div {
    text-align: center !important;
    margin-top: 5cqw !important; /* 🎯 Convertito 10px in cqw (10 / 360 * 100) */
    margin-left: 0cqw !important;
    margin-right: 0cqw !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 11.1cqw !important; /* 🎯 Convertito 40px in cqw (40 / 360 * 100) per angoli super ovali ed eleganti */
    padding: 2.7cqw !important; /* 🎯 Convertito 10px in cqw */
    position: relative !important;
}

.bordered-div .title {  
    padding: 0.8cqw !important; /* 🎯 Convertito 3px in cqw */
    text-decoration: none !important;
    margin-left: 12cqw !important; /* 🎯 Convertito 12% in cqw stabili per bloccare il testo */
}

/* ==========================================================================
   📇 BLOCCHI CONTATTI INDIVIDUALI (TESTO ELLIPSI ED ICONE REATTIVE)
   ========================================================================== */
.bordered-div .title-elipsis {  
    padding: 0.8cqw !important; /* 🎯 Convertito 3px */
    text-decoration: none !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    margin-left: 12cqw !important; /* 🎯 Convertito 12% in cqw stabili */
}

/* 🎯 ICONE DI CONTATTO POSIZIONATE RIGIDAMENTE SUL VETRO */
.bordered-div i {
    color: #547c8f !important;
    font-size: 7cqw !important; /* 🎯 Convertito 7vw in cqw */
    float: left !important;
    position: absolute !important;
    top: 50% !important;
    left: 8cqw !important; /* 🎯 Convertito 8% in cqw per bloccarne l'ancoraggio laterale */
    transform: translate(-50%, -50%) !important;
}

.div-rialzato {
    /* 🎯 Convertito ombreggiatura fissa in cqw proporzionale per il resize 
    box-shadow: 0.5cqw 0.8cqw 2.2cqw rgba(200, 220, 220, 0.8) !important; */
    background-color: #000000 !important; 
}

/* 📐 CONTROLLO DIMENSIONALE DELLE ICONE SPECIFICHE NEI COLLEGAMENTI */
.div-row-link .bordered-div .title, 
.title-elipsis span i,
.div-rialzato .title-elipsis, 
.title span i {
    font-size: 6cqw !important;  /* 🎯 Convertito 6vw in cqw */
    vertical-align: middle !important;      
    margin-right: 2.2cqw !important; /* 🎯 Convertito 8px in cqw (8 / 360 * 100) */
}

.phones-mail-address-link {
    margin-bottom: 8.3cqw !important; /* 🎯 Convertito 30px in cqw (30 / 360 * 100) */
}

.phones-mail-address-link .title {
    font-weight: normal !important;
    color: #777777 !important;  
    font-size: 5cqw !important; /* 🎯 Convertito 5vw in cqw */
    font-family: 'Open Sans', sans-serif !important;
    text-align: center !important;
}

.phones-mail-address-link .title-elipsis {
    font-weight: normal !important;
    color: #777777 !important;  
    font-size: 4.5cqw !important; /* 🎯 Convertito 4.5vw in cqw */
    font-family: 'Open Sans', sans-serif !important;
    text-align: center !important;
}

.phones-mail-address-link a {
    color: #777777 !important;
    text-decoration: none !important;
}
    
/* ==========================================================================
   🧩 SEZIONE ACCORDION DINAMICA (GALLERY, VIDEO, DETTAGLI)
   ========================================================================== */
.myaccordion {
    max-width: 100% !important;
    margin-left: 0cqw !important;
    margin-right: 0cqw !important;
    margin-top: 8.3cqw !important; /* 🎯 Convertito 30px in cqw */
    margin-bottom: 8.3cqw !important; /* 🎯 Convertito 30px in cqw */
}
 
.myaccordion .card {
    margin-top: 0cqw !important;
} 

.myaccordion .card,
.myaccordion .card:last-child .card-header {
    border: 0px solid #e8e8e8 !important;
    margin-top: 0cqw !important;
}
 
.myaccordion .card-header {
    border-bottom-color: transparent !important;
    background: #ffffff !important;
    color: #808080 !important;
}
 
.myaccordion .card-body {
    background: #ffffff !important;
    font-size: 6cqw !important; /* 🎯 Convertito 6vw in cqw */
    font-family: 'Open Sans', sans-serif !important;
    padding-top: 2.7cqw !important; /* 🎯 Convertito 10px in cqw */
    padding-bottom: 4.1cqw !important; /* 🎯 Convertito 15px in cqw */
    border-radius: 0px !important;
}
 
.myaccordion .btn {
    width: 100% !important;
    font-weight: normal !important;
    color: #808080 !important;
    padding: 0 !important;
    font-size: 4cqw !important; /* 🎯 Convertito 4vw in cqw */
    font-family: 'Open Sans', sans-serif !important;
}

/* 🎯 ICONE E FRECCE DELL'ACCORDION INTERNO */
.myaccordion i {
    font-size: 5cqw !important; /* 🎯 Convertito 5vw in cqw */
    margin-right: 5.5cqw !important; /* 🎯 Convertito 20px in cqw (20 / 360 * 100) */
    width: 5cqw !important; /* 🎯 Convertito 5vw in cqw */
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
    text-decoration: none !important;
}

/* ==========================================================================
   🚫 RIMOZIONE ALONI DI FOCUS INTEGRALE BOOTSTRAP
   ========================================================================== */
.myaccordion .btn:focus,
.myaccordion .btn:active,
.myaccordion .btn:focus-visible,
.myaccordion .btn-link:focus,
.myaccordion .btn-link:active {
    box-shadow: none !important;      
    outline: none !important;         
    text-decoration: none !important; 
    border-color: transparent !important;
}

.myaccordion .card-header:focus,
.myaccordion .card-header:focus-within {
    box-shadow: none !important;
    outline: none !important;
}
 
.myaccordion li + li {
    margin-top: 2.7cqw !important; /* 🎯 Convertito 10px in cqw */
}   

/* 🌍 2. Configurazione Speculare per Lingua Araba (RTL) */
[dir="rtl"] .myaccordion .card-header button span i {
    margin-inline-end: 2.2cqw !important; /* 🎯 Convertito 8px in cqw */
    transform: scaleX(-1) !important;     /* Capovolge specularmente le icone dell'accordion */
    display: inline-block !important; 
}

[dir="rtl"] .myaccordion .card-body {
    padding-right: 8.3cqw !important; /* 🎯 Convertito 30px in cqw */
    padding-left: 4.1cqw !important;  /* 🎯 Convertito 15px in cqw */
}

.myaccordion .card + .card {
    margin-top: 2.7cqw !important; /* Convertito 10px in cqw */
}

.margintop10 {
    margin-top: 5.5cqw !important; /* 🎯 Convertito 20px in cqw */
    border-radius: 3.3cqw !important; /* 🎯 Convertito 12px in cqw */
}   
    
/* ==========================================================================
   🖼️ LIGHTBOX IMMAGINI GALLERY (BAGUETTEBOX OVERLAY)
   ========================================================================== */
#baguetteBox-overlay .full-image {
    position: relative !important;
    overflow: hidden !important;
    border: 0px solid #ffffff !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
} 

#baguetteBox-overlay .full-image img {
    object-fit: contain !important;
    width: 100% !important;
}    

#qr_frame {
    width: 69.4cqw !important;  /* 🎯 Convertito 250px in cqw (250 / 360 * 100) */
    height: 69.4cqw !important; /* 🎯 Convertito 250px in cqw */
}

.container {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
}

.responsive-iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.qr table {
    margin: 0 auto !important;
}

/* ==========================================================================
   ↕️ CLASSI DI SPAZIATURA VERTICALE ELASTICA PROPORZIONATA (MARGINS TO CQW)
   ========================================================================== */
.margin10 { margin-top: 2.7cqw !important; } /* 10px */
.margin20 { margin-top: 5.5cqw !important; } /* 20px */
.margin30 { margin-top: 8.3cqw !important; } /* 30px */
.margin40 { margin-top: 11.1cqw !important; } /* 40px */
.margin50 { margin-top: 13.8cqw !important; } /* 50px */


/* ==========================================================================
   📸 MASTER CONTAINER AVATAR BOX (INGRANDITO E CENTRATO AL 100% - T7)
   ========================================================================== */
.zoom-in-out-box {   
    width: 45 !important;  /* 🎯 Convertito 100px in cqw (100 / 360 * 100) */
    height: 45 !important; /* 🎯 Convertito 100px in cqw */
    flex-shrink: 0 !important;
    overflow: hidden !important; 
    position: relative !important;
    border: 0.5cqw solid #333333 !important; /* Convertito 2px */
    margin: 0 !important; 
    background-color: transparent !important; 
    box-sizing: border-box !important;
    padding: 0px !important; 
}

/* L'immagine interna segue la forma geometrica del guscio ed evita i blocchi di Bootstrap */
.zoom-in-out-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; 
    object-position:  center !important;
    display: block !important;
}

/* ==========================================================================
   📐 CONFIGURAZIONE RIGIDA DELLE DUE VARIANTI DI FORMA (TONDO / QUADRATO)
   ========================================================================== */

/* 🎯 CORRETTO: Sradicato il posizionamento assoluto laterale che lanciava la foto a sinistra!
   Ora la variante rotonda mantiene la centratura orizzontale e lo stesso diametro grande */
.zoom-in-out-box.circular--portrait {
    border-radius: 50% !important;
    border: 0.8cqw solid #326d8f !important; /* Mantiene la tua magnifica cornice blu di stacco */
    padding: 1.0cqw !important;                 
    width: 45cqw !important;
    height: 45cqw !important;
}

/* Variante quadrata premium stabile con cornice chiara integrata */
.zoom-in-out-box.shape-square {
    border: 1.2cqw solid #fafafa !important; /* Cornice bianca/grigia di stacco del T7 */
    border-radius: 4cqw !important;          /* Smussatura moderna calibrata sui 38cqw */
    width: 45cqw !important;
    height: 45cqw !important;
}





/* ==========================================================================
   📡 STRUTTURA E CENTRAGGIO DEL QR CODE PUBBLICO (T7 FINALE)
   ========================================================================== */
.public-qrcode-container {
    text-align: center !important;
    margin-top: 6.6cqw !important;    /* 🎯 Convertito 1.5rem in cqw */
    margin-bottom: 6.6cqw !important; /* 🎯 Convertito 1.5rem in cqw */
    width: 100% !important;
}

.public-qrcode-container .scan-me {
    margin-bottom: 0.8cqw !important; /* Convertito 3px in cqw */
    letter-spacing: 0.2cqw !important; /* Convertito 1px in cqw */
}

.public-qrcode-container .qrcode-wrapper {
    display: inline-block !important;
    padding: 0.8cqw !important; /* Convertito 3px in cqw */
    border-radius: 0px !important; 
    box-shadow: 0 1.1cqw 2.7cqw rgba(0,0,0,0.05) !important;
    background-color: transparent !important; 
}

#qrcode-public {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

#qrcode-public canvas,
#qrcode-public img {
    max-width: 66.6cqw !important; /* 🎯 Impedisce sgranature bloccando il tetto a 240px (240 / 360 * 100) */
    width: 66.6cqw !important;     /* 🎯 Sostituito il vecchio 75vw instabile con i cqw elastici */
    height: auto !important;
}

/* ==========================================================================
   🎛️ SYSTEM SCHIACCIA-TAB BOTTOM BAR (BARRA SOCIAL MINIMAL COMPATTA)
   ========================================================================== */
.bottom-tab-container {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background-color: #1a1a1a !important;
    direction: ltr !important;
}

.bottom-tab-bar {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 1.1cqw 0 !important; /* 🎯 Convertito 4px in cqw (4 / 360 * 100) per schiacciamento */
    overflow-x: auto !important;
    white-space: nowrap !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}
.bottom-tab-bar::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
}

.social-buttons-row {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 2.2cqw !important; /* 🎯 Convertito 8px in cqw (8 / 360 * 100) */
    width: max-content !important;
    min-width: 100% !important;
    padding: 0 9.7cqw !important; /* 🎯 Convertito 35px in cqw (35 / 360 * 100) */
    box-sizing: border-box !important;
}

/* 🔵 I CERCHI SOCIAL: Palline flessibili in cqw */
.social-btn-raised {
    width: 11.6cqw !important;  /* 🎯 Convertito 42px in cqw (42 / 360 * 100) */
    height: 11.6cqw !important; /* 🎯 Convertito 42px in cqw */
    aspect-ratio: 1 / 1 !important; 
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
}

/* 📸 L'ICONA DEL SOCIAL INTERNA */
.social-buttons-row .social-btn-raised i.social-icon-clear {
    background: transparent !important;       
    background-color: transparent !important;
}

.social-icon-clear {
    /* [FONDAMENTALE] Forza il browser a usare Font Awesome per questo elemento */
    font-family: "Font Awesome 6 Brands", "Font Awesome 7 Brands", "Font Awesome 6 Free", "Font Awesome 7 Free" !important;
    
    /* [FONDAMENTALE] I brand richiedono un peso specifico per essere renderizzati */
    font-weight: 400 !important; 
    
    /* Assicura che l'icona mantenga uno stile visivo corretto e pulito */
    font-style: normal !important;
    display: inline-block !important;
}


 
/* ==========================================================================
   🏹 1. CONTENITORI DI SFONDO LATERALI (I "MURI" JS SLIDER WALLS T7)
   ========================================================================== */
.nav-arrow-wrapper {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 12.5cqw !important; /* 🎯 Convertito 45px in cqw (45 / 360 * 100) per scalare con l'Iframe */
    display: flex !important;
    align-items: center !important;
    z-index: 10000 !important;
    pointer-events: none !important; /* Lascia passare il tocco del dito per scorrere */
    opacity: 0 !important; /* Invisibili di base, si accendono via JS insieme alle freccette */
    transition: opacity 0.3s ease !important;
}

/* Sfondo sfumato a sinistra */
.left-arrow-wrapper {
    left: 0 !important;
    justify-content: flex-start !important;
    padding-left: 0.8cqw !important; /* 🎯 Convertito 3px in cqw */
    background: transparent !important; 
}

/* Sfondo sfumato a destra */
.right-arrow-wrapper {
    right: 0 !important;
    justify-content: flex-end !important;
    padding-right: 0.8cqw !important; /* 🎯 Convertito 3px in cqw */
    background: transparent !important; 
}

/* Quando JS aggiunge la classe .visible, mostra l'intero sfondo con la freccia */
.nav-arrow-wrapper.visible {
    opacity: 0.8 !important;
    background: transparent !important;
}

/* 🏹 2. LE FRECCETTE REALI (POGGIATE SOPRA LO SFONDO) */
.nav-arrow {
    width: 6.6cqw !important;   /* 🎯 Convertito 24px in cqw (24 / 360 * 100) */
    height: 6.6cqw !important;  /* 🎯 Convertito 24px in cqw */
    background-color: transparent !important; 
    color: #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 2cqw !important; /* 🎯 Convertito 2vw in cqw */
    box-shadow: 0 0.5cqw 1.6cqw rgba(0,0,0,0.4) !important; /* Convertito 2px 6px */
}

/* 🌍 Quando la lingua è l'arabo (RTL), invertiamo l'ordine dei pulsanti social */
[dir="rtl"] .social-buttons-row {
    display: flex !important;
    flex-direction: row-reverse !important; 
}

/* Mantieni il contenitore principale in modalità LTR per far funzionare il tuo JS */
[dir="rtl"] .bottom-tab-container, 
[dir="rtl"] #bottomTabBar {
    direction: ltr !important;
}

/* ==========================================================================
   ↕️ CLASSI CUSCINETTO RESPONSIVE EXTRA (SECTION SPACERS TO CQW T7)
   ========================================================================== */
.section-spacer-little {
    height: 0.8cqw !important; /* 🎯 Convertito 3px in cqw (3 / 360 * 100) */
    width: 100% !important;
    display: block !important;
    clear: both !important;
}

.section-spacer {
    height: 9.7cqw !important; /* 🎯 Convertito 35px in cqw (35 / 360 * 100) */
    width: 100% !important;
    display: block !important;
    clear: both !important;
}

.section-spacer-large {
    height: 25cqw !important; /* 🎯 Convertito 90px in cqw (90 / 360 * 100) per isolare il QR Code */
    width: 100% !important;
    display: block !important;
    clear: both !important;
}

/*  Per rimpicciolire le frecce detra e sinistra nella gallery di baguettebox */

/* 1. Fa trasparente il cerchio/blocco esterno delle frecce laterali */
#baguetteBox-overlay button#next-button,
#baguetteBox-overlay button#previous-button {
     
    background-color: transparent !important; 
}

/* 🎯 RIMPICCIOLISCE LA FRECCIA GRAFICA EFFETTIVA */
#baguetteBox-overlay .baguetteBox-button svg {
    /* Rimpicciolisce la freccia al 60% della sua dimensione originale */
    transform: scale(0.6) !important; 
    
    /* Assicura che la freccia rimanga centrata durante il rimpicciolimento */
    transform-origin: center !important; 
}

/* 🎯 AVVICINA LE FRECCE AI BORDI DELLA SCOCCA DELLO SMARTPHONE */

/* Spinge la freccia sinistra (Previous) verso il bordo sinistro */
#baguetteBox-overlay button#previous-button {
    left: -8px !important; /* Regola questo valore: 0px è il limite massimo attaccato al bordo */
}

/* Spinge la freccia destra (Next) verso il bordo destro */
#baguetteBox-overlay button#next-button {
    right: -8px !important; /* Regola questo valore: 0px è il limite massimo attaccato al bordo */
}