@media (min-width: 1025px) {
/* ================================================
   GD SCROLL HEADER v3 - definitivo
   ================================================ */

/* 1) LOGO VARIANTE scroll: immagine diversa */
html.gd-scrolled .page-header .logo img {
    content: url('/static/frontend/takorabo/gian2025/it_IT/images/gd/gd_logo_solo_gian.svg') !important;
    max-height: 38px !important;
    width: auto !important;
    margin-top: 0 !important;
}

/* 2) Preheader: nascosto in scroll */
html.gd-scrolled .gianedavi-preheader {
    display: none !important;
}

/* 3) page-header: fixed in scroll */
html.gd-scrolled .page-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.15) !important;
}

/* 4) header.content: flex row, logo sx, icone dx */
html.gd-scrolled .page-header .header.content {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 54px !important;
    min-height: 0 !important;
    padding: 0 16px !important;
    position: relative !important;
}

/* 5) Logo: da position:absolute centrato a static sx */
html.gd-scrolled .page-header .header.content .logo {
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    float: none !important;
    flex-shrink: 0;
    order: 0;
    z-index: auto !important;
}

/* 6) nav-toggle (hamburger): nascosto in scroll */
html.gd-scrolled .page-header .action.nav-toggle {
    display: none !important;
}

/* 7) icone destra */
html.gd-scrolled .page-header .gd-header-right {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-shrink: 0;
    order: 2;
}

/* 8) nav-sections: fixed sotto header */
html.gd-scrolled .nav-sections {
    position: fixed !important;
    top: 54px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 998 !important;
    background: #fff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.08) !important;
    height: 48px !important;
    overflow: visible !important;
}

/* 9) section-items: riga orizzontale */
html.gd-scrolled .nav-sections .section-items {
    display: flex !important;
    align-items: center !important;
    height: 48px !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 10) section-item-title (toggle mobile): nascosto */
html.gd-scrolled .nav-sections .section-item-title,
html.gd-scrolled .nav-sections .nav-sections-item-title {
    display: none !important;
}

/* 11) section-item-content: visibile inline */
html.gd-scrolled .nav-sections .nav-sections-item-content {
    display: block !important;
    height: 48px !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* 12) .navigation: il cuore del menu */
html.gd-scrolled .nav-sections .nav-sections-item-content > .navigation {
    display: block !important;
    height: 48px !important;
    background: transparent !important;
    overflow: visible !important;
    padding: 0 !important;
}

/* 13) ul navigation: riga orizzontale */
html.gd-scrolled .nav-sections .navigation > ul {
    display: flex !important;
    align-items: center !important;
    height: 48px !important;
    overflow: visible !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
}

/* 14) Compensazione body */
html.gd-scrolled body {
    padding-top: 102px !important;
}

/* 15) Minicart dropdown fixed */
html.gd-scrolled .minicart-wrapper .block-minicart {
    position: fixed !important;
    top: 62px !important;
    right: 50px !important;
    z-index: 9999 !important;
}

/* CORREZIONE CRITICA: sovrascrive left:-100% del drawer mobile */
html.gd-scrolled .nav-sections,
html.gd-scrolled .sections.nav-sections {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
}

/* LOGO: variante solo gian, dimensione corretta come nel vecchio bar */
html.gd-scrolled .page-header .logo img {
    content: url('/static/frontend/takorabo/gian2025/it_IT/images/gd/gd_logo_solo_gian.svg') !important;
    height: 44px !important;
    width: 140px !important;
    max-height: none !important;
    margin-top: 0 !important;
}

}