@import url('/assets/css/home-mobile.css?v=20260915-1');

/* Canonical compact-header navigation for tablet portrait and mobile.
   This component is opt-in through .mobile-nav markup and owns its own panel. */
.mobile-nav{display:none}
.mobile-nav__summary{list-style:none}
.mobile-nav__summary::-webkit-details-marker{display:none}
.mobile-nav__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

@media(max-width:1100px){
  header>.shell{position:relative}
  header>.shell>.nav{display:none}
  .mobile-nav{display:block;margin-left:auto;position:relative;z-index:60}
  .mobile-nav__summary{width:46px;height:46px;border:1px solid rgba(201,154,61,.46);border-radius:8px;display:grid;place-items:center;background:#fff;cursor:pointer;box-sizing:border-box}
  .mobile-nav__summary:focus-visible{outline:2px solid rgba(140,105,31,.48);outline-offset:3px}
  .mobile-nav__icon,.mobile-nav__icon::before,.mobile-nav__icon::after{display:block;width:20px;height:1.5px;background:#5c4a34;transition:transform .18s ease,opacity .18s ease}
  .mobile-nav__icon{position:relative}
  .mobile-nav__icon::before,.mobile-nav__icon::after{content:'';position:absolute;left:0}
  .mobile-nav__icon::before{top:-6px}
  .mobile-nav__icon::after{top:6px}
  .mobile-nav[open] .mobile-nav__icon{background:transparent}
  .mobile-nav[open] .mobile-nav__icon::before{top:0;transform:rotate(45deg)}
  .mobile-nav[open] .mobile-nav__icon::after{top:0;transform:rotate(-45deg)}
  .mobile-nav__panel{position:absolute;top:56px;right:0;width:min(310px,calc(100vw - 32px));padding:12px;border:1px solid rgba(201,154,61,.38);border-radius:12px;background:#fff;box-shadow:0 18px 42px rgba(43,33,22,.16);display:grid;gap:3px}
  .mobile-nav__panel a,.mobile-nav__panel button{min-height:44px;width:100%;display:flex;align-items:center;padding:0 14px;border:0;border-radius:7px;background:transparent;color:#2f2b27;font:500 13px/1.2 var(--sans);text-decoration:none;box-sizing:border-box;text-align:left;cursor:pointer}
  .mobile-nav__panel a[aria-current="page"]{color:var(--gold-dark);background:rgba(201,154,61,.08)}
  .mobile-nav__panel a:hover,.mobile-nav__panel button:hover{background:rgba(201,154,61,.08);color:var(--gold-dark)}
  .mobile-nav__panel .mobile-nav__book{margin-top:6px;background:#cf9b32;color:#fff;justify-content:center;font-weight:600}
  .mobile-nav__panel .mobile-nav__book:hover{background:#b88933;color:#fff}
}

@media(max-width:420px){
  header>.shell>a:first-child{width:190px;flex-basis:190px}
  header .logo{width:190px;max-width:190px;height:56px;max-height:56px}
}

@media(max-width:360px){
  header>.shell>a:first-child{width:168px;flex-basis:168px}
  header .logo{width:168px;max-width:168px}
}