#mobile-menu.wc-mobile-modern {
    width: min(100vw, 480px); height: 100vh; height: 100dvh; min-height: 0;
    background: #fcfbf8; color: #243a2b; overflow: hidden;
}
#mobile-menu.wc-mobile-modern .mobile-nav-wrapper {
    display: flex; flex-direction: column; height: 100%; transform: none !important;
}
#mobile-menu.wc-mobile-modern .sidenav-header {
    position: relative; flex: none; height: calc(64px + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top); border-bottom: 1px solid #e2e4dc;
}
#mobile-menu.wc-mobile-modern .sidenav-header .sidenav-close {
    left: auto; right: 24px; top: env(safe-area-inset-top);
    display: grid; place-items: center; width: 32px; height: 64px; margin: 0; padding: 0;
    color: #243a2b; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
}
#mobile-menu.wc-mobile-modern .sidenav-header .sidenav-close .icon {display: none;}
#mobile-menu.wc-mobile-modern .sidenav-header .sidenav-close::before {content: '×'; font: 300 30px/1 Arial, sans-serif;}
#mobile-menu.wc-mobile-modern .sidenav-header .logo {
    display: flex; align-items: center; width: max-content; height: 64px; margin: 0 24px;
}
#mobile-menu.wc-mobile-modern .site-logo.pantalons {background-image: url('../img/scavini-pantalons.svg');}
#mobile-menu.wc-mobile-modern .wc-mobile-toolbar {display: flex; align-items: center; min-height: 38px; flex: none; padding: 0 24px; gap: 12px; border-bottom: 1px solid #e2e4dc;}
#mobile-menu.wc-mobile-modern .wc-mobile-trail {font-size: 11px; letter-spacing: .11em; text-transform: uppercase;}
#mobile-menu.wc-mobile-modern button {font: inherit; background: none; border: 0; box-shadow: none; color: inherit; cursor: pointer; border-radius: 0;}
#mobile-menu.wc-mobile-modern .wc-mobile-back {min-height: 36px; margin: 0 !important; padding: 0 8px 0 0; font-size: 12px;}
#mobile-menu.wc-mobile-modern .wc-mobile-back::before {content: '←'; margin-right: 8px;}
#mobile-menu.wc-mobile-modern .wc-mobile-panels {overflow-y: auto; overflow-x: hidden; flex: 1 1 0; min-height: 0; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;}
#mobile-menu.wc-mobile-modern .wc-mobile-panel {min-height: 100%; padding: 0 24px calc(20px + env(safe-area-inset-bottom));}
#mobile-menu.wc-mobile-modern [hidden] {display: none !important;}
#mobile-menu.wc-mobile-modern .wc-mobile-panel ul {margin: 0; padding: 0; width: 100%;}
#mobile-menu.wc-mobile-modern .wc-mobile-panel li {padding: 0; border: 0; line-height: 1.5;}
#mobile-menu.wc-mobile-modern .wc-mobile-panel li::after {display: none;}
#mobile-menu.wc-mobile-modern .wc-mobile-panel .sub-menu {
    position: static !important; display: block; left: auto; top: auto; width: 100%;
    height: auto; padding: 0; margin: 0; transform: none; background: transparent; overflow: visible;
}
#mobile-menu.wc-mobile-modern #mobile-nav > li > a,
#mobile-menu.wc-mobile-modern #mobile-nav > li > .wc-mobile-open {
    display: flex; align-items: center; text-align: left; gap: 12px; width: 100%;
    padding: 11px 0; min-height: 58px; border-bottom: 1px solid #e2e4dc;
    font: 400 26px/1.15 'Big Caslon', Georgia, serif; text-transform: none; color: #243a2b;
}
#mobile-menu.wc-mobile-modern .wc-mobile-open {display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; text-align: left; min-height: 52px; padding: 12px 0;}
#mobile-menu.wc-mobile-modern .wc-mobile-open::after {content: '›'; font: 24px/1 Georgia, serif; margin-left: auto; flex: none;}
#mobile-menu.wc-mobile-modern .wc-mobile-heading {display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 14px 0 16px;}
#mobile-menu.wc-mobile-modern .wc-mobile-heading h2 {min-width: 0; margin: 0; color: #243a2b; font: 400 32px/1.15 'Big Caslon', Georgia, serif; white-space: nowrap;}
#mobile-menu.wc-mobile-modern .wc-mobile-view-all {display: inline-block; flex: none; margin: 0; padding: 6px 0; font-size: 13px; color: #243a2b; text-decoration: underline; text-underline-offset: 4px;}
#mobile-menu.wc-mobile-modern .wc-mobile-panel li > a {
    display: flex; align-items: center; min-height: 48px; padding: 12px 0; margin: 0;
    text-transform: none; font-size: 16px; line-height: 1.5; color: #243a2b;
}
#mobile-menu.wc-mobile-modern .wc-mobile-panel li > a::after {display: none;}
#mobile-menu.wc-mobile-modern .wc-mobile-group {margin-top: 18px;}
#mobile-menu.wc-mobile-modern .wc-mobile-group > h3,
#mobile-menu.wc-mobile-modern .wc-mobile-group > a:has(+ ul) {margin: 0 0 6px; padding: 0; min-height: 24px; font: 500 11px/1.5 Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #6c786b;}
#mobile-menu.wc-mobile-modern .wc-mobile-group .sub-menu .sub-menu {padding-left: 16px; border-left: 1px solid #e2e4dc;}
#mobile-menu.wc-mobile-modern .wc-mm-mobile-visuals {list-style: none; margin: 0 0 22px;}
#mobile-menu.wc-mobile-modern .wc-mm-mobile-visuals .wc-mega-menu-visuals {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 0; width: 100%;}
#mobile-menu.wc-mobile-modern .wc-mega-menu-visuals--1 .wc-mega-menu-visual {grid-column: 1 / -1;}
#mobile-menu.wc-mobile-modern .wc-mega-menu-visual {display: block; padding: 0; color: #243a2b;}
#mobile-menu.wc-mobile-modern .wc-mega-menu-visual__image {display: block; width: 100%; height: auto !important; aspect-ratio: 4/5; object-fit: cover;}
#mobile-menu.wc-mobile-modern .wc-mega-menu-visuals--1 .wc-mega-menu-visual__image {aspect-ratio: 5/4; object-position: center 25%;}
#mobile-menu.wc-mobile-modern .wc-mega-menu-visual__label {display: block; margin-top: 10px; text-align: left; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; line-height: 1.5;}
#mobile-menu.wc-mobile-modern ul.common-menu {position: static; margin-top: 28px; background: transparent; border-top: 1px solid #e2e4dc;}
#mobile-menu.wc-mobile-modern ul.common-menu li {position: relative; border-bottom: 1px solid #e2e4dc;}
#mobile-menu.wc-mobile-modern ul.common-menu li > a {font-size: 13px; padding: 12px 0;}
#mobile-menu.wc-mobile-modern .common-menu .products-search-form input {padding-left: 30px; font-size: 14px; height: 54px; text-transform: none;}
#mobile-menu.wc-mobile-modern .common-menu .wc-mobile-language {min-height: 52px;}
#mobile-menu.wc-mobile-modern .common-menu .wc-mobile-language .wp2f-select-wrapper {position: static; width: 100%; padding: 0;}
#mobile-menu.wc-mobile-modern .common-menu .wc-mobile-language select {width: 100%; height: 52px; margin: 0;}
body.active-mobile-nav .site-header .language-switcher {visibility: hidden;}
#mobile-menu.wc-mobile-modern :is(a,button,input,select):focus-visible {outline: 2px solid #2c4a32; outline-offset: 3px;}
@media (max-width: 360px) {
    #mobile-menu.wc-mobile-modern .wc-mobile-heading {gap: 10px;}
    #mobile-menu.wc-mobile-modern .wc-mobile-heading h2 {font-size: 28px;}
}
@media (prefers-reduced-motion: no-preference) {
    #mobile-menu.wc-mobile-modern .wc-mobile-panel:not([hidden]) {animation: wc-mobile-enter .18s ease-out;}
    @keyframes wc-mobile-enter {from {opacity: .6; transform: translateX(8px);} to {opacity: 1; transform: none;}}
}
