/* SellMacBook.in V5.2 — mobile navigation visual redesign, loaded after V5.1 */
@media(max-width:800px){
  body:has(#mobileNav:not([hidden])){overflow:hidden}
  body:has(#mobileNav:not([hidden]))::after{content:"";position:fixed;inset:0;background:rgba(12,16,35,.38);z-index:28;pointer-events:none}
  .site-header{z-index:35!important;overflow:visible!important}
  .site-header .nav-wrap{position:relative;z-index:2;background:#fff}
  .site-header .menu-btn{border:1px solid #e5e8f1;border-radius:12px;background:#f6f7fb;color:#22263b;width:42px;height:42px;font-size:19px;line-height:1;flex:none}
  .site-header .menu-btn[aria-expanded="true"]{background:#f0ecff;border-color:#dcd1ff;color:#644ed3}
  .site-header .mobile-nav:not([hidden]){display:flex!important;position:fixed!important;top:calc(66px + 27px)!important;right:10px!important;left:auto!important;width:min(342px,calc(100vw - 20px));max-height:min(620px,calc(100dvh - 118px))!important;overflow-y:auto!important;overscroll-behavior:contain;flex-direction:column!important;gap:2px!important;padding:16px!important;background:#fff!important;border:1px solid #e9e9f3!important;border-radius:20px!important;box-shadow:0 24px 62px rgba(21,21,48,.23)!important;z-index:40!important;animation:smbMenuOpen .18s ease-out}
  .site-header .mobile-nav::before{content:"Explore SellMacBook";display:block;font-size:11px;font-weight:800;color:#8472cb;letter-spacing:.09em;text-transform:uppercase;padding:5px 10px 10px}
  .site-header .mobile-nav a{display:flex!important;align-items:center!important;min-height:42px!important;border:0!important;border-radius:11px!important;padding:10px 12px!important;margin:0!important;color:#26283b!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;white-space:normal!important;transition:background .14s,color .14s}
  .site-header .mobile-nav a:hover,.site-header .mobile-nav a:focus-visible{background:#f6f3ff!important;color:#644ed3!important}
  .site-header .mobile-nav a[href="/account"]{background:#f2edff!important;color:#5e47c9!important;margin-top:5px!important;justify-content:center!important}
  .site-header .mobile-nav a[href="/articles"]{margin-top:5px!important}
  .site-header .mobile-nav a[href="/articles"]::before{content:"✎";margin-right:9px;color:#7457ce}
  .site-header .mobile-nav a[href="/about"]::before{content:"ⓘ";margin-right:9px;color:#7457ce}
  .site-header .mobile-nav a[href="/contact"]::before{content:"✉";margin-right:9px;color:#7457ce}
  @keyframes smbMenuOpen{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:480px){
  .site-header .mobile-nav:not([hidden]){top:calc(62px + 27px)!important;max-height:calc(100dvh - 108px)!important}
  .site-header .menu-btn{width:38px;height:38px;font-size:18px}
  .site-header .location-trigger{border:1px solid #e9e0ff;border-radius:11px}
  .site-header .brand{min-width:0}
  .site-header .header-actions{gap:6px}
  .site-header .mobile-nav a{min-height:40px!important}
}
@media(prefers-reduced-motion:reduce){.site-header .mobile-nav:not([hidden]){animation:none!important}}