/* V1449 — desktop header in one line; compact, controlled navigation on tablet/mobile. */
  .build-pill{display:none !important;}
  .header{z-index:120 !important;}
  .header .wrap{
    max-width:none !important;
    width:100% !important;
    padding-left:clamp(12px,1.2vw,24px) !important;
    padding-right:clamp(12px,1.2vw,24px) !important;
  }
  .header-row{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:clamp(6px,.6vw,12px) !important;
    min-height:74px !important;
    padding:0 !important;
    flex-direction:initial !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
  }
  .header .brand{
    min-width:0 !important;
    flex:0 0 auto !important;
    align-self:center !important;
  }
  .header .brand img{
    height:clamp(46px,3.4vw,58px) !important;
    width:auto !important;
    max-width:clamp(122px,10.8vw,178px) !important;
    object-fit:contain !important;
  }
  .header .nav{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:clamp(4px,.42vw,8px) !important;
    width:auto !important;
    min-width:0 !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
  }
  .header .nav a,
  .header .site-final-nav-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:8px clamp(6px,.5vw,10px) !important;
    border-radius:14px !important;
    border:1px solid rgba(113,162,255,.16) !important;
    background:rgba(7,17,31,.28) !important;
    color:var(--muted) !important;
    font-size:clamp(10px,.72vw,12px) !important;
    font-weight:800 !important;
    line-height:1.12 !important;
    white-space:nowrap !important;
    text-align:center !important;
  }
  .header .nav a:hover{
    color:#fff !important;
    border-color:rgba(113,162,255,.34) !important;
    background:rgba(25,42,70,.58) !important;
  }
  .header .nav a#navCities{
    border-color:rgba(245,158,11,.30) !important;
    background:rgba(245,158,11,.10) !important;
    color:#fde68a !important;
  }
  .header .nav a#navContact{
    border-color:rgba(245,158,11,.34) !important;
    background:rgba(245,158,11,.12) !important;
    color:#fde68a !important;
  }
  .header .controls{
    display:grid !important;
    grid-template-columns:clamp(108px,8.2vw,134px) clamp(158px,12.6vw,208px) auto !important;
    align-items:center !important;
    gap:clamp(5px,.45vw,8px) !important;
    width:auto !important;
    min-width:0 !important;
    margin-left:0 !important;
    flex-wrap:nowrap !important;
    justify-content:end !important;
  }
  .header .lang-menu,
  .header .user-menu{
    width:100% !important;
    min-width:0 !important;
  }
  .header .lang-trigger{
    width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:8px 11px !important;
    border-radius:14px !important;
    font-size:11.5px !important;
  }
  .header .user-trigger{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:48px !important;
    padding:7px 10px !important;
    border-radius:16px !important;
    gap:9px !important;
  }
  .header .user-trigger-avatar{
    width:32px !important;
    height:32px !important;
    flex-basis:32px !important;
    font-size:14px !important;
  }
  .header .user-trigger-title{font-size:12px !important;}
  .header .user-trigger-subtitle{font-size:10px !important;}
  .header .site-theme-dock{
    position:static !important;
    inset:auto !important;
    z-index:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    width:auto !important;
    min-width:0 !important;
    padding:5px !important;
    border-radius:999px !important;
    border:1px solid rgba(121,167,255,.24) !important;
    background:rgba(7,17,31,.84) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.22) !important;
    backdrop-filter:blur(16px) !important;
  }
  .header .site-theme-dock-btn{
    min-height:36px !important;
    padding:0 clamp(8px,.65vw,11px) !important;
    border-radius:999px !important;
    font-size:10px !important;
    letter-spacing:.06em !important;
    flex:0 0 auto !important;
  }
  .mobile-header-toggle{display:none !important;}
  body.outdoor-mode .header .nav a{
    color:#334155 !important;
    background:rgba(255,255,255,.72) !important;
    border-color:rgba(15,23,42,.10) !important;
  }
  body.outdoor-mode .header .nav a:hover{
    color:#09111f !important;
    background:#fff !important;
  }
  body.outdoor-mode .header .nav a#navCities,
  body.outdoor-mode .header .nav a#navContact{
    color:#8a5a00 !important;
    background:rgba(210,154,46,.10) !important;
    border-color:rgba(210,154,46,.26) !important;
  }

  @media (min-width:1241px) and (max-width:1450px){
    .header .wrap{padding-left:12px !important;padding-right:12px !important;}
    .header-row{gap:6px !important;}
    .header .brand img{height:46px !important;max-width:130px !important;}
    .header .nav{gap:4px !important;}
    .header .nav a,
    .header .site-final-nav-link{
      font-size:10px !important;
      padding:7px 6px !important;
      min-height:38px !important;
    }
    .header .controls{
      grid-template-columns:108px 158px auto !important;
      gap:5px !important;
    }
    .header .lang-trigger{
      font-size:10.5px !important;
      padding:7px 9px !important;
      min-height:38px !important;
    }
    .header .user-trigger{
      min-height:44px !important;
      padding:6px 8px !important;
      gap:7px !important;
    }
    .header .user-trigger-avatar{
      width:29px !important;
      height:29px !important;
      flex-basis:29px !important;
    }
    .header .user-trigger-title{font-size:11px !important;}
    .header .user-trigger-subtitle{font-size:9px !important;}
    .header .site-theme-dock{padding:4px !important;gap:3px !important;}
    .header .site-theme-dock-btn{
      min-height:34px !important;
      padding:0 7px !important;
      font-size:9px !important;
    }
  }

  @media (max-width:1240px){
    .header{
      max-height:100svh !important;
      overflow-y:auto !important;
      overscroll-behavior:contain;
    }
    .header .wrap{padding-left:16px !important;padding-right:16px !important;}
    .header-row{
      grid-template-columns:minmax(0,1fr) auto !important;
      gap:10px !important;
      min-height:72px !important;
      padding:7px 0 !important;
      align-items:center !important;
    }
    .header .brand{
      grid-column:1 !important;
      grid-row:1 !important;
      justify-self:start !important;
    }
    .header .brand img{height:52px !important;max-width:172px !important;}
    .mobile-header-toggle{
      grid-column:2 !important;
      grid-row:1 !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:9px !important;
      min-height:42px !important;
      padding:9px 13px !important;
      border-radius:14px !important;
      border:1px solid rgba(245,158,11,.30) !important;
      background:rgba(245,158,11,.10) !important;
      color:#fde68a !important;
      font:inherit !important;
      font-size:12px !important;
      font-weight:900 !important;
      letter-spacing:.04em !important;
      cursor:pointer !important;
    }
    .mobile-header-toggle-bars{
      display:grid !important;
      gap:3px !important;
      width:16px !important;
    }
    .mobile-header-toggle-bars::before,
    .mobile-header-toggle-bars::after,
    .mobile-header-toggle-bars span{
      content:"";
      display:block;
      width:16px;
      height:2px;
      border-radius:99px;
      background:currentColor;
      transition:.2s;
    }
    .header.mobile-menu-open .mobile-header-toggle-bars span{opacity:0;}
    .header.mobile-menu-open .mobile-header-toggle-bars::before{transform:translateY(5px) rotate(45deg);}
    .header.mobile-menu-open .mobile-header-toggle-bars::after{transform:translateY(-5px) rotate(-45deg);}
    .header .nav,
    .header .controls{display:none !important;}
    .header.mobile-menu-open .nav{
      grid-column:1/-1 !important;
      grid-row:2 !important;
      display:grid !important;
      grid-template-columns:repeat(5,minmax(0,1fr)) !important;
      gap:7px !important;
      width:100% !important;
      padding-top:2px !important;
    }
    .header.mobile-menu-open .nav a{
      width:100% !important;
      min-height:44px !important;
      padding:9px 8px !important;
      font-size:11px !important;
      white-space:normal !important;
    }
    .header.mobile-menu-open .controls{
      grid-column:1/-1 !important;
      grid-row:3 !important;
      display:grid !important;
      grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1fr) !important;
      gap:7px !important;
      width:100% !important;
      padding-bottom:4px !important;
    }
    .header.mobile-menu-open .lang-menu,
    .header.mobile-menu-open .user-menu,
    .header.mobile-menu-open .site-theme-dock{width:100% !important;}
    .header.mobile-menu-open .lang-trigger,
    .header.mobile-menu-open .user-trigger{
      width:100% !important;
      max-width:none !important;
    }
    .header.mobile-menu-open .site-theme-dock-btn{flex:1 1 0 !important;}
    #cities,#experience,#explore-modes,#partners-detail,#richiesta{scroll-margin-top:88px !important;}
  }

  @media (max-width:760px){
    .header .wrap{padding-left:12px !important;padding-right:12px !important;}
    .header-row{min-height:66px !important;padding:6px 0 !important;}
    .header .brand img{height:46px !important;max-width:150px !important;}
    .mobile-header-toggle{
      min-height:40px !important;
      padding:8px 11px !important;
      font-size:11px !important;
    }
    .header.mobile-menu-open .nav{
      grid-template-columns:1fr !important;
      gap:6px !important;
    }
    .header.mobile-menu-open .nav a{
      min-height:42px !important;
      font-size:12px !important;
    }
    .header.mobile-menu-open .controls{
      grid-template-columns:1fr !important;
      gap:7px !important;
    }
    .header.mobile-menu-open .lang-menu,
    .header.mobile-menu-open .user-menu,
    .header.mobile-menu-open .site-theme-dock{grid-column:1 !important;}
    .header .lang-dropdown{
      left:0 !important;
      right:0 !important;
      min-width:0 !important;
      width:100% !important;
    }
    .header .user-dropdown{
      left:0 !important;
      right:0 !important;
      min-width:0 !important;
      width:100% !important;
      max-width:100% !important;
    }
  }