/* Preview 2026-09-19: existing navigation, consistent across pages. */

.mobile-nav{display:none}
@media (max-width:980px){
  .nav{position:relative;z-index:50}
  .nav-inner{
    display:block!important;
    padding-top:12px!important;
    padding-bottom:10px!important;
  }
  .brand-stack{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .brand-silhouette{
    width:96px!important;
    max-height:40px!important;
    margin-bottom:2px!important;
    object-fit:contain!important;
  }
  .brand-stack span{
    display:block!important;
    white-space:nowrap!important;
    font-size:clamp(1.72rem,7.8vw,2.15rem)!important;
    line-height:1!important;
    letter-spacing:.12em!important;
  }
  .brand-stack .brand-subline{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin-top:5px!important;
    white-space:nowrap!important;
    font-size:clamp(.82rem,3.65vw,1.02rem)!important;
    line-height:1.18!important;
    letter-spacing:.11em!important;
  }
  .nav-links{display:none!important}
  .mobile-nav{
    display:block!important;
    position:relative!important;
    z-index:60!important;
    width:max-content!important;
    max-width:100%!important;
    margin:10px 0 0 auto!important;
  }
  .mobile-nav summary{
    list-style:none;
    cursor:pointer;
    user-select:none;
    border:1px solid rgba(31,57,42,.28);
    border-radius:999px;
    padding:9px 13px;
    background:#f7f0e4;
    color:#20392a;
    font-weight:700;
    font-size:.92rem;
    line-height:1;
    box-shadow:0 6px 18px rgba(31,57,42,.09);
  }
  .mobile-nav summary::-webkit-details-marker{display:none}
  .mobile-nav summary::after{content:" ☰";font-size:1.05em}
  .mobile-nav[open] summary::after{content:" ×"}
  .mobile-menu{
    position:absolute;
    right:0;
    top:calc(100% + 10px);
    width:min(82vw,320px);
    display:flex;
    flex-direction:column;
    gap:2px;
    padding:10px;
    border:1px solid rgba(31,57,42,.18);
    border-radius:16px;
    background:#f7f0e4;
    box-shadow:0 18px 45px rgba(20,35,25,.20);
  }
  .mobile-menu a{
    display:block;
    padding:12px 13px;
    border-radius:10px;
    color:#20392a;
    text-decoration:none;
    font-weight:700;
  }
  .mobile-menu a:hover,.mobile-menu a:focus{background:#e9dfcf}
  .mobile-menu .shop-link{background:#20392a;color:#fffaf1}
}
@media (max-width:390px){
  .nav .brand-silhouette{width:84px!important}
  .nav .brand-stack span{font-size:1.58rem!important;letter-spacing:.105em!important}
  .nav .brand-stack .brand-subline{font-size:.80rem!important;letter-spacing:.085em!important}
  .mobile-nav summary{padding:8px 11px;font-size:.88rem}
}
/* Keep the existing menu usable on short landscape screens. */
@media (max-width:980px){
  .mobile-menu{max-height:calc(100dvh - 160px);overflow-y:auto}
}