.mobile-menu-scene { display:none; }
/* Selected page: a quiet amber accent and a real chevron instead of a slash. */
@media(max-width:920px) {
 body:not(.theme-pro-app) .site-header .main-nav a.active:not(.mobile-menu-call) {
    border-color:#d38b38!important;
    background:linear-gradient(100deg,#624021,#28303a 70%)!important;
    box-shadow:inset 3px 0 0 #ffad42,inset 0 1px 0 #ffffff0a!important;
 }
 body:not(.theme-pro-app) .site-header .main-nav a.active:not(.mobile-menu-call)::after {
    content:""!important;
    background:#ffad42 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23132230' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/13px 13px no-repeat!important;
    border:0!important;box-shadow:none!important;
 }
 body:not(.theme-pro-app) .site-header .main-nav a.active:not(.mobile-menu-call) .mobile-nav-icon {
    background:#ffad421c!important;border-color:#e6a24b99!important;filter:none!important;
 }
 body:not(.theme-pro-app) .site-header .main-nav a.active:not(.mobile-menu-call) .mobile-nav-icon svg {
    stroke:#ffd08a!important;filter:none!important;
 }
}
@media(max-width:920px) {
 body:not(.theme-pro-app).mobile-menu-open .site-header,
 body:not(.theme-pro-app).mobile-menu-open .site-header .header-wrap {
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    filter:none !important;
    transform:none !important;
 }
 body:not(.theme-pro-app) .site-header .main-nav {
    top:var(--menu-fixed-top,82px) !important;
    max-height:var(--menu-visible-height,calc(100dvh - 96px)) !important;
    grid-auto-rows:max-content !important;
    align-content:start !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    scrollbar-width:none;
 }
 body:not(.theme-pro-app) .site-header .main-nav::-webkit-scrollbar { display:none; }
 body:not(.theme-pro-app) .site-header .main-nav .mobile-menu-scene {
    display:block; position:relative; height:118px; min-height:118px; width:100%; box-sizing:border-box;
    margin-top:10px; overflow:hidden; border:1px solid #315364; border-radius:13px;
    background:#071b2b url('../img/service-area-barcelona-night.webp') 65% bottom/auto 100% no-repeat;
 }
 .menu-scene-drive { position:absolute; inset:0; animation:menu-scene-travel 10s linear infinite; animation-play-state:paused; }
 body .site-header .main-nav .menu-scene-drive img { display:block!important; position:absolute; width:100px!important; height:auto!important; bottom:0; left:0; max-width:none!important; }
 .main-nav.open .menu-scene-drive { animation-play-state:running; }
 .menu-scene-call { position:absolute; top:9px; left:22%; width:135px; padding:7px 8px; border-radius:12px; background:#fff5dd; box-shadow:0 3px 10px #0003; color:#172c3c; text-align:center; z-index:1; transition:opacity .2s; }
 .menu-scene-call::after { content:''; position:absolute; bottom:-6px; left:23px; border:7px solid transparent; border-top-color:#fff5dd; border-bottom:0; }
 .menu-scene-call small { display:block; color:#c53b43; font-size:9px; font-weight:800; line-height:1.3; margin-bottom:3px; }
 .menu-scene-call :is(b,:where(.home-visual-b)) { display:block; font-size:11px; line-height:1.25; }
 .menu-scene-call.is-changing { opacity:0; }
 @keyframes menu-scene-travel { from { transform:translateX(-105px); } to { transform:translateX(100%); } }
}
@media(max-width:920px) and (max-height:780px) {
 body:not(.theme-pro-app) .site-header .main-nav { gap:3px !important; padding:10px 16px !important; }
 body:not(.theme-pro-app) .site-header .main-nav .mobile-menu-head { margin-bottom:0 !important; }
 body:not(.theme-pro-app) .site-header .main-nav a:not(.mobile-menu-call) { min-height:40px !important; padding-top:4px !important; padding-bottom:4px !important; }
 body:not(.theme-pro-app) .site-header .main-nav .mobile-menu-help { min-height:44px !important; padding-top:5px !important; padding-bottom:5px !important; }
 body:not(.theme-pro-app) .site-header .main-nav a.mobile-menu-call { min-height:38px !important; padding-top:7px !important; padding-bottom:7px !important; }
 body:not(.theme-pro-app) .site-header .main-nav .mobile-menu-scene { margin-top:0; }
}
@media(prefers-reduced-motion:reduce) { .menu-scene-drive { animation:none; transform:translateX(38%); } .menu-scene-call { transition:none; } }
/* The four footer shortcuts shown in the mobile two-column grid. */
@media(max-width:640px) {
 body .site-footer .footer-links a {
    box-sizing:border-box!important;
    height:38px!important;min-height:38px!important;max-height:38px!important;
    padding:4px 9px!important;gap:8px!important;
    font-size:12px!important;line-height:1.2!important;border-radius:10px!important;
 }
 body .site-footer .footer-links a span:not(:where(.home-visual-strong,.home-visual-b)) { font-size:12px!important;line-height:1.2!important; }
 body .site-footer .footer-links a svg { width:15px!important;height:15px!important;flex:0 0 15px!important; }
 body .site-footer .footer-links { gap:6px!important; }
}
