/* P/ HOSTING V24 — navigation switch. Always load after clean-site.css. */
.nav-sidebar-home{display:none!important}
@media(min-width:1101px){
  body.nav-layout-sidebar{padding-left:238px}
  .nav-layout-sidebar .site-header{
    position:fixed;top:0;bottom:0;left:0;right:auto;
    width:238px;height:100vh;height:100dvh;min-height:0;
    display:flex;flex-direction:column;align-items:stretch;
    padding:30px 18px 20px;
    background:#172c3b;
    border-bottom:0;border-right:1px solid rgba(255,255,255,.10);
    box-shadow:6px 0 32px rgba(10,26,34,.09);
    color:white;z-index:50;
    backdrop-filter:none;-webkit-backdrop-filter:none;
  }
  .nav-layout-sidebar .site-header .logo{margin:0 0 43px 11px;flex-shrink:0;gap:4px}
  .nav-layout-sidebar .site-header .brand-mark{width:42px;height:35px}
  .nav-layout-sidebar .site-header .logo-word{font-size:13px;letter-spacing:.18em}
  .nav-layout-sidebar .site-header .desktop-nav{
    display:flex;flex-direction:column;align-items:stretch;
    width:100%;padding:0;margin:0;gap:5px;border:0;background:none;
  }
  .nav-layout-sidebar .site-header .desktop-nav .nav-sidebar-home{display:block!important}
  .nav-layout-sidebar .site-header .desktop-nav a{
    display:block;padding:13px 15px;border-radius:11px;font-size:13px;line-height:1.3;
    color:#c8d5dd;min-height:44px;
  }
  .nav-layout-sidebar .site-header .desktop-nav a:hover,
  .nav-layout-sidebar .site-header .desktop-nav a[aria-current="page"]{
    background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.09);color:#fff;
  }
  .nav-layout-sidebar .site-header .desktop-nav a[aria-current="page"]{
    box-shadow:inset 3px 0 0 #ffa649!important;
  }
  .nav-layout-sidebar .site-header .btn-header{
    margin-top:auto;width:100%;min-height:48px;padding:12px 10px;
    align-self:stretch;justify-self:auto;text-align:center;
    white-space:normal;line-height:1.3;
  }
  .nav-layout-sidebar .site-header .mobile-toggle,
  .nav-layout-sidebar .site-header .mobile-nav{display:none!important}
  .nav-layout-sidebar .container{width:min(100% - 64px,1160px)}
  .nav-layout-sidebar .price-main{min-width:0}
  .nav-layout-sidebar .price-main .package-grid{min-width:0}
  /* Keep keyboard skip link visible within the content area. */
  .nav-layout-sidebar .skip-link:focus{left:252px}
}
/* At laptop/tablet widths keep the full-width classic header so the content has space. */
@media(max-width:1100px){
  body.nav-layout-sidebar{padding-left:0}
  .nav-layout-sidebar .nav-sidebar-home{display:none!important}
}
/* Mobile navigation behavior remains exactly as in the existing site. */