/*
Theme Name: Gurl Brand
Theme URI: https://gurlbrand.com
Author: Gurl Brand
Description: Official Gurl Brand e-commerce theme. Cotton-focused streetwear for gurls who don't compromise. Built for WooCommerce with full SEO, 12 auto-created site pages, and complete checkout styling.
Version: 1.3.1
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: All Rights Reserved
Text Domain: gurl-brand
Tags: e-commerce, woocommerce, dark, fashion, streetwear, cotton
*/

/* ============================================================
   DESIGN TOKENS
   v1.3.0 — Font consolidation: Playfair demoted to accent-only
            (blockquotes, brand-quote). DM Sans handles product
            names, section bodies, testimonials. Gothic stays for
            hero + section titles only. Bebas Neue stays for
            display/ticker/stats (it's distinctive, not a body font).
============================================================ */
:root {
  --hot-pink: #E8135A;
  --hot-pink-dark: #C40E4C;
  /* Pricing accent: warm off-white reads premium, not discount */
  --gold: #EDE8DF;
  --gold-light: #F7F4EE;
  /* Blacks */
  --black: #0A0A0A;
  --black-mid: #0D0D0D;
  --black-light: #111111;
  --black-card: #161616;
  --off-white: #F7F4EE;
  --warm-gray: #D4CEBF;
  --text-muted: #7A7368;
  --border: rgba(255,255,255,0.07);
  --border-hover: rgba(255,255,255,0.18);
  --font-gothic: 'UnifrakturMaguntia', serif;
  --font-display: 'Bebas Neue', sans-serif;
  /* Playfair kept but scoped to blockquotes/brand-quote only */
  --font-serif: 'Playfair Display', serif;
  --font-sans: 'DM Sans', sans-serif;
  --transition: 0.25s ease;
  --radius: 0px;
}

/* ============================================================
   RESET & BASE
============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  background: var(--black);
  color: var(--off-white);
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color var(--transition); }
button { cursor: pointer; font-family: var(--font-sans); }
input, textarea, select { font-family: var(--font-sans); }
ul, ol { list-style: none; }

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--black); }
::-webkit-scrollbar-thumb { background: var(--hot-pink); }
::selection { background: var(--hot-pink); color: white; }

/* ============================================================
   TYPOGRAPHY
============================================================ */
h1, h2, h3, h4, h5, h6 { line-height: 1.1; font-weight: 400; }

.gothic { font-family: var(--font-gothic); }
.display { font-family: var(--font-display); letter-spacing: 0.08em; }
.serif { font-family: var(--font-serif); }

.section-eyebrow {
  font-size: 10px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--gold);
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.section-eyebrow::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(201,145,58,0.25);
  max-width: 120px;
}

.section-title {
  font-family: var(--font-gothic);
  font-size: clamp(36px, 5vw, 60px);
  line-height: 1.05;
  color: var(--off-white);
  margin-bottom: 12px;
}
.section-title em { color: var(--hot-pink); font-style: normal; }

/* ============================================================
   LAYOUT
============================================================ */
.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
}
.container-wide {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;
}
section { padding: 100px 40px; }

/* ============================================================
   BUTTONS
============================================================ */
.btn {
  display: inline-block;
  padding: 14px 32px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  border: none;
  transition: all var(--transition);
  cursor: pointer;
  text-align: center;
  font-family: var(--font-sans);
}
.btn-primary {
  background: var(--hot-pink);
  color: white;
}
.btn-primary:hover {
  background: var(--hot-pink-dark);
  color: white;
  transform: translateY(-1px);
}
.btn-ghost {
  background: transparent;
  color: var(--warm-gray);
  border: 1px solid var(--border-hover);
}
.btn-ghost:hover {
  border-color: var(--warm-gray);
  color: var(--off-white);
}
.btn-gold {
  background: var(--gold);
  color: var(--black);
}
.btn-gold:hover { background: var(--gold-light); color: var(--black); }

/* ============================================================
   NAVIGATION
============================================================ */
#site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  transition: background var(--transition), padding var(--transition);
}
#site-header.scrolled {
  background: rgba(10,10,10,0.97);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
  padding: 0;
}

.nav-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 40px;
  background: linear-gradient(180deg, rgba(10,10,10,0.92) 0%, transparent 100%);
  transition: padding var(--transition), background var(--transition);
}
#site-header.scrolled .nav-inner {
  padding: 14px 40px;
  background: transparent;
}

.nav-logo {
  font-family: var(--font-gothic);
  font-size: 24px;
  color: var(--hot-pink);
  text-decoration: none;
  flex-shrink: 0;
}

/* Mobile nav: smaller logo, tighter spacing */
@media (max-width: 768px) {
  .nav-logo { font-size: 16px; }
  .nav-inner { padding: 14px 16px !important; }
  .nav-actions { gap: 14px; }
  .nav-icon { font-size: 14px; padding: 3px; }
  .nav-icon svg { width: 16px !important; height: 16px !important; }
}

.nav-menu {
  display: flex;
  gap: 36px;
  align-items: center;
}
.nav-menu > li > a {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--warm-gray);
  transition: color var(--transition);
  position: relative;
}
.nav-menu > li > a::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--hot-pink);
  transition: width var(--transition);
}
.nav-menu > li > a:hover { color: var(--off-white); }
.nav-menu > li > a:hover::after { width: 100%; }
.nav-menu > li.current-menu-item > a { color: var(--off-white); }

.nav-actions {
  display: flex;
  align-items: center;
  gap: 22px;
}
.nav-icon {
  background: none;
  border: none;
  color: var(--warm-gray);
  font-size: 16px;
  padding: 4px;
  transition: color var(--transition);
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
}
.nav-icon:hover { color: var(--off-white); }

.nav-cart {
  position: relative;
}
.cart-count {
  position: absolute;
  top: -6px;
  right: -8px;
  background: var(--hot-pink);
  color: white;
  font-size: 9px;
  font-weight: 600;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Mobile nav toggle */
.nav-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
}
.nav-toggle span {
  display: block;
  width: 22px;
  height: 1px;
  background: var(--warm-gray);
  transition: all var(--transition);
}

/* ============================================================
   TICKER
============================================================ */
.site-ticker {
  background: var(--hot-pink);
  padding: 10px 0;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.ticker-track {
  display: inline-flex;
  animation: ticker 25s linear infinite;
}
@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.ticker-item {
  font-family: var(--font-display);
  font-size: 13px;
  letter-spacing: 0.12em;
  color: white;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  gap: 20px;
}
.ticker-item::after { content: '✦'; font-size: 8px; color: rgba(255,255,255,0.5); }

/* ============================================================
   HERO
============================================================ */
/* ── HERO: full-bleed editorial — image fills viewport, text overlays bottom ── */
.hero {
  position: relative;
  width: 100%;
  min-height: 92vh;
  overflow: hidden;
  background: var(--black);
  padding-top: 0;
  display: block;
}
.hero-left {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  padding: 0 40px 72px;
  max-width: 620px;
}
.hero-title {
  font-family: var(--font-gothic);
  font-size: clamp(52px, 7vw, 100px);
  line-height: 0.92;
  margin-bottom: 14px;
  color: var(--off-white);
}
.hero-title .accent { color: var(--hot-pink); }
.hero-sub {
  font-family: var(--font-display);
  font-size: clamp(14px, 1.6vw, 20px);
  letter-spacing: 0.16em;
  color: rgba(247,244,238,0.75);
  margin-bottom: 20px;
}
.hero-desc {
  font-size: 13px;
  line-height: 1.9;
  color: rgba(212,206,191,0.8);
  max-width: 420px;
  margin-bottom: 40px;
}
.hero-desc strong { color: var(--off-white); font-weight: 500; }
.hero-ctas { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }

/* Image fills the entire hero — positioned right-center so subject is visible */
.hero-right {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  background: var(--black-light);
}
.hero-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* Bottom vignette for text legibility — lighter left side so image shows */
.hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(0deg, rgba(10,10,10,0.92) 0%, rgba(10,10,10,0.5) 25%, rgba(10,10,10,0.15) 55%, transparent 100%),
    linear-gradient(90deg, rgba(10,10,10,0.25) 0%, transparent 40%);
  pointer-events: none;
}

.hero-product-badge {
  position: absolute;
  bottom: 40px;
  right: 36px;
  z-index: 4;
  background: rgba(10,10,10,0.88);
  border: 1px solid rgba(232,19,90,0.35);
  padding: 16px 20px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  min-width: 200px;
}
.badge-label {
  font-size: 9px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 5px;
}
.badge-name {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
  color: var(--off-white);
  margin-bottom: 5px;
}
.badge-price {
  font-size: 11px;
  color: var(--hot-pink);
  font-weight: 500;
}

.scroll-hint {
  position: absolute;
  bottom: 64px;
  left: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  z-index: 3;
}
.scroll-line {
  width: 1px;
  height: 48px;
  background: linear-gradient(180deg, var(--hot-pink), transparent);
  animation: scrollPulse 2s ease-in-out infinite;
}
@keyframes scrollPulse {
  0%, 100% { opacity: 0.4; transform: scaleY(1); }
  50% { opacity: 1; }
}
.scroll-hint span {
  font-size: 9px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--text-muted);
  writing-mode: vertical-rl;
}

/* ============================================================
   PRODUCT GRID
============================================================ */
.products-section { background: var(--black-mid); padding-top: 80px; }

.products-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 48px;
}
.filter-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.filter-pill {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--text-muted);
  padding: 7px 16px;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all var(--transition);
  font-family: var(--font-sans);
  font-weight: 500;
}
.filter-pill.active, .filter-pill:hover {
  border-color: var(--hot-pink);
  color: var(--hot-pink);
}

.gb-product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
}
.gb-product-grid .featured {
  grid-column: span 2;
  grid-row: span 2;
}

.gb-product-card {
  position: relative;
  overflow: hidden;
  background: var(--black-light);
  cursor: pointer;
  display: block;
}
.gb-product-card:not(.featured) { aspect-ratio: 3/4; }
.gb-product-card.featured { min-height: 600px; }

.product-img-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  inset: 0;
}
.product-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.6s ease;
}
.gb-product-card:hover .product-img-wrap img { transform: scale(1.05); }

/* ── Product card overlay: shown on hover (desktop) ──
   On mobile the hover state never fires, so .product-card-info
   carries the always-visible info and the overlay stays hidden.
   On hover, the overlay covers the card and the info-strip is
   hidden inside it to prevent double-stacking of name/price.    ── */
.product-card-body {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(10,10,10,0.96) 0%, rgba(10,10,10,0.3) 55%, transparent 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 20px 16px;
  opacity: 0;
  transition: opacity var(--transition);
  z-index: 2;
}
.gb-product-card:hover .product-card-body { opacity: 1; }

/* When overlay is visible, hide the always-on strip to prevent overlap */
.gb-product-card:hover .product-card-info { opacity: 0; pointer-events: none; }

/* Always-visible bottom info — desktop default, always on mobile */
.product-card-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 52px 16px 14px;
  background: linear-gradient(0deg, rgba(10,10,10,0.92) 0%, rgba(10,10,10,0.5) 60%, transparent 100%);
  transition: opacity var(--transition);
  z-index: 1;
  pointer-events: none;
}
.product-card-name {
  font-family: var(--font-sans);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  color: var(--off-white);
  margin-bottom: 3px;
  line-height: 1.35;
}
.product-card-price {
  font-size: 12px;
  color: var(--gold);
  font-weight: 500;
}
.product-card-price del {
  color: var(--text-muted);
  text-decoration: line-through;
  margin-left: 6px;
  font-size: 11px;
}

/* Quick Add button */
.btn-quick-add {
  display: block;
  width: 100%;
  padding: 11px 10px;
  background: var(--hot-pink);
  color: white;
  border: none;
  font-size: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-sans);
  cursor: pointer;
  transition: background var(--transition);
  margin-top: 14px;
}
.btn-quick-add:hover { background: var(--hot-pink-dark); color: white; }
.btn-quick-add.added { background: #1a7a3c; }

.product-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  font-size: 8px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 4px 9px;
  font-weight: 600;
  font-family: var(--font-sans);
  z-index: 3;
}
.badge-new { background: var(--hot-pink); color: white; }
.badge-sold { background: rgba(0,0,0,0.75); color: var(--warm-gray); border: 1px solid var(--border-hover); }
.badge-sale { background: var(--gold); color: var(--black); }

/* ============================================================
   PROMISE STRIP
============================================================ */
.promise-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: var(--black-light);
  padding: 0;
}
.promise-item {
  padding: 44px 36px;
  border-right: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.promise-item:last-child { border-right: none; }
.promise-icon { font-size: 22px; line-height: 1; }
.promise-title {
  font-family: var(--font-display);
  font-size: 15px;
  letter-spacing: 0.08em;
  color: var(--off-white);
}
.promise-body { font-size: 12px; color: var(--text-muted); line-height: 1.7; }

/* ============================================================
   BRAND STORY
============================================================ */
.story-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 600px;
  padding: 0;
}
.story-visual {
  position: relative;
  overflow: hidden;
  background: var(--black-light);
  min-height: 500px;
}
.story-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.85) contrast(1.08);
}
.story-visual-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 60%, var(--black) 100%);
  pointer-events: none;
}
.story-content {
  padding: 100px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--black);
}
blockquote.brand-quote {
  font-family: var(--font-serif);
  font-size: clamp(18px, 2.2vw, 26px);
  font-style: italic;
  line-height: 1.5;
  color: var(--off-white);
  border-left: 2px solid var(--hot-pink);
  padding-left: 28px;
  margin-bottom: 32px;
}
.story-body {
  font-size: 13px;
  line-height: 2;
  color: var(--text-muted);
  margin-bottom: 44px;
  max-width: 420px;
}
.story-body strong { color: var(--off-white); font-weight: 500; }
.story-stats { display: flex; gap: 44px; }
.stat-num {
  font-family: var(--font-display);
  font-size: 40px;
  color: var(--hot-pink);
  line-height: 1;
  margin-bottom: 4px;
}
.stat-label {
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-muted);
}

/* ============================================================
   TESTIMONIALS
============================================================ */
.testimonials-section { background: var(--black); }
.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 52px;
}
.testimonial-card {
  background: var(--black-light);
  border: 1px solid var(--border);
  padding: 36px 30px;
  position: relative;
}
.testimonial-card::before {
  content: '"';
  font-family: var(--font-serif);
  font-size: 90px;
  line-height: 1;
  color: var(--hot-pink);
  opacity: 0.15;
  position: absolute;
  top: 12px;
  left: 22px;
}
.stars { color: var(--gold); font-size: 12px; letter-spacing: 2px; margin-bottom: 16px; }
.testimonial-text {
  font-family: var(--font-sans);
  font-size: 14px;
  font-style: normal;
  line-height: 1.85;
  color: var(--warm-gray);
  margin-bottom: 28px;
  position: relative;
  z-index: 1;
}
.testimonial-author { display: flex; align-items: center; gap: 12px; }
.author-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(232,19,90,0.15);
  color: var(--hot-pink);
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.author-name { font-size: 12px; font-weight: 500; color: var(--off-white); margin-bottom: 2px; }
.author-handle { font-size: 11px; color: var(--text-muted); }

/* ============================================================
   LOOKBOOK / INSTAGRAM GRID
============================================================ */
.lookbook-section { padding: 80px 40px; background: var(--black-mid); }
.lookbook-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2px;
  margin-top: 48px;
}
.lookbook-item {
  aspect-ratio: 1;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background: var(--black-light);
}
.lookbook-item img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease, filter 0.3s;
  filter: saturate(0.75);
}
.lookbook-item:hover img { transform: scale(1.08); filter: saturate(1); }
.lookbook-overlay {
  position: absolute; inset: 0;
  background: rgba(232,19,90,0.65);
  display: flex; align-items: center; justify-content: center;
  opacity: 0;
  transition: opacity var(--transition);
  font-size: 24px;
}
.lookbook-item:hover .lookbook-overlay { opacity: 1; }

/* ============================================================
   EMAIL SIGNUP
============================================================ */
.email-section {
  background: var(--hot-pink);
  padding: 90px 40px;
  text-align: center;
}
.email-section .section-title {
  font-family: var(--font-gothic);
  color: white;
  font-size: clamp(32px, 4.5vw, 56px);
  margin-bottom: 14px;
}
.email-section p { font-size: 13px; color: rgba(255,255,255,0.72); max-width: 400px; margin: 0 auto 36px; line-height: 1.8; }
.email-form { display: flex; max-width: 480px; margin: 0 auto; }
.email-input {
  flex: 1;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.3);
  border-right: none;
  color: white;
  padding: 15px 20px;
  font-size: 13px;
  font-family: var(--font-sans);
  outline: none;
}
.email-input::placeholder { color: rgba(255,255,255,0.5); }
.email-submit {
  background: white;
  color: var(--hot-pink);
  border: none;
  padding: 15px 28px;
  font-size: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-sans);
  cursor: pointer;
  transition: background var(--transition);
  white-space: nowrap;
}
.email-submit:hover { background: var(--off-white); }
.email-fine { margin-top: 14px; font-size: 10px; color: rgba(255,255,255,0.45); }

/* ============================================================
   FOOTER
============================================================ */
#site-footer {
  background: #050505;
  border-top: 1px solid var(--border);
}
.footer-main { padding: 72px 40px 48px; }
.footer-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 56px;
  margin-bottom: 56px;
}
.footer-brand-name {
  font-family: var(--font-gothic);
  font-size: 28px;
  color: var(--hot-pink);
  display: block;
  margin-bottom: 14px;
}
.footer-brand-desc { font-size: 12px; line-height: 1.9; color: var(--text-muted); max-width: 260px; margin-bottom: 22px; }
.footer-social { display: flex; gap: 10px; }
.social-btn {
  width: 34px;
  height: 34px;
  border: 1px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-size: 11px;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600;
  transition: all var(--transition);
  cursor: pointer;
  text-decoration: none;
}
.social-btn:hover { border-color: var(--hot-pink); color: var(--hot-pink); }
.footer-col h4 {
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--off-white);
  margin-bottom: 22px;
  font-weight: 500;
}
.footer-col li { margin-bottom: 11px; }
.footer-col a { font-size: 12px; color: var(--text-muted); transition: color var(--transition); }
.footer-col a:hover { color: var(--off-white); }
.footer-bottom {
  border-top: 1px solid var(--border);
  padding: 24px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.footer-copy { font-size: 11px; color: var(--text-muted); }
.footer-copy span { color: var(--hot-pink); }
.payment-icons { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.payment-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.75;
  transition: opacity var(--transition);
  line-height: 1;
  background: none;
  border: none;
  padding: 0;
}
.payment-icon:hover { opacity: 1; }
.payment-icon svg { display: block; }

/* ============================================================
   WOOCOMMERCE — GLOBAL
============================================================ */
.woocommerce-page .woocommerce,
.woocommerce { color: var(--off-white); }

/* Breadcrumb */
.woocommerce-breadcrumb {
  font-size: 11px;
  color: var(--text-muted);
  letter-spacing: 0.08em;
  padding: 16px 0;
  margin-bottom: 0;
}
.woocommerce-breadcrumb a { color: var(--text-muted); }
.woocommerce-breadcrumb a:hover { color: var(--hot-pink); }

/* Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: var(--black-light) !important;
  border: 1px solid var(--border) !important;
  border-left: 3px solid var(--hot-pink) !important;
  color: var(--off-white) !important;
  padding: 16px 20px !important;
  margin-bottom: 24px !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  font-size: 13px !important;
  border-top: none !important;
}
.woocommerce-message::before,
.woocommerce-info::before {
  content: '' !important;
  display: none !important;
}
.woocommerce-error { border-left-color: #cc3333 !important; }
.woocommerce-error::before { content: '✕' !important; color: #cc3333 !important; }

/* "View Cart" button inside notice */
.woocommerce-message .button,
.woocommerce-message a.button {
  background: var(--hot-pink) !important;
  color: white !important;
  border: none !important;
  padding: 8px 18px !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  border-radius: 0 !important;
}

/* ── STRAY DASH FIX — WooPay / GPay separator characters ──
   The dashes are text nodes rendered by WC block inside the
   express payment container. Hide everything except the buttons. ── */
.wc-block-components-express-payment__title-container,
.wc-block-components-express-payment__title-container::before,
.wc-block-components-express-payment__title-container::after,
.wc-block-components-express-payment__event-buttons::before,
.wc-block-components-express-payment__event-buttons::after,
.woocommerce div.product .wc-block-components-express-payment::before,
.woocommerce div.product .wc-block-components-express-payment::after,
.woocommerce-cart .wc-block-components-express-payment::before,
.woocommerce-cart .wc-block-components-express-payment::after,
.wc-block-checkout .wc-block-components-express-payment::before,
.wc-block-checkout .wc-block-components-express-payment::after {
  content: none !important;
  display: none !important;
}
/* Hide the entire title/separator row — just show the buttons */
.wc-block-components-express-payment__title,
.wc-block-components-express-payment__title-container {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}
/* Also target the outer wrapper that sometimes holds the dash as text */
.wc-block-components-express-payment-continue-rule,
.wc-block-components-express-payment > p,
.wc-block-components-express-payment > span:not([class*="button"]):not([class*="event"]) {
  display: none !important;
  font-size: 0 !important;
}
.wc-block-components-express-payment {
  margin-top: 12px !important;
}

.woocommerce-error { border-left-color: #cc3333 !important; }

/* Form fields */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce input[type="number"],
.woocommerce textarea,
.woocommerce select {
  background: var(--black-light) !important;
  border: 1px solid var(--border-hover) !important;
  color: var(--off-white) !important;
  padding: 12px 16px !important;
  font-size: 13px !important;
  font-family: var(--font-sans) !important;
  border-radius: 0 !important;
  outline: none !important;
  width: 100% !important;
  transition: border-color var(--transition) !important;
}
.woocommerce input:focus,
.woocommerce textarea:focus,
.woocommerce select:focus {
  border-color: var(--hot-pink) !important;
  box-shadow: none !important;
}

/* Labels */
.woocommerce label {
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
  display: block !important;
  margin-bottom: 8px !important;
  font-weight: 500 !important;
}

/* WooCommerce buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce button.button.alt {
  background: var(--hot-pink) !important;
  color: white !important;
  border: none !important;
  padding: 14px 28px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-family: var(--font-sans) !important;
  border-radius: 0 !important;
  transition: background var(--transition) !important;
  cursor: pointer !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button.alt:hover {
  background: var(--hot-pink-dark) !important;
  color: white !important;
}

/* Ghost button variant */
.woocommerce a.button.alt.disabled,
.woocommerce a.button.disabled {
  background: var(--black-light) !important;
  border: 1px solid var(--border-hover) !important;
  color: var(--text-muted) !important;
}

/* Product loop */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4,1fr) !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  align-items: start !important;
}
.woocommerce ul.products li.product {
  position: relative !important;
  background: var(--black-light) !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  float: none !important;
  clear: none !important;
}
/* Force all product images to same square ratio */
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  display: block !important;
  width: 100% !important;
}
.woocommerce ul.products li.product a img {
  transition: transform 0.5s !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
  object-position: center top !important;
  background: #1a1a1a !important;
  mix-blend-mode: normal !important;
}
.woocommerce ul.products li.product:hover a img { transform: scale(1.04); }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
body.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--font-sans) !important;
  font-style: normal !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 14px 16px 4px !important;
  color: var(--off-white) !important;
  flex-grow: 1 !important;
  line-height: 1.4 !important;
}
.woocommerce ul.products li.product .price {
  color: var(--gold) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 0 16px 12px !important;
  display: block !important;
}
.woocommerce ul.products li.product .price del { color: var(--text-muted) !important; }
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .product_type_variable,
.woocommerce ul.products li.product .product_type_simple {
  margin: 0 12px 12px !important;
  width: calc(100% - 24px) !important;
  display: block !important;
  box-sizing: border-box !important;
  /* Critical: allow wrap so "Select options" never clips to "SELECT OPT" */
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-align: center !important;
  line-height: 1.3 !important;
  padding: 10px 8px !important;
  /* Tighten tracking on mobile so text fits narrower columns */
  letter-spacing: 0.1em !important;
  font-size: 10px !important;
}
@media (max-width: 480px) {
  .woocommerce ul.products li.product .button,
  .woocommerce ul.products li.product a.button {
    letter-spacing: 0.06em !important;
    font-size: 9px !important;
    padding: 9px 6px !important;
  }
}

/* ── "ERROR — VIEW PRODUCT" fallback button for variable/OOS products ──
   WooCommerce shows this when a variable product has no default variation.
   Style it as a ghost outline so it's clearly different from Add To Cart.  ── */
.woocommerce ul.products li.product .button.product_type_variable,
.woocommerce ul.products li.product a.button.product_type_variable,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .button[data-product_type="variable"] {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  color: var(--warm-gray) !important;
}
.woocommerce ul.products li.product .button.product_type_variable:hover,
.woocommerce ul.products li.product a.button.product_type_variable:hover {
  background: var(--hot-pink) !important;
  border-color: var(--hot-pink) !important;
  color: white !important;
}

/* Out of stock label */
.woocommerce ul.products li.product .button.disabled,
.woocommerce ul.products li.product .button[disabled] {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: var(--text-muted) !important;
  cursor: not-allowed !important;
}

/* Out-of-stock product card overlay */
.woocommerce ul.products li.product.outofstock::after {
  content: 'SOLD OUT';
  position: absolute;
  top: 12px;
  right: 12px;
  background: rgba(10,10,10,0.82);
  border: 1px solid rgba(255,255,255,0.18);
  color: var(--warm-gray);
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.18em;
  padding: 4px 9px;
  font-family: var(--font-sans);
  z-index: 4;
}
.woocommerce span.onsale {
  background: var(--hot-pink) !important;
  color: white !important;
  border-radius: 0 !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  padding: 5px 9px !important;
  min-width: auto !important;
  min-height: auto !important;
  line-height: 1 !important;
  top: 12px !important;
  left: 12px !important;
}

/* Single product */
.woocommerce div.product { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; padding: 40px 0; }
/* Fix product gallery image — remove white background, fit properly */
.woocommerce div.product div.images .flex-viewport {
  border: 1px solid var(--border) !important;
  background: var(--black-light) !important;
}
.woocommerce div.product div.images .flex-viewport img,
.woocommerce div.product div.images img.wp-post-image {
  background: var(--black-light) !important;
  mix-blend-mode: normal !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
  background: var(--black-light) !important;
}
/* Thumbnail strip */
.woocommerce div.product div.images .flex-control-thumbs {
  display: flex !important;
  gap: 4px !important;
  margin-top: 4px !important;
  padding: 0 !important;
  list-style: none !important;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  width: auto !important;
  float: none !important;
  flex: 0 0 80px !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
  border: 1px solid var(--border) !important;
  cursor: pointer !important;
  opacity: 0.6 !important;
  transition: opacity 0.2s !important;
  background: var(--black-light) !important;
  aspect-ratio: 1/1 !important;
  object-fit: cover !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
  opacity: 1 !important;
  border-color: var(--hot-pink) !important;
}
.woocommerce div.product div.summary .product_title {
  font-family: var(--font-gothic) !important;
  font-size: clamp(28px, 4vw, 52px) !important;
  color: var(--off-white) !important;
  margin-bottom: 12px !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
}
.woocommerce div.product p.price {
  font-size: 24px !important;
  color: var(--gold) !important;
  font-weight: 500 !important;
  margin-bottom: 20px !important;
}
.woocommerce div.product p.price del { color: var(--text-muted) !important; font-size: 18px !important; }
.woocommerce div.product .woocommerce-product-details__short-description {
  font-size: 13px;
  line-height: 1.9;
  color: var(--text-muted);
  margin-bottom: 28px;
}
.woocommerce div.product form.cart {
  margin-top: 20px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
}
.woocommerce div.product form.cart .qty {
  background: var(--black-light) !important;
  border: 1px solid var(--border-hover) !important;
  color: var(--off-white) !important;
  width: 64px !important;
  padding: 12px !important;
  text-align: center !important;
  font-size: 15px !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
}
.woocommerce div.product form.cart .button {
  margin-left: 0 !important;
  flex: 1 !important;
  min-width: 140px !important;
}
/* Express payment buttons (WooPay, GPay etc) — stack below, full width */
.woocommerce div.product .woocommerce-variation-add-to-cart,
.woocommerce div.product .cart {
  width: 100% !important;
}
.wc-block-components-express-payment,
.wc-block-components-express-payment__event-buttons,
.woopay-express-button-wrapper,
.woocommerce div.product .wp-block-woocommerce-proceed-to-checkout-block {
  margin-top: 12px !important;
  display: block !important;
  width: 100% !important;
  clear: both !important;
}
/* Make sure express buttons don't overlap add to cart */
.woocommerce div.product .summary > * {
  display: block !important;
  width: 100% !important;
}
.woocommerce div.product .product_meta { margin-top: 24px; font-size: 11px; color: var(--text-muted); }
.woocommerce div.product .product_meta span { color: var(--warm-gray); }
.woocommerce div.product .product_meta a { color: var(--hot-pink); }

/* ── Inline size guide link — shown directly after ATC button ── */
.gb-size-guide-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--text-muted);
  text-decoration: none;
  margin-top: 10px;
  transition: color var(--transition);
  width: auto !important;
}
.gb-size-guide-link:hover { color: var(--hot-pink); }
.gb-size-guide-link svg { opacity: 0.6; flex-shrink: 0; }

/* ── Model measurement callout — sits below size guide link ── */
.gb-model-note {
  font-size: 11px;
  color: var(--text-muted);
  line-height: 1.6;
  margin-top: 6px;
  padding: 10px 14px;
  border-left: 2px solid rgba(232,19,90,0.3);
  background: rgba(255,255,255,0.02);
  width: auto !important;
}
.gb-model-note strong { color: var(--warm-gray); font-weight: 500; }

/* ── Sticky Add To Cart bar — mobile PDP ── */
.gb-sticky-atc {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(10,10,10,0.97);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 12px 20px;
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
  z-index: 900;
  display: none; /* JS toggles this */
  align-items: center;
  gap: 12px;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.gb-sticky-atc.visible {
  transform: translateY(0);
}
.gb-sticky-atc-name {
  flex: 1;
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 13px;
  color: var(--off-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gb-sticky-atc-price {
  font-size: 13px;
  color: var(--gold);
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
}
.gb-sticky-atc-btn {
  background: var(--hot-pink);
  color: white;
  border: none;
  padding: 12px 20px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-family: var(--font-sans);
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background var(--transition);
}
.gb-sticky-atc-btn:hover { background: var(--hot-pink-dark); }

/* Sticky ATC — mobile only, never show on desktop regardless of JS */
/* Sticky ATC: hidden off-screen by default on mobile, shown via .visible class */
.gb-sticky-atc { display: none !important; }
@media (max-width: 768px) {
  /* Start hidden (off-screen via transform) — JS adds .visible to show */
  .gb-sticky-atc {
    display: flex !important;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.3s ease, opacity 0.3s ease;
    pointer-events: none;
  }
  .gb-sticky-atc.visible {
    display: flex !important;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}

/* Reviews */
#reviews h2,
.woocommerce-Reviews-title {
  font-family: var(--font-gothic) !important;
  color: var(--off-white) !important;
  font-size: 28px !important;
  font-weight: 400 !important;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  background: var(--black-light) !important;
  border: 1px solid var(--border) !important;
  padding: 20px !important;
  color: var(--warm-gray) !important;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  color: var(--text-muted) !important;
  font-size: 11px !important;
}
.star-rating span::before { color: var(--gold) !important; }

/* Cart table */
.woocommerce table.shop_table {
  background: var(--black-light) !important;
  border: 1px solid var(--border) !important;
  border-collapse: collapse !important;
  color: var(--off-white) !important;
  width: 100% !important;
  table-layout: auto !important;
}
.woocommerce table.shop_table th {
  background: var(--black) !important;
  border: 1px solid var(--border) !important;
  padding: 14px 16px !important;
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}
.woocommerce table.shop_table td {
  border: 1px solid var(--border) !important;
  padding: 16px !important;
  vertical-align: middle !important;
  color: var(--off-white) !important;
}
/* Price column: never shrink, always visible */
.woocommerce table.shop_table td.product-subtotal,
.woocommerce table.shop_table th.product-subtotal {
  white-space: nowrap !important;
  text-align: right !important;
  width: 1% !important;
}
/* Cart table scroll wrapper on mobile */
@media (max-width: 768px) {
  .woocommerce-cart-form {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .woocommerce table.shop_table {
    min-width: 420px !important;
  }
}
.woocommerce table.shop_table .cart-subtotal th,
.woocommerce table.shop_table .order-total th {
  color: var(--off-white) !important;
  font-size: 12px !important;
}
.woocommerce table.shop_table .order-total .amount { color: var(--hot-pink) !important; font-size: 20px !important; font-weight: 500 !important; }

/* Cart totals */
.woocommerce .cart_totals { background: var(--black-light) !important; border: 1px solid var(--border) !important; padding: 28px !important; }
.woocommerce .cart_totals h2,
body.woocommerce-cart h2,
body.woocommerce-cart .cart_totals h2,
body.woocommerce-cart .wc-block-cart h2 { font-family: var(--font-display) !important; color: var(--off-white) !important; font-size: 16px !important; font-weight: 400 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; margin-bottom: 20px !important; line-height: 1.2 !important; }

/* Checkout */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout #order_review_heading {
  font-family: var(--font-gothic) !important;
  font-size: 24px !important;
  color: var(--off-white) !important;
  font-weight: 400 !important;
  margin-bottom: 20px !important;
}
#payment { background: var(--black-light) !important; border: 1px solid var(--border) !important; padding: 24px !important; }
#payment .payment_methods { border-bottom: 1px solid var(--border) !important; }
#payment .payment_methods li label { font-size: 13px !important; color: var(--off-white) !important; text-transform: none !important; letter-spacing: 0 !important; }

/* Account */
.woocommerce-account .woocommerce-MyAccount-navigation { border-right: 1px solid var(--border); padding-right: 32px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--text-muted); display: block; padding: 10px 0;
  border-bottom: 1px solid var(--border);
  transition: color var(--transition);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { color: var(--hot-pink); }

/* Related products */
.related.products > h2 {
  font-family: var(--font-gothic) !important;
  font-size: 32px !important;
  color: var(--off-white) !important;
  font-weight: 400 !important;
  margin-bottom: 32px !important;
}
.upsells.products > h2 {
  font-family: var(--font-gothic) !important;
  font-size: 32px !important;
  color: var(--off-white) !important;
  font-weight: 400 !important;
}

/* ============================================================
   SHOP PAGE
============================================================ */
.shop-header {
  padding: 140px 40px 60px;
  background: var(--black-mid);
  border-bottom: 1px solid var(--border);
}
.shop-tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  background: var(--black-light);
  border-bottom: 1px solid var(--border);
}

/* Archive product content — override inline padding on mobile */
.gb-woo-content { padding: 40px; }
@media (max-width: 768px) {
  .gb-woo-content { padding: 16px !important; }
}

/* Archive category pills bar — override inline padding on mobile */
.gb-category-pills { padding: 20px 40px; }
@media (max-width: 768px) {
  .gb-category-pills { padding: 12px 16px !important; gap: 6px !important; }
}
.woocommerce .woocommerce-result-count {
  font-size: 11px !important;
  color: var(--text-muted) !important;
  letter-spacing: 0.08em !important;
}
.woocommerce .woocommerce-ordering select {
  background: var(--black-light) !important;
  border: 1px solid var(--border-hover) !important;
  color: var(--off-white) !important;
  padding: 8px 14px !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  width: auto !important;
}
.woocommerce-page .woocommerce { padding: 40px; }

/* Pagination */
.woocommerce nav.woocommerce-pagination ul {
  display: flex !important;
  gap: 4px !important;
  justify-content: center !important;
  list-style: none !important;
  margin-top: 48px !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: var(--black-light) !important;
  border: 1px solid var(--border) !important;
  color: var(--warm-gray) !important;
  padding: 10px 16px !important;
  font-size: 12px !important;
  transition: all var(--transition) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--hot-pink) !important;
  border-color: var(--hot-pink) !important;
  color: white !important;
}

/* ============================================================
   PAGE TEMPLATES
============================================================ */
.page-hero {
  padding: 140px 40px 80px;
  background: var(--black-mid);
  border-bottom: 1px solid var(--border);
}
.entry-content {
  font-size: 14px;
  line-height: 1.9;
  color: var(--warm-gray);
  max-width: 760px;
}
.entry-content h2 { font-family: var(--font-gothic); color: var(--off-white); font-size: 32px; margin: 36px 0 16px; font-weight: 400; }
.entry-content h3 { font-family: var(--font-display); color: var(--off-white); font-size: 20px; letter-spacing: 0.08em; margin: 28px 0 12px; }
.entry-content p { margin-bottom: 18px; }
.entry-content strong { color: var(--off-white); font-weight: 500; }
.entry-content a { color: var(--hot-pink); text-decoration: underline; text-underline-offset: 3px; }
.entry-content ul li { padding-left: 18px; position: relative; margin-bottom: 8px; }
.entry-content ul li::before { content: '—'; position: absolute; left: 0; color: var(--hot-pink); }

/* ============================================================
   SEARCH RESULTS
============================================================ */
.search-results-wrap { padding: 40px; }
.search-result-item {
  padding: 24px 0;
  border-bottom: 1px solid var(--border);
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 20px;
  align-items: center;
}
.search-result-img { width: 80px; height: 80px; object-fit: cover; background: var(--black-light); }
.search-result-name { font-family: var(--font-serif); font-style: italic; font-size: 16px; color: var(--off-white); margin-bottom: 6px; }
.search-result-excerpt { font-size: 12px; color: var(--text-muted); }

/* ============================================================
   MOBILE MENU
============================================================ */
.mobile-menu {
  position: fixed;
  top: 0; right: 0; bottom: 0;
  width: min(340px, 90vw);
  background: #0D0D0D;
  z-index: 2000;
  transform: translateX(100%);
  transition: transform 0.35s ease;
  display: flex;
  flex-direction: column;
  padding: 0;
  border-left: 1px solid var(--border);
  overflow: hidden;
}
.mobile-menu.open { transform: translateX(0); }
.mobile-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  flex-shrink: 0;
}
.mobile-menu-header .nav-logo {
  font-family: var(--font-gothic);
  font-size: 22px;
  color: var(--hot-pink);
  text-decoration: none;
}
.mobile-menu-close {
  background: none; border: none;
  color: var(--warm-gray); font-size: 20px; cursor: pointer;
  padding: 4px 8px;
}
.mobile-menu-body {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0 16px;
}
.mobile-menu-footer {
  padding: 16px 24px 32px;
  border-top: 1px solid rgba(255,255,255,0.07);
  flex-shrink: 0;
}
.mobile-nav-links { list-style: none; margin: 0; padding: 0; }
.mobile-nav-links li { }
.mobile-nav-section-label {
  font-size: 9px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--text-muted);
  padding: 20px 24px 6px;
  display: block;
}
.mobile-nav-links li a {
  display: block;
  padding: 13px 24px;
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--warm-gray);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  transition: color 0.2s;
}
.mobile-nav-links a:hover { color: var(--hot-pink); }
.mobile-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 1999;
  opacity: 0; pointer-events: none;
  transition: opacity var(--transition);
}
.mobile-overlay.open { opacity: 1; pointer-events: all; }

/* ============================================================
   UTILITIES
============================================================ */
.text-center { text-align: center; }
.text-pink { color: var(--hot-pink); }
.text-gold { color: var(--gold); }
.text-muted { color: var(--text-muted); }
.mt-auto { margin-top: auto; }
.divider { height: 1px; background: var(--border); margin: 0 40px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

/* Page reveal animation */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}
.reveal { animation: fadeUp 0.6s ease both; }
.reveal-delay-1 { animation-delay: 0.1s; }
.reveal-delay-2 { animation-delay: 0.2s; }
.reveal-delay-3 { animation-delay: 0.3s; }

/* ============================================================
   RESPONSIVE
============================================================ */
@media (max-width: 1024px) {
  /* Hero: full-bleed still applies, just reduce min-height */
  .hero { min-height: 80vh; }
  .hero-left { padding: 0 24px 48px; max-width: 100%; }
  .story-section { grid-template-columns: 1fr; }
  .gb-product-grid { grid-template-columns: repeat(2, 1fr); }
  .gb-product-grid .featured { grid-column: span 1; grid-row: span 1; min-height: auto; aspect-ratio: 3/4; }
  .woocommerce ul.products { grid-template-columns: repeat(2,1fr) !important; }
  .woocommerce div.product { grid-template-columns: 1fr; gap: 32px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
  .promise-strip { grid-template-columns: repeat(2,1fr); }
  .testimonial-grid { grid-template-columns: 1fr; gap: 16px; }
  .lookbook-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
  section { padding: 64px 20px; }
  .nav-menu { display: none; }
  .nav-toggle { display: flex; }
  /* nav-inner padding handled in nav-logo block above */
  /* Hero: mobile reduces height, text stays pinned to bottom */
  .hero { min-height: 88vh; }
  .hero-left { padding: 0 20px 48px; }
  .hero-product-badge { display: none; } /* hide product badge on mobile — too cluttered */
  .shop-header {
    padding: 120px 24px 48px !important;
    /* UnifrakturMaguntia decorative strokes overhang left — extra padding prevents clip */
  }
  .shop-header .section-title {
    /* Tighter gothic font size on mobile prevents overflow */
    font-size: clamp(28px, 7vw, 42px) !important;
    overflow: visible !important;
  }
  .shop-tools { padding: 16px 20px; }
  .woocommerce-page .woocommerce { padding: 20px; }
  .promise-strip { grid-template-columns: 1fr; }
  .promise-item { border-right: none; border-bottom: 1px solid var(--border); }
  .lookbook-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr; gap: 36px; }
  .footer-main { padding: 48px 20px 32px; }
  .footer-bottom { padding: 20px; flex-direction: column; gap: 12px; text-align: center; }
  .story-content { padding: 60px 20px; }
  .email-section { padding: 60px 20px; }
  .email-form { flex-direction: column; }
  .email-input { border-right: 1px solid rgba(255,255,255,0.3); }
  section .container, section.container-wide { padding: 0 20px; }
}

/* ============================================================
   PAGE TEMPLATES — ADDITIONAL STYLES
============================================================ */

/* FAQ Accordion */
.faq-toggle { transition: color var(--transition); }
.faq-toggle:hover span:first-child { color: var(--hot-pink); }
.faq-answer { animation: fadeUp 0.25s ease; }
.faq-item { transition: background var(--transition); }
.faq-item:hover { background: rgba(255,255,255,0.015); }

/* Policy / legal pages */
.entry-content h2 {
  font-family: var(--font-gothic) !important;
  color: var(--off-white) !important;
  font-size: clamp(22px, 2.5vw, 32px) !important;
  margin: 48px 0 16px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
}
.entry-content h2:first-child { margin-top: 0 !important; }
.entry-content a {
  color: var(--hot-pink) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* Info page grids responsive */
@media (max-width: 768px) {
  .page-hero { padding: 100px 20px 60px !important; }
  .page-hero .section-title { font-size: clamp(28px,7vw,48px) !important; }
  .section-title { font-size: clamp(28px, 7vw, 48px); }
}
@media (max-width: 640px) {
  /* Force 1-col on mobile for content grids */
  .entry-content,
  div[style*="grid-template-columns: 1fr 1fr"],
  div[style*="grid-template-columns:1fr 1fr"],
  div[style*="grid-template-columns: repeat(2"] {
    grid-template-columns: 1fr !important;
  }
  div[style*="grid-template-columns: repeat(3"] {
    grid-template-columns: 1fr 1fr !important;
  }
  div[style*="grid-template-columns: repeat(4"] {
    grid-template-columns: 1fr 1fr !important;
  }
  /* Contact page stack */
  div[style*="grid-template-columns: 1fr 1fr"][style*="gap: 48px"],
  div[style*="grid-template-columns:1fr 1fr"][style*="gap:48px"] {
    grid-template-columns: 1fr !important;
  }
  /* Quick ref stat row */
  div[style*="repeat(4,1fr)"] {
    grid-template-columns: repeat(2,1fr) !important;
  }
  /* Table overflow */
  div[style*="overflow-x:auto"] table,
  div[style*="overflow-x: auto"] table {
    min-width: 480px;
  }
  /* Buttons stacked */
  div[style*="display:flex"][style*="gap:16px"] .btn,
  div[style*="display: flex"][style*="gap: 16px"] .btn {
    width: 100%;
    text-align: center;
  }
  /* Email form on shipping page */
  .email-form { flex-direction: column !important; }
  .email-input { border-right: 1px solid rgba(255,255,255,0.3) !important; }
  /* Single product grid */
  div[style*="grid-template-columns:1.1fr"] {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   WOO ACCOUNT + TRACK ORDER
============================================================ */
.woocommerce-order-tracking { color: var(--off-white) !important; }
.woocommerce-order-tracking form { display: flex; flex-direction: column; gap: 20px; }
.woocommerce-order-tracking p { font-size: 13px; color: var(--text-muted) !important; margin-bottom: 8px !important; }
.woocommerce-order-tracking input[type="text"],
.woocommerce-order-tracking input[type="email"] {
  background: var(--black-light) !important;
  border: 1px solid var(--border-hover) !important;
  color: var(--off-white) !important;
  padding: 13px 16px !important;
  font-size: 13px !important;
  width: 100% !important;
  border-radius: 0 !important;
}

/* ============================================================
   SEARCH FORM GLOBAL
============================================================ */
.search-form { display: flex; gap: 0; max-width: 560px; margin: 0 auto; }
.search-field {
  flex: 1;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-right: none !important;
  color: var(--off-white) !important;
  padding: 13px 18px !important;
  font-size: 13px !important;
  font-family: var(--font-sans) !important;
  outline: none !important;
  border-radius: 0 !important;
}
.search-field::placeholder { color: rgba(255,255,255,0.4); }
.search-submit {
  background: var(--hot-pink) !important;
  color: white !important;
  border: none !important;
  padding: 13px 20px !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-family: var(--font-sans) !important;
  cursor: pointer !important;
  border-radius: 0 !important;
}

/* ============================================================
   COMMENTS / REVIEWS GLOBAL
============================================================ */
#comments { margin-top: 48px; }
#comments h2, .comments-title {
  font-family: var(--font-gothic) !important;
  color: var(--off-white) !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  margin-bottom: 28px !important;
}
.comment-list { list-style: none !important; }
.comment { padding: 20px 0; border-bottom: 1px solid var(--border); }
.comment-author { font-size: 12px; font-weight: 500; color: var(--off-white); margin-bottom: 4px; }
.comment-meta { font-size: 11px; color: var(--text-muted); margin-bottom: 10px; }
.comment-content p { font-size: 13px; color: var(--warm-gray); line-height: 1.8; }
#respond h3, #reply-title {
  font-family: var(--font-gothic) !important;
  font-size: 24px !important;
  color: var(--off-white) !important;
  font-weight: 400 !important;
  margin-bottom: 24px !important;
}
#commentform textarea,
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"] {
  background: var(--black-light) !important;
  border: 1px solid var(--border-hover) !important;
  color: var(--off-white) !important;
  padding: 12px 16px !important;
  font-size: 13px !important;
  font-family: var(--font-sans) !important;
  width: 100% !important;
  border-radius: 0 !important;
  outline: none !important;
}
#commentform input:focus,
#commentform textarea:focus { border-color: var(--hot-pink) !important; }
#commentform label {
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
  display: block !important;
  margin-bottom: 8px !important;
}
#commentform .submit {
  background: var(--hot-pink) !important;
  color: white !important;
  border: none !important;
  padding: 13px 28px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-family: var(--font-sans) !important;
  cursor: pointer !important;
  border-radius: 0 !important;
}

/* ============================================================
   WIDGET STYLES
============================================================ */
.widget { margin-bottom: 32px; }
.widget-title {
  font-family: var(--font-display) !important;
  font-size: 14px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--off-white) !important;
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--border) !important;
  font-weight: 400 !important;
}
.widget ul { list-style: none !important; }
.widget ul li {
  padding: 7px 0;
  border-bottom: 1px solid var(--border);
  font-size: 12px;
  color: var(--text-muted);
}
.widget ul li a { color: var(--text-muted); transition: color var(--transition); }
.widget ul li a:hover { color: var(--hot-pink); }

/* ============================================================
   CHECKOUT PAGE
============================================================ */
.gb-checkout-wrap {
  max-width: 1160px;
  margin: 0 auto;
  padding: 40px 40px 80px;
}

.gb-checkout-grid {
  display: grid;
  grid-template-columns: 1fr 440px;
  gap: 40px;
  align-items: start;
}

.gb-checkout-section {
  background: var(--black-light);
  border: 1px solid var(--border);
  padding: 28px 28px 32px;
  margin-bottom: 20px;
}

.gb-section-title {
  font-family: var(--font-display) !important;
  font-size: 13px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--off-white) !important;
  font-weight: 400 !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--border) !important;
}

/* Field grid: first name / last name side by side */
.gb-field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 16px;
}
.gb-field-grid .form-row-wide,
.gb-field-grid .address-field.form-row-wide {
  grid-column: span 2;
}

/* WooCommerce field overrides inside checkout */
.gb-checkout-wrap .woocommerce-input-wrapper { display: block; }

.gb-checkout-wrap .form-row {
  margin: 0 0 14px !important;
  padding: 0 !important;
}
.gb-checkout-wrap label {
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
  display: block !important;
  margin-bottom: 6px !important;
  font-weight: 500 !important;
}
.gb-checkout-wrap label .required { color: var(--hot-pink) !important; }
.gb-checkout-wrap .form-row label.checkbox { font-size: 12px !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--warm-gray) !important; }

.gb-checkout-wrap input[type="text"],
.gb-checkout-wrap input[type="email"],
.gb-checkout-wrap input[type="tel"],
.gb-checkout-wrap input[type="password"],
.gb-checkout-wrap input[type="number"],
.gb-checkout-wrap textarea,
.gb-checkout-wrap select {
  background: var(--black) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: var(--off-white) !important;
  padding: 12px 14px !important;
  font-size: 13px !important;
  font-family: var(--font-sans) !important;
  width: 100% !important;
  border-radius: 0 !important;
  outline: none !important;
  transition: border-color 0.2s !important;
  -webkit-appearance: none !important;
}
.gb-checkout-wrap input:focus,
.gb-checkout-wrap textarea:focus,
.gb-checkout-wrap select:focus {
  border-color: var(--hot-pink) !important;
  box-shadow: none !important;
}
.gb-checkout-wrap select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a7368' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 36px !important;
  cursor: pointer !important;
}

/* Validation states */
.gb-checkout-wrap .form-row.woocommerce-invalid input,
.gb-checkout-wrap .form-row.woocommerce-invalid select {
  border-color: #cc3333 !important;
}
.gb-checkout-wrap .form-row.woocommerce-validated input,
.gb-checkout-wrap .form-row.woocommerce-validated select {
  border-color: #2a9d5c !important;
}
.gb-checkout-wrap .woocommerce-error {
  font-size: 11px !important;
  color: #e05252 !important;
  background: none !important;
  border: none !important;
  padding: 4px 0 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Coupon toggle */
.gb-coupon-toggle {
  background: none;
  border: none;
  color: var(--text-muted);
  font-size: 12px;
  cursor: pointer;
  padding: 0;
  font-family: var(--font-sans);
  transition: color 0.2s;
  margin-bottom: 4px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.gb-coupon-toggle:hover { color: var(--hot-pink); }
.gb-coupon-row { margin-bottom: 20px; }

/* Order summary table */
.gb-order-table { width: 100%; border-collapse: collapse; }

/* Payment methods */
.wc_payment_methods .wc_payment_method {
  border: 1px solid var(--border) !important;
  margin-bottom: 8px !important;
  overflow: hidden !important;
  background: var(--black) !important;
}
.wc_payment_methods .wc_payment_method label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 16px !important;
  cursor: pointer !important;
  font-size: 13px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--warm-gray) !important;
  font-weight: 400 !important;
  margin: 0 !important;
}
.wc_payment_methods .wc_payment_method input[type="radio"] {
  width: 16px !important;
  height: 16px !important;
  accent-color: var(--hot-pink) !important;
  flex-shrink: 0 !important;
}
.wc_payment_methods .payment_box {
  background: rgba(0,0,0,0.4) !important;
  border-top: 1px solid var(--border) !important;
  padding: 16px !important;
  font-size: 12px !important;
  color: var(--text-muted) !important;
}
.wc_payment_methods .payment_box p { margin: 0 !important; }

/* Terms / privacy */
.woocommerce-terms-and-conditions-wrapper {
  font-size: 11px !important;
  color: var(--text-muted) !important;
  margin: 16px 0 !important;
  line-height: 1.7 !important;
}
.woocommerce-terms-and-conditions-wrapper a { color: var(--hot-pink) !important; }
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
  accent-color: var(--hot-pink) !important;
  width: 15px !important;
  height: 15px !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}
.woocommerce-privacy-policy-text {
  font-size: 11px !important;
  color: var(--text-muted) !important;
  margin-bottom: 12px !important;
  line-height: 1.7 !important;
}
.woocommerce-privacy-policy-text a { color: var(--hot-pink) !important; }

/* Place Order button */
.gb-place-order-btn {
  width: 100% !important;
  padding: 16px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  background: var(--hot-pink) !important;
  color: white !important;
  border: none !important;
  cursor: pointer !important;
  font-family: var(--font-sans) !important;
  border-radius: 0 !important;
  transition: background 0.2s, transform 0.15s !important;
}
.gb-place-order-btn:hover {
  background: var(--hot-pink-dark) !important;
  transform: translateY(-1px) !important;
}
.gb-place-order-btn:disabled,
.gb-place-order-btn.processing {
  background: var(--text-muted) !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Trust row */
.gb-trust-row {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 16px;
  flex-wrap: wrap;
}
.gb-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: var(--text-muted);
}

/* Payment icons */
.gb-payment-icons-row {
  display: flex;
  gap: 6px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 14px;
}

/* Order review sticky on desktop */
.gb-checkout-right {
  position: sticky;
  top: 100px;
}

/* Checkout notices */
.gb-checkout-wrap .woocommerce-NoticeGroup,
.gb-checkout-wrap .woocommerce-error,
.gb-checkout-wrap .woocommerce-message,
.gb-checkout-wrap .woocommerce-info {
  margin-bottom: 20px !important;
}

/* Shipping address toggle - hide by default, WooCommerce shows via JS */
.shipping_address { display: none; }

/* Order received / thank you page */
.woocommerce-order-received .gb-checkout-wrap,
.woocommerce-thankyou .gb-checkout-wrap {
  grid-template-columns: 1fr;
}
.woocommerce-order { color: var(--off-white) !important; }
.woocommerce-order ul.order_details {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  gap: 2px !important;
  list-style: none !important;
  margin: 24px 0 !important;
}
.woocommerce-order ul.order_details li {
  background: var(--black-light) !important;
  border: 1px solid var(--border) !important;
  padding: 16px 20px !important;
  font-size: 11px !important;
  color: var(--text-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}
.woocommerce-order ul.order_details li strong {
  display: block !important;
  font-size: 15px !important;
  color: var(--hot-pink) !important;
  font-family: var(--font-display) !important;
  letter-spacing: 0.08em !important;
  margin-top: 4px !important;
  text-transform: none !important;
}
.woocommerce-order .woocommerce-notice--success {
  background: rgba(26,122,60,0.1) !important;
  border: 1px solid rgba(26,122,60,0.3) !important;
  color: #5adf8a !important;
  padding: 16px 20px !important;
  margin-bottom: 24px !important;
  font-size: 13px !important;
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .gb-checkout-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .gb-checkout-right {
    position: static;
    order: -1; /* Show order summary above form on mobile */
  }
  .gb-checkout-wrap { padding: 24px 20px 60px; }
}
@media (max-width: 560px) {
  .gb-field-grid { grid-template-columns: 1fr; }
  .gb-field-grid .form-row-wide { grid-column: span 1; }
  .gb-checkout-section { padding: 20px 18px 24px; }
}

/* ============================================================
   WORDPRESS EDITOR CONTENT (gb-editor-content)
   Styles the_content() output inside page templates.
   Add images, galleries, text blocks via Pages → Edit in WP admin.
============================================================ */

.gb-editor-content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 40px 60px;
}

/* ── Core block: paragraph ── */
.gb-editor-content p {
  font-size: 14px;
  line-height: 1.9;
  color: var(--warm-gray);
  margin-bottom: 1.2em;
}
.gb-editor-content p:last-child { margin-bottom: 0; }
.gb-editor-content strong { color: var(--off-white); font-weight: 500; }
.gb-editor-content em { font-style: italic; }
.gb-editor-content a { color: var(--hot-pink); text-decoration: underline; text-underline-offset: 3px; }
.gb-editor-content a:hover { color: var(--off-white); }

/* ── Core block: headings ── */
.gb-editor-content h1,
.gb-editor-content h2 {
  font-family: var(--font-gothic);
  color: var(--off-white);
  line-height: 1.1;
  font-weight: 400;
  margin: 48px 0 16px;
}
.gb-editor-content h1 { font-size: clamp(32px, 4vw, 52px); }
.gb-editor-content h2 { font-size: clamp(24px, 3vw, 40px); }
.gb-editor-content h3 {
  font-family: var(--font-display);
  font-size: 18px;
  letter-spacing: 0.08em;
  color: var(--off-white);
  margin: 32px 0 12px;
}
.gb-editor-content h4 {
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 24px 0 10px;
  font-weight: 500;
}

/* ── Core block: image ── */
.gb-editor-content img {
  max-width: 100%;
  height: auto;
  display: block;
}
.gb-editor-content figure {
  margin: 32px 0;
}
.gb-editor-content figure img {
  width: 100%;
}
.gb-editor-content figcaption {
  font-size: 11px;
  color: var(--text-muted);
  text-align: center;
  margin-top: 8px;
  letter-spacing: 0.06em;
}

/* Full-width image alignment */
.gb-editor-content .alignfull {
  margin-left: calc(-40px);
  margin-right: calc(-40px);
  max-width: calc(100% + 80px);
  width: calc(100% + 80px);
}
.gb-editor-content .alignwide {
  margin-left: -60px;
  margin-right: -60px;
  max-width: calc(100% + 120px);
  width: calc(100% + 120px);
}
.gb-editor-content .alignleft {
  float: left;
  margin: 0 28px 16px 0;
  max-width: 45%;
}
.gb-editor-content .alignright {
  float: right;
  margin: 0 0 16px 28px;
  max-width: 45%;
}
.gb-editor-content .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

/* ── Core block: gallery ── */
.gb-editor-content .wp-block-gallery {
  display: grid !important;
  gap: 4px !important;
  margin: 32px 0 !important;
}
.gb-editor-content .wp-block-gallery.columns-1 { grid-template-columns: 1fr; }
.gb-editor-content .wp-block-gallery.columns-2 { grid-template-columns: repeat(2, 1fr); }
.gb-editor-content .wp-block-gallery.columns-3 { grid-template-columns: repeat(3, 1fr); }
.gb-editor-content .wp-block-gallery.columns-4 { grid-template-columns: repeat(4, 1fr); }
.gb-editor-content .wp-block-gallery figure { margin: 0 !important; }
.gb-editor-content .wp-block-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.2s;
}
.gb-editor-content .wp-block-gallery img:hover { opacity: 0.9; }

/* ── Core block: media & text ── */
.gb-editor-content .wp-block-media-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
  margin: 40px 0;
}
.gb-editor-content .wp-block-media-text.has-media-on-the-right {
  grid-template-columns: 1fr 1fr;
}
.gb-editor-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  order: 2;
}
.gb-editor-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  order: 1;
}
.gb-editor-content .wp-block-media-text__media img {
  width: 100%;
  display: block;
}
.gb-editor-content .wp-block-media-text__content { padding: 0; }

/* ── Core block: columns ── */
.gb-editor-content .wp-block-columns {
  display: grid;
  gap: 24px;
  margin: 32px 0;
}
.gb-editor-content .wp-block-columns.has-2-columns { grid-template-columns: repeat(2, 1fr); }
.gb-editor-content .wp-block-columns.has-3-columns { grid-template-columns: repeat(3, 1fr); }
.gb-editor-content .wp-block-columns.has-4-columns { grid-template-columns: repeat(4, 1fr); }
.gb-editor-content .wp-block-column { min-width: 0; }

/* ── Core block: separator / hr ── */
.gb-editor-content hr,
.gb-editor-content .wp-block-separator {
  border: none;
  height: 1px;
  background: var(--border);
  margin: 40px 0;
}
.gb-editor-content .wp-block-separator.is-style-wide {
  background: linear-gradient(90deg, transparent, var(--hot-pink), transparent);
  height: 1px;
}

/* ── Core block: quote / pullquote ── */
.gb-editor-content blockquote,
.gb-editor-content .wp-block-quote {
  border-left: 2px solid var(--hot-pink);
  padding: 20px 28px;
  margin: 32px 0;
  background: rgba(232,19,90,0.04);
}
.gb-editor-content blockquote p,
.gb-editor-content .wp-block-quote p {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: clamp(16px, 2vw, 22px);
  color: var(--off-white);
  line-height: 1.6;
  margin-bottom: 0;
}
.gb-editor-content .wp-block-quote cite,
.gb-editor-content .wp-block-quote footer {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold);
  margin-top: 10px;
  display: block;
  font-style: normal;
}
.gb-editor-content .wp-block-pullquote {
  border: none;
  border-top: 2px solid var(--border);
  border-bottom: 2px solid var(--border);
  padding: 32px 0;
  text-align: center;
  margin: 40px 0;
  background: none;
}
.gb-editor-content .wp-block-pullquote p {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: clamp(20px, 2.5vw, 30px);
  color: var(--off-white);
  margin-bottom: 0;
}

/* ── Core block: list ── */
.gb-editor-content ul,
.gb-editor-content ol {
  margin: 0 0 1.2em 0;
  padding-left: 0;
  list-style: none;
}
.gb-editor-content ul li,
.gb-editor-content ol li {
  font-size: 14px;
  color: var(--warm-gray);
  line-height: 1.8;
  padding: 6px 0 6px 20px;
  position: relative;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.gb-editor-content ul li::before {
  content: '—';
  position: absolute;
  left: 0;
  color: var(--hot-pink);
  font-size: 12px;
}
.gb-editor-content ol {
  counter-reset: gb-list;
}
.gb-editor-content ol li {
  counter-increment: gb-list;
}
.gb-editor-content ol li::before {
  content: counter(gb-list) '.';
  position: absolute;
  left: 0;
  color: var(--hot-pink);
  font-size: 12px;
  font-weight: 500;
}

/* ── Core block: button ── */
.gb-editor-content .wp-block-button { margin: 24px 0; }
.gb-editor-content .wp-block-button__link {
  background: var(--hot-pink) !important;
  color: white !important;
  border: none !important;
  padding: 13px 28px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-family: var(--font-sans) !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: background 0.2s !important;
}
.gb-editor-content .wp-block-button__link:hover {
  background: var(--hot-pink-dark) !important;
}
.gb-editor-content .wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  border: 1px solid var(--border-hover) !important;
  color: var(--warm-gray) !important;
}
.gb-editor-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
  border-color: var(--off-white) !important;
  color: var(--off-white) !important;
}

/* ── Core block: cover / banner ── */
.gb-editor-content .wp-block-cover {
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 32px 0;
  position: relative;
  overflow: hidden;
}
.gb-editor-content .wp-block-cover__inner-container { position: relative; z-index: 2; }
.gb-editor-content .wp-block-cover p {
  font-family: var(--font-gothic);
  font-size: clamp(24px, 4vw, 52px);
  color: white;
  font-weight: 400;
}

/* ── Core block: table ── */
.gb-editor-content table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin: 24px 0;
}
.gb-editor-content th {
  background: var(--black);
  color: var(--text-muted);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 500;
  padding: 11px 14px;
  border: 1px solid var(--border);
  text-align: left;
}
.gb-editor-content td {
  padding: 10px 14px;
  border: 1px solid var(--border);
  color: var(--warm-gray);
}
.gb-editor-content tr:nth-child(even) td { background: rgba(255,255,255,0.02); }

/* ── Core block: video & embed ── */
.gb-editor-content video,
.gb-editor-content .wp-block-video video {
  width: 100%;
  display: block;
  margin: 32px 0;
}
.gb-editor-content .wp-block-embed {
  margin: 32px 0;
}
.gb-editor-content .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.gb-editor-content .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* ── Core block: spacer ── */
.gb-editor-content .wp-block-spacer { display: block; }

/* ── Core block: group ── */
.gb-editor-content .wp-block-group { margin: 0; }
.gb-editor-content .wp-block-group.has-background {
  padding: 32px;
  margin: 24px 0;
}

/* ── Clearfix for floats ── */
.gb-editor-content::after {
  content: '';
  display: table;
  clear: both;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .gb-editor-content {
    padding: 0 20px 48px;
  }
  .gb-editor-content .alignfull,
  .gb-editor-content .alignwide {
    margin-left: -20px;
    margin-right: -20px;
    max-width: calc(100% + 40px);
    width: calc(100% + 40px);
  }
  .gb-editor-content .alignleft,
  .gb-editor-content .alignright {
    float: none;
    max-width: 100%;
    margin: 0 0 16px 0;
  }
  .gb-editor-content .wp-block-columns.has-2-columns,
  .gb-editor-content .wp-block-columns.has-3-columns,
  .gb-editor-content .wp-block-columns.has-4-columns {
    grid-template-columns: 1fr;
  }
  .gb-editor-content .wp-block-media-text {
    grid-template-columns: 1fr;
  }
  .gb-editor-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
    order: 0;
  }
  .gb-editor-content .wp-block-gallery.columns-3,
  .gb-editor-content .wp-block-gallery.columns-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ============================================================
   WPFORMS — Dark Theme Styling
============================================================ */
.wpforms-container { width: 100% !important; }

.wpforms-field-label {
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--text-muted) !important;
  font-weight: 500 !important;
  margin-bottom: 8px !important;
}

.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="tel"],
.wpforms-field input[type="number"],
.wpforms-field input[type="url"],
.wpforms-field textarea,
.wpforms-field select {
  background: var(--black-light) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: var(--off-white) !important;
  padding: 13px 16px !important;
  font-size: 13px !important;
  font-family: var(--font-sans) !important;
  border-radius: 0 !important;
  width: 100% !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.2s !important;
}

.wpforms-field input:focus,
.wpforms-field textarea:focus,
.wpforms-field select:focus {
  border-color: var(--hot-pink) !important;
  box-shadow: none !important;
}

.wpforms-field { margin-bottom: 20px !important; }

.wpforms-field textarea { resize: vertical !important; min-height: 120px !important; }

.wpforms-submit-container { margin-top: 8px !important; }

.wpforms-submit,
button.wpforms-submit {
  background: var(--hot-pink) !important;
  color: white !important;
  border: none !important;
  padding: 14px 32px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-family: var(--font-sans) !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}

.wpforms-submit:hover,
button.wpforms-submit:hover {
  background: var(--hot-pink-dark) !important;
}

/* Confirmation message */
.wpforms-confirmation-container-full {
  background: rgba(26,122,60,0.12) !important;
  border: 1px solid rgba(26,122,60,0.35) !important;
  color: #5adf8a !important;
  padding: 20px !important;
  font-size: 13px !important;
  border-radius: 0 !important;
}

/* Error messages */
.wpforms-error-container,
.wpforms-field .wpforms-error {
  color: #e05252 !important;
  font-size: 11px !important;
  margin-top: 4px !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

.wpforms-field input.wpforms-error,
.wpforms-field textarea.wpforms-error,
.wpforms-field select.wpforms-error {
  border-color: #cc3333 !important;
}

/* Required asterisk */
.wpforms-required-label { color: var(--hot-pink) !important; }

/* Honeypot / hidden fields */
.wpforms-field-hp { display: none !important; }

/* ============================================================
   WOOCOMMERCE BLOCK CHECKOUT — Dark Theme
   Targets the new Gutenberg block-based checkout
============================================================ */

/* Section headings — Contact information, Shipping address etc */
.wc-block-checkout__contact-fields > h2,
.wc-block-checkout__shipping-fields > h2,
.wc-block-checkout__billing-fields > h2,
.wc-block-checkout__payment-method > h2,
.wc-block-checkout__add-ons > h2,
.wc-block-checkout__order-notes > h2,
.wp-block-woocommerce-checkout-fields-block h2,
.wp-block-woocommerce-checkout-shipping-address-block h2,
.wp-block-woocommerce-checkout-billing-address-block h2,
.wp-block-woocommerce-checkout-payment-block h2,
.wc-block-components-checkout-step__title,
.wc-block-checkout .wc-block-components-checkout-step__title {
  font-family: var(--font-display) !important;
  font-size: 14px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--off-white) !important;
  font-weight: 400 !important;
  margin-bottom: 20px !important;
}

/* Form fields — dark background */
.wc-block-components-text-input input,
.wc-block-components-select select,
.wc-block-components-country-input input,
.wc-block-components-state-input input,
.wc-block-checkout input[type="text"],
.wc-block-checkout input[type="email"],
.wc-block-checkout input[type="tel"],
.wc-block-checkout input[type="password"],
.wc-block-checkout select,
.wc-block-checkout textarea {
  background: var(--black-light) !important;
  background-color: var(--black-light) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: var(--off-white) !important;
  border-radius: 0 !important;
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
}
.wc-block-components-text-input input:focus,
.wc-block-checkout input:focus,
.wc-block-checkout select:focus {
  border-color: var(--hot-pink) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Field labels */
.wc-block-components-text-input label,
.wc-block-components-select label,
.wc-block-checkout label {
  color: var(--text-muted) !important;
  font-size: 11px !important;
  font-family: var(--font-sans) !important;
  background: transparent !important;
}

/* Floating label background fix */
.wc-block-components-text-input.is-active label,
.wc-block-components-text-input:focus-within label {
  background: var(--black-light) !important;
  color: var(--hot-pink) !important;
  padding: 0 4px !important;
}

/* Order summary — let WC block handle layout natively */
.wc-block-components-order-summary-item__image {
  border: 1px solid var(--border) !important;
  background: var(--black) !important;
}

/* Desktop: force order summary item grid to give text column room */
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary-item,
.wc-block-checkout .wc-block-components-order-summary-item {
  grid-template-columns: auto 1fr auto !important;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary-item__description,
.wc-block-checkout .wc-block-components-order-summary-item__description {
  min-width: 0 !important;
  overflow: hidden !important;
  word-break: break-word !important;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary-item__name,
.wc-block-checkout .wc-block-components-order-summary-item__name {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

/* Order summary panel */
.wc-block-components-order-summary,
.wp-block-woocommerce-checkout-order-summary-block {
  background: var(--black-light) !important;
  border: 1px solid var(--border) !important;
  padding: 20px !important;
}

/* Totals */
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value {
  color: var(--warm-gray) !important;
  font-size: 13px !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--off-white) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

/* Place order button */
.wc-block-components-checkout-place-order-button,
.wc-block-checkout .wc-block-components-checkout-place-order-button {
  background: var(--hot-pink) !important;
  color: white !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: var(--font-sans) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  padding: 16px !important;
  width: 100% !important;
}
.wc-block-components-checkout-place-order-button:hover {
  background: var(--hot-pink-dark) !important;
}

/* Payment methods */
.wc-block-components-payment-method-label,
.wc-block-components-radio-control__option-layout {
  color: var(--warm-gray) !important;
  font-size: 13px !important;
}
.wc-block-components-payment-method-label input[type="radio"] {
  accent-color: var(--hot-pink) !important;
}

/* Terms checkbox */
.wc-block-components-checkbox input[type="checkbox"] {
  accent-color: var(--hot-pink) !important;
}
.wc-block-components-checkbox__label {
  color: var(--text-muted) !important;
  font-size: 11px !important;
}

/* Coupon code */
.wc-block-components-totals-coupon__button {
  color: var(--hot-pink) !important;
  font-size: 12px !important;
}

/* Product cards — dark bg, hot pink button */
.woocommerce ul.products li.product {
  background: #111111 !important;
}
.woocommerce ul.products li.product a img {
  background: #111111 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
body.woocommerce ul.products li.product .woocommerce-loop-product__title {
  background: #111111 !important;
  color: #F7F4EE !important;
  font-family: var(--font-sans) !important;
  font-style: normal !important;
  font-weight: 500 !important;
}
.woocommerce ul.products li.product .price {
  background: #111111 !important;
  color: var(--gold) !important;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button {
  background: #E8135A !important;
  color: white !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  /* Critical: prevents SELECT OPTIONS from clipping to SELECT OPT */
  white-space: normal !important;
  overflow: visible !important;
  word-break: break-word !important;
  line-height: 1.3 !important;
  padding: 10px 8px !important;
  width: calc(100% - 24px) !important;
  margin: 0 12px 12px !important;
  display: block !important;
  box-sizing: border-box !important;
}
.woocommerce ul.products li.product .button:hover {
  background: #C40E4C !important;
}

/* ============================================================
   MOBILE FIXES — all breakpoints
============================================================ */

/* ── Hide scroll hint on mobile (overlaps buttons) ── */
@media (max-width: 768px) {
  .scroll-hint { display: none !important; }
}

/* ── Shop grid — fix first card offset ── */
@media (max-width: 768px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2px !important;
  }
  .woocommerce ul.products li.product:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin-left: 0 !important;
  }
  /* Fix any float remnants */
  .woocommerce ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    clear: none !important;
  }
}

/* ── Mobile menu — ensure nav links show ── */
@media (max-width: 768px) {
  /* Mobile menu: padding goes on .mobile-menu-body, not the outer container */
  .mobile-menu-body {
    padding: 8px 0 16px !important;
  }
  .mobile-nav-links li a {
    font-size: 13px !important;
    letter-spacing: 0.06em !important;
  }
}

/* ── Press page — stack on mobile ── */
@media (max-width: 768px) {
  /* Press contact card — stack vertically */
  [style*="grid-template-columns:1fr auto"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    align-items: flex-start !important;
  }
  [style*="grid-template-columns:1fr auto"] a.btn {
    width: 100% !important;
    text-align: center !important;
    word-break: break-all !important;
    white-space: normal !important;
  }
}

/* ── Care page — single column on mobile ── */
@media (max-width: 600px) {
  /* Force 2-col care cards to 1-col */
  [style*="grid-template-columns:repeat(2,1fr)"] {
    grid-template-columns: 1fr !important;
  }
}

/* ── Our Story — fix blank space below image ── */
@media (max-width: 768px) {
  /* Stack two-column story sections */
  [style*="grid-template-columns:1fr 1fr"][style*="gap:80px"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
  }
  /* Remove min-height on image placeholders */
  [style*="min-height:480px"] {
    min-height: 280px !important;
  }
}

/* ── Email signup button — white on pink for maximum CTA prominence ── */
.email-section .email-submit {
  background: white !important;
  color: var(--hot-pink) !important;
  border: none !important;
  font-weight: 600 !important;
}
.email-section .email-submit:hover {
  background: var(--off-white) !important;
  color: var(--hot-pink-dark) !important;
}

/* ── Email signup form — stack on mobile ── */
@media (max-width: 560px) {
  .email-form {
    flex-direction: column !important;
  }
  .email-input,
  .email-submit {
    width: 100% !important;
  }
}

/* ── General mobile padding fixes ── */
@media (max-width: 768px) {
  .page-hero { padding: 80px 20px 48px !important; }
  [style*="max-width:900px"], 
  [style*="max-width:1000px"],
  [style*="max-width:1100px"],
  [style*="max-width:820px"],
  [style*="max-width:760px"],
  [style*="max-width:800px"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  /* Shipping & returns stats — 2 col on mobile */
  [style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  /* Track order form fields — stack */
  [style*="display:flex;gap:12px"] {
    flex-wrap: wrap !important;
  }
}

/* ── Stockists wholesale button — full width on mobile ── */
@media (max-width: 560px) {
  .btn-ghost[href*="wholesale"] {
    display: block !important;
    word-break: break-all !important;
    text-align: center !important;
  }
}

/* ── Footer — mobile stack ── */
@media (max-width: 768px) {
  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .footer-main { padding: 48px 24px !important; }
  .footer-bottom {
    flex-direction: column !important;
    gap: 16px !important;
    text-align: center !important;
    padding: 24px !important;
  }
  .payment-icons { justify-content: center !important; flex-wrap: wrap !important; }
}

/* ── Product page mobile ── */
@media (max-width: 768px) {
  .woocommerce div.product {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .gb-details-grid,
  [style*="display:grid;grid-template-columns:1fr 1fr"][style*="gap:60px"] {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

/* ── Mobile Menu — additional styling ── */
/* ── Product grid override via gb-products-grid class ── */
ul.gb-products-grid,
ul.gb-products-grid.columns-4,
ul.gb-products-grid.columns-3 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
ul.gb-products-grid li,
ul.gb-products-grid li.product {
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;
}
@media (max-width: 900px) {
  ul.gb-products-grid,
  ul.gb-products-grid.columns-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ── Sizing guide measurement cards — stack on mobile ── */
@media (max-width: 600px) {
  .gb-measure-cards {
    grid-template-columns: 1fr !important;
  }
}

/* ── Stockists wholesale email button — wrap properly ── */
.btn-ghost[href*="wholesale"],
.btn-ghost[href*="mailto"] {
  word-break: break-all !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.4 !important;
  padding: 12px 20px !important;
}

/* ── WooCommerce order tracking form — stack on mobile ── */
@media (max-width: 600px) {
  .woocommerce-form-track-order p.form-row {
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }
  .woocommerce-form-track-order {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
}



/* ── "The Drop" section header — stack on mobile ── */
@media (max-width: 600px) {
  .products-header {
    flex-direction: column !important;
    gap: 16px !important;
    align-items: flex-start !important;
  }
  .filter-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .filter-pill {
    padding: 6px 14px !important;
    font-size: 10px !important;
  }
}

/* ── Stockists page — reduce gap before footer ── */
.page-template-stockists .gb-page-content,
[class*="stockist"] + * {
  margin-bottom: 0 !important;
}

/* ============================================================
   v1.2.0 FIXES — appended
   All changes from the June 2026 audit:
   1. Product card overlap (hover vs always-visible strip)
   2. Stray dashes before WooPay/GPay
   3. Order summary name wrapping
   4. ERROR button styling
   5. Sticky ATC bar (mobile PDP)
   6. Size guide link styles
   7. Gold → off-white pricing token
   8. Product image background softened
   9. Mobile card info always visible (no hover required)
============================================================ */

/* ── 9. Touch devices: product info always on, hover overlay disabled ── */
/* Use pointer:coarse instead of width to correctly target touch devices */
@media (hover: none) and (pointer: coarse) {
  .product-card-info {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .product-card-body {
    opacity: 0 !important;
    pointer-events: none !important;
  }
  .gb-product-card:hover .product-card-body {
    opacity: 0 !important;
  }
  .gb-product-card:hover .product-card-info {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}
/* Also keep always-on for smaller screens as fallback */
@media (max-width: 768px) {
  .product-card-info {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .product-card-body {
    opacity: 0 !important;
  }
}

/* ── WooCommerce shop loop: product images softened background ── */
.woocommerce ul.products li.product {
  background: #111111 !important;
}
.woocommerce ul.products li.product a img {
  background: #1a1a1a !important;
}

/* ── Checkout: stray dash — extra nuclear option targeting the HR separator ── */
.wc-block-components-express-payment > hr,
.wc-block-components-express-payment-continue-rule,
.wc-block-checkout .wc-block-components-express-payment-continue-rule {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  overflow: hidden !important;
}

/* Kill any text node wrappers that output the dash character */
.wc-block-components-express-payment__content > span:empty,
.wc-block-components-express-payment__content > span:first-child {
  display: none !important;
}

/* ── Pricing: warm-white on dark bg reads premium, not discount ──
   Also update star ratings to match new token                     ── */
.woocommerce div.product p.price,
.woocommerce ul.products li.product .price,
.product-card-price,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--gold) !important;
}
.star-rating span::before,
.woocommerce .star-rating span::before { color: var(--hot-pink) !important; }



/* ============================================================
   v1.3.0 ADDITIONS
============================================================ */

/* ── Per-product fabric provenance block (PDP) ── */
.gb-fabric-provenance {
  margin-top: 24px;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,0.08);
  border-left: 2px solid rgba(232,19,90,0.5);
  background: rgba(255,255,255,0.02);
}
.gb-fabric-provenance__header {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hot-pink);
}
.gb-fabric-provenance__link {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 11px;
  letter-spacing: 0.05em;
  color: var(--text-muted);
  text-decoration: none;
  transition: color var(--transition);
  font-weight: 400;
}
.gb-fabric-provenance__link:hover { color: var(--hot-pink); }
.gb-fabric-provenance__text {
  font-size: 12px;
  line-height: 1.8;
  color: var(--text-muted);
}

/* ── Hero: padding-bottom already set in base .hero-left rule (72px desktop / 48px mobile) ── */
/* Duplicate rule removed in v1.3.1 */

/* ── Footer payment icons: ensure consistent sizing ── */
.payment-icons .payment-icon svg {
  width: 38px;
  height: 24px;
  display: block;
}

/* ============================================================
   v1.3.1 FIXES — Applied via comprehensive UX/UI audit
   Changes:
   1.  mix-blend-mode: multiply → normal on PDP main image
   2.  Cart count badge always in DOM (was conditional)
   3.  Related product names: font-sans (was font-serif italic)
   4.  Touch device media query: pointer:coarse (was max-width)
   5.  Sticky ATC flash: opacity+pointer-events (was display toggle)
   6.  Email submit: white-on-pink restored (was dark override)
   7.  Shop loop images: 3/4 ratio + object-fit:cover (was 1/1 contain)
   8.  Duplicate hero-left padding rule removed
   9.  Category pill counts hidden (inflated by colorway variants)
============================================================ */