/* Shared site menu (Sellers page, blog, Export page), same as the homepage's:
   page links, a "Log in" pop-up for the three account types, the Sellers
   button, and a full-screen sheet on phones. Loaded after each page's own
   styles so it replaces the old "Menu" dropdown. */
.nav-links{flex:1;justify-content:center;}
.nav-actions{display:flex;align-items:center;gap:8px;}
.nav-actions .nav-cta,.nav-sheet .nav-cta{font-family:'Inter',sans-serif;font-size:13px;text-decoration:none;display:inline-block;}
.nav-login{position:relative;}
.nav-login-btn,.nav-burger{font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;border-radius:100px;transition:color 0.3s var(--ease-smooth),background 0.3s var(--ease-smooth);}
.nav-login-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;}
.nav-login-btn:hover,.nav-login.open .nav-login-btn{color:var(--text-primary);background:rgba(255,255,255,0.05);}
.nav-login-btn svg{width:11px;height:11px;transition:transform 0.3s var(--ease-out);}
.nav-login.open .nav-login-btn svg{transform:rotate(180deg);}
.nav-pop{position:absolute;top:calc(100% + 14px);right:0;width:290px;list-style:none;margin:0;padding:8px;border-radius:20px;
  background:rgba(14,15,22,0.94);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
  border:1px solid rgba(255,255,255,0.10);box-shadow:0 24px 60px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.06);
  opacity:0;visibility:hidden;transform:translateY(-6px) scale(0.98);transform-origin:top right;transition:opacity 0.25s var(--ease-out),transform 0.25s var(--ease-out),visibility 0.25s;}
.nav-login.open .nav-pop{opacity:1;visibility:visible;transform:none;}
.nav-pop a,.nav-sheet-logins a{display:block;padding:12px 14px;border-radius:13px;text-decoration:none;transition:background 0.2s;}
.nav-pop a:hover,.nav-sheet-logins a:hover{background:rgba(255,255,255,0.06);}
.nav-pop strong,.nav-sheet-logins strong{display:block;font-family:'Outfit',sans-serif;font-size:15px;font-weight:600;color:var(--text-primary);}
.nav-pop span,.nav-sheet-logins span{display:block;font-size:12.5px;color:var(--text-secondary);margin-top:2px;}
.nav-burger{display:none;width:42px;height:42px;position:relative;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.03);}
.nav-burger i{position:absolute;left:13px;right:13px;height:1.5px;border-radius:2px;background:var(--text-primary);transition:transform 0.35s var(--ease-out),opacity 0.2s;}
.nav-burger i:nth-child(1){top:15px;}.nav-burger i:nth-child(2){top:20px;}.nav-burger i:nth-child(3){top:25px;}
.nav-open .nav-burger i:nth-child(1){transform:translateY(5px) rotate(45deg);}
.nav-open .nav-burger i:nth-child(2){opacity:0;}
.nav-open .nav-burger i:nth-child(3){transform:translateY(-5px) rotate(-45deg);}
.nav-sheet{position:fixed;top:76px;left:12px;right:12px;z-index:999;max-height:calc(100vh - 92px);overflow-y:auto;padding:14px;border-radius:24px;
  background:rgba(12,13,20,0.96);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
  border:1px solid rgba(255,255,255,0.10);box-shadow:0 30px 70px rgba(0,0,0,0.7);
  opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.3s var(--ease-out),transform 0.3s var(--ease-out),visibility 0.3s;}
.nav-open .nav-sheet{opacity:1;visibility:visible;transform:none;}
.nav-sheet-links{list-style:none;margin:0;padding:0;}
.nav-sheet-links a{display:block;padding:14px 12px;font-family:'Outfit',sans-serif;font-size:22px;font-weight:600;color:var(--text-primary);text-decoration:none;border-radius:14px;}
.nav-sheet-links a:active{background:rgba(255,255,255,0.06);}
.nav-sheet-label{font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--silver-dim);margin:16px 12px 6px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.08);}
.nav-sheet .nav-cta{display:block;text-align:center;margin-top:14px;text-decoration:none;font-family:'Outfit',sans-serif;}
/* The logo is a link back home on these pages: no underline. */
.nav-logo{text-decoration:none;}
/* Sellers button: the silver pill, also on older pages that lack the style. */
.nav-actions .nav-cta,.nav-sheet .nav-cta{
  background:var(--silver-shine,linear-gradient(135deg,#ffffff 0%,#c0c0c0 25%,#f0f0f0 50%,#a0a0a0 75%,#ffffff 100%));
  color:#000!important;font-weight:700!important;padding:12px 28px!important;border-radius:100px!important;
  box-shadow:0 4px 20px rgba(255,255,255,0.15),inset 0 1px 0 rgba(255,255,255,0.4);}
.nav-actions .nav-cta:hover{box-shadow:0 8px 40px rgba(255,255,255,0.25),inset 0 1px 0 rgba(255,255,255,0.5);}
/* Hide the chat bubble while the phone menu is open, so it never covers the menu's buttons. */
.nav-open #hxc-bubble,.nav-open .hxc-bubble{opacity:0;pointer-events:none;}
/* Old dropdown styles some pages still carry: neutralise them. */
.nav-links > li{display:list-item;}
@media(max-width:900px){
  nav{padding:0 24px;height:64px;}
  .nav-links,.nav-login{display:none!important;}
  .nav-burger{display:block;}
  .nav-actions .nav-cta{padding:10px 20px!important;}
  .nav-sheet{top:74px;}
}