/* ============================================================
   VEX MOBILE — single clean source (burger panel only)
   ============================================================ */
@media (max-width: 768px) {
  .container { padding-left: 16px !important; padding-right: 16px !important; }
  html, body { overflow-x: hidden !important; }

  /* header pill */
  header > div { position: relative !important; padding: 8px 10px !important; gap: 8px !important; border-radius: 18px !important; }
  header a[href="/"] > div:last-child > div:last-child { display: none !important; } /* hide brand subtitle */

  /* inline nav ALWAYS hidden on mobile (replaced by .vex-mpanel) */
  header nav { display: none !important; }

  /* hide non-cart cluster items (auth CTAs / account chip) — they go into the panel */
  .vex-hide-mobile { display: none !important; }

  /* burger */
  .vex-burger { display: inline-flex !important; align-items:center; justify-content:center;
    width:42px; height:42px; flex-shrink:0; border-radius:12px; border:1px solid var(--line-2);
    background:#fff; cursor:pointer; padding:0; }
  .vex-burger span { position:relative; width:18px; height:2px; background:var(--ink); border-radius:2px; transition:.2s; }
  .vex-burger span::before, .vex-burger span::after { content:''; position:absolute; left:0; width:18px; height:2px; background:var(--ink); border-radius:2px; transition:.2s; }
  .vex-burger span::before { top:-6px; } .vex-burger span::after { top:6px; }
  header.vex-nav-open .vex-burger span { background:transparent; }
  header.vex-nav-open .vex-burger span::before { top:0; transform:rotate(45deg); }
  header.vex-nav-open .vex-burger span::after  { top:0; transform:rotate(-45deg); }

  /* dropdown panel — full width under the pill */
  .vex-mpanel {
    display: none;
    position: absolute; top: calc(100% + 10px); left: 0; right: 0;
    background: #fff; border: 1px solid var(--line); border-radius: 20px;
    box-shadow: 0 28px 70px rgba(11,11,14,0.22);
    padding: 10px; z-index: 300; max-height: 78vh; overflow-y: auto;
    flex-direction: column; gap: 2px;
  }
  header.vex-nav-open .vex-mpanel { display: flex; }
  .vex-mlink {
    display: block; width: 100%; box-sizing: border-box; text-align: left;
    padding: 15px 18px; border-radius: 13px; font: 600 16px var(--font-ui);
    color: var(--ink); background: transparent; border: none; cursor: pointer;
    text-decoration: none; white-space: nowrap;
  }
  .vex-mlink:active { background: rgba(11,11,14,0.05); }
  .vex-mcta { background:#0b0b0e !important; color:#fff !important; text-align:center !important; margin-top:6px; }
  .vex-mred { color: var(--vex-red) !important; }
  .vex-mdiv { height:1px; background:var(--line); margin:8px 6px; }
  .vex-minfo { padding:8px 18px 4px; font-size:13px; color:var(--muted); }
  .vex-minfo strong { color:var(--ink); display:block; font-size:14px; }
  .vex-minfo span { color:#0f9d6b; font-family:var(--font-mono); font-size:11px; }

  /* GRIDS → single column */
  [style*="grid-template-columns: repeat(2"],[style*="grid-template-columns: repeat(3"],
  [style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns: 1.4fr 1fr"],[style*="grid-template-columns: 1.2fr 1fr"],
  [style*="grid-template-columns: 320px"],[style*="grid-template-columns: 300px"],
  [style*="grid-template-columns: 280px"],[style*="grid-template-columns: 260px"],
  [style*="grid-template-columns: 1fr 380px"],[style*="grid-template-columns: 1fr 340px"],
  [style*="grid-template-columns: 1fr 360px"],[style*="grid-template-columns: 1fr 280px"],
  [style*="grid-template-columns: 400px"] { grid-template-columns: 1fr !important; }

  /* fonts */
  [style*="font-size: 36px"],[style*="font-size: 38px"],[style*="font-size: 40px"],
  [style*="font-size: 42px"],[style*="font-size: 44px"],[style*="font-size: 46px"],
  [style*="font-size: 48px"],[style*="font-size: 52px"],[style*="font-size: 56px"],
  [style*="font-size: 60px"],[style*="font-size: 64px"],[style*="font-size: 72px"] {
    font-size: clamp(26px, 8vw, 40px) !important; line-height: 1.1 !important;
  }

  /* paddings / gaps */
  [style*="padding: 60px 32px"],[style*="padding: 0px 32px"],[style*="padding: 80px 32px"],
  [style*="padding: 0px 24px"],[style*="padding: 40px 36px"] { padding-left:16px !important; padding-right:16px !important; }
  [style*="padding-bottom: 100px"] { padding-bottom:48px !important; }
  [style*="padding-bottom: 80px"] { padding-bottom:40px !important; }
  [style*="padding: 48px"],[style*="padding: 40px"],[style*="padding: 36px"] { padding:22px !important; }
  [style*="padding: 28px"],[style*="padding: 32px"] { padding:18px !important; }
  [style*="gap: 60px"],[style*="gap: 56px"],[style*="gap: 48px"] { gap:18px !important; }
  [style*="position: sticky"][style*="top: 96px"],[style*="position: sticky"][style*="top: 16px"] { position:static !important; }
}

@media (max-width: 1024px) { aside[style*="width: 264px"] { display:none !important; } }