:root{ --mm-teal:var(--sb-teal,#5cc0ff); --mm-grad:var(--sb-grad,linear-gradient(135deg,#5cc0ff,#9fd4ff)); --mm-glow:var(--sb-glow,rgba(255,255,255,.35)); }

  /* no-flash: hide trimmed rows before JS removes them */
  .mm-links a[href*="/my-account"],.mm-links a[href*="/cart"],.mm-links a[href*="/disclaimer"]{display:none!important}
  .mobile-menu .mm-head .mm-title{display:none!important}

  /* overlay: dim + blur */
  #navOverlay{background:rgba(4,8,12,.60)!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}

  /* panel */
  .mobile-menu{
    width:min(87vw,362px)!important;max-width:none!important;
    background:linear-gradient(180deg,#0d141d 0%,#080d13 60%)!important;
    border-left:1px solid rgba(255,255,255,.16)!important;
    box-shadow:-34px 0 90px -24px rgba(0,0,0,.75)!important;
    transition:transform .44s cubic-bezier(.16,.84,.3,1)!important;
    display:flex!important;flex-direction:column!important;
  }
  .mobile-menu::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--mm-grad);opacity:.5;pointer-events:none}

  /* header row: logo + close */
  .mm-head{padding:18px 18px 16px!important;border-bottom:1px solid var(--line)!important;align-items:center!important}
  .mm-logo img{height:28px;display:block}
  .mm-head .x,.mm-x{width:40px;height:40px;display:grid!important;place-items:center;border:1px solid var(--line2);border-radius:50%;color:var(--muted)!important;font-size:20px!important;transition:.2s;background:rgba(255,255,255,.02)}
  .mm-head .x:hover,.mm-x:hover{color:#fff!important;border-color:var(--mm-teal);background:rgba(255,255,255,.08)}

  /* nav rows */
  .mm-links{padding:16px 14px 12px!important;gap:5px!important;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .mm-links a{
    display:flex!important;align-items:center;gap:14px;
    font-family:var(--display);font-size:16px!important;font-weight:600!important;
    color:var(--txt)!important;background:transparent!important;
    padding:15px 16px!important;border:1px solid transparent!important;border-bottom:0!important;
    border-radius:14px!important;position:relative;cursor:pointer;
    opacity:0;transform:translateX(16px);
    transition:background .2s ease,color .2s ease,border-color .2s ease,transform .5s cubic-bezier(.16,.84,.3,1),opacity .5s ease!important;
  }
  .mobile-menu.show .mm-links a{opacity:1;transform:none}
  .mobile-menu.show .mm-links a:nth-child(1){transition-delay:.05s}
  .mobile-menu.show .mm-links a:nth-child(2){transition-delay:.09s}
  .mobile-menu.show .mm-links a:nth-child(3){transition-delay:.13s}
  .mobile-menu.show .mm-links a:nth-child(4){transition-delay:.17s}
  .mobile-menu.show .mm-links a:nth-child(5){transition-delay:.21s}
  .mobile-menu.show .mm-links a:nth-child(6){transition-delay:.25s}
  .mm-links a:hover,.mm-links a:active,.mm-links a:focus{
    background:rgba(255,255,255,.09)!important;color:#fff!important;
    border-color:rgba(255,255,255,.22)!important;padding-left:18px!important}
  .mm-links a .mm-ic{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;
    border-radius:10px;background:rgba(255,255,255,.10);color:var(--mm-teal)}
  .mm-links a .mm-ic svg{width:18px;height:18px}
  .mm-links a .mm-tx{flex:1}
  .mm-links a::after{content:"";position:absolute;right:16px;width:7px;height:7px;
    border-right:2px solid var(--muted);border-top:2px solid var(--muted);
    transform:rotate(45deg);opacity:.45;transition:.2s}
  .mm-links a:hover::after{border-color:var(--mm-teal);opacity:1;right:13px}

  /* footer: CTA + social */
  .mm-foot{margin-top:auto;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
  .mm-foot .mm-cta{display:flex;align-items:center;justify-content:center;gap:9px;
    background:var(--mm-grad);color:#0c1a2b;font-family:var(--display);font-weight:700;font-size:15px;
    padding:14px;border-radius:100px;text-decoration:none;box-shadow:0 10px 26px -12px var(--mm-glow);transition:transform .18s ease,filter .18s ease}
  .mm-foot .mm-cta:hover{transform:translateY(-1px);filter:brightness(1.06)}
  .mm-foot .mm-cta svg{width:17px;height:17px}
  .mm-social{display:flex;align-items:center;justify-content:space-between}
  .mm-social a{color:var(--muted);font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:.18s}
  .mm-social a:hover{color:var(--mm-teal)}
  .mm-social a svg{width:17px;height:17px}
  .mm-note{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}

  body.sb-menu-open{overflow:hidden}