/* ═══════════════════════════════════════════════════════════════
   VINYL TAVERN — CSS
   Supports dark (default) and light mode via .light-mode class
   ═══════════════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

/* ─── COLOR SYSTEM (Dark Mode Default) ─── */
:root{
  --nav-h:112px; /* logo 80px + padding 16px*2 — update here if nav height changes */
  --orange:#c4682f;
  --orange-dark:#9e5022;
  --orange-glow:rgba(196,104,47,0.35);
  --navy:#17283d;

  /* Theme colors — warm charcoal dark */
  --bg-primary:#161210;
  --bg-secondary:#1e1a15;
  --bg-tertiary:#120f0d;
  --bg-elevated:#28221b;
  --bg-nav:rgba(20,17,13,0.97);

  --text-primary:#f5f2ee;
  --text-secondary:rgba(245,242,238,0.82);
  --text-muted:#b8b2ab;
  --text-dim:#a09890;
  --text-faint:#888078;

  --border-subtle:rgba(255,255,255,0.06);
  --border-light:rgba(255,255,255,0.10);
  --border-medium:rgba(255,255,255,0.14);
  --rule:rgba(196,104,47,0.22);

  --grain-opacity:0.055;
  --shadow-heavy:rgba(0,0,0,0.55);
  --card-bg:#221c15;
}

/* ─── LIGHT MODE OVERRIDES ─── */
.light-mode{
  --bg-primary:#f8f6f3;
  --bg-secondary:#ffffff;
  --bg-tertiary:#f0ede8;
  --bg-elevated:#ffffff;
  --bg-nav:rgba(248,246,243,0.96);
  
  --text-primary:#1a1a1a;
  --text-secondary:rgba(26,26,26,0.75);
  --text-muted:#555;
  --text-dim:#666;
  --text-faint:#888;
  
  --border-subtle:rgba(0,0,0,0.06);
  --border-light:rgba(0,0,0,0.1);
  --border-medium:rgba(0,0,0,0.12);
  --rule:rgba(180,92,46,0.25);
  
  --grain-opacity:0.018;
  --shadow-heavy:rgba(0,0,0,0.12);
  --card-bg:#ffffff;
}

/* ─── GENERATEPRESS STRUCTURAL OVERRIDES ─── */
/* Neutralise any GP container/content divs that may still render */
.site-main,.site-content,.content-area,
.inside-article,.entry-content,.page-content,
#page,.container,.one-container .container,
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.inside-page-header{
  background-color:transparent !important;
  color:inherit !important;
}

html{scroll-behavior:smooth;}
body{
  background:var(--bg-primary);
  color:var(--text-primary);
  font-family:Helvetica,Arial,sans-serif;
  overflow-x:hidden;
  transition:background 0.3s ease, color 0.3s ease;
}

/* ─── GRAIN OVERLAY ─── */
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23g)' opacity='1'/%3E%3C/svg%3E");
  opacity:var(--grain-opacity);
  mix-blend-mode:overlay;
}

/* ─── NAV ─── */
nav#vt-nav{
  position:sticky;top:0;z-index:200;
  padding:16px 48px;
  display:flex;align-items:center;justify-content:space-between;
  background:var(--bg-nav);
  border-bottom:1px solid var(--rule);
  backdrop-filter:blur(16px);
}
nav#vt-nav.scrolled{
  background:var(--bg-nav);
  border-bottom-color:var(--rule);
  backdrop-filter:blur(16px);
}
.nav-logo img{height:75px;width:auto;transition:height 0.3s;}
.nav-logo-svg{display:flex;align-items:center;}
.nav-logo-svg svg{height:80px;width:auto;display:block;}
.nav-links{display:flex;gap:28px;}
.nav-links a{
  font-family:'Advent Pro',sans-serif;font-size:13px;
  letter-spacing:0.2em;text-transform:uppercase;
  color:var(--text-secondary);text-decoration:none;transition:color 0.2s;
}
.nav-links a:hover{color:var(--text-primary);}
.nav-right{display:flex;align-items:center;gap:14px;}
.nav-icon-btn{
  width:34px;height:34px;padding:0;border:1px solid var(--border-medium);
  display:flex;align-items:center;justify-content:center;
  color:var(--text-muted);cursor:pointer;transition:all 0.2s;
  background:transparent;
}
.nav-icon-btn:hover{border-color:var(--orange);color:var(--orange);}

/* Theme Toggle Button */
.theme-toggle{
  width:34px;height:34px;padding:0;
  border:1px solid var(--border-medium);
  background:transparent;
  display:flex;align-items:center;justify-content:center;
  color:var(--text-muted);cursor:pointer;transition:all 0.2s;
}
.theme-toggle:hover{border-color:var(--orange);color:var(--orange);}
.theme-toggle .icon-sun,
.theme-toggle .icon-moon{width:16px;height:16px;}
.theme-toggle .icon-sun{display:none;}
.theme-toggle .icon-moon{display:block;}
.light-mode .theme-toggle .icon-sun{display:block;}
.light-mode .theme-toggle .icon-moon{display:none;}

.nav-cart-btn{
  font-family:'Advent Pro',sans-serif;font-size:12px;
  letter-spacing:0.18em;text-transform:uppercase;
  background:var(--orange);color:#fff;
  padding:8px 18px;text-decoration:none;
  display:flex;align-items:center;gap:7px;
  transition:background 0.2s;
}
.nav-cart-btn:hover{background:var(--orange-dark);}

/* ─── HERO ─── */
.hero{
  min-height:calc(100vh - var(--nav-h));position:relative;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:60px 48px 80px;
}

/* Background layers - Dark mode */
.hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 90% 70% at 65% 30%, rgba(23,40,61,0.55) 0%, transparent 65%),
    radial-gradient(ellipse 60% 80% at 10% 90%, rgba(180,92,46,0.12) 0%, transparent 55%),
    linear-gradient(180deg, rgba(10,10,10,0) 0%, rgba(10,10,10,0.5) 55%, var(--bg-primary) 100%),
    var(--bg-primary);
  transition:background 0.3s ease;
}

/* Light mode hero bg */
.light-mode .hero-bg{
  background:
    radial-gradient(ellipse 90% 70% at 65% 30%, rgba(23,40,61,0.08) 0%, transparent 65%),
    radial-gradient(ellipse 60% 80% at 10% 90%, rgba(180,92,46,0.08) 0%, transparent 55%),
    linear-gradient(180deg, rgba(248,246,243,0) 0%, rgba(248,246,243,0.6) 55%, var(--bg-primary) 100%),
    var(--bg-primary);
}

/* Scanlines */
.hero-bg::before{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,0.12) 3px,rgba(0,0,0,0.12) 4px);
  pointer-events:none;
}
.light-mode .hero-bg::before{
  background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,0.03) 3px,rgba(0,0,0,0.03) 4px);
}

/* Vinyl record decoration */
.hero-vinyl{
  position:absolute;right:-8%;top:50%;transform:translateY(-50%);
  width:min(65vw,740px);height:min(65vw,740px);
  border-radius:50%;
  background:
    repeating-radial-gradient(circle at center,
      rgba(180,92,46,0.025) 0px, rgba(180,92,46,0.025) 1px,
      transparent 1px, transparent 7px
    );
  border:1px solid rgba(180,92,46,0.07);
  animation:vinylSpin 50s linear infinite;
}
.light-mode .hero-vinyl{
  background:
    repeating-radial-gradient(circle at center,
      rgba(180,92,46,0.06) 0px, rgba(180,92,46,0.06) 1px,
      transparent 1px, transparent 7px
    );
  border-color:rgba(180,92,46,0.12);
}
.hero-vinyl::before{
  content:'';position:absolute;inset:5%;border-radius:50%;
  background:repeating-radial-gradient(circle at center,
    rgba(180,92,46,0.03) 0px, rgba(180,92,46,0.03) 1px,
    transparent 1px, transparent 5px
  );
}
.hero-vinyl::after{
  content:'';position:absolute;inset:44%;border-radius:50%;
  background:radial-gradient(circle, rgba(180,92,46,0.25) 0%, #0d0d0d 55%);
  border:1px solid rgba(180,92,46,0.25);
  box-shadow:0 0 40px rgba(180,92,46,0.1);
}
.light-mode .hero-vinyl::after{
  background:radial-gradient(circle, rgba(180,92,46,0.3) 0%, #e8e4df 55%);
}
@keyframes vinylSpin{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}

.hero-content{position:relative;z-index:10;max-width:680px;}
.hero-eyebrow{
  font-family:'Advent Pro',sans-serif;font-size:11px;
  letter-spacing:0.38em;text-transform:uppercase;
  color:var(--orange);margin-bottom:18px;
  display:flex;align-items:center;gap:14px;
  opacity:0;animation:fadeUp 0.7s 0.2s forwards;
}
.hero-eyebrow::before{content:'';width:28px;height:1px;background:var(--orange);}
.hero-h1{
  font-family:'Advent Pro',sans-serif;font-weight:500;
  font-size:clamp(56px,8vw,104px);
  line-height:0.92;letter-spacing:-0.01em;
  color:var(--text-primary);margin-bottom:22px;
  opacity:0;animation:fadeUp 0.7s 0.35s forwards;
}
.hero-h1 em{font-style:normal;color:var(--orange);}
.hero-sub{
  font-size:16px;color:var(--text-secondary);line-height:1.75;
  max-width:440px;margin-bottom:36px;
  opacity:0;animation:fadeUp 0.7s 0.5s forwards;
}
.hero-actions{
  display:flex;gap:14px;flex-wrap:wrap;
  opacity:0;animation:fadeUp 0.7s 0.65s forwards;
}
.btn-primary{
  font-family:'Advent Pro',sans-serif;font-size:12px;
  letter-spacing:0.18em;text-transform:uppercase;
  background:var(--orange);color:#fff;
  padding:15px 36px;text-decoration:none;
  transition:background 0.2s;display:inline-block;
}
.btn-primary:hover{background:var(--orange-dark);}
.btn-ghost{
  font-family:'Advent Pro',sans-serif;font-size:12px;
  letter-spacing:0.18em;text-transform:uppercase;
  background:transparent;color:var(--text-secondary);
  padding:13px 34px;text-decoration:none;
  border:1px solid var(--border-light);
  transition:all 0.2s;display:inline-block;
}
.btn-ghost:hover{border-color:var(--orange);color:var(--orange);}

.hero-stats{
  display:flex;gap:36px;margin-top:52px;padding-top:36px;
  border-top:1px solid var(--rule);
  opacity:0;animation:fadeUp 0.7s 0.8s forwards;
}
.stat-num{
  font-family:'Advent Pro',sans-serif;font-size:30px;font-weight:500;
  color:var(--orange);line-height:1;
}
.stat-label{font-size:12px;color:var(--text-muted);letter-spacing:0.12em;text-transform:uppercase;margin-top:5px;}

@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* ─── SEARCH BAR ─── */
.search-bar{
  background:#7a3d1a;
  border-top:3px solid #c4682f;
  border-bottom:2px solid rgba(0,0,0,0.3);
  display:grid;
  grid-template-columns:auto 1fr auto;
  height:70px;
  align-items:stretch;
  transition:background 0.3s ease;
  position:relative;
}
/* faint warm shadow beneath bar to separate from page */
.search-bar::after{
  content:'';position:absolute;left:0;right:0;bottom:-8px;height:8px;
  background:linear-gradient(to bottom,rgba(0,0,0,0.35),transparent);
  pointer-events:none;
}
.light-mode .search-bar{
  background:#fff;
  border-top-color:var(--orange);
  border-bottom-color:rgba(0,0,0,0.1);
}
.search-prefix{
  display:flex;align-items:center;gap:10px;
  font-family:'Advent Pro',sans-serif;font-size:13px;
  letter-spacing:0.3em;text-transform:uppercase;
  color:rgba(255,220,180,0.85);
  padding:0 28px;
  border-right:1px solid rgba(0,0,0,0.2);
  white-space:nowrap;
}
.search-input-wrap{
  display:flex;align-items:center;padding:0 16px;
  position:relative;
}
/* Plugin outer wrappers — stretch to fill the bar */
.search-input-wrap .product-search,
.search-input-wrap .product-search-form,
.search-input-wrap .product-search-form form{
  flex:1;display:flex;align-items:center;position:relative;width:100%;
}
/* Input field — light text on the orange bar */
.search-input-wrap input.product-search-field{
  flex:1;border:none;outline:none;
  font-family:Helvetica,Arial,sans-serif;font-size:17px;
  color:#fff5ec;letter-spacing:0.01em;
  background:transparent;
  padding:10px 16px;
  width:100%;
}
.search-input-wrap input.product-search-field::placeholder{color:rgba(255,220,180,0.5);font-style:italic;}
/* Results dropdown container */
.search-input-wrap .product-search-results{
  position:absolute;top:100%;left:0;right:0;
  background:var(--bg-tertiary) !important;
  border:1px solid var(--rule) !important;
  border-top:none !important;
  z-index:400;
  border-radius:0 0 6px 6px;
}
/* Results table */
.search-input-wrap table.search-results{
  width:100%;border-collapse:collapse;
}
/* Alternating row colors */
.search-input-wrap table.search-results tr.entry:nth-child(odd),
.search-input-wrap .product-search-results tr.entry:nth-child(odd){
  background:var(--bg-tertiary) !important;
}
.search-input-wrap table.search-results tr.entry:nth-child(even),
.search-input-wrap .product-search-results tr.entry:nth-child(even){
  background:var(--bg-elevated) !important;
}
/* Override plugin's #f0f0f0 hover with navy */
.search-input-wrap .product-search-results .entry:hover,
.search-input-wrap .product-search-results .entry.active,
.search-input-wrap table.search-results tr.entry:hover{
  background-color:var(--navy) !important;
}
/* Thumbnail cell */
.search-input-wrap table.search-results td.product-image{
  width:52px;padding:8px 10px;
}
.search-input-wrap table.search-results td.product-image img{
  width:44px;height:44px;object-fit:cover;display:block;
}
/* Product info cell */
.search-input-wrap table.search-results td.product-info{
  padding:8px 12px;
}
.search-input-wrap table.search-results td.product-info .title{
  font-family:'Advent Pro',sans-serif;font-size:14px;
  color:var(--text-primary);display:block;
}
.search-input-wrap table.search-results td.product-info .price{
  color:var(--orange);font-family:'Advent Pro',sans-serif;font-size:13px;
}
/* Show all row */
.search-input-wrap table.search-results tr.entry.s_more{
  background:var(--bg-secondary) !important;
  border-top:1px solid var(--rule);
}
.search-input-wrap table.search-results tr.entry.s_more td{
  padding:10px 14px;text-align:center;
}
.search-input-wrap table.search-results tr.entry.s_more .title{
  font-family:'Advent Pro',sans-serif;font-size:12px;
  letter-spacing:0.15em;text-transform:uppercase;
  color:var(--orange);
}

/* ─── FILTER STRIP ─── */
.filter-strip{
  display:flex;align-items:center;gap:4px;
  background:var(--bg-tertiary);
  padding:0 48px;height:50px;
  border-bottom:1px solid var(--border-subtle);
  overflow-x:auto;
  transition:background 0.3s ease;
}
.filter-tab{
  font-family:'Advent Pro',sans-serif;font-size:12px;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--text-muted);padding:8px 14px;
  white-space:nowrap;cursor:pointer;transition:color 0.2s;
  display:flex;align-items:center;gap:7px;
}
.filter-tab:hover{color:var(--text-primary);}
.filter-tab.active{color:var(--orange);}
.filter-divider{width:1px;height:16px;background:var(--border-light);margin:0 6px;}
.dot{width:7px;height:7px;border-radius:50%;}
.dot-new{background:#60a080;}
.dot-used{background:#a08060;}
.filter-spacer{flex:1;}
.condition-guide-link{
  font-family:'Advent Pro',sans-serif;font-size:11px;
  letter-spacing:0.15em;text-transform:uppercase;
  color:var(--orange);text-decoration:none;
  transition:color 0.2s;white-space:nowrap;
}
.condition-guide-link:hover{color:var(--orange-dark);}

/* ─── MARQUEE ─── */
.marquee-wrap{
  background:var(--bg-secondary);
  border-bottom:1px solid var(--border-subtle);
  overflow:hidden;padding:14px 0;
  transition:background 0.3s ease;
}
.marquee-track{
  display:flex;gap:18px;
  animation:marquee 40s linear infinite;
  width:max-content;
}
.m-item{
  font-family:'Advent Pro',sans-serif;font-size:12px;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--text-dim);
  display:flex;align-items:center;gap:18px;
  text-decoration:none;
  transition:color 0.2s;
}
.m-item:hover{color:var(--orange);}
.m-item::after{content:'•';color:var(--orange);opacity:0.5;}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ─── SECTIONS ─── */
.section{padding:64px 48px;}
.section-genre{
  background-color:var(--navy);
  background-image:
    repeating-radial-gradient(
      circle at 92% 50%,
      transparent 0,
      transparent 28px,
      rgba(255,255,255,0.032) 29px,
      transparent 30px
    ),
    repeating-radial-gradient(
      circle at 8% 50%,
      transparent 0,
      transparent 18px,
      rgba(255,255,255,0.018) 19px,
      transparent 20px
    );
  padding-bottom:64px;
}
.section-header{
  display:flex;justify-content:space-between;align-items:flex-end;
  margin-bottom:28px;
}
.section-eyebrow{
  font-family:'Advent Pro',sans-serif;font-size:11px;
  letter-spacing:0.35em;text-transform:uppercase;
  color:var(--orange);margin-bottom:4px;
}
.section-title{
  font-family:'Advent Pro',sans-serif;font-size:26px;font-weight:500;
  color:var(--text-primary);
}
.section-all-link{
  font-family:'Advent Pro',sans-serif;font-size:12px;
  letter-spacing:0.15em;text-transform:uppercase;
  color:var(--orange);text-decoration:none;
  transition:color 0.2s;
}
.section-all-link:hover{color:var(--orange-dark);}

/* ─── GENRE GRID ─── */
.genre-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.genre-grid .genre-card:first-child{grid-column:span 2;grid-row:span 2;}
.genre-card{
  position:relative;aspect-ratio:1.5;overflow:hidden;cursor:pointer;
  border-radius:6px;
  border:1px solid rgba(255,255,255,0.1);
  box-shadow:0 4px 20px rgba(0,0,0,0.45);
  transition:border-color 0.2s, box-shadow 0.2s;
}
.genre-card:hover{
  border-color:var(--orange);
  box-shadow:0 6px 28px rgba(0,0,0,0.6);
}
.genre-card:first-child{aspect-ratio:auto;}
.genre-inner{
  position:absolute;inset:0;transition:transform 0.4s;
  display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);
  gap:2px;
}
.genre-collage-cell{overflow:hidden;}
.genre-collage-cell img{width:100%;height:100%;object-fit:cover;display:block;}
.genre-card:hover .genre-inner{transform:scale(1.05);}
.genre-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.45) 100%);
  transition:background 0.3s;
}
.genre-card:hover .genre-overlay{
  background:linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0.55) 100%);
}
.genre-label{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:14px;text-align:center;
  background:transparent;
  transition:transform 0.3s;
}
.genre-card:hover .genre-label{
  transform:scale(1.05);
}
.genre-name{
  font-family:'Advent Pro',sans-serif;font-size:clamp(18px,2vw,24px);font-weight:700;
  color:#fff;line-height:1.1;letter-spacing:0.04em;text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,1), 0 0 20px rgba(0,0,0,0.9);
  transition:color 0.2s;
}
.genre-card:hover .genre-name{
  color:var(--orange);
}
.genre-count{font-size:12px;color:rgba(255,255,255,0.9);margin-top:5px;letter-spacing:0.02em;text-shadow:0 1px 6px rgba(0,0,0,1);}

/* Genre gradients */
.g-rock{background:linear-gradient(135deg,#1a0a0a 0%,#2a1414 50%,#0e0606 100%);}
.g-jazz{background:linear-gradient(135deg,#060e1c 0%,#0a1828 50%,#050b14 100%);}
.g-soul{background:linear-gradient(135deg,#1a0816 0%,#280d22 50%,#100610 100%);}
.g-pop{background:linear-gradient(135deg,#0f0f1a 0%,#1c1c2a 50%,#090912 100%);}
.g-funk{background:linear-gradient(135deg,#0a1a0a 0%,#142814 50%,#060e06 100%);}
.g-blues{background:linear-gradient(135deg,#1a0a0a 0%,#281414 50%,#0e0606 100%);}
.g-folk{background:linear-gradient(135deg,#0f140a 0%,#1a2210 50%,#090c06 100%);}
.g-psych{background:linear-gradient(135deg,#14061a 0%,#200a2a 50%,#0a0310 100%);}

/* ─── PRODUCT CARDS ─── */
.products-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
/* Just In homepage section — always 5 per row with tighter gap */
.just-in-grid{
  grid-template-columns:repeat(5,1fr)!important;
  gap:12px!important;
}
.just-in-grid .pcard-body{padding:10px 12px 12px;}
.just-in-grid .pcard-title{font-size:13px;}
.just-in-grid .pcard-artist{font-size:12px;margin-bottom:8px;}
.just-in-grid .pcard-price{font-size:16px;}
.just-in-grid .pcard-add{width:26px;height:26px;font-size:16px;}
.pcard{
  background:var(--card-bg);cursor:pointer;
  transition:transform 0.2s,box-shadow 0.2s,background 0.3s;
  position:relative;
  border:1px solid var(--border-subtle);
}
.pcard:hover{transform:translateY(-5px);box-shadow:0 12px 40px var(--shadow-heavy);}
.pcard-art{
  aspect-ratio:1;overflow:hidden;position:relative;
  background:var(--bg-elevated);
  display:flex;align-items:center;justify-content:center;font-size:44px;
}
.pcard-art img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
.pcard:hover .pcard-art img{transform:scale(1.04);}

/* Badges */
.badge{
  position:absolute;font-family:'Advent Pro',sans-serif;
  font-size:10px;letter-spacing:0.12em;text-transform:uppercase;padding:4px 9px;
}
.badge-cond{
  bottom:8px;left:8px;
  background:rgba(10,10,10,0.88);
  border:1px solid rgba(180,92,46,0.45);
  color:var(--orange);
}
.light-mode .badge-cond{
  background:rgba(255,255,255,0.92);
}
.badge-new{
  top:8px;left:8px;
  background:rgba(40,90,65,0.92);color:#a0e0c0;
}
.badge-used{
  top:8px;left:8px;
  background:rgba(30,20,10,0.88);color:#b89878;
}
.light-mode .badge-used{
  background:rgba(80,60,40,0.9);color:#fff;
}
.badge-topshelf{
  top:8px;left:8px;
  background:rgba(143,72,34,0.95);color:#fff;
}
.pcard-body{padding:13px 14px 15px;}
.pcard-genre{
  font-size:11px;letter-spacing:0.15em;text-transform:uppercase;
  color:var(--orange);margin-bottom:4px;
}
.pcard-title{
  font-family:'Advent Pro',sans-serif;font-size:15px;
  color:var(--text-primary);margin-bottom:2px;line-height:1.3;
}
.pcard-artist{font-size:13px;color:var(--text-muted);margin-bottom:11px;}
.pcard-footer{display:flex;justify-content:space-between;align-items:center;}
.pcard-price{font-family:'Advent Pro',sans-serif;font-size:18px;color:var(--orange);}
.pcard-add{
  width:30px;height:30px;background:rgba(180,92,46,0.1);
  border:1px solid rgba(180,92,46,0.25);
  color:var(--orange);font-size:19px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all 0.2s;
}
.pcard-add:hover{background:var(--orange);color:#fff;border-color:var(--orange);}

/* ─── TOP SHELF ─── */
.topshelf-section{
  background:linear-gradient(135deg,#100a04 0%,#0a1220 50%,#0a0a0a 100%);
  margin:0 48px 72px;
  border:1px solid rgba(180,92,46,0.2);
  position:relative;overflow:hidden;
  transition:background 0.3s ease;
}
.light-mode .topshelf-section{
  background:linear-gradient(135deg,#f5f0ea 0%,#e8e4de 50%,#f0ede8 100%);
  border-color:rgba(180,92,46,0.3);
}
.topshelf-section::before{
  content:'TOP SHELF';
  position:absolute;right:-30px;top:50%;
  transform:translateY(-50%) rotate(90deg);
  font-family:'Advent Pro',sans-serif;font-size:96px;font-weight:600;
  letter-spacing:0.1em;color:rgba(180,92,46,0.04);
  pointer-events:none;white-space:nowrap;
}
.light-mode .topshelf-section::before{
  color:rgba(180,92,46,0.08);
}
.ts-inner{padding:48px;}
.ts-header{margin-bottom:32px;}
.ts-eyebrow{
  font-family:'Advent Pro',sans-serif;font-size:12px;
  letter-spacing:0.35em;text-transform:uppercase;
  color:var(--orange);margin-bottom:6px;
}
.ts-title{
  font-family:'Advent Pro',sans-serif;font-weight:500;
  font-size:26px;color:var(--text-primary);
}
.ts-desc{font-size:14px;color:var(--text-muted);margin-top:6px;line-height:1.6;}
.ts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ts-card{
  display:flex;gap:16px;
  background:rgba(0,0,0,0.35);padding:18px;cursor:pointer;
  border:1px solid transparent;
  transition:border-color 0.2s,background 0.2s;
}
.light-mode .ts-card{
  background:rgba(255,255,255,0.7);
}
.ts-card:hover{border-color:rgba(180,92,46,0.25);background:rgba(180,92,46,0.05);}
.light-mode .ts-card:hover{background:rgba(180,92,46,0.1);}
.ts-art{
  width:76px;height:76px;flex-shrink:0;
  background:var(--bg-elevated);overflow:hidden;
  display:flex;align-items:center;justify-content:center;font-size:28px;
}
.ts-art img{width:100%;height:100%;object-fit:cover;}
.ts-info{flex:1;min-width:0;}
.ts-badge{
  font-size:10px;letter-spacing:0.15em;text-transform:uppercase;
  color:var(--orange);margin-bottom:4px;
}
.ts-record-title{
  font-family:'Advent Pro',sans-serif;font-size:15px;
  color:var(--text-primary);line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ts-artist{font-size:12px;color:var(--text-muted);margin:2px 0 8px;}
.ts-price{font-family:'Advent Pro',sans-serif;font-size:20px;color:var(--orange);}

/* ─── EMAIL ─── */
.email-section{
  background:var(--navy);
  border-top:2px solid var(--orange);
  padding:64px 48px;
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;
}
.email-copy h3{
  font-family:'Advent Pro',sans-serif;font-size:28px;font-weight:500;
  color:#fff;margin-bottom:8px;
}
.email-copy p{font-size:14px;color:rgba(245,242,238,0.6);line-height:1.7;}
.email-form{display:flex;}
.email-form input{
  flex:1;background:rgba(0,0,0,0.4);
  border:1px solid rgba(255,255,255,0.08);border-right:none;
  padding:15px 20px;color:#fff;
  font-family:Helvetica,Arial,sans-serif;font-size:14px;outline:none;
  transition:border-color 0.2s;
}
.email-form input:focus{border-color:rgba(180,92,46,0.5);}
.email-form button{
  background:var(--orange);color:#fff;border:none;
  font-family:'Advent Pro',sans-serif;font-size:13px;
  letter-spacing:0.22em;text-transform:uppercase;
  padding:15px 28px;cursor:pointer;white-space:nowrap;
  transition:background 0.2s;
}
.email-form button:hover{background:var(--orange-dark);}

/* ─── FOOTER ─── */
footer{
  background:var(--bg-tertiary);
  border-top:1px solid var(--border-subtle);
  padding:56px 48px 28px;
  transition:background 0.3s ease;
}
.light-mode footer{
  background:#e8e4df;
}
.footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:40px;margin-bottom:44px;
}
.footer-logo img{height:44px;margin-bottom:16px;}
.footer-tagline{font-size:14px;color:var(--text-dim);line-height:1.7;max-width:250px;}
.footer-col-title{
  font-family:'Advent Pro',sans-serif;font-size:11px;
  letter-spacing:0.25em;text-transform:uppercase;
  color:var(--orange);margin-bottom:16px;
}
.footer-col a{
  display:block;font-size:13px;color:var(--text-dim);
  text-decoration:none;margin-bottom:9px;transition:color 0.2s;
}
.footer-col a:hover{color:var(--text-primary);}
.footer-bottom{
  border-top:1px solid var(--border-subtle);
  padding-top:20px;
  display:flex;justify-content:space-between;align-items:center;
}
.footer-bottom-left{font-size:12px;color:var(--text-faint);letter-spacing:0.05em;}
.footer-social{display:flex;gap:20px;}
.footer-social a{
  font-family:'Advent Pro',sans-serif;font-size:11px;
  letter-spacing:0.18em;text-transform:uppercase;
  color:var(--text-faint);text-decoration:none;transition:color 0.2s;
}
.footer-social a:hover{color:var(--orange);}

/* ─── LOGO INVERSION FOR LIGHT MODE ─── */
/* If your logo is light-on-dark, you may need an alternate version or filter */
.light-mode .nav-logo img,
.light-mode .footer-logo img{
  /* Option 1: Use CSS filter (works for simple logos) */
  /* filter: invert(1) hue-rotate(180deg); */
  /* Option 2: Better to have separate logo files and swap via JS */
}

/* ─── MOBILE ─── */
@media(max-width:900px){
  nav{padding:0 20px;}
  .nav-links{display:none;}
  .hero{padding:0 20px 60px;}
  .hero-vinyl{right:-25%;width:90vw;height:90vw;}
  .hero-stats{gap:20px;flex-wrap:wrap;}
  .search-bar{grid-template-columns:1fr auto;height:auto;min-height:56px;}
  .search-prefix{display:none;}
  .search-input-wrap{padding:14px 16px;}
  .search-submit{padding:0 18px;}
  .filter-strip{padding:0 20px;}
  .section{padding:48px 20px;}
  .genre-grid{grid-template-columns:repeat(2,1fr);}
  .genre-card:first-child{grid-column:span 2;}
  .products-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .topshelf-section{margin:0 20px 48px;}
  .ts-inner{padding:28px 20px;}
  .ts-grid{grid-template-columns:1fr;}
  .email-section{grid-template-columns:1fr;padding:40px 20px;gap:28px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
  footer{padding:40px 20px 20px;}
  .footer-bottom{flex-direction:column;gap:12px;}
}
@media(max-width:480px){
  .products-grid{grid-template-columns:1fr 1fr;}
  .hero-h1{font-size:52px;}
  .hero-stats{gap:16px;}
}

/* ─── PRODUCT PAGE ─── */
.product-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - var(--nav-h));}
.product-image-panel{position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));background:var(--bg-secondary);display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);overflow:hidden;}
.main-image{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg-tertiary);cursor:zoom-in;}
.main-image-placeholder{width:min(420px,80%);height:min(420px,80%);background:linear-gradient(135deg,var(--bg-elevated),var(--bg-secondary));display:flex;align-items:center;justify-content:center;font-size:120px;}
.zoom-hint{position:absolute;bottom:16px;right:16px;font-family:'Advent Pro',sans-serif;font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:var(--text-faint);display:flex;align-items:center;gap:6px;}
.thumb-strip{display:flex;gap:2px;padding:10px;background:var(--bg-primary);border-top:1px solid var(--border-subtle);overflow-x:auto;scrollbar-width:none;}
.thumb-strip::-webkit-scrollbar{display:none;}
.thumb{width:64px;height:64px;flex-shrink:0;background:var(--bg-elevated);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid transparent;transition:border-color 0.2s;overflow:hidden;}
.thumb.active{border-color:var(--orange);}
.thumb:hover{border-color:rgba(180,92,46,0.4);}
.image-badges{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:6px;z-index:2;}
.img-badge{font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;padding:4px 10px;}
.img-badge-cond{background:rgba(10,10,10,0.88);border:1px solid rgba(180,92,46,0.5);color:var(--orange);}
.light-mode .img-badge-cond{background:rgba(255,255,255,0.92);}
.img-badge-used{background:rgba(20,14,8,0.88);border:1px solid rgba(180,92,46,0.2);color:#886040;}
.light-mode .img-badge-used{background:rgba(80,60,40,0.9);color:#fff;}
.img-badge-new{background:rgba(20,50,35,0.92);border:1px solid rgba(58,125,90,0.4);color:#80d0a8;}
.img-badge-topshelf{background:rgba(143,72,34,0.92);color:#fff;}
.product-info-panel{padding:52px 52px 80px;overflow-y:auto;}
.product-meta-top{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.meta-genre{font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:var(--orange);text-decoration:none;}
.meta-sep{color:var(--border-light);font-size:10px;}
.meta-label-year{font-size:11px;color:var(--text-muted);letter-spacing:0.05em;}
.product-title{font-family:'Advent Pro',sans-serif;font-weight:500;font-size:clamp(32px,3.5vw,48px);line-height:1.0;letter-spacing:0.01em;color:var(--text-primary);margin-bottom:6px;}
.product-artist{font-family:'Advent Pro',sans-serif;font-size:18px;color:var(--text-faint);letter-spacing:0.04em;margin-bottom:28px;}
.record-details{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--rule);}
.detail-tag{font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.15em;text-transform:uppercase;padding:5px 12px;background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-muted);}
.detail-tag.highlight{background:rgba(180,92,46,0.1);border-color:rgba(180,92,46,0.25);color:var(--orange);}
.condition-block{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--rule);}
.condition-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.condition-key{font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:var(--text-faint);}
.condition-guide-btn{font-family:'Advent Pro',sans-serif;font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:var(--text-faint);text-decoration:none;transition:color 0.2s;}
.condition-guide-btn:hover{color:var(--orange);}
.condition-display{display:flex;gap:8px;align-items:center;}
.cond-grade{font-family:'Advent Pro',sans-serif;font-size:28px;font-weight:500;color:var(--orange);line-height:1;}
.cond-name{font-size:13px;color:var(--text-muted);line-height:1.5;}
.cond-name strong{color:var(--text-primary);display:block;font-size:14px;}
.cond-scale{display:flex;gap:3px;margin-top:12px;}
.cond-pip{flex:1;height:4px;background:var(--bg-elevated);transition:background 0.2s;}
.cond-pip.filled{background:var(--orange);}
.cond-pip.active-pip{background:var(--orange);box-shadow:0 0 6px var(--orange-dark);}
.cond-scale-labels{display:flex;justify-content:space-between;margin-top:5px;font-size:9px;color:var(--text-faint);letter-spacing:0.1em;font-family:'Advent Pro',sans-serif;}
.condition-notes{margin-top:14px;font-size:12px;color:var(--text-muted);line-height:1.7;padding:14px;background:var(--bg-elevated);border-left:2px solid var(--rule);}
.purchase-block{margin-bottom:28px;}
.price-row{display:flex;align-items:baseline;gap:14px;margin-bottom:20px;}
.price-main{font-family:'Advent Pro',sans-serif;font-weight:500;font-size:42px;color:var(--orange);line-height:1;}
.price-type{font-family:'Advent Pro',sans-serif;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-faint);}
.stock-status{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:20px;}
.stock-dot{width:6px;height:6px;border-radius:50%;background:#3a7d5a;}
.stock-text{color:var(--text-muted);letter-spacing:0.05em;}
.add-to-cart-btn,button.single_add_to_cart_button{width:100%;font-family:'Advent Pro',sans-serif;font-size:13px;letter-spacing:0.22em;text-transform:uppercase;background:var(--orange);color:#fff;border:none;padding:18px 36px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background 0.2s;margin-bottom:10px;}
.add-to-cart-btn:hover,button.single_add_to_cart_button:hover{background:var(--orange-dark);}
.shipping-note{margin-top:14px;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-faint);}
.details-section{margin-bottom:28px;}
.detail-row{padding:14px 0;border-bottom:1px solid var(--border-subtle);display:flex;gap:20px;}
.detail-row-key{font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-faint);width:110px;flex-shrink:0;padding-top:1px;}
.detail-row-val{font-size:13px;color:var(--text-muted);line-height:1.6;}
.detail-row-val a{color:var(--orange);text-decoration:none;}
.description-block{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--rule);}
.description-block h4{font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:var(--text-faint);margin-bottom:12px;}
.related-section{padding:64px 48px;border-top:1px solid var(--rule);}
.related-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px;}
.related-eyebrow{font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:var(--orange);margin-bottom:6px;}
.related-title{font-family:'Advent Pro',sans-serif;font-weight:500;font-size:20px;color:var(--text-primary);}
.related-all{font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--orange);text-decoration:none;}
.related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.rcard{background:var(--card-bg);cursor:pointer;transition:transform 0.2s;position:relative;border:1px solid var(--border-subtle);}
.rcard:hover{transform:translateY(-4px);}
.rcard-art{aspect-ratio:1;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:32px;overflow:hidden;position:relative;}
.rcard-cond{position:absolute;bottom:6px;left:6px;font-family:'Advent Pro',sans-serif;font-size:9px;letter-spacing:0.1em;padding:2px 6px;background:rgba(10,10,10,0.88);border:1px solid rgba(180,92,46,0.35);color:var(--orange);}
.light-mode .rcard-cond{background:rgba(255,255,255,0.92);}
.rcard-body{padding:10px 12px 12px;}
.rcard-genre{font-size:9px;letter-spacing:0.15em;text-transform:uppercase;color:var(--orange);margin-bottom:3px;}
.rcard-title{font-family:'Advent Pro',sans-serif;font-size:13px;color:var(--text-primary);line-height:1.3;margin-bottom:2px;}
.rcard-artist{font-size:11px;color:var(--text-faint);margin-bottom:8px;}
.rcard-price{font-family:'Advent Pro',sans-serif;font-size:15px;color:var(--orange);}

/* ─── GENRE ARCHIVE ─── */
.genre-hero{position:relative;overflow:hidden;min-height:140px;display:flex;align-items:stretch;border-bottom:3px solid var(--orange);}
.hero-watermark{position:absolute;right:-20px;bottom:-20px;font-family:'Advent Pro',sans-serif;font-weight:700;font-size:clamp(70px,10vw,130px);line-height:1;letter-spacing:-0.02em;color:rgba(255,255,255,0.03);pointer-events:none;white-space:nowrap;user-select:none;}
.genre-hero-content{position:relative;z-index:2;padding:20px 48px 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;width:100%;}
.genre-hero-left{display:flex;flex-direction:column;justify-content:flex-end;}
.genre-hero-eyebrow{font-family:'Advent Pro',sans-serif;font-size:11px;letter-spacing:0.3em;text-transform:uppercase;margin-bottom:6px;}
.genre-hero-title{font-family:'Advent Pro',sans-serif;font-weight:500;font-size:clamp(28px,4vw,48px);color:#fff;line-height:0.95;letter-spacing:-0.01em;}
.genre-hero-desc{font-size:13px;color:rgba(255,255,255,0.5);margin-top:10px;max-width:440px;line-height:1.6;}
.genre-hero-controls{display:flex;align-items:center;gap:12px;flex-shrink:0;padding-bottom:4px;}
.genre-hero-controls .result-count{font-family:'Advent Pro',sans-serif;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.5);white-space:nowrap;}
.genre-hero-controls .sort-select{background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.75);font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.15em;text-transform:uppercase;padding:7px 12px;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.5)' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
.genre-hero-controls .sort-select:hover{border-color:rgba(255,255,255,0.3);color:#fff;}
.genre-hero-controls .view-toggle{display:flex;gap:4px;}
.genre-hero-controls .view-btn{width:30px;height:30px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;}
.genre-hero-controls .view-btn:hover{border-color:rgba(255,255,255,0.4);color:rgba(255,255,255,0.9);}
.genre-hero-controls .view-btn.active{background:var(--orange);border-color:var(--orange);color:#fff;}
.subgenre-strip{display:flex;gap:4px;padding:0 48px;height:48px;align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);overflow-x:auto;}
.subgenre-tab{font-family:'Advent Pro',sans-serif;font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-muted);padding:7px 14px;text-decoration:none;transition:color 0.2s;white-space:nowrap;}
.subgenre-tab:hover{color:var(--text-primary);}
.subgenre-tab.active{color:var(--orange);}

/* ─── SHOP PAGE ─── */
.page-header{background:var(--navy);border-bottom:2px solid var(--orange);padding:28px 48px 32px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.light-mode .page-header{background:#e8e4de;}
.page-eyebrow{font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.3em;text-transform:uppercase;color:var(--orange);margin-bottom:6px;}
.page-title{font-family:'Advent Pro',sans-serif;font-weight:500;font-size:32px;color:var(--text-primary);letter-spacing:0.02em;}
.page-header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.result-count{font-size:12px;color:var(--text-faint);letter-spacing:0.08em;}
.sort-select{background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-primary);font-family:'Advent Pro',sans-serif;font-size:11px;letter-spacing:0.15em;text-transform:uppercase;padding:8px 28px 8px 14px;cursor:pointer;outline:none;transition:border-color 0.2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
.sort-select:focus{border-color:var(--orange);}
.view-toggle{display:flex;gap:2px;}
.view-btn{width:32px;height:32px;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-faint);transition:all 0.2s;background:transparent;}
.view-btn:hover,.view-btn.active{border-color:var(--orange);color:var(--orange);background:rgba(180,92,46,0.08);}
.active-filters{padding:10px 48px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px;}
.active-filter-label{font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-faint);margin-right:4px;white-space:nowrap;}
.active-pill{display:flex;align-items:center;gap:6px;font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;background:rgba(180,92,46,0.12);border:1px solid rgba(180,92,46,0.25);color:var(--orange);padding:4px 10px;cursor:pointer;transition:all 0.2s;text-decoration:none;}
.active-pill:hover{background:rgba(180,92,46,0.2);}
.active-pill-x{font-size:12px;line-height:1;opacity:0.6;}
.clear-all{font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--text-faint);cursor:pointer;margin-left:auto;transition:color 0.2s;white-space:nowrap;text-decoration:none;}
.clear-all:hover{color:var(--orange);}
.shop-layout{display:grid;grid-template-columns:260px 1fr;align-items:start;}
.sidebar{position:sticky;top:100px;height:calc(100vh - 100px);overflow-y:auto;border-right:1px solid var(--border-subtle);scrollbar-width:thin;scrollbar-color:rgba(180,92,46,0.2) transparent;background:var(--bg-tertiary);}
.sidebar::-webkit-scrollbar{width:3px;}
.sidebar::-webkit-scrollbar-thumb{background:rgba(180,92,46,0.2);}
.sidebar-clear-filters{padding:14px 20px 10px;}
.sidebar-clear-btn{display:block;text-align:center;font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--orange);text-decoration:none;padding:8px 12px;border:1px solid rgba(180,92,46,0.35);border-radius:3px;transition:background 0.2s,border-color 0.2s;}
.sidebar-clear-btn:hover{background:rgba(180,92,46,0.1);border-color:var(--orange);}
.filter-group{border-bottom:1px solid var(--border-subtle);}
.filter-group-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background 0.2s;}
.filter-group-header:hover{background:rgba(255,255,255,0.02);}
.filter-group-title{font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:var(--text-muted);}
.filter-group-toggle{color:var(--text-faint);font-size:14px;transition:transform 0.2s;line-height:1;}
.filter-group.open .filter-group-toggle{transform:rotate(180deg);}
.filter-group-body{padding:0 20px 16px;display:none;}
.filter-group.open .filter-group-body{display:block;}
.filter-option{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;}
.filter-option:hover .filter-label{color:var(--text-primary);}
.f-check{width:14px;height:14px;flex-shrink:0;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;transition:all 0.15s;}
.filter-option.checked .f-check{background:var(--orange);border-color:var(--orange);}
.filter-option.checked .f-check::after{content:'✓';font-size:9px;color:#fff;}
.filter-label{font-size:12px;color:var(--text-faint);flex:1;transition:color 0.15s;}
.filter-count{font-size:10px;color:var(--text-faint);font-family:'Advent Pro',sans-serif;}
.price-inputs{display:flex;align-items:center;gap:8px;margin-top:4px;}
.price-input{flex:1;background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-primary);padding:7px 10px;font-size:12px;outline:none;transition:border-color 0.2s;}
.price-input:focus{border-color:rgba(180,92,46,0.4);}
.price-sep{font-size:11px;color:var(--text-faint);}
.price-apply{width:100%;margin-top:10px;background:rgba(180,92,46,0.1);border:1px solid rgba(180,92,46,0.2);color:var(--orange);font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;padding:8px;cursor:pointer;transition:all 0.2s;}
.price-apply:hover{background:rgba(180,92,46,0.2);}
.grid-area{padding:28px 32px 60px;min-height:calc(100vh - 100px);}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
/* Shop/archive grid — locked to 4 cols, overrides global breakpoints */
.grid-area .products-grid{grid-template-columns:repeat(4,1fr);}
.products-grid.list-view{grid-template-columns:1fr;gap:2px;}
.products-grid.list-view .pcard{display:flex;align-items:center;transform:none!important;border-bottom:1px solid var(--border-subtle);}
.products-grid.list-view .pcard:hover{background:rgba(255,255,255,0.02);box-shadow:none;}
/* grid: hide the list-only badge row */
.pcard-list-meta{display:none;}

.products-grid.list-view .pcard-art{width:80px;height:80px;aspect-ratio:1;flex-shrink:0;font-size:24px;overflow:hidden;}
.products-grid.list-view .pcard-art img{object-fit:contain;}
/* suppress art-layer badges in list — shown below title instead */
.products-grid.list-view .pcard-art .badge{display:none;}
.products-grid.list-view .pcard-hover-overlay{display:none;}
.products-grid.list-view .pcard-body{flex:1;display:flex;align-items:center;padding:0 20px;}
.products-grid.list-view .pcard-genre{display:none;}
.products-grid.list-view .pcard-title-group{flex:1;min-width:0;}
.products-grid.list-view .pcard-title{font-size:15px;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.products-grid.list-view .pcard-artist{margin-bottom:3px;font-size:12px;}
.products-grid.list-view .pcard-list-meta{display:flex;gap:4px;flex-wrap:wrap;}
.products-grid.list-view .pcard-list-meta .badge{position:static;font-size:9px;padding:2px 7px;}
.products-grid.list-view .pcard-footer{gap:14px;align-items:center;margin-left:auto;padding-right:4px;}
.empty-state{grid-column:1/-1;padding:80px 20px;text-align:center;}
.empty-state h3{font-family:'Advent Pro',sans-serif;font-size:22px;color:var(--text-primary);margin-bottom:10px;}
.empty-state p{font-size:14px;color:var(--text-faint);line-height:1.7;}
.pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:48px;}
.page-btn{width:36px;height:36px;background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary);font-family:'Advent Pro',sans-serif;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;text-decoration:none;}
.page-btn a,.page-btn a.page-numbers{color:var(--text-primary);text-decoration:none;font-family:'Advent Pro',sans-serif;font-size:12px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.page-btn:hover{border-color:var(--orange);color:var(--orange);}
.page-btn:hover a,.page-btn:hover a.page-numbers{color:var(--orange);}
.page-btn.active{background:var(--orange);border-color:var(--orange);color:#fff;}
.page-btn.arrow{font-size:16px;}
.woocommerce-pagination{display:flex;justify-content:center;margin-top:48px;}
.woocommerce-pagination ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;}
.woocommerce-pagination ul li a.page-numbers,.woocommerce-pagination ul li a{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary);font-family:'Advent Pro',sans-serif;font-size:12px;text-decoration:none;transition:all 0.2s;}
.woocommerce-pagination ul li a.page-numbers:hover,.woocommerce-pagination ul li a:hover{border-color:var(--orange);color:var(--orange);}
.woocommerce-pagination ul li span.current{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;background:var(--orange);border:1px solid var(--orange);color:#fff;font-family:'Advent Pro',sans-serif;font-size:12px;}
.woocommerce-pagination ul li .page-numbers.dots{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--text-faint);border:1px solid transparent;font-size:12px;}
.mobile-filter-bar{display:none;padding:12px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;position:sticky;top:100px;z-index:100;}
.mobile-filter-btn{font-family:'Advent Pro',sans-serif;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-primary);background:rgba(255,255,255,0.06);border:1px solid var(--border-medium);padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.2s;}
.mobile-filter-btn:hover{border-color:var(--orange);color:var(--orange);}
.mobile-sort-select{background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-primary);font-family:'Advent Pro',sans-serif;font-size:10px;letter-spacing:0.15em;text-transform:uppercase;padding:7px 12px;cursor:pointer;outline:none;}
.filter-drawer{position:fixed;inset:0;z-index:500;display:none;}
.filter-drawer.open{display:block;}
.filter-drawer-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.7);}
.filter-drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(320px,90vw);background:var(--bg-tertiary);border-right:1px solid var(--rule);overflow-y:auto;transform:translateX(-100%);transition:transform 0.3s ease;}
.filter-drawer.open .filter-drawer-panel{transform:translateX(0);}
.filter-drawer-header{padding:16px 20px;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;}
.filter-drawer-title{font-family:'Advent Pro',sans-serif;font-size:12px;letter-spacing:0.25em;text-transform:uppercase;color:var(--text-primary);}
.filter-drawer-close{color:var(--text-faint);cursor:pointer;font-size:20px;line-height:1;transition:color 0.2s;}
.filter-drawer-close:hover{color:var(--orange);}

/* ─── BREADCRUMB ─── */
.vt-breadcrumb{padding:14px 48px;font-size:11px;color:var(--text-faint);letter-spacing:0.08em;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;background:var(--bg-elevated);position:relative;z-index:1;}
.vt-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color 0.2s;}
.vt-breadcrumb a:hover{color:var(--orange);}
.bc-sep{color:var(--border-light);}

/* ─── HOVER OVERLAY ─── */
.pcard-hover-overlay{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.2s;}
.pcard:hover .pcard-hover-overlay{background:rgba(0,0,0,0.45);opacity:1;}
.quick-add{font-family:'Advent Pro',sans-serif;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;background:var(--orange);color:#fff;padding:10px 20px;border:none;cursor:pointer;transform:translateY(6px);transition:transform 0.2s;}
.pcard:hover .quick-add{transform:translateY(0);}

/* ─── RESPONSIVE ─── */
/* Global homepage grid drops to 3 at 1200px; shop stays at 4 via .grid-area override */
@media(max-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:900px){
  .product-wrap{grid-template-columns:1fr;min-height:auto;}
  .product-image-panel{position:relative;top:0;height:auto;}
  .main-image{min-height:320px;}
  .product-info-panel{padding:28px 20px 48px;}
  .related-section{padding:40px 20px;}
  .related-grid{grid-template-columns:repeat(2,1fr);}
  .shop-layout{grid-template-columns:1fr;}
  .sidebar{display:none;}
  .mobile-filter-bar{display:flex;}
  .grid-area{padding:20px 16px 48px;}
  .products-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .grid-area .products-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .page-header{padding:24px 20px;}
  .active-filters{padding:8px 16px;}
  .genre-hero-content{padding:24px 20px 20px;flex-direction:column;align-items:flex-start;gap:16px;}
  .genre-hero-controls{width:100%;justify-content:flex-start;flex-wrap:wrap;}
  .subgenre-strip{padding:0 20px;}
  .vt-breadcrumb{padding:12px 20px;}
}
@media(max-width:480px){
  .products-grid{grid-template-columns:repeat(2,1fr);gap:8px;}
  .related-grid{grid-template-columns:repeat(2,1fr);}
  .price-main{font-size:34px;}
}

/* ─── SVG LOGO LIGHT MODE ─── */
.light-mode .nav-logo-svg text,
.light-mode .footer-logo-svg text,
.light-mode .nav-logo-svg .st19,
.light-mode .nav-logo-svg .st20,
.light-mode .nav-logo-svg .st16,
.light-mode .footer-logo-svg .st19,
.light-mode .footer-logo-svg .st20,
.light-mode .footer-logo-svg .st16{fill:#1a1a1a;}
.light-mode .nav-logo-svg .st15,
.light-mode .footer-logo-svg .st15{fill:#b45c2e;}


/* ═══════════════════════════════════════════════════════════════════════════
   ABOUT PAGE
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── About Hero ── */
.about-hero{
  position:relative;
  display:flex;
  align-items:center;
  min-height:480px;
  padding:20px 48px 80px 60px;
  overflow:hidden;
  background:var(--bg-primary);
  border-bottom:1px solid var(--border);
}
.hero-vinyl-left{
  position:absolute;
  left:-120px;
  top:50%;
  transform:translateY(-50%);
  width:520px;
  height:520px;
  opacity:0.18;
  pointer-events:none;
}
.about-hero-content{
  position:relative;
  z-index:1;
  max-width:600px;
  margin-left:260px;
}
.about-hero-title{
  font-family:'Advent Pro',Helvetica,sans-serif;
  font-size:clamp(42px,6vw,72px);
  font-weight:700;
  line-height:1.05;
  color:var(--text-primary);
  margin:0 0 20px;
  letter-spacing:-0.02em;
}
.about-hero-title em{
  font-style:normal;
  color:var(--orange);
}
.about-hero-sub{
  font-size:17px;
  line-height:1.65;
  color:var(--text-secondary);
  max-width:480px;
  margin:0;
}

/* ── About Section (light bg) ── */
.about-section{
  padding:80px 48px;
  background:var(--bg-primary);
}
.about-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  max-width:1100px;
  margin:0 auto;
  align-items:start;
}
.about-text-col{}
.about-heading{
  font-family:'Advent Pro',Helvetica,sans-serif;
  font-size:clamp(28px,3.5vw,44px);
  font-weight:700;
  line-height:1.1;
  color:var(--text-primary);
  margin:12px 0 28px;
  letter-spacing:-0.02em;
}
.about-body p{
  font-size:16px;
  line-height:1.75;
  color:var(--text-secondary);
  margin:0 0 18px;
}
.about-body p:last-child{margin-bottom:0;}

/* ── Stats Cards ── */
.about-stats-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.about-stat-card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:8px;
  padding:28px 24px;
}
.about-stat-num{
  font-family:'Advent Pro',Helvetica,sans-serif;
  font-size:36px;
  font-weight:700;
  color:var(--orange);
  line-height:1;
  margin-bottom:8px;
  letter-spacing:-0.02em;
}
.about-stat-label{
  font-size:12px;
  color:var(--text-faint);
  text-transform:uppercase;
  letter-spacing:0.08em;
}

/* ── Dark Section (grading) ── */
.about-dark-section{
  padding:80px 48px;
  background:var(--bg-secondary);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.about-section-inner{
  max-width:1100px;
  margin:0 auto;
}

/* ── Grading Grid ── */
.grading-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}
.grade-card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:8px;
  padding:24px 20px;
  transition:border-color .2s,transform .2s;
}
.grade-card:hover{
  border-color:var(--orange);
  transform:translateY(-2px);
}
.grade-badge{
  display:inline-block;
  background:var(--orange);
  color:#fff;
  font-family:'Advent Pro',Helvetica,sans-serif;
  font-size:14px;
  font-weight:700;
  letter-spacing:0.05em;
  padding:4px 10px;
  border-radius:4px;
  margin-bottom:12px;
}
.grade-name{
  font-family:'Advent Pro',Helvetica,sans-serif;
  font-size:16px;
  font-weight:600;
  color:var(--text-primary);
  margin-bottom:10px;
}
.grade-desc{
  font-size:13px;
  line-height:1.6;
  color:var(--text-faint);
}

/* ── Shipping Facts ── */
.shipping-facts{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:48px;
}
.shipping-fact{
  display:flex;
  align-items:flex-start;
  gap:14px;
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:8px;
  padding:20px;
}
.sf-icon{
  font-size:24px;
  line-height:1;
  flex-shrink:0;
}
.sf-text{
  font-size:14px;
  line-height:1.5;
  color:var(--text-secondary);
}

/* ── About Page Responsive ── */
@media(max-width:1024px){
  .grading-grid{grid-template-columns:repeat(3,1fr);}
  .shipping-facts{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .about-hero{
    min-height:360px;
    padding:60px 24px 60px 24px;
  }
  .hero-vinyl-left{
    left:-180px;
    width:400px;
    height:400px;
    opacity:0.1;
  }
  .about-hero-content{margin-left:0;}
  .about-section{padding:56px 24px;}
  .about-grid{grid-template-columns:1fr;gap:40px;}
  .about-stats-col{grid-template-columns:repeat(2,1fr);}
  .about-dark-section{padding:56px 24px;}
  .grading-grid{grid-template-columns:repeat(2,1fr);}
  .shipping-facts{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .about-hero{padding:16px 20px 48px;}
  .about-section{padding:48px 20px;}
  .about-dark-section{padding:48px 20px;}
  .grading-grid{grid-template-columns:1fr 1fr;}
  .shipping-facts{grid-template-columns:1fr;}
  .about-stats-col{grid-template-columns:1fr 1fr;}
}

/* ─── GENERIC PAGE LAYOUT ─── */
.vt-page-wrap{padding-top:0;}
.vt-page-content{max-width:860px;margin:0 auto;padding:48px 24px 80px;}
.vt-page-title{font-family:'Advent Pro',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;letter-spacing:-0.02em;margin-bottom:32px;color:var(--text-primary);}
.vt-page-body{color:var(--text-secondary);line-height:1.8;font-size:17px;}
.vt-page-body p{margin-bottom:1.4em;}
.vt-page-body h2{font-family:'Advent Pro',sans-serif;font-size:1.6rem;font-weight:600;margin:2em 0 0.6em;color:var(--text-primary);}
.vt-section-heading{font-family:'Advent Pro',sans-serif;font-size:1.4rem;font-weight:600;margin:2em 0 0.5em;color:var(--text-primary);}
.vt-list{padding-left:1.4em;color:var(--text-secondary);line-height:2;}

/* ─── SHARED INNER PAGE HERO ─── */
.condition-hero{padding:28px 48px 56px;max-width:900px;margin:0 auto;}
.condition-title{font-family:'Advent Pro',sans-serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:600;letter-spacing:-0.02em;margin-bottom:16px;color:var(--text-primary);}
.condition-intro{font-size:18px;color:var(--text-secondary);max-width:620px;line-height:1.7;}

/* ─── CONDITION GUIDE ─── */
.condition-grades{max-width:900px;margin:0 auto;padding:0 24px 80px;}
.condition-row{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--border-subtle);}
.condition-row:last-child{border-bottom:none;}
.condition-badge-col{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.condition-detail{display:flex;flex-direction:column;gap:10px;}
.condition-detail-row{display:flex;gap:12px;font-size:15px;color:var(--text-secondary);line-height:1.6;}
.condition-label{font-family:'Advent Pro',sans-serif;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-faint);min-width:44px;padding-top:2px;}
.condition-note{max-width:900px;margin:0 auto;padding:0 24px 80px;color:var(--text-muted);font-size:14px;}
.condition-note a{color:var(--orange);}

/* ─── SHIPPING PAGE ─── */
.shipping-page-grid{max-width:900px;margin:0 auto;padding:0 24px 80px;display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.shipping-block h2.shipping-block-title{font-family:'Advent Pro',sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--orange);margin-bottom:16px;}
.shipping-list{padding-left:1.2em;color:var(--text-secondary);line-height:2.2;font-size:15px;}
.shipping-list strong{color:var(--text-primary);}

/* ═══════════════════════════════════════════════════════════════
   FAQ PAGE — Full redesign with sectioned color bands
   ═══════════════════════════════════════════════════════════════ */

/* ─── Page shell — pulls out of default body bg ─── */
.faq-page{
  /* Slightly lighter, warmer charcoal overall — lifts the page off the pure black body */
  background:#1a1512;
  /* Subtle linen/grain texture overlay */
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E"),
    linear-gradient(160deg, #1c1814 0%, #161210 50%, #1a1614 100%);
  background-blend-mode: overlay, normal;
}
.light-mode .faq-page{
  background:#f0ebe4;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E"),
    linear-gradient(160deg, #ede7e0 0%, #e8e2da 50%, #ece6de 100%);
  background-blend-mode: overlay, normal;
}

/* ─── HERO ─── */
.faq-page{--faq-hero-bg:#120f0d;}
.faq-hero{
  --faq-hero-bg:#120f0d;
  position:relative;overflow:hidden;
  background:#120f0d;
  padding:52px 64px 64px;
  border-bottom:3px solid var(--orange);
  display:flex;align-items:flex-end;justify-content:space-between;
  min-height:280px;
}
.light-mode .faq-hero{background:#3d2b1e;}
.faq-hero-inner{position:relative;z-index:2;max-width:620px;}
.faq-hero-vinyl{
  position:absolute;right:-20px;top:50%;transform:translateY(-50%);
  width:min(320px,38vw);height:min(320px,38vw);
  color:var(--orange);opacity:0.25;
  pointer-events:none;
}
.faq-eyebrow{
  font-family:'Advent Pro',sans-serif;font-size:11px;
  letter-spacing:0.38em;text-transform:uppercase;
  color:var(--orange);margin-bottom:14px;
  display:flex;align-items:center;gap:12px;
}
.faq-eyebrow::before{content:'';width:24px;height:1px;background:var(--orange);}
.faq-title{
  font-family:'Advent Pro',sans-serif;font-weight:500;
  font-size:clamp(40px,6vw,76px);line-height:0.95;
  letter-spacing:-0.02em;color:#f5f2ee;margin-bottom:18px;
}
.faq-title-amp{color:var(--orange);}
.faq-subtitle{font-size:15px;color:rgba(245,242,238,0.65);line-height:1.7;}
.faq-subtitle a{color:var(--orange);text-decoration:underline;text-underline-offset:3px;}
.light-mode .faq-title{color:#f5f2ee;}
.light-mode .faq-subtitle{color:rgba(245,242,238,0.7);}

/* ─── SECTION BANDS — each gets its own bg + left accent ─── */
.faq-section{position:relative;border-bottom:1px solid rgba(255,255,255,0.04);}
.faq-section-inner{
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:200px 1fr;
  gap:0 60px;
  padding:56px 64px;
}

/* Grading — warm orange-brown tint */
.faq-section--grading{background:rgba(180,92,46,0.07);}
.faq-section--grading::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--orange);
}
.light-mode .faq-section--grading{background:rgba(180,92,46,0.08);}

/* Shipping — cool navy tint */
.faq-section--shipping{background:rgba(23,40,61,0.55);}
.faq-section--shipping::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:#4a7fa8;
}
.light-mode .faq-section--shipping{background:rgba(23,40,61,0.1);}

/* Returns — deep red-warm tint */
.faq-section--returns{background:rgba(90,30,20,0.3);}
.faq-section--returns::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:#9e3d2d;
}
.light-mode .faq-section--returns{background:rgba(90,30,20,0.07);}

/* Store — earthy green-dark tint */
.faq-section--store{background:rgba(30,40,28,0.6);}
.faq-section--store::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:#5c7a50;
}
.light-mode .faq-section--store{background:rgba(30,40,28,0.08);}

/* ─── SECTION HEADER (left col) ─── */
.faq-section-header{
  padding-top:6px;
}
.faq-section-label{
  font-family:'Advent Pro',sans-serif;font-size:11px;
  letter-spacing:0.32em;text-transform:uppercase;
  color:var(--text-muted);
  position:sticky;top:88px; /* below nav */
}

/* Accent the label per section */
.faq-section--grading .faq-section-label{color:var(--orange);}
.faq-section--shipping .faq-section-label{color:#4a7fa8;}
.faq-section--returns  .faq-section-label{color:#b85540;}
.faq-section--store    .faq-section-label{color:#6a9a5c;}
.light-mode .faq-section--shipping .faq-section-label{color:#2a5f8a;}
.light-mode .faq-section--store    .faq-section-label{color:#3d6630;}

/* ─── ACCORDION ─── */
.faq-accordion{border-top:1px solid rgba(255,255,255,0.06);}
.light-mode .faq-accordion{border-top-color:rgba(0,0,0,0.1);}

.faq-item{border-bottom:1px solid rgba(255,255,255,0.06);}
.light-mode .faq-item{border-bottom-color:rgba(0,0,0,0.1);}

.faq-question{
  width:100%;text-align:left;background:none;border:none;
  padding:22px 0;
  font-family:'Advent Pro',sans-serif;font-size:17px;font-weight:500;
  color:var(--text-primary);cursor:pointer;
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  transition:color 0.2s;
}
.faq-question:hover{color:var(--orange);}
.faq-question[aria-expanded="true"]{color:var(--orange);}

.faq-icon{
  flex-shrink:0;color:var(--orange);opacity:0.7;
  transition:transform 0.25s, opacity 0.2s;
}
.faq-question[aria-expanded="true"] .faq-icon{transform:rotate(45deg);opacity:1;}
.faq-icon-v{transition:opacity 0.25s;}
.faq-question[aria-expanded="true"] .faq-icon-v{opacity:0;}

.faq-answer{overflow:hidden;}
.faq-answer-inner{
  padding:0 0 24px;
  font-size:15px;line-height:1.8;color:var(--text-secondary);
  max-width:680px;
}
.faq-answer-inner p{margin-bottom:0.9em;}
.faq-answer-inner p:last-child{margin-bottom:0;}
.faq-answer-inner a{color:var(--orange);text-decoration:underline;text-underline-offset:3px;}

/* ─── CONTACT BAND ─── */
.faq-contact-band{
  background:var(--navy);
  padding:72px 64px;
  position:relative;overflow:hidden;
}
.faq-contact-band::before{
  content:'';position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  opacity:0.04;mix-blend-mode:overlay;pointer-events:none;
}
.faq-contact-inner{
  max-width:1100px;margin:0 auto;position:relative;z-index:1;
  display:grid;grid-template-columns:1fr 1fr;
  gap:48px;align-items:center;
}
.faq-contact-heading{
  font-family:'Advent Pro',sans-serif;font-weight:500;
  font-size:clamp(28px,4vw,52px);
  color:#f5f2ee;line-height:1.05;letter-spacing:-0.015em;
  margin-bottom:16px;
}
.faq-contact-body{
  font-size:15px;line-height:1.75;
  color:rgba(245,242,238,0.65);
  max-width:480px;
}
.faq-contact-right{
  display:flex;flex-direction:column;gap:20px;align-items:flex-start;
}
.faq-contact-email{
  font-family:'Advent Pro',sans-serif;font-size:clamp(16px,2.2vw,26px);
  font-weight:500;letter-spacing:0.01em;
  color:#f5f2ee;text-decoration:none;
  padding:18px 28px;
  border:1px solid var(--orange);
  display:flex;align-items:center;gap:16px;
  transition:background 0.2s,color 0.2s;
  width:100%;justify-content:space-between;
}
.faq-contact-email:hover{background:var(--orange);color:#fff;}
.faq-contact-arrow{font-size:20px;transition:transform 0.2s;}
.faq-contact-email:hover .faq-contact-arrow{transform:translateX(4px);}
.faq-contact-location{
  font-family:'Advent Pro',sans-serif;font-size:11px;
  letter-spacing:0.24em;text-transform:uppercase;
  color:rgba(245,242,238,0.45);
  display:flex;align-items:center;gap:8px;
}

/* ─── RESPONSIVE ─── */
@media(max-width:860px){
  .faq-section-inner{
    grid-template-columns:1fr;
    padding:36px 24px;
    gap:20px 0;
  }
  .faq-section-label{position:static;}
  .faq-hero{padding:36px 24px 48px;min-height:0;}
  .faq-hero-vinyl{width:180px;height:180px;right:-30px;opacity:0.15;}
  .faq-contact-band{padding:48px 24px;}
  .faq-contact-inner{grid-template-columns:1fr;gap:32px;}
  .faq-contact-email{font-size:15px;}
}

/* ─── PRIVACY POLICY ─── */
.privacy-wrap{
  max-width:780px;margin:0 auto;
  padding:8px 48px 96px;
}
.privacy-section{
  padding:36px 0;
  border-bottom:1px solid var(--border-subtle);
}
.privacy-section:last-child{border-bottom:none;}
.privacy-section h2{
  font-family:'Advent Pro',sans-serif;font-weight:500;
  font-size:clamp(18px,2.5vw,24px);
  color:var(--text-primary);letter-spacing:-0.01em;
  margin-bottom:14px;
}
.privacy-section p{
  font-size:15px;line-height:1.8;color:var(--text-secondary);
  margin-bottom:12px;
}
.privacy-section p:last-child{margin-bottom:0;}
.privacy-section ul{
  padding-left:0;margin:12px 0;
  list-style:none;
  display:flex;flex-direction:column;gap:8px;
}
.privacy-section ul li{
  font-size:15px;line-height:1.7;color:var(--text-secondary);
  padding-left:20px;position:relative;
}
.privacy-section ul li::before{
  content:'—';position:absolute;left:0;
  color:var(--orange);font-size:12px;top:3px;
}
.privacy-section a{color:var(--orange);text-decoration:underline;text-underline-offset:3px;}
.privacy-section--contact{background:var(--bg-elevated);padding:36px;margin-top:8px;}
.privacy-email{
  font-family:'Advent Pro',sans-serif;font-size:20px;font-weight:500;
  color:var(--orange) !important;text-decoration:none !important;
  border-bottom:1px solid var(--orange);padding-bottom:2px;
  display:inline-block;margin-top:6px;transition:opacity 0.2s;
}
.privacy-email:hover{opacity:0.75;}
@media(max-width:768px){
  .privacy-wrap{padding:8px 24px 72px;}
  .privacy-section--contact{padding:24px;}
}

/* ─── GENRES GRID ─── */
.genres-hero{padding:28px 48px 48px;max-width:1200px;margin:0 auto;}
.genres-title{font-family:'Advent Pro',sans-serif;font-size:clamp(2.4rem,6vw,4.5rem);font-weight:600;letter-spacing:-0.02em;color:var(--text-primary);margin-bottom:0;}
.genres-title em{color:var(--orange);font-style:normal;}

/* Full genres page — uniform collage grid, no featured first card */
.genres-page-grid{
  max-width:1200px;margin:0 auto;padding:0 48px 80px;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:14px;
}
/* Reset the homepage "first card spans 2 cols" rule for the full grid */
.genres-page-grid .genre-card{
  aspect-ratio:1;
  text-decoration:none;
}
.genres-page-grid .genre-card:first-child{
  grid-column:unset;grid-row:unset;aspect-ratio:1;
}
.genre-collage-empty{background:var(--bg-elevated);width:100%;height:100%;}

/* ── Genres page: full overlay + centered label + hover-only title ───────── */
/* Full solid overlay so text is always readable over the collage */
.genres-page-grid .genre-overlay{
  background:rgba(0,0,0,0.65);
  transition:background 0.3s;
}
.genres-page-grid .genre-card:hover .genre-overlay{
  background:rgba(0,0,0,0.84);
}
/* Label covers whole card and centers content — no bottom-bar background */
.genres-page-grid .genre-label{
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:transparent;
  padding:12px;
  text-align:center;
}
.genres-page-grid .genre-name{
  font-family:'Advent Pro',sans-serif;
  font-size:clamp(16px,2vw,26px);
  font-weight:600;
  letter-spacing:0.01em;
  line-height:1.1;
  text-shadow:0 2px 8px rgba(0,0,0,1);
}
/* Record count visible by default, fades out on hover */
.genres-page-grid .genre-count{
  font-size:11px;
  margin-top:5px;
  opacity:1;
  transition:opacity 0.2s;
}
.genres-page-grid .genre-card:hover .genre-count{
  opacity:0;
}
/* Hover: bigger bolder title only */
.genres-page-grid .genre-card:hover .genre-name{
  font-size:clamp(20px,2.6vw,32px);
  font-weight:700;
  letter-spacing:-0.01em;
}

@media(max-width:768px){
  .condition-hero,.genres-hero{padding:8px 24px 40px;}
  .condition-row{grid-template-columns:1fr;gap:12px;}
  .shipping-page-grid{grid-template-columns:1fr;}
}


/* ─── CART TOAST ─── */
#vt-cart-toast{
  position:fixed;top:0;left:0;right:0;z-index:500;
  display:flex;align-items:center;gap:16px;
  padding:14px 24px;
  background:var(--orange);color:#fff;
  font-family:'Advent Pro',sans-serif;font-size:13px;letter-spacing:0.06em;
  transform:translateY(-100%);
  transition:transform 0.32s cubic-bezier(0.34,1.26,0.64,1);
  box-shadow:0 4px 24px rgba(180,92,46,0.45);
}
#vt-cart-toast.vt-toast-show{transform:translateY(0);}
#vt-cart-toast-msg{flex:1;}
#vt-cart-toast-btn{
  flex-shrink:0;
  background:#fff;color:var(--orange);
  font-family:'Advent Pro',sans-serif;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;
  border:none;padding:8px 18px;cursor:pointer;text-decoration:none;font-weight:600;
  transition:background 0.15s,color 0.15s;
}
#vt-cart-toast-btn:hover{background:var(--orange-dark);color:#fff;}
#vt-cart-toast-close{
  flex-shrink:0;background:none;border:none;color:rgba(255,255,255,0.7);
  font-size:20px;line-height:1;cursor:pointer;padding:0 4px;
  transition:color 0.15s;
}
#vt-cart-toast-close:hover{color:#fff;}
.vt-add-to-cart.adding{opacity:0.6;pointer-events:none;}
.quick-add.adding,.pcard-add.adding{background:var(--orange-dark)!important;}

/* ─── CART TOAST — TYPOGRAPHY ─── */
#vt-cart-toast{font-family:'Advent Pro',sans-serif;font-size:13px;letter-spacing:0.1em;}
#vt-cart-toast-msg{font-size:13px;letter-spacing:0.08em;color:#fff;}

/* ─── WOOCOMMERCE SINGLE PRODUCT FORM ─── */
/* Vinyl shop sells one copy per listing — no qty selector needed          */
form.cart{margin:0 0 10px;}
form.cart .quantity{display:none;}
/* Ensure WC's own stylesheet doesn't fight our button styles              */
.woocommerce div.product form.cart .button,
form.cart button.single_add_to_cart_button,
.single_add_to_cart_button.button.alt{
  width:100%!important;
  border-radius:0!important;
  font-family:'Advent Pro',sans-serif!important;
  font-size:13px!important;
  letter-spacing:0.22em!important;
  text-transform:uppercase!important;
  background:var(--orange)!important;
  color:#fff!important;
  border:none!important;
  padding:18px 36px!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transition:background 0.2s!important;
  margin-bottom:10px!important;
  box-shadow:none!important;
}
.woocommerce div.product form.cart .button:hover,
form.cart button.single_add_to_cart_button:hover{background:var(--orange-dark)!important;}


/* ─── TOP SHELF SPOTLIGHT ─── */
:root{
  --gold:#c9a84c;
  --gold-dark:#a8892e;
  --gold-glow:rgba(201,168,76,0.18);
  --gold-rule:rgba(201,168,76,0.28);
}
.top-shelf-spotlight{
  max-width:1200px;
  margin:0 auto 56px;
  padding:0 24px;
}
.ts-header{
  display:flex;align-items:center;gap:18px;
  padding:28px 32px 24px;
  border-top:2px solid var(--gold);
  border-left:2px solid var(--gold-rule);
  border-right:2px solid var(--gold-rule);
  background:linear-gradient(180deg,var(--gold-glow) 0%,transparent 100%);
}
.ts-star{
  font-size:32px;color:var(--gold);line-height:1;flex-shrink:0;
  text-shadow:0 0 18px rgba(201,168,76,0.5);
}
.ts-eyebrow{
  font-family:'Advent Pro',sans-serif;
  font-size:10px;letter-spacing:0.28em;text-transform:uppercase;
  color:var(--gold);margin-bottom:3px;
}
.ts-headline{
  font-family:'Advent Pro',sans-serif;
  font-size:22px;font-weight:600;letter-spacing:-0.01em;
  color:var(--text-primary);
}
.ts-body{
  padding:28px 32px 32px;
  border:2px solid var(--gold-rule);
  border-top:none;
  background:var(--bg-secondary);
}
.ts-body--split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  align-items:start;
}
/* 16:9 responsive iframe wrapper */
.ts-video-wrap{
  position:relative;padding-top:56.25%;
  background:#000;
}
.ts-video-wrap iframe{
  position:absolute;top:0;left:0;width:100%;height:100%;
}
.ts-video-wrap--full{
  max-width:780px;margin:0 auto;
}
.ts-blurb{
  font-size:14px;line-height:1.85;
  color:var(--text-secondary);
}
.ts-blurb p{margin:0 0 14px;}
.ts-blurb p:last-child{margin-bottom:0;}
.ts-blurb--full{
  max-width:720px;
}
@media(max-width:900px){
  .ts-body--split{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .ts-header,.ts-body{padding:20px 18px;}
}


/* ═══════════════════════════════════════════════════════════════════════════
   CART PAGE
   ═══════════════════════════════════════════════════════════════════════════ */

.vt-cart-wrap{
  max-width:1100px;
  margin:0 auto;
  padding:32px 24px 64px;
}

/* ─── TABLE ─── */
.vt-cart-table{
  width:100%;
  border-collapse:collapse;
  margin-bottom:40px;
}

/* Header row */
.vt-cart-table thead tr{
  border-bottom:2px solid var(--orange);
}
.vt-cart-table thead th{
  font-family:'Advent Pro',sans-serif;
  font-size:10px;letter-spacing:0.22em;text-transform:uppercase;
  color:var(--text-muted);
  padding:10px 14px;
  text-align:left;
  font-weight:500;
}
.vt-cart-table thead .product-price,
.vt-cart-table thead .product-quantity,
.vt-cart-table thead .product-subtotal{ text-align:right; }

/* Alternating rows */
.vt-cart-table tbody tr.vt-row-a{ background:#111111; }
.vt-cart-table tbody tr.vt-row-b{ background:#252525; }

.vt-cart-table tbody td{
  padding:18px 14px;
  vertical-align:middle;
  border-bottom:1px solid rgba(255,255,255,0.08);
}

/* ─── REMOVE BUTTON ─── */
.vt-remove{
  display:flex;align-items:center;justify-content:center;
  width:26px;height:26px;
  font-size:18px;line-height:1;
  color:var(--text-muted);
  border:1px solid var(--border-light);
  text-decoration:none;
  transition:color 0.15s,border-color 0.15s,background 0.15s;
}
.vt-remove:hover{
  color:#fff;
  background:#7a2020;
  border-color:#7a2020;
}

/* ─── THUMBNAIL ─── */
.product-thumbnail{ width:72px; }
.product-thumbnail img{
  width:64px;height:64px;object-fit:cover;
  display:block;
}
.product-thumbnail a{ display:block; }

/* ─── PRODUCT NAME CELL ─── */
.vt-cart-title{
  font-family:'Advent Pro',sans-serif;
  font-size:18px;font-weight:600;letter-spacing:-0.01em;
  line-height:1.2;margin-bottom:4px;
}
.vt-cart-title a{
  color:var(--orange);
  text-decoration:none;
  transition:color 0.15s;
}
.vt-cart-title a:hover{ color:var(--text-primary); }
/* no-link fallback: white */
.vt-cart-title:not(:has(a)){ color:var(--text-primary); }

.vt-cart-artist{
  font-size:12px;letter-spacing:0.06em;
  color:var(--text-muted);
  margin-bottom:4px;
}
.vt-cart-grade{
  display:inline-block;
  font-family:'Advent Pro',sans-serif;
  font-size:10px;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--orange);
  border:1px solid var(--orange);
  padding:2px 7px;
  margin-top:2px;
}

/* ─── PRICE / SUBTOTAL ─── */
.product-price,
.product-subtotal{ text-align:right; }

.product-price .woocommerce-Price-amount,
.product-subtotal .woocommerce-Price-amount{
  font-family:'Advent Pro',sans-serif;
  font-size:15px;font-weight:500;
  color:var(--text-primary);
}
.product-subtotal .woocommerce-Price-amount{
  font-size:16px;font-weight:600;color:var(--orange);
}

/* ─── QUANTITY INPUT ─── */
.product-quantity{ text-align:right;width:80px; }
.quantity .qty{
  width:52px;
  background:var(--bg-primary);
  border:1px solid var(--border-medium);
  color:var(--text-primary);
  font-family:'Advent Pro',sans-serif;
  font-size:14px;
  padding:7px 10px;
  text-align:center;
  -moz-appearance:textfield;
}
.quantity .qty::-webkit-inner-spin-button,
.quantity .qty::-webkit-outer-spin-button{ -webkit-appearance:none; }
.quantity .qty:focus{
  outline:none;
  border-color:var(--orange);
}

/* ─── ACTIONS ROW ─── */
.vt-cart-table td.actions{
  background:transparent!important;
  border-top:1px solid var(--border-light);
  padding:16px 14px;
}
.coupon{
  display:inline-flex;gap:8px;align-items:center;
  margin-right:16px;
}
.vt-coupon-input{
  background:var(--bg-primary);
  border:1px solid var(--border-medium);
  color:var(--text-primary);
  font-family:'Advent Pro',sans-serif;
  font-size:13px;letter-spacing:0.04em;
  padding:9px 14px;
  width:160px;
}
.vt-coupon-input:focus{ outline:none;border-color:var(--orange); }
.vt-coupon-input::placeholder{ color:var(--text-faint); }

.vt-btn-ghost{
  background:transparent;
  border:1px solid var(--border-medium);
  color:var(--text-muted);
  font-family:'Advent Pro',sans-serif;
  font-size:11px;letter-spacing:0.18em;text-transform:uppercase;
  padding:9px 18px;
  cursor:pointer;
  transition:border-color 0.15s,color 0.15s;
}
.vt-btn-ghost:hover{ border-color:var(--orange);color:var(--orange); }

.vt-update-cart{
  background:transparent;
  border:1px solid var(--border-light);
  color:var(--text-faint);
  font-family:'Advent Pro',sans-serif;
  font-size:11px;letter-spacing:0.18em;text-transform:uppercase;
  padding:9px 18px;
  cursor:pointer;
  transition:border-color 0.15s,color 0.15s;
}
.vt-update-cart:hover{ border-color:var(--text-muted);color:var(--text-secondary); }

/* ─── CART TOTALS PANEL ─── */
.cart-collaterals{ display:flex;justify-content:flex-end; }

.cart_totals{
  width:100%;max-width:420px;
  background:var(--bg-secondary);
  border-top:2px solid var(--orange);
  padding:28px 32px;
}
.cart_totals h2{
  font-family:'Advent Pro',sans-serif;
  font-size:13px;letter-spacing:0.22em;text-transform:uppercase;
  color:var(--text-muted);
  margin:0 0 20px;font-weight:500;
}
.cart_totals .shop_table{ width:100%;border-collapse:collapse; }
.cart_totals .shop_table tr{ border-bottom:1px solid var(--border-subtle); }
.cart_totals .shop_table tr:last-child{ border-bottom:none; }
.cart_totals .shop_table th,
.cart_totals .shop_table td{
  padding:12px 0;
  font-size:13px;
  color:var(--text-secondary);
}
.cart_totals .shop_table td{ text-align:right; }
.cart_totals .order-total th{ color:var(--text-primary);font-weight:600;font-size:15px; }
.cart_totals .order-total td .woocommerce-Price-amount{
  font-family:'Advent Pro',sans-serif;
  font-size:22px;font-weight:700;
  color:var(--orange);
}

/* ─── PROCEED TO CHECKOUT BUTTON ─── */
.wc-proceed-to-checkout{ margin-top:20px; }

.vt-checkout-btn{
  display:block;width:100%;
  background:var(--orange);
  color:#fff!important;
  font-family:'Advent Pro',sans-serif;
  font-size:13px;letter-spacing:0.22em;text-transform:uppercase;
  font-weight:600;
  padding:18px 24px;
  text-align:center;
  text-decoration:none!important;
  border:none;
  cursor:pointer;
  transition:background 0.2s;
  box-sizing:border-box;
}
.vt-checkout-btn:hover{ background:var(--orange-dark); }

/* ─── CART — RESPONSIVE ─── */
@media(max-width:760px){
  .vt-cart-table thead{ display:none; }
  .vt-cart-table tbody tr{
    display:grid;
    grid-template-columns:36px 72px 1fr;
    grid-template-rows:auto auto;
    gap:0 12px;
    padding:16px 12px;
    border-bottom:1px solid var(--border-light);
  }
  .vt-cart-table tbody td{ padding:4px 0;border:none; }
  .product-remove{ grid-column:1;grid-row:1 / 3;align-self:center; }
  .product-thumbnail{ grid-column:2;grid-row:1 / 3; }
  .product-name{ grid-column:3;grid-row:1; }
  .product-price{ grid-column:3;grid-row:2;text-align:left; }
  .product-quantity,.product-subtotal{ display:none; }
  td.actions{ display:block; }
  .cart_totals{ max-width:100%; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   MY ACCOUNT — layout, navigation, orders, forms
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Page wrapper ── */
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-MyAccount-content {
  max-width: 100%;
}

.woocommerce-account .woocommerce {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 40px;
  align-items: start;
  padding: 48px 0 80px;
}

/* ── Sidebar navigation ── */
.woocommerce-MyAccount-navigation {
  position: sticky;
  top: 90px;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: var(--bg-elevated);
  border: 1px solid var(--border-light);
  border-radius: 6px;
  overflow: hidden;
}

.woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid var(--border-subtle);
}
.woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 12px 18px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-decoration: none;
  color: var(--text-secondary);
  text-transform: uppercase;
  transition: color 0.18s, background 0.18s, border-left-color 0.18s;
  border-left: 3px solid transparent;
}

.woocommerce-MyAccount-navigation ul li a:hover {
  color: var(--text-primary);
  background: var(--border-subtle);
  border-left-color: var(--border-medium);
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--active a {
  color: var(--orange);
  border-left-color: var(--orange);
  background: rgba(180,92,46,0.07);
}

/* ── Content panel ── */
.woocommerce-MyAccount-content {
  background: var(--bg-elevated);
  border: 1px solid var(--border-light);
  border-radius: 6px;
  padding: 32px 36px;
}

/* Dashboard greeting */
.woocommerce-MyAccount-content > p:first-child {
  font-size: 15px;
  color: var(--text-secondary);
  margin-bottom: 10px;
}
.woocommerce-MyAccount-content > p:first-child strong {
  color: var(--orange);
}
.woocommerce-MyAccount-content > p a {
  color: var(--orange);
}
.woocommerce-MyAccount-content > p a:hover {
  color: var(--orange-dark);
}

/* Section headings */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-muted);
  border-bottom: 1px solid var(--border-light);
  padding-bottom: 10px;
  margin: 0 0 24px;
}

/* ── Orders table ── */
.woocommerce-orders-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.woocommerce-orders-table thead th {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted);
  padding: 0 12px 12px;
  text-align: left;
  border-bottom: 1px solid var(--border-light);
}

.woocommerce-orders-table tbody tr {
  border-bottom: 1px solid var(--border-subtle);
  transition: background 0.15s;
}
.woocommerce-orders-table tbody tr:last-child {
  border-bottom: none;
}
.woocommerce-orders-table tbody tr:hover {
  background: var(--border-subtle);
}

.woocommerce-orders-table tbody td,
.woocommerce-orders-table tbody th {
  padding: 14px 12px;
  color: var(--text-secondary);
  vertical-align: middle;
}

.woocommerce-orders-table tbody td a,
.woocommerce-orders-table tbody th a {
  color: var(--text-primary);
  text-decoration: none;
  font-weight: 600;
}
.woocommerce-orders-table tbody td a:hover {
  color: var(--orange);
}

/* Order status badges */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark,
mark.order-status {
  background: transparent !important;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

mark.order-status.status-completed,
.woocommerce-orders-table mark.status-completed {
  background: rgba(0,163,42,0.15) !important;
  color: #5adf7e;
}
mark.order-status.status-processing,
.woocommerce-orders-table mark.status-processing {
  background: rgba(34,113,177,0.15) !important;
  color: #5aabf5;
}
mark.order-status.status-on-hold,
.woocommerce-orders-table mark.status-on-hold {
  background: rgba(180,92,46,0.15) !important;
  color: var(--orange);
}
mark.order-status.status-cancelled,
.woocommerce-orders-table mark.status-cancelled {
  background: rgba(214,54,56,0.12) !important;
  color: #f07072;
}
mark.order-status.status-refunded {
  background: rgba(100,103,112,0.15) !important;
  color: var(--text-muted);
}

/* View order button */
.woocommerce-orders-table .button,
.woocommerce-MyAccount-content .button {
  display: inline-block;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  background: transparent;
  color: var(--orange);
  border: 1px solid var(--orange);
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.18s, color 0.18s;
}
.woocommerce-orders-table .button:hover,
.woocommerce-MyAccount-content .button:hover {
  background: var(--orange);
  color: #fff;
}

/* ── Login / Register split layout ── */
.u-columns.col2-set {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}

/* ── Forms (login, register, edit account, addresses) ── */
.woocommerce-form-row,
.woocommerce-address-fields p,
.woocommerce-EditAccountForm p {
  margin-bottom: 16px;
}

.woocommerce-form-row label,
.woocommerce-address-fields label,
.woocommerce-EditAccountForm label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 6px;
}

.woocommerce-Input--text,
.woocommerce-Input--password,
.woocommerce-Input--email,
.woocommerce-Input--phone,
.woocommerce-address-fields input[type="text"],
.woocommerce-address-fields input[type="email"],
.woocommerce-address-fields input[type="tel"],
.woocommerce-address-fields select,
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"],
.woocommerce-EditAccountForm input[type="tel"] {
  width: 100%;
  padding: 10px 14px;
  background: var(--bg-primary);
  border: 1px solid var(--border-medium);
  border-radius: 4px;
  color: var(--text-primary);
  font-size: 14px;
  box-sizing: border-box;
  transition: border-color 0.18s;
  -webkit-appearance: none;
}

.woocommerce-Input--text:focus,
.woocommerce-Input--password:focus,
.woocommerce-Input--email:focus,
.woocommerce-address-fields input:focus,
.woocommerce-address-fields select:focus,
.woocommerce-EditAccountForm input:focus {
  outline: none;
  border-color: var(--orange);
}

/* Submit buttons inside forms */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit,
.woocommerce-EditAccountForm button[type="submit"],
.woocommerce-address-fields button[type="submit"],
.woocommerce-MyAccount-content input[type="submit"],
.woocommerce-MyAccount-content button[name="save_account_details"] {
  display: inline-block;
  padding: 11px 28px;
  background: var(--orange);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.18s;
}
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover,
.woocommerce-EditAccountForm button[type="submit"]:hover,
.woocommerce-MyAccount-content input[type="submit"]:hover {
  background: var(--orange-dark);
}

/* Remember me + lost password row */
.woocommerce-form-login .form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.woocommerce-LostPassword a {
  font-size: 12px;
  color: var(--text-muted);
  text-decoration: none;
}
.woocommerce-LostPassword a:hover { color: var(--orange); }

/* ── WooCommerce Blocks Checkout ── */
/* Floating labels sit on white input backgrounds — must be dark */
.wc-block-components-text-input label,
.wc-block-components-label,
.wc-block-components-select label {
  color: #5a4f45 !important;
  font-size: 11px !important;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
/* Inputs: ensure white bg, dark text, visible border */
.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input input[type="password"],
.wc-block-components-text-input input[type="number"],
.wc-block-components-text-input input[type="url"] {
  background: #fff !important;
  color: #1a1612 !important;
  border: 1px solid rgba(90,79,69,0.35) !important;
  border-radius: 4px;
}
.wc-block-components-text-input input:focus {
  border-color: var(--orange) !important;
  outline: none !important;
}
/* Select dropdowns */
.wc-block-components-select select,
.wc-block-components-country-input select,
.wc-blocks-components-select select {
  background: #fff !important;
  color: #1a1612 !important;
  border: 1px solid rgba(90,79,69,0.35) !important;
  border-radius: 4px;
}
/* Order summary sidebar */
.wc-block-components-order-summary-item__description,
.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value {
  color: var(--text-primary);
}
/* Step headings */
.wc-block-components-checkout-step__title {
  color: var(--text-primary);
  font-family: 'Advent Pro', sans-serif;
  letter-spacing: 0.05em;
}

/* Notices / messages */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 13px;
  margin-bottom: 20px;
  border-left: 3px solid;
  list-style: none;
}
.woocommerce-message {
  background: rgba(0,163,42,0.08);
  border-left-color: #00a32a;
  color: #5adf7e;
}
.woocommerce-error {
  background: rgba(214,54,56,0.08);
  border-left-color: #d63638;
  color: #f07072;
}
.woocommerce-info {
  background: rgba(34,113,177,0.08);
  border-left-color: #2271b1;
  color: #5aabf5;
}

/* ── Light mode overrides ── */
.light-mode .woocommerce-MyAccount-navigation ul li.is-active a,
.light-mode .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--active a {
  background: rgba(180,92,46,0.06);
}

.light-mode mark.order-status.status-completed {
  background: rgba(0,163,42,0.12) !important;
  color: #1a7a37;
}
.light-mode mark.order-status.status-processing {
  background: rgba(34,113,177,0.12) !important;
  color: #1a5a9e;
}

/* ── Responsive ── */
@media (max-width: 760px) {
  .woocommerce-account .woocommerce {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 24px 0 60px;
  }

  .woocommerce-MyAccount-navigation {
    position: static;
  }

  .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: wrap;
    border-radius: 4px;
  }

  .woocommerce-MyAccount-navigation ul li {
    border-bottom: none;
    border-right: 1px solid var(--border-subtle);
  }

  .woocommerce-MyAccount-navigation ul li a {
    padding: 9px 14px;
    font-size: 11px;
    border-left: none;
    border-bottom: 3px solid transparent;
  }

  .woocommerce-MyAccount-navigation ul li.is-active a {
    border-bottom-color: var(--orange);
    border-left-color: transparent;
  }

  .woocommerce-MyAccount-content {
    padding: 20px 18px;
  }

  .u-columns.col2-set {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .woocommerce-orders-table thead { display: none; }
  .woocommerce-orders-table tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 16px;
    padding: 14px 0;
  }
  .woocommerce-orders-table tbody td,
  .woocommerce-orders-table tbody th {
    padding: 2px 0;
    border: none;
  }
  .woocommerce-orders-table tbody td::before {
    content: attr(data-title) ": ";
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--text-muted);
    display: block;
  }
}


/* ═══════════════════════════════════════════════════════════════
   THE SPIN CYCLE — Blog Archive & Single Post
   ═══════════════════════════════════════════════════════════════ */

/* Shared eyebrow / label reused from other templates */
.page-eyebrow{
  font-family:'Advent Pro',sans-serif;font-size:11px;
  letter-spacing:0.38em;text-transform:uppercase;
  color:var(--orange);margin-bottom:14px;
  display:flex;align-items:center;gap:12px;
}
.page-eyebrow::before{content:'';width:24px;height:1px;background:var(--orange);}

/* ─── ARCHIVE HERO ─── */
.sc-hero{
  position:relative;overflow:hidden;
  min-height:340px;
  display:flex;align-items:flex-end;
  padding:60px 48px 64px;
  border-bottom:1px solid var(--rule);
}
.sc-hero--archive{min-height:260px;padding:44px 48px 52px;}
.sc-hero-vinyl{
  position:absolute;right:-6%;top:50%;transform:translateY(-50%);
  width:min(55vw,580px);height:min(55vw,580px);
  pointer-events:none;opacity:0.55;
}
.sc-hero-content{position:relative;z-index:10;max-width:680px;}
.sc-hero-title{
  font-family:'Advent Pro',sans-serif;font-weight:500;
  font-size:clamp(44px,7vw,88px);
  line-height:0.95;letter-spacing:-0.01em;
  color:var(--text-primary);margin-bottom:16px;
}
.sc-hero-title em{font-style:normal;color:var(--orange);}
.sc-hero-sub{
  font-size:15px;color:var(--text-secondary);line-height:1.75;
  max-width:480px;
}

@keyframes spin{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}

/* ─── ARCHIVE GRID ─── */
.sc-archive-wrap{
  max-width:1280px;margin:0 auto;
  padding:60px 48px 100px;
}
.sc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:32px;
}

/* ─── POST CARD ─── */
.sc-card{
  background:var(--card-bg);
  border:1px solid var(--border-subtle);
  display:flex;flex-direction:column;
  transition:border-color 0.2s,transform 0.2s;
}
.sc-card:hover{border-color:var(--rule);transform:translateY(-2px);}

/* Square image */
.sc-card-img-link{display:block;overflow:hidden;}
.sc-card-img{
  aspect-ratio:1/1;overflow:hidden;
}
.sc-card-img img{
  width:100%;height:100%;object-fit:cover;
  display:block;transition:transform 0.4s ease;
}
.sc-card:hover .sc-card-img img{transform:scale(1.03);}

/* Placeholder image */
.sc-card-img--placeholder{
  aspect-ratio:1/1;
  background:var(--bg-elevated);
  display:flex;align-items:center;justify-content:center;
}
.sc-img-vinyl{display:flex;align-items:center;justify-content:center;}

/* Card body */
.sc-card-body{
  padding:22px 22px 26px;
  display:flex;flex-direction:column;gap:10px;flex:1;
}
.sc-card-meta{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.sc-card-date{
  font-family:'Advent Pro',sans-serif;font-size:11px;
  letter-spacing:0.14em;text-transform:uppercase;
  color:var(--text-muted);
}
.sc-card-sep{color:var(--text-dim);}
.sc-card-cat{
  font-family:'Advent Pro',sans-serif;font-size:11px;
  letter-spacing:0.14em;text-transform:uppercase;
  color:var(--orange);text-decoration:none;
}
.sc-card-cat:hover{color:var(--text-primary);}
.sc-card-title{
  font-family:'Advent Pro',sans-serif;font-weight:500;
  font-size:20px;line-height:1.2;letter-spacing:-0.01em;
  color:var(--text-primary);margin:0;
}
.sc-card-title a{color:inherit;text-decoration:none;}
.sc-card-title a:hover{color:var(--orange);}
.sc-card-excerpt{
  font-size:14px;color:var(--text-secondary);line-height:1.7;
  flex:1;
}
.sc-card-badge{
  display:inline-flex;align-items:center;gap:5px;
  font-family:'Advent Pro',sans-serif;font-size:10px;
  letter-spacing:0.18em;text-transform:uppercase;
  padding:4px 9px;border:1px solid var(--border-medium);
  color:var(--text-muted);width:fit-content;
}
.sc-card-badge--video{border-color:var(--orange);color:var(--orange);}
.sc-card-read-more{
  font-family:'Advent Pro',sans-serif;font-size:11px;
  letter-spacing:0.2em;text-transform:uppercase;
  color:var(--text-muted);text-decoration:none;
  margin-top:auto;padding-top:10px;
  border-top:1px solid var(--border-subtle);
  transition:color 0.2s;
}
.sc-card:hover .sc-card-read-more{color:var(--orange);}

/* ─── PAGINATION ─── */
.sc-pagination{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:60px;padding-top:28px;
  border-top:1px solid var(--rule);
}
.sc-pagination a{
  font-family:'Advent Pro',sans-serif;font-size:12px;
  letter-spacing:0.2em;text-transform:uppercase;
  color:var(--text-secondary);text-decoration:none;
  padding:10px 22px;border:1px solid var(--border-medium);
  transition:all 0.2s;
}
.sc-pagination a:hover{border-color:var(--orange);color:var(--orange);}

/* Empty state */
.sc-empty{
  text-align:center;padding:80px 20px;
  display:flex;flex-direction:column;align-items:center;gap:20px;
  color:var(--text-muted);font-size:15px;
}

/* ─── SINGLE POST — HEADER ─── */
.sc-single-header{
  border-bottom:1px solid var(--rule);
  padding:52px 48px 48px;
}
.sc-single-header-inner{max-width:780px;margin:0 auto;}
.sc-single-meta{
  display:flex;align-items:center;gap:8px;
  margin-bottom:16px;
}
.sc-single-title{
  font-family:'Advent Pro',sans-serif;font-weight:500;
  font-size:clamp(32px,5vw,64px);
  line-height:1.0;letter-spacing:-0.015em;
  color:var(--text-primary);margin-bottom:20px;
}
.sc-single-deck{
  font-size:17px;color:var(--text-secondary);line-height:1.7;
  max-width:640px;
}

/* ─── SINGLE POST — 1:1 IMAGE ─── */
.sc-single-image-wrap{
  padding:0 48px;
  margin:48px auto;
  max-width:876px; /* 780 content + 48*2 padding */
}
.sc-single-image{
  aspect-ratio:1/1;
  overflow:hidden;
  max-width:780px;
  margin:0 auto;
}
.sc-single-image img{
  width:100%;height:100%;object-fit:cover;display:block;
}

/* ─── SINGLE POST — VIDEO ─── */
.sc-single-video-wrap{
  padding:0 48px;
  margin:0 auto 48px;
  max-width:876px;
}
.sc-single-video{max-width:780px;margin:0 auto;}
.sc-video-label{
  font-family:'Advent Pro',sans-serif;font-size:10px;
  letter-spacing:0.25em;text-transform:uppercase;
  color:var(--orange);
  display:flex;align-items:center;gap:7px;
  margin-bottom:10px;
}
.sc-video-label::before{content:'';width:20px;height:1px;background:var(--orange);}
.sc-video-frame{
  position:relative;padding-bottom:56.25%; /* 16:9 */
  height:0;overflow:hidden;
  background:var(--bg-elevated);
}
.sc-video-frame iframe{
  position:absolute;top:0;left:0;width:100%;height:100%;
  border:0;
}

/* ─── SINGLE POST — CONTENT ─── */
.sc-single-content-wrap{
  padding:0 48px 60px;
  max-width:876px;margin:0 auto;
}
.sc-single-content{
  max-width:780px;margin:0 auto;
  font-size:16px;line-height:1.8;color:var(--text-secondary);
}
.sc-single-content h2,
.sc-single-content h3,
.sc-single-content h4{
  font-family:'Advent Pro',sans-serif;font-weight:500;
  color:var(--text-primary);margin:1.8em 0 0.6em;
  line-height:1.2;letter-spacing:-0.01em;
}
.sc-single-content h2{font-size:clamp(22px,3vw,30px);}
.sc-single-content h3{font-size:clamp(18px,2.5vw,24px);}
.sc-single-content p{margin-bottom:1.4em;}
.sc-single-content a{color:var(--orange);text-decoration:underline;text-underline-offset:3px;}
.sc-single-content a:hover{color:var(--text-primary);}
.sc-single-content ul,
.sc-single-content ol{padding-left:1.4em;margin-bottom:1.4em;}
.sc-single-content li{margin-bottom:0.5em;}
.sc-single-content blockquote{
  border-left:3px solid var(--orange);
  padding:12px 0 12px 24px;
  margin:1.8em 0;
  color:var(--text-primary);
  font-size:17px;font-style:italic;
}
.sc-single-content img{max-width:100%;height:auto;display:block;margin:1.6em auto;}
.sc-single-content figure{margin:1.6em 0;}
.sc-single-content figcaption{
  font-size:12px;color:var(--text-faint);
  text-align:center;margin-top:8px;
  letter-spacing:0.06em;
}
.sc-single-content hr{
  border:none;border-top:1px solid var(--rule);
  margin:2.5em 0;
}

/* Tags */
.sc-single-tags{
  display:flex;flex-wrap:wrap;gap:8px;
  margin-top:40px;padding-top:32px;
  border-top:1px solid var(--border-subtle);
  max-width:780px;margin-left:auto;margin-right:auto;
}
.sc-tag{
  font-family:'Advent Pro',sans-serif;font-size:10px;
  letter-spacing:0.18em;text-transform:uppercase;
  color:var(--text-muted);text-decoration:none;
  padding:5px 11px;border:1px solid var(--border-medium);
  transition:all 0.2s;
}
.sc-tag:hover{border-color:var(--orange);color:var(--orange);}

/* ─── SINGLE POST — RELATED PRODUCTS ─── */
.sc-related-products{
  background:var(--bg-secondary);
  border-top:2px solid var(--orange);
  border-bottom:1px solid var(--rule);
  padding:60px 48px 72px;
}
.sc-related-products-inner{max-width:1200px;margin:0 auto;}
.sc-related-heading{
  font-family:'Advent Pro',sans-serif;font-weight:500;
  font-size:clamp(22px,3.5vw,36px);
  color:var(--text-primary);margin-bottom:36px;
  letter-spacing:-0.01em;line-height:1.1;
}
.sc-related-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:20px;
}
.sc-related-card{
  background:var(--card-bg);
  border:1px solid var(--border-subtle);
  text-decoration:none;
  display:flex;flex-direction:column;
  transition:border-color 0.2s,transform 0.2s;
}
.sc-related-card:hover{border-color:var(--rule);transform:translateY(-2px);}
.sc-related-card--sold{opacity:0.6;}
.sc-related-img{
  aspect-ratio:1/1;overflow:hidden;position:relative;
}
.sc-related-img img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 0.4s ease;
}
.sc-related-card:hover .sc-related-img img{transform:scale(1.04);}
.sc-related-sold-badge{
  position:absolute;top:10px;right:10px;
  font-family:'Advent Pro',sans-serif;font-size:10px;
  letter-spacing:0.18em;text-transform:uppercase;
  background:rgba(10,10,10,0.75);color:var(--text-muted);
  padding:4px 9px;border:1px solid var(--border-medium);
}
.sc-related-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:5px;}
.sc-related-title{
  font-family:'Advent Pro',sans-serif;font-size:14px;font-weight:500;
  color:var(--text-primary);line-height:1.3;
}
.sc-related-grade{
  font-family:'Advent Pro',sans-serif;font-size:10px;
  letter-spacing:0.18em;text-transform:uppercase;
  color:var(--text-muted);
}
.sc-related-price{
  font-family:'Advent Pro',sans-serif;font-size:14px;
  color:var(--orange);margin-top:4px;
}
.sc-sold-text{color:var(--text-dim);}

/* ─── SINGLE POST — NAVIGATION ─── */
.sc-post-nav{
  padding:48px 48px 80px;
  border-top:1px solid var(--rule);
}
.sc-post-nav-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:24px;
}
.sc-nav-link{
  text-decoration:none;display:flex;flex-direction:column;gap:5px;
}
.sc-nav-link--next{text-align:right;align-items:flex-end;}
.sc-nav-direction{
  font-family:'Advent Pro',sans-serif;font-size:10px;
  letter-spacing:0.2em;text-transform:uppercase;
  color:var(--text-muted);
}
.sc-nav-title{
  font-family:'Advent Pro',sans-serif;font-size:15px;font-weight:500;
  color:var(--text-secondary);line-height:1.3;
  transition:color 0.2s;
}
.sc-nav-link:hover .sc-nav-title{color:var(--orange);}
.sc-nav-archive{
  font-family:'Advent Pro',sans-serif;font-size:10px;
  letter-spacing:0.2em;text-transform:uppercase;
  color:var(--text-muted);text-decoration:none;
  display:flex;flex-direction:column;align-items:center;gap:7px;
  padding:16px;border:1px solid var(--border-medium);
  transition:all 0.2s;white-space:nowrap;
}
.sc-nav-archive:hover{border-color:var(--orange);color:var(--orange);}

/* ─── RESPONSIVE ─── */
@media(max-width:900px){
  .sc-hero{padding:44px 24px 52px;}
  .sc-archive-wrap{padding:36px 20px 72px;}
  .sc-single-header{padding:36px 24px 36px;}
  .sc-single-image-wrap,
  .sc-single-video-wrap,
  .sc-single-content-wrap{padding-left:24px;padding-right:24px;}
  .sc-related-products{padding:44px 24px 56px;}
  .sc-post-nav{padding:36px 24px 60px;}
  .sc-hero-vinyl{width:min(80vw,400px);height:min(80vw,400px);right:-15%;opacity:0.35;}
}
@media(max-width:640px){
  .sc-post-nav-inner{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;}
  .sc-nav-archive{grid-column:1/-1;flex-direction:row;padding:12px 20px;}
  .sc-related-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));}
  .sc-grid{grid-template-columns:1fr;}
}