/* ── Wevyt Global Responsive Fix ─────────────────────────────── */
html { -webkit-text-size-adjust: 100%; overflow-x: clip; }
body { -webkit-text-size-adjust: 100%; max-width: 100vw; overflow-x: clip; }
img { max-width: 100%; height: auto; }
* { -webkit-tap-highlight-color: transparent; }

/* Shared topbar hamburger */
.hbg { display: none; flex-direction: column; gap: 5px; cursor: pointer;
       padding: 8px; background: none; border: none; z-index: 30; flex-shrink:0; }
.hbg span { display: block; width: 22px; height: 2px; background: #fff;
            border-radius: 2px; transition: all .3s; }
.hbg.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hbg.open span:nth-child(2) { opacity: 0; }
.hbg.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.mob-nav { display: none; position: fixed; inset: 64px 0 0;
           background: rgba(5,5,5,.98); backdrop-filter: blur(16px);
           z-index: 25; flex-direction: column; align-items: center;
           justify-content: center; gap: 28px; }
.mob-nav.open { display: flex; }
.mob-nav a { color: #fff; font-size: 1rem; font-weight: 800;
             text-transform: uppercase; letter-spacing: .06em; opacity: .8; text-decoration:none; }
.mob-nav a:hover { opacity: 1; }
.mob-nav .mb-btn { padding: 10px 28px; border-radius: 999px;
                   border: 1px solid rgba(255,255,255,.4); opacity: 1; }
.mob-nav .mb-reg { background: #fff; color: #000 !important; border-color: #fff; }

@media (max-width: 600px) {
  .hbg { display: flex; }
  .hide-mob { display: none !important; }
  .wrap, .card { padding-left: 16px !important; padding-right: 16px !important; }
  h1 { font-size: clamp(1.6rem, 7vw, 2.2rem) !important; }
  .topbar, header { padding-left: 16px !important; padding-right: 16px !important; }

  /* Cart page */
  .cart-layout { grid-template-columns: 1fr !important; }
  .cart-item { grid-template-columns: 72px 1fr auto !important; gap: 12px !important; }
  .cart-item img { width: 72px !important; height: 72px !important; }
  .summary { position: static !important; }

  /* Dashboard */
  .grid { grid-template-columns: 1fr !important; }
  .stats { grid-template-columns: repeat(2,1fr) !important; }
  .payment-row { grid-template-columns: 1fr auto !important; }
  .p-id, .p-method { display: none !important; }
  .edit-form .row { grid-template-columns: 1fr !important; }

  /* Login / Register */
  .card { padding: 32px 20px !important; border-radius: 12px !important; }
  .row { grid-template-columns: 1fr !important; }

  /* Wishlist */
  .wish-grid { grid-template-columns: 1fr !important; }

  /* Footer payment strip */
  .payment-strip { gap: 6px !important; }
  .pay-badge { height: 24px !important; }
}

@media (max-width: 400px) {
  .stats { grid-template-columns: 1fr !important; }
}