/* RH 风格顶栏 + 右侧抽屉 */
.hdr{position:sticky;top:0;z-index:80;background:rgba(11,11,12,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,242,234,.1)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:1320px;margin:0 auto;padding:.85rem clamp(1rem,3vw,2.2rem)}
.nav .logo{font:600 12px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--paper);text-decoration:none}
.nav .logo i{font-style:normal;color:#d8402c;font-size:8px;letter-spacing:.2em;vertical-align:super;margin-left:.25rem}
.nav__right{display:flex;align-items:center;gap:.35rem}
.nav__ic{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:34px;color:rgba(245,242,234,.82);text-decoration:none;border:1px solid transparent}
.nav__ic:hover{color:var(--paper);border-color:rgba(245,242,234,.22)}
.nav__cart span{position:absolute;top:-2px;right:-2px;background:#d8402c;color:#fff;font:600 8px/1 var(--sans);padding:.2rem .3rem;min-width:1rem;text-align:center;letter-spacing:0}
.nav__burger{width:38px;height:34px;background:none;border:1px solid transparent;cursor:pointer;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.nav__burger span{display:block;width:17px;height:1px;background:var(--paper)}
.nav__burger:hover{border-color:rgba(245,242,234,.22)}

.navdrawer{position:fixed;inset:0;height:100dvh;width:100vw;z-index:120}
.navdrawer__scrim{position:absolute;inset:0;background:rgba(6,6,7,.62);backdrop-filter:blur(2px)}
.navdrawer__panel{position:absolute;top:0;right:0;bottom:0;height:100dvh;max-height:100dvh;width:min(560px,92vw);background:#0b0b0c;border-left:1px solid rgba(245,242,234,.12);
  display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s ease;overflow-y:auto}
.navdrawer.on .navdrawer__panel{transform:translateX(0)}
.navdrawer__hd{display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(1rem,3vw,1.6rem);border-bottom:1px solid rgba(245,242,234,.1)}
.navdrawer__x{background:none;border:0;color:rgba(245,242,234,.7);font-size:22px;line-height:1;cursor:pointer;padding:.2rem .5rem}
.navdrawer__search{display:flex;gap:.5rem;padding:1rem clamp(1rem,3vw,1.6rem);border-bottom:1px solid rgba(245,242,234,.1)}
.navdrawer__search input{flex:1;background:#111113;border:1px solid rgba(245,242,234,.18);color:var(--paper);padding:.7rem .8rem;font:400 .9rem/1 var(--sans)}
.navdrawer__search input:focus{outline:none;border-color:rgba(216,64,44,.7)}
.navdrawer__search button{background:#17171a;border:1px solid rgba(245,242,234,.18);color:var(--paper);padding:0 .9rem;cursor:pointer}
.navdrawer__body{display:grid;grid-template-columns:1.25fr .75fr;gap:1.4rem;padding:1.2rem clamp(1rem,3vw,1.6rem) 1.6rem}
.navdrawer__lbl{font:600 8px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:rgba(245,242,234,.38);margin:0 0 .7rem}
.navdrawer__col > .navdrawer__lbl:not(:first-child){margin-top:1.5rem}
.navdrawer__list{list-style:none;margin:0 0 .6rem;padding:0}
.navdrawer__list li{margin:0}
.navdrawer__list a{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;padding:.5rem 0;color:rgba(245,242,234,.82);
  text-decoration:none;font:400 .95rem/1.3 var(--serif);border-bottom:1px solid rgba(245,242,234,.07)}
.navdrawer__list a:hover{color:var(--paper)}
.navdrawer__list a.on{color:#ff8a72}
.navdrawer__list i{font-style:normal;font:600 8px/1 var(--sans);letter-spacing:.14em;color:rgba(245,242,234,.32)}
.navdrawer__list--2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.navdrawer__more{display:inline-block;margin-top:.5rem;font:600 8.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#ff8a72;text-decoration:none;border-bottom:1px solid rgba(255,138,114,.4);padding-bottom:.3rem}
.navdrawer__ft{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem clamp(1rem,3vw,1.6rem);border-top:1px solid rgba(245,242,234,.1);margin-top:auto}
.navdrawer__ft a{font:600 8px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:rgba(245,242,234,.5);text-decoration:none}
.navdrawer__ft a:hover{color:var(--paper)}
@media(max-width:820px){
  .navdrawer__body{grid-template-columns:1fr}
  .navdrawer__list--2{grid-template-columns:1fr 1fr}
}