*{
  box-sizing:border-box;
}

:root{
  --black:#050505;
  --panel:#101010;
  --panel-soft:#151515;
  --gold:#d4af37;
  --gold-soft:#f6e7b0;
  --gold-deep:#4a3b13;
  --muted:#cfcfcf;
  --serif:Georgia, "Times New Roman", serif;
  --sans:Arial, sans-serif;
}

body{
  position:relative;
  margin:0;
  padding:0;
  background:
    radial-gradient(circle at top, rgba(212,175,55,0.08), transparent 30%),
    linear-gradient(180deg, #050505 0%, #0b0b0b 55%, #050505 100%);
  color:white;
  font-family:var(--sans);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(120deg, transparent 0 36%, rgba(212,175,55,0.035) 36.2%, transparent 37% 62%, rgba(246,231,176,0.03) 62.2%, transparent 63%),
    radial-gradient(circle at 12% 20%, rgba(212,175,55,0.08), transparent 22%),
    radial-gradient(circle at 88% 8%, rgba(246,231,176,0.05), transparent 18%);
  opacity:0.72;
  pointer-events:none;
  z-index:-1;
}

header{
  position:relative;
  text-align:center;
  padding:34px 20px 0;
  overflow:hidden;
}

header::before{
  content:"";
  position:absolute;
  left:50%;
  top:22px;
  width:min(720px, 92vw);
  height:240px;
  background:radial-gradient(ellipse, rgba(212,175,55,0.16), transparent 66%);
  pointer-events:none;
  transform:translateX(-50%);
}

.brand-row{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:42px;
  margin:0 auto;
  max-width:980px;
}

.logo-mark{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  isolation:isolate;
}

.logo-mark::before{
  content:"";
  position:absolute;
  inset:12%;
  background:radial-gradient(circle, rgba(212,175,55,0.34), rgba(212,175,55,0.1) 38%, transparent 72%);
  filter:blur(18px);
  opacity:0.88;
  z-index:-1;
}

.logo-mark::after{
  content:"";
  position:absolute;
  inset:8%;
  background:linear-gradient(115deg, transparent 0%, transparent 38%, rgba(246,231,176,0.34) 48%, transparent 58%, transparent 100%);
  mix-blend-mode:screen;
  opacity:0;
  pointer-events:none;
  animation:logoShine 6s ease-in-out infinite;
}

.logo{
  display:block;
  width:auto;
  max-width:320px;
  max-height:140px;
  object-fit:contain;
  background:transparent;
  filter:drop-shadow(0 20px 42px rgba(0,0,0,0.58));
}

.collector-banner{
  max-width:430px;
  text-align:left;
  background:
    radial-gradient(circle at top left, rgba(246,231,176,0.22), transparent 42%),
    linear-gradient(145deg, rgba(21,21,21,0.98), rgba(5,5,5,0.98));
  border:1px solid var(--gold-deep);
  border-radius:8px;
  box-shadow:0 0 36px rgba(212,175,55,0.14), 0 22px 58px rgba(0,0,0,0.46);
  padding:20px 22px;
  animation:bannerFade 900ms ease both;
}

.collector-banner strong{
  color:var(--gold);
  display:block;
  font-family:var(--serif);
  font-size:18px;
  font-weight:700;
  letter-spacing:1px;
  line-height:1.3;
  text-transform:uppercase;
}

.collector-banner span{
  color:#e0e0e0;
  display:block;
  font-size:14px;
  letter-spacing:0.4px;
  line-height:1.6;
  margin-top:8px;
}

h1{
  position:relative;
  z-index:1;
  color:var(--gold);
  font-family:var(--serif);
  font-size:62px;
  font-weight:700;
  margin:12px 0 8px;
  letter-spacing:2px;
  text-shadow:0 0 28px rgba(212,175,55,0.18);
}

.subtitle{
  position:relative;
  z-index:1;
  color:#c9c9c9;
  font-size:17px;
  letter-spacing:1.2px;
  margin:0 0 34px;
}

.site-nav{
  position:relative;
  z-index:2;
  display:inline-flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  background:rgba(8,8,8,0.78);
  border:1px solid rgba(212,175,55,0.22);
  border-radius:999px;
  box-shadow:0 18px 52px rgba(0,0,0,0.42), inset 0 1px 0 rgba(246,231,176,0.08);
  margin:0 auto 10px;
  padding:8px;
  backdrop-filter:blur(8px);
}

.site-nav a{
  color:#e6e0cf;
  border-radius:999px;
  font-size:12px;
  font-weight:bold;
  letter-spacing:1.2px;
  padding:10px 14px;
  text-decoration:none;
  text-transform:uppercase;
  transition:0.3s;
}

.site-nav a:hover{
  color:#050505;
  background:linear-gradient(135deg, var(--gold), var(--gold-soft));
  box-shadow:0 0 24px rgba(212,175,55,0.32);
}

.hero{
  position:relative;
  text-align:center;
  padding:84px 20px 92px;
  background:
    radial-gradient(circle at center, rgba(246,231,176,0.08), transparent 18%),
    linear-gradient(180deg, rgba(5,5,5,0) 0%, rgba(212,175,55,0.06) 46%, rgba(5,5,5,0) 100%);
  overflow:hidden;
}

.hero::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(860px, 92vw);
  height:320px;
  background:radial-gradient(ellipse, rgba(212,175,55,0.12), transparent 68%);
  pointer-events:none;
  transform:translate(-50%, -50%);
}

.hero::after{
  content:"";
  position:absolute;
  left:50%;
  top:16px;
  width:min(620px, 84vw);
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(246,231,176,0.42), transparent);
  box-shadow:0 0 34px rgba(212,175,55,0.34);
  transform:translateX(-50%);
}

.hero-kicker{
  position:relative;
  color:var(--gold);
  font-size:12px;
  font-weight:bold;
  letter-spacing:2.4px;
  margin:0 0 16px;
  text-transform:uppercase;
}

.hero h2{
  position:relative;
  color:white;
  font-family:var(--serif);
  font-size:62px;
  font-weight:700;
  letter-spacing:1px;
  line-height:1.08;
  max-width:900px;
  margin:auto;
  text-shadow:0 24px 70px rgba(0,0,0,0.65);
}

.description{
  position:relative;
  max-width:700px;
  margin:24px auto 0;
  color:var(--gold-soft);
  letter-spacing:1.8px;
  line-height:1.7;
  font-size:18px;
  text-transform:uppercase;
}

.hero-note{
  position:relative;
  max-width:680px;
  margin:18px auto 0;
  color:#d6d6d6;
  font-size:17px;
  line-height:1.8;
}

.btn{
  position:relative;
  display:inline-block;
  margin-top:28px;
  background:linear-gradient(135deg, var(--gold), var(--gold-soft));
  color:#050505;
  padding:15px 35px;
  border:1px solid rgba(246,231,176,0.62);
  border-radius:8px;
  text-decoration:none;
  font-weight:bold;
  box-shadow:0 18px 44px rgba(212,175,55,0.14);
  transition:0.3s;
}

.btn:hover{
  background:#f6e7b0;
  box-shadow:0 0 28px rgba(212,175,55,0.38), 0 22px 54px rgba(0,0,0,0.4);
  transform:translateY(-2px);
}

.cards{
  display:flex;
  justify-content:center;
  gap:25px;
  flex-wrap:wrap;
  padding:64px 20px;
}

.card{
  background:
    radial-gradient(circle at top, rgba(212,175,55,0.08), transparent 42%),
    #151515;
  border:1px solid #2f2815;
  border-radius:8px;
  width:300px;
  padding:30px;
  text-align:center;
  box-shadow:0 20px 64px rgba(0,0,0,0.3);
  transition:0.3s;
}

.card:hover{
  transform:translateY(-5px);
  border-color:var(--gold);
  box-shadow:0 0 28px rgba(212,175,55,0.14), 0 28px 72px rgba(0,0,0,0.44);
}

.card h3{
  color:var(--gold);
  font-family:var(--serif);
  margin-bottom:15px;
}

.card p{
  color:#cccccc;
  line-height:1.6;
}

footer{
  text-align:center;
  padding:30px;
  color:#666666;
  border-top:1px solid #1f1f1f;
}

.market{
  background:#050505;
  border-top:1px solid #1f1f1f;
  border-bottom:1px solid #1f1f1f;
  padding:78px 20px;
}

.market-inner{
  max-width:1120px;
  margin:0 auto;
}

.market-header{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:28px;
}

.market-kicker{
  color:var(--gold);
  font-size:13px;
  font-weight:bold;
  letter-spacing:2px;
  text-transform:uppercase;
  margin:0 0 10px;
}

.market h2{
  font-family:var(--serif);
  font-size:36px;
  font-weight:700;
  margin:0;
}

.market-copy{
  color:#bdbdbd;
  line-height:1.6;
  max-width:390px;
  margin:0;
}

.featured-product{
  display:grid;
  grid-template-columns:minmax(280px, 0.95fr) minmax(280px, 1.05fr);
  align-items:center;
  gap:34px;
  background:#101010;
  border:1px solid #302714;
  border-radius:8px;
  box-shadow:0 24px 70px rgba(0,0,0,0.38);
  margin:0 0 34px;
  overflow:hidden;
  padding:24px;
  transition:0.3s;
}

.featured-product:hover{
  border-color:#d4af37;
  transform:translateY(-4px);
}

.featured-image{
  display:block;
  width:100%;
  aspect-ratio:1.28;
  object-fit:cover;
  border-radius:8px;
  background:#050505;
}

.featured-content{
  padding:8px 8px 8px 0;
}

.featured-content h3{
  color:white;
  font-family:var(--serif);
  font-size:32px;
  line-height:1.15;
  margin:0 0 16px;
}

.featured-content p:not(.market-kicker){
  color:#cfcfcf;
  font-size:18px;
  line-height:1.7;
  margin:0 0 24px;
  max-width:560px;
}

.featured-btn{
  background:linear-gradient(135deg, var(--gold), var(--gold-soft));
  border:1px solid rgba(246,231,176,0.58);
  border-radius:8px;
  color:#050505;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:bold;
  min-height:48px;
  padding:0 24px;
  text-decoration:none;
  box-shadow:0 16px 42px rgba(212,175,55,0.12);
  transition:0.3s;
}

.featured-btn:hover{
  background:#f6e7b0;
  border-color:#f6e7b0;
  box-shadow:0 0 28px rgba(212,175,55,0.36), 0 22px 54px rgba(0,0,0,0.42);
  transform:translateY(-2px);
}

.vinyl-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:22px;
}

.vinyl-card{
  background:#111111;
  border:1px solid #2b2b2b;
  border-radius:8px;
  overflow:hidden;
  transition:0.3s;
}

.vinyl-card:hover{
  transform:translateY(-4px);
  border-color:#d4af37;
}

.album-cover{
  display:block;
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  background:#080808;
}

.vinyl-info{
  padding:22px;
}

.vinyl-meta{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:start;
  margin-bottom:18px;
}

.vinyl-card h3{
  color:white;
  font-family:var(--serif);
  font-size:20px;
  margin:0 0 6px;
}

.pressing{
  color:#9f9f9f;
  font-size:14px;
  margin:0;
}

.trend{
  color:var(--gold);
  background:#211b0b;
  border:1px solid #6d5719;
  border-radius:999px;
  font-size:13px;
  font-weight:bold;
  padding:7px 10px;
  white-space:nowrap;
}

.vinyl-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
}

.price{
  color:#f6e7b0;
  font-size:24px;
  font-weight:bold;
}

.buy-btn{
  background:linear-gradient(135deg, var(--gold), var(--gold-soft));
  border:1px solid rgba(246,231,176,0.58);
  border-radius:8px;
  color:#050505;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:bold;
  min-height:44px;
  padding:0 18px;
  text-decoration:none;
  transition:0.3s;
}

.buy-btn:hover{
  background:#f6e7b0;
  border-color:#f6e7b0;
  box-shadow:0 0 22px rgba(212,175,55,0.34);
  transform:translateY(-2px);
}

.category-showcase{
  background:#0b0b0b;
  border-bottom:1px solid #1f1f1f;
  padding:72px 20px;
}

.category-inner{
  max-width:1120px;
  margin:0 auto;
}

.category-heading{
  margin-bottom:28px;
}

.category-heading h2{
  font-family:var(--serif);
  font-size:36px;
  margin:0;
}

.category-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:22px;
}

.category-card{
  position:relative;
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:32px;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,0.18), transparent 38%),
    linear-gradient(145deg, #151515, #080808);
  border:1px solid #302714;
  border-radius:8px;
  box-shadow:0 24px 70px rgba(0,0,0,0.36);
  overflow:hidden;
  padding:28px;
  transition:0.3s;
}

.category-card::after{
  content:"";
  position:absolute;
  right:-46px;
  bottom:-46px;
  width:148px;
  height:148px;
  border:1px solid rgba(212,175,55,0.34);
  border-radius:50%;
  box-shadow:inset 0 0 0 20px #080808, inset 0 0 0 22px rgba(212,175,55,0.18);
}

.category-card:hover{
  transform:translateY(-6px);
  border-color:#d4af37;
  box-shadow:0 30px 90px rgba(0,0,0,0.5);
}

.category-number{
  color:var(--gold);
  font-size:13px;
  font-weight:bold;
  letter-spacing:2px;
}

.category-card h3{
  color:white;
  font-family:var(--serif);
  font-size:28px;
  line-height:1.15;
  margin:0 0 14px;
}

.category-card p{
  color:#cfcfcf;
  font-size:16px;
  line-height:1.7;
  margin:0;
  max-width:290px;
}

.value-checker{
  background:
    radial-gradient(circle at top left, rgba(212,175,55,0.12), transparent 34%),
    linear-gradient(180deg, #050505 0%, #0b0b0b 100%);
  border-top:1px solid #1f1f1f;
  border-bottom:1px solid #1f1f1f;
  padding:78px 20px;
}

.value-checker-inner{
  display:grid;
  grid-template-columns:minmax(280px, 0.82fr) minmax(320px, 1.18fr);
  gap:28px;
  align-items:start;
  max-width:1120px;
  margin:0 auto;
}

.value-checker-copy,
.value-form,
.estimate-result{
  background:
    radial-gradient(circle at top right, rgba(246,231,176,0.1), transparent 36%),
    linear-gradient(145deg, #151515, #080808);
  border:1px solid #302714;
  border-radius:8px;
  box-shadow:0 28px 82px rgba(0,0,0,0.42);
}

.value-checker-copy{
  padding:32px;
}

.value-checker-copy h2{
  color:white;
  font-family:var(--serif);
  font-size:38px;
  line-height:1.1;
  margin:0 0 16px;
}

.value-checker-copy p:not(.market-kicker){
  color:#cfcfcf;
  font-size:18px;
  line-height:1.75;
  margin:0;
}

.value-form{
  padding:24px;
}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:16px;
}

.value-form label{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.value-form span{
  color:var(--gold-soft);
  font-size:12px;
  font-weight:bold;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.value-form input,
.value-form select,
.value-form textarea{
  background:#080808;
  border:1px solid #2f2815;
  border-radius:8px;
  color:white;
  font:inherit;
  min-height:46px;
  outline:none;
  padding:12px 14px;
  transition:0.3s;
  width:100%;
}

.value-form textarea{
  resize:vertical;
}

.value-form input:focus,
.value-form select:focus,
.value-form textarea:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(212,175,55,0.12);
}

.form-notes{
  grid-column:1 / -1;
}

.estimate-btn{
  background:linear-gradient(135deg, var(--gold), var(--gold-soft));
  border:1px solid rgba(246,231,176,0.58);
  border-radius:8px;
  color:#050505;
  cursor:pointer;
  font-weight:bold;
  margin-top:18px;
  min-height:48px;
  padding:0 24px;
  transition:0.3s;
  width:100%;
}

.estimate-btn:hover{
  background:#f6e7b0;
  box-shadow:0 0 26px rgba(212,175,55,0.34), 0 18px 44px rgba(0,0,0,0.36);
  transform:translateY(-2px);
}

.estimate-result{
  grid-column:2;
  padding:24px;
}

.estimate-result[hidden]{
  display:none;
}

.estimate-result strong{
  color:var(--gold-soft);
  display:block;
  font-family:var(--serif);
  font-size:38px;
  line-height:1;
  margin:0 0 14px;
}

.estimate-result p:not(.market-kicker){
  color:#cfcfcf;
  line-height:1.7;
  margin:0 0 18px;
}

.japanese-products{
  background:#050505;
  border-top:1px solid #1f1f1f;
  border-bottom:1px solid #1f1f1f;
  padding:72px 20px;
}

.middle-eastern-products{
  background:#0b0b0b;
  border-bottom:1px solid #1f1f1f;
  padding:72px 20px;
}

.israeli-products{
  background:#050505;
  border-bottom:1px solid #1f1f1f;
  padding:72px 20px;
}

.limited-products{
  background:#0b0b0b;
  border-bottom:1px solid #1f1f1f;
  padding:72px 20px;
}

.product-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:22px;
}

.product-card{
  background:
    radial-gradient(circle at top right, rgba(212,175,55,0.07), transparent 36%),
    linear-gradient(145deg, #151515, #090909);
  border:1px solid #2f2815;
  border-radius:18px;
  box-shadow:0 20px 60px rgba(0,0,0,0.34);
  overflow:hidden;
  transition:0.3s;
}

.product-card:hover{
  transform:translateY(-6px);
  border-color:#d4af37;
  box-shadow:0 28px 82px rgba(0,0,0,0.5);
}

.product-image-placeholder{
  position:relative;
  width:100%;
  height:240px;
  margin-bottom:18px;
  background:
    radial-gradient(circle at 50% 45%, rgba(246,231,176,0.12) 0 12%, transparent 13%),
    radial-gradient(circle, #161616 0 34%, #050505 35% 40%, #1b1b1b 41% 42%, #080808 43% 100%);
  border:1px solid rgba(212,175,55,0.42);
  border-radius:16px;
  box-shadow:0 18px 42px rgba(0,0,0,0.38), inset 0 0 36px rgba(212,175,55,0.08);
  overflow:hidden;
}

.product-image-placeholder::before{
  content:"";
  position:absolute;
  inset:24px;
  border:1px solid rgba(212,175,55,0.42);
  border-radius:8px;
}

.product-image-placeholder::after{
  content:"LucyLP";
  position:absolute;
  left:50%;
  top:50%;
  color:#d4af37;
  font-size:12px;
  font-weight:bold;
  letter-spacing:2px;
  text-transform:uppercase;
  transform:translate(-50%, -50%);
}

.product-image{
  display:block;
  width:100%;
  height:240px;
  margin-bottom:18px;
  object-fit:cover;
  background:#080808;
  border:1px solid rgba(212,175,55,0.42);
  border-radius:16px;
  box-shadow:0 18px 42px rgba(0,0,0,0.38);
}

.middle-east-placeholder{
  background:
    radial-gradient(circle at 50% 50%, #171717 0 31%, #050505 32% 38%, #2a2313 39% 41%, #080808 42% 100%),
    linear-gradient(145deg, rgba(212,175,55,0.14), transparent);
}

.middle-eastern-products .product-card{
  border-color:#302714;
}

.israeli-placeholder{
  background:
    radial-gradient(circle at 50% 50%, #181818 0 30%, #050505 31% 37%, #2f2815 38% 40%, #080808 41% 100%),
    radial-gradient(circle at top right, rgba(212,175,55,0.16), transparent 42%);
}

.israeli-products .product-card{
  border-color:#302714;
}

.limited-placeholder{
  background:
    radial-gradient(circle at 50% 50%, #191919 0 29%, #050505 30% 36%, #3a3017 37% 39%, #080808 40% 100%),
    radial-gradient(circle at top left, rgba(246,231,176,0.14), transparent 42%);
}

.limited-products .product-card{
  border-color:#302714;
}

.poster-products{
  background:#050505;
  border-bottom:1px solid #1f1f1f;
  padding:72px 20px;
}

.poster-header{
  align-items:start;
}

.poster-subtitle{
  color:#cfcfcf;
  font-size:18px;
  line-height:1.6;
  margin:14px 0 0;
}

.poster-categories{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
  max-width:520px;
}

.poster-categories span{
  color:#f6e7b0;
  background:#15130c;
  border:1px solid #3b3118;
  border-radius:999px;
  font-size:12px;
  font-weight:bold;
  letter-spacing:1px;
  padding:9px 12px;
  text-transform:uppercase;
}

.poster-grid{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:22px;
}

.poster-card{
  background:
    radial-gradient(circle at top, rgba(246,231,176,0.08), transparent 38%),
    linear-gradient(145deg, #151515, #080808);
  border:1px solid #302714;
  border-radius:18px;
  box-shadow:0 24px 70px rgba(0,0,0,0.42);
  overflow:hidden;
  transition:0.3s;
}

.poster-card:hover{
  transform:translateY(-6px);
  border-color:#d4af37;
  box-shadow:0 34px 96px rgba(0,0,0,0.56);
}

.poster-image-placeholder{
  position:relative;
  width:100%;
  height:340px;
  margin-bottom:18px;
  background:
    radial-gradient(circle at top left, rgba(246,231,176,0.22), transparent 34%),
    radial-gradient(circle at bottom right, rgba(212,175,55,0.18), transparent 36%),
    linear-gradient(145deg, #202020, #070707 70%);
  border:12px solid #101010;
  border-radius:16px;
  box-shadow:inset 0 0 0 1px rgba(212,175,55,0.34), 0 18px 48px rgba(0,0,0,0.42);
}

.poster-image-placeholder::after{
  content:"Poster";
  position:absolute;
  left:50%;
  top:50%;
  color:#d4af37;
  font-size:12px;
  font-weight:bold;
  letter-spacing:2px;
  text-transform:uppercase;
  transform:translate(-50%, -50%);
}

.poster-image{
  display:block;
  width:100%;
  height:340px;
  margin-bottom:18px;
  object-fit:cover;
  background:#080808;
  border:12px solid #101010;
  border-radius:16px;
  box-shadow:inset 0 0 0 1px rgba(212,175,55,0.34);
}

.poster-content{
  padding:0 20px 20px;
}

.poster-card h3{
  color:white;
  font-size:20px;
  line-height:1.25;
  margin:0 0 10px;
}

.poster-card p{
  color:#bfbfbf;
  font-size:15px;
  line-height:1.6;
  margin:0 0 18px;
}

.product-content{
  padding:0 22px 22px;
}

.product-label{
  color:var(--gold);
  display:inline-block;
  font-size:12px;
  font-weight:bold;
  letter-spacing:1.6px;
  margin-bottom:12px;
  text-transform:uppercase;
}

.product-card h3{
  color:white;
  font-family:var(--serif);
  font-size:20px;
  line-height:1.25;
  margin:0 0 10px;
}

.product-card p{
  color:#bfbfbf;
  font-size:15px;
  line-height:1.6;
  margin:0 0 18px;
}

.live-item-meta{
  color:#9f9f9f;
  font-size:13px;
  letter-spacing:0.5px;
  margin-bottom:8px;
  text-transform:uppercase;
}

.live-item-price{
  color:var(--gold-soft);
  font-family:var(--serif);
  font-size:22px;
  font-weight:700;
  margin-bottom:18px;
}

.live-status-card{
  border-style:dashed;
}

.live-status-card .product-image,
.live-status-card .poster-image{
  opacity:0.72;
}

.live-filter-note{
  color:var(--gold-soft);
  font-size:13px;
  letter-spacing:0.7px;
  margin:12px 0 0;
  text-transform:uppercase;
}

.live-grid-message{
  align-items:center;
  background:linear-gradient(145deg, rgba(12,12,12,0.94), rgba(32,27,16,0.86));
  border:1px solid rgba(212,175,55,0.28);
  border-radius:16px;
  box-shadow:0 18px 45px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.04);
  color:var(--gold-soft);
  display:flex;
  font-family:var(--serif);
  font-size:18px;
  justify-content:center;
  letter-spacing:0.4px;
  min-height:180px;
  padding:28px;
  text-align:center;
}

.ebay-btn{
  background:linear-gradient(135deg, var(--gold), var(--gold-soft));
  border:1px solid rgba(246,231,176,0.58);
  border-radius:8px;
  color:#050505;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:bold;
  min-height:44px;
  padding:0 16px;
  text-decoration:none;
  box-shadow:0 16px 40px rgba(212,175,55,0.12);
  transition:0.3s;
  width:100%;
}

.ebay-btn:hover{
  background:#f6e7b0;
  border-color:#f6e7b0;
  box-shadow:0 0 26px rgba(212,175,55,0.34), 0 18px 44px rgba(0,0,0,0.36);
  transform:translateY(-2px);
}

.app-coming-soon{
  background:#0b0b0b;
  border-bottom:1px solid #1f1f1f;
  padding:72px 20px;
}

.app-inner{
  display:grid;
  grid-template-columns:minmax(280px, 0.95fr) minmax(280px, 1.05fr);
  gap:34px;
  align-items:start;
  max-width:1120px;
  margin:0 auto;
}

.app-copy{
  background:
    radial-gradient(circle at top left, rgba(212,175,55,0.16), transparent 40%),
    #111111;
  border:1px solid #302714;
  border-radius:8px;
  padding:32px;
}

.app-copy h2{
  color:white;
  font-family:var(--serif);
  font-size:36px;
  margin:0 0 16px;
}

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

@keyframes logoShine{
  0%,
  38%{
    opacity:0;
    transform:translateX(-34%) skewX(-12deg);
  }
  50%{
    opacity:0.55;
  }
  64%,
  100%{
    opacity:0;
    transform:translateX(34%) skewX(-12deg);
  }
}

.app-copy p:not(.market-kicker){
  color:#cfcfcf;
  font-size:18px;
  line-height:1.7;
  margin:0;
}

.benefit-list{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:14px;
  list-style:none;
  margin:0;
  padding:0;
}

.benefit-list li{
  background:#111111;
  border:1px solid #2f2815;
  border-radius:8px;
  color:#e8e8e8;
  line-height:1.45;
  padding:18px 18px 18px 44px;
  position:relative;
}

.benefit-list li::before{
  content:"";
  position:absolute;
  left:18px;
  top:22px;
  width:10px;
  height:10px;
  background:#d4af37;
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(212,175,55,0.16);
}

@media (max-width:900px){
  .brand-row{
    flex-direction:column;
    gap:18px;
  }

  .logo{
    width:auto;
    max-height:140px;
    max-width:70vw;
  }

  .collector-banner{
    max-width:620px;
    text-align:center;
  }

  .hero{
    padding:58px 20px 66px;
  }

  .hero h2{
    font-size:46px;
  }

  .hero-note{
    font-size:16px;
  }

  .market-header{
    align-items:start;
    flex-direction:column;
  }

  .vinyl-grid{
    grid-template-columns:1fr;
  }

  .featured-product{
    grid-template-columns:1fr;
  }

  .category-grid{
    grid-template-columns:1fr;
  }

  .category-card{
    min-height:220px;
  }

  .product-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .value-checker-inner{
    grid-template-columns:1fr;
  }

  .estimate-result{
    grid-column:auto;
  }

  .poster-header{
    align-items:start;
  }

  .poster-categories{
    justify-content:flex-start;
  }

  .poster-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .app-inner{
    grid-template-columns:1fr;
  }

  .featured-content{
    padding:0;
  }
}

@media (max-width:560px){
  h1{
    font-size:46px;
  }

  header{
    padding-top:28px;
  }

  .brand-row{
    padding:0 16px;
  }

  .logo{
    width:auto;
    max-height:116px;
    max-width:78vw;
  }

  .collector-banner{
    padding:16px;
    width:100%;
  }

  .collector-banner strong{
    font-size:14px;
  }

  .collector-banner span{
    font-size:13px;
  }

  .site-nav{
    border-radius:8px;
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }

  .site-nav a{
    padding:10px 8px;
  }

  .hero h2,
  .market h2,
  .category-heading h2{
    font-size:32px;
  }

  .hero{
    padding:52px 16px 60px;
  }

  .hero-kicker{
    font-size:11px;
    letter-spacing:1.8px;
  }

  .description{
    font-size:14px;
    letter-spacing:1.2px;
  }

  .hero-note{
    font-size:15px;
    line-height:1.7;
  }

  .category-showcase{
    padding:56px 16px;
  }

  .category-card{
    padding:24px;
  }

  .category-card h3{
    font-size:24px;
  }

  .japanese-products,
  .middle-eastern-products,
  .israeli-products,
  .limited-products,
  .poster-products,
  .value-checker,
  .app-coming-soon{
    padding:56px 16px;
  }

  .value-checker-copy,
  .value-form,
  .estimate-result{
    padding:22px;
  }

  .value-checker-copy h2,
  .estimate-result strong{
    font-size:32px;
  }

  .form-grid{
    grid-template-columns:1fr;
  }

  .product-grid,
  .poster-grid,
  .benefit-list{
    grid-template-columns:1fr;
  }

  .poster-subtitle{
    font-size:16px;
  }

  .product-image-placeholder{
    height:220px;
  }

  .product-image{
    height:220px;
  }

  .poster-image-placeholder,
  .poster-image{
    height:300px;
  }

  .app-copy{
    padding:24px;
  }

  .app-copy h2{
    font-size:32px;
  }

  .app-copy p:not(.market-kicker){
    font-size:16px;
  }

  .featured-product{
    padding:16px;
  }

  .featured-content h3{
    font-size:26px;
  }

  .featured-content p:not(.market-kicker){
    font-size:16px;
  }

  .vinyl-actions{
    align-items:stretch;
    flex-direction:column;
  }

  .buy-btn{
    width:100%;
  }

  .featured-btn{
    width:100%;
  }
}