[hidden] { display: none !important; }

/* Currency switch (₦ / $) in the nav */
@media (min-width: 901px) { nav#main-nav .nav-links { margin: 0 auto; } }
.nav-cur {
  display: inline-flex; align-items: center; height: 32px; padding: 0 12px; margin-right: 10px;
  border: 0.5px solid currentColor; border-radius: 16px; background: transparent; color: inherit;
  font: 400 11px/1 'DM Mono', monospace; letter-spacing: .08em; cursor: pointer; opacity: .8;
}
.nav-cur { gap: 6px; }
.nav-cur span { opacity: .45; }
.nav-cur span.on { opacity: 1; font-weight: 500; }
.nav-cur i { font-style: normal; opacity: .35; }
.nav-cur:hover { opacity: 1; }
/* Price guide under the artwork price, and the WhatsApp button */
.awd-price-alt { margin: -20px 0 24px; font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: .06em; color: rgba(10,9,6,.45); }
.awd-price-alt:empty { display: none; }
.awd-actions .awd-whatsapp { justify-content: center; text-decoration: none; }
/* ════════════════════════════════════════════════════════════════════
   Snow Africa Art — phone & tablet layout
   The original single-file build was desktop-only. These rules adapt the
   existing layouts without changing their desktop appearance.
   ════════════════════════════════════════════════════════════════════ */

.nav-menu-btn { display: none; }

@media (max-width: 900px) {
  /* nav: links fold into a menu */
  nav#main-nav { padding-left: 16px !important; padding-right: 16px !important; gap: 12px; }
  nav#main-nav .nav-full { display: none; }
  .nav-cur { margin-left: auto; margin-right: 0; height: 32px; padding: 0 10px; }
  .nav-cur:not([hidden]) + .nav-menu-btn { margin-left: 8px; }
  .nav-menu-btn {
    display: inline-flex; align-items: center; justify-content: center; margin-left: auto;
    height: 32px; padding: 0 12px; border: 0.5px solid currentColor; border-radius: 16px;
    background: transparent; color: inherit; font: 500 10px/1 'DM Mono', monospace; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;
  }
  nav#main-nav .nav-links { display: none !important; }
  nav#main-nav.nav-open .nav-links {
    display: flex !important; flex-direction: column; align-items: flex-start; gap: 0;
    position: fixed; top: 52px; left: 0; right: 0; padding: 8px 20px 20px;
    background: var(--cream); border-bottom: 0.5px solid rgba(10,9,6,.1); box-shadow: 0 16px 30px rgba(10,9,6,.08); z-index: 999;
  }
  nav#main-nav.nav-open .nav-links a { padding: 14px 0; width: 100%; color: var(--ink) !important; border-bottom: 0.5px solid rgba(10,9,6,.06); }
  .nav-cta { white-space: nowrap; }

  /* page gutters: 80px desktop padding → 20px */
  .page section, .browse-header, .ex-main-wrap, .step-bar, .home-featured, .ap-hero, .ap-bio-section,
  .ap-works-section, .saa-footer-inner, .checkout-form-panel, .checkout-order-panel, .dash-main {
    padding-left: 20px !important; padding-right: 20px !important;
  }

  /* two-column pages stack */
  .awd-wrap, .checkout-layout, .auth-wrap, .ap-hero, .ap-bio-section { grid-template-columns: 1fr !important; }
  .awd-wrap { min-height: 0; }
  .awd-image { min-height: 0 !important; height: auto !important; padding: 24px 20px !important; display: flex; justify-content: center; }
  .awd-img-inner { width: 100% !important; max-width: 420px; aspect-ratio: 4/5; height: auto !important; max-height: 62vh; }
  .awd-img-inner.is-framed { aspect-ratio: var(--ar) !important; max-width: 100%; max-height: none; }
  .awd-image:has(.awd-frame-switch) { position: relative; padding-bottom: 64px !important; }
  .awd-frame-switch { bottom: 14px; }
  .awd-info { padding: 28px 20px 48px !important; }
  .awd-title { font-size: clamp(34px, 9vw, 52px) !important; line-height: 1.05; }
  .awd-actions { flex-wrap: wrap; }
  .awd-actions button { flex: 1 1 100%; }

  .auth-left { display: none !important; }
  .auth-right { padding: 72px 20px 40px !important; }

  .ap-hero { gap: 28px !important; padding-top: 48px !important; padding-bottom: 48px !important; min-height: 0 !important; }
  .ap-avatar { width: 140px !important; height: 140px !important; }
  .ap-name { font-size: clamp(42px, 12vw, 64px) !important; }
  .ap-stats { grid-template-columns: repeat(3, 1fr) !important; }
  .ap-stat { padding: 20px 16px !important; }

  /* card grids: 2 across on tablets */
  .home-art-grid, .artwork-grid-3, .artwork-grid-4, .collection-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
  .home-stats { grid-template-columns: repeat(2, 1fr) !important; }
  .home-stat { padding: 28px 20px !important; }

  /* browse: filters above the grid */
  .browse-header { flex-direction: column; align-items: flex-start !important; gap: 20px; padding-top: 32px !important; }
  .browse-controls { flex-wrap: wrap; width: 100%; }
  .browse-controls > * { flex: 1 1 140px; }
  .browse-layout { flex-direction: column; }
  .browse-sidebar { width: 100% !important; display: flex; overflow-x: auto; gap: 24px; border-right: 0 !important; border-bottom: 0.5px solid rgba(10,9,6,.08); padding: 16px 20px !important; }
  .browse-sidebar .filter-section { min-width: 170px; border: 0 !important; padding: 0 !important; }
  .browse-grid-wrap { padding: 20px !important; }

  /* checkout */
  .step-bar { overflow-x: auto; }
  .step-item span { display: none; }
  .step-item.s-active span { display: inline; }
  .checkout-order-panel { border-left: 0 !important; border-top: 0.5px solid rgba(10,9,6,.08); }

  /* dashboard: sidebar becomes a top strip */
  .dash-wrap { flex-direction: column; }
  .dash-sidebar { width: 100% !important; height: auto !important; position: static !important; flex-direction: row !important; overflow-x: auto; padding: 8px 12px !important; }
  .dash-sidebar .ds-section-lbl { display: none; }
  .dash-sidebar .ds-item { white-space: nowrap; margin-top: 0 !important; }
  .dash-main { padding-top: 28px !important; }

  .saa-footer-grid { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }
  .saa-footer-brand { grid-column: 1 / -1; }
  .saa-footer-bottom { flex-direction: column; gap: 6px; }

  .modal-box { width: calc(100vw - 32px) !important; max-width: 440px; padding: 28px 20px !important; }
}

@media (max-width: 600px) {
  .home-art-grid, .artwork-grid-3, .artwork-grid-4, .collection-grid { grid-template-columns: 1fr !important; }
  .form-2col { grid-template-columns: 1fr !important; }
  .page-title-serif, .home-section-title, .sec-title { font-size: clamp(32px, 9vw, 44px) !important; }
  .saa-footer-grid { grid-template-columns: 1fr !important; }
}

/* ── Brand pass, Nov 2026: Exhibitions, Collect and Policies on phones ── */
@media (max-width: 900px) {
  .ex-hero-section, .featured-ex-card, .canvas-strip, .collect-hero, .collect-cert { grid-template-columns: 1fr !important; }
  .ex-hero-txt { padding: 56px 20px 40px !important; }
  .ex-hero-visual { min-height: 260px; }
  .venue-pill { left: 20px; bottom: 20px; }
  .fex-vis { min-height: 260px; }
  .fex-content { padding: 32px 20px !important; }
  .ex-grid-3 { grid-template-columns: repeat(2, 1fr) !important; }
  .canvas-strip { padding: 48px 20px !important; gap: 40px !important; }
  .exd-breadcrumb { left: 20px !important; }
  .exd-content { padding: 120px 20px 48px !important; }
  .exd-byline { grid-template-columns: 1fr 1fr !important; row-gap: 16px; }
  .collect-hero { min-height: 0 !important; }
  .collect-hero-left { padding: 56px 20px 40px !important; }
  .collect-hero-right { min-height: 280px; }
  .collect-trust-strip { display: grid !important; grid-template-columns: 1fr 1fr; gap: 18px 16px; padding: 24px 20px !important; }
  .collect-trust-strip .cts-sep { display: none; }
  .collect-why, .collect-how, .collect-faq, .collect-cert { padding: 48px 20px !important; }
  .collect-why-grid { grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
  .how-steps { grid-template-columns: 1fr 1fr !important; gap: 32px 16px !important; }
  .how-steps::before { display: none; }
  .collect-cert { gap: 40px !important; }
  .faq-grid { grid-template-columns: 1fr !important; }
  .legal-nav { overflow-x: auto; padding: 0 8px !important; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .legal-nav::-webkit-scrollbar { display: none; }
  .legal-nav-item { padding: 14px 12px !important; flex: 0 0 auto; }
}
@media (max-width: 600px) {
  .ex-grid-3, .collect-why-grid, .how-steps { grid-template-columns: 1fr !important; }
  .cert-sheet { padding: 22px 18px 18px !important; }
  .cert-fields { column-gap: 14px !important; }
  .home-stat { min-width: 0; }
  .home-stat-num.text { font-size: clamp(26px, 8vw, 36px) !important; }
  .legal-wrap { padding: 48px 20px 80px !important; }
}