/* Shared header sizing and responsive layout for signed-in account pages. */
.hdr{height:84px}
.hdr-inner{height:100%;padding-right:24px;padding-left:24px}
.hdr-logo-btn{width:42px;height:42px}
.hdr-logo-btn .logo-icon-default{width:42px;height:42px}
.hdr-r{gap:6px}
.hdr-nav-link{padding-right:12px;padding-left:12px;font-size:16px;font-weight:400;gap:10px}
.nav-icon{width:25px;height:25px;opacity:1}
.hdr-nav-link:first-child,.hdr-nav-link:first-child .nav-text{font-size:16px;font-weight:400}
.hdr-nav-link:first-child .nav-icon{width:22.5px;height:22.5px}
.cart-icon-wrap{width:42px;height:42px;margin-left:4px}
.cart-icon-wrap img{width:25px;height:25px;opacity:1!important}
.cart-badge{top:0;right:0;min-width:17px;width:auto;height:17px;padding:0 4px;border-radius:9px;background:#4d5fa0;font-size:10px;line-height:17px;box-sizing:border-box}

@media(max-width:980px){
  html.mobile-menu-open,body.mobile-menu-open{overflow:hidden;overscroll-behavior:none}
  body.mobile-menu-open{position:fixed;right:0;left:0;width:100%}
  .hdr{position:fixed;top:0;right:0;left:0;z-index:202;height:72px}
  body{padding-top:72px}
  .hdr-inner{position:relative;padding-right:16px;padding-left:16px;gap:0}
  .hdr-l{flex:1 1 auto;gap:0}
  .hdr-hamburger{order:1;width:38px;height:38px}
  .hdr-hamburger{position:relative;z-index:2;flex:0 0 38px;flex-direction:column;overflow:visible;line-height:normal}
  .hdr-hamburger svg{display:none}
  .hdr-hamburger span,.hdr-hamburger::before,.hdr-hamburger::after{display:block;flex:none;width:19px;min-width:19px;height:2px;min-height:2px;border-radius:1px;background:#111;content:"";transform-origin:center;transition:transform .2s,opacity .2s}
  .hdr-hamburger span{margin:4px 0}
  .hdr-hamburger[aria-expanded="true"]::before,.hdr-hamburger.is-open::before{transform:translateY(6px) rotate(45deg)}
  .hdr-hamburger[aria-expanded="true"] span,.hdr-hamburger.is-open span{opacity:0}
  .hdr-hamburger[aria-expanded="true"]::after,.hdr-hamburger.is-open::after{transform:translateY(-6px) rotate(-45deg)}
  .hdr-hamburger:hover{background:transparent}
  .hdr-logo-btn{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:0;transform:translate(-50%,-50%)}
  .hdr-logo-btn .logo-icon-default{width:40px;height:40px}
  .hdr-logo-btn:hover{background:transparent}
  .hdr-logo-btn:hover .logo-icon-default{display:block}
  .hdr-logo-btn:hover .logo-icon-hover{display:none}
  .creator-badge,.creator-sep{display:none!important}
  .hdr-r{gap:18px}
  .hdr-nav-link{width:40px;height:40px;padding:0;justify-content:center;gap:0}
  .hdr-r .hdr-nav-link{display:none!important}
  .hdr-nav-link:first-child{border-radius:5px;background:#fff}
  .hdr-nav-link:first-child .nav-icon{width:21px;height:21px}
  .nav-icon{width:23px;height:23px}
  .cart-icon-wrap{width:40px;height:40px;margin-left:0}
  .cart-icon-wrap img{width:23px;height:23px}
  .cart-badge{top:-1px;right:-1px}
  .mob-overlay{top:0;background:#fff;overflow:hidden;overscroll-behavior:none}
  .mob-drawer{top:72px;padding:8px 20px 16px;box-shadow:none;overflow:hidden;overscroll-behavior:none}
  .mob-drawer-close{display:none}
  .mob-section{margin:0}
  .mob-section + .mob-section{border-top:1px solid #e2e2e2}
  .mob-heading{display:none}
  .mob-link{height:52px;box-sizing:border-box;display:flex;align-items:center;padding:0 4px;border-bottom:0;color:var(--text2,#5c5a56);font-size:15px;font-weight:400}
  .mob-link:hover,.mob-link.active{background:transparent;color:var(--text,#1a1917);font-weight:400}
  .mob-signout-btn{width:100%;height:40px;box-sizing:border-box;margin:10px 0 0;padding:0 12px;border:1.5px solid #c62828;border-radius:8px;background:#fff;color:#c62828;font-size:15px;font-weight:700;text-align:center}
  .mob-signout-btn:hover,.mob-signout-btn:focus-visible,.mob-signout-btn:active{background:#c62828;border-color:#c62828;color:#fff}
}

@media(max-width:430px){
  .hdr-r{gap:15px}
}