/* RTC Arcade — GTA VI Pre-Order · Main Stylesheet v2 */

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

:root{
  --gold:#E8B84B; --gold-dark:#C49A2A;
  --red:#C0392B;
  --bg:#0A0A0A; --surface:#111111; --surface-2:#1A1A1A;
  --border:rgba(255,255,255,0.08);
  --text:#F0EDE8; --muted:#888880;
  --font-display:'Bebas Neue',sans-serif;
  --font-body:'Barlow',sans-serif;
}

html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;}

/* ── NAV ── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 2rem;height:64px;
  background:rgba(10,10,10,0.92);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
}
.nav-brand{display:flex;align-items:center;gap:2px;text-decoration:none;}
.nb-rtc{font-family:var(--font-display);font-size:1.7rem;letter-spacing:0.06em;color:var(--gold);}
.nb-arcade{font-family:var(--font-display);font-size:1.7rem;letter-spacing:0.06em;color:var(--text);}
.nav-center{font-size:0.72rem;font-weight:700;letter-spacing:0.18em;color:var(--muted);text-transform:uppercase;}
.nav-cta{
  background:var(--gold);color:#0A0A0A;
  font-family:var(--font-body);font-weight:700;font-size:0.82rem;
  letter-spacing:0.08em;text-transform:uppercase;
  border:none;padding:0.55rem 1.3rem;cursor:pointer;
  text-decoration:none;transition:background 0.2s;
}
.nav-cta:hover{background:var(--gold-dark);color:#0A0A0A;}

/* ── TICKER ── */
.ticker-bar{
  background:var(--red);overflow:hidden;
  padding:0.55rem 0;margin-top:64px;
}
.ticker-track{
  display:flex;white-space:nowrap;
  animation:ticker 28s linear infinite;
}
.ticker-item{
  font-size:0.78rem;font-weight:700;letter-spacing:0.14em;
  text-transform:uppercase;padding:0 2rem;flex-shrink:0;
}
.ticker-sep{color:rgba(255,255,255,0.4);padding:0 0.5rem;flex-shrink:0;}
@keyframes ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ── HERO ── */
.hero{
  min-height:100vh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  text-align:center;padding:6rem 2rem 4rem;
  position:relative;overflow:hidden;
}
/* Full-bleed GTA VI hero background image */
.hero-bg{
  position:absolute;inset:0;
  background-image:url('https://staticg.sportskeeda.com/editor/2023/12/c2c84-17030480198408-1920.jpg');
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
}
/* Layer 1 — subtle overall dark tint so text stays readable */
.hero-bg::before{
  content:'';
  position:absolute;inset:0;
  background:rgba(10,10,10,0.40);
}
/* Layer 2 — dissolve: transparent at top → solid page colour at bottom */
.hero-bg::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(
    to bottom,
    rgba(10,10,10,0.00)  0%,
    rgba(10,10,10,0.10)  20%,
    rgba(10,10,10,0.45)  50%,
    rgba(10,10,10,0.82)  72%,
    rgba(10,10,10,1.00) 100%
  );
}
.hero-inner{position:relative;}
.hero-eyebrow{font-size:0.72rem;font-weight:700;letter-spacing:0.26em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem;}
.hero-title{font-family:var(--font-display);font-size:clamp(4.5rem,17vw,13rem);line-height:0.88;letter-spacing:0.02em;}
.hero-vi{color:var(--red);display:block;}
.hero-badge-row{display:flex;gap:0.75rem;justify-content:center;margin:1.5rem 0 0.5rem;flex-wrap:wrap;}
.hero-badge{
  font-size:0.75rem;font-weight:700;letter-spacing:0.14em;
  text-transform:uppercase;padding:0.35rem 0.9rem;
}
.hero-badge.gold{background:var(--gold);color:#0A0A0A;}
.hero-badge.outline{border:1px solid rgba(255,255,255,0.25);color:var(--text);}
.hero-sub{font-size:1.1rem;color:var(--muted);max-width:480px;margin:1.5rem auto 0;font-style:italic;}
.hero-sub strong{color:var(--text);font-style:normal;}
.hero-actions{display:flex;gap:1rem;margin-top:2.5rem;flex-wrap:wrap;justify-content:center;}
.hero-scroll{
  position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:0.5rem;
  color:var(--muted);font-size:0.68rem;letter-spacing:0.15em;text-transform:uppercase;
}
.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--muted),transparent);animation:scrollPulse 1.8s ease-in-out infinite;}
@keyframes scrollPulse{0%,100%{opacity:0.4;}50%{opacity:1;}}

/* ── BUTTONS ── */
.btn-primary{
  background:var(--gold);color:#0A0A0A;
  font-family:var(--font-body);font-weight:700;font-size:0.9rem;
  letter-spacing:0.1em;text-transform:uppercase;border:none;
  padding:1rem 2.5rem;cursor:pointer;transition:background 0.2s,transform 0.15s;
  text-decoration:none;display:inline-block;
}
.btn-primary:hover{background:var(--gold-dark);transform:translateY(-1px);color:#0A0A0A;}
.btn-ghost{
  background:transparent;color:var(--text);
  font-family:var(--font-body);font-weight:600;font-size:0.9rem;
  letter-spacing:0.1em;text-transform:uppercase;
  border:1px solid rgba(255,255,255,0.25);
  padding:1rem 2.5rem;cursor:pointer;transition:border-color 0.2s;
  text-decoration:none;display:inline-block;
}
.btn-ghost:hover{border-color:rgba(255,255,255,0.55);color:var(--text);}

/* ── SHARED SECTION ── */
section{padding:6rem 2rem;}
.container{max-width:1100px;margin:0 auto;}
.section-label{font-size:0.7rem;font-weight:700;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold);margin-bottom:0.75rem;}
.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);line-height:1;margin-bottom:1.5rem;}

/* ── POSTER ── */
.poster-section{background:var(--surface);}
.poster-grid{display:grid;grid-template-columns:340px 1fr;gap:4rem;align-items:center;}
.poster-frame{position:relative;}
.poster-img{width:100%;display:block;border:2px solid var(--gold);box-shadow:0 0 60px rgba(232,184,75,0.15);}
.poster-tag{
  position:absolute;bottom:0;left:0;right:0;
  background:rgba(10,10,10,0.85);backdrop-filter:blur(6px);
  padding:0.6rem 1rem;font-size:0.68rem;font-weight:700;
  letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);
  text-align:center;
}
.poster-desc{color:var(--muted);font-size:0.95rem;line-height:1.75;margin-bottom:2rem;}
.poster-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem;}
.pstat{text-align:center;border-top:2px solid var(--gold);padding-top:0.75rem;}
.pstat-num{display:block;font-family:var(--font-display);font-size:1.8rem;color:var(--gold);line-height:1;}
.pstat-lbl{display:block;font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-top:0.2rem;}
@media(max-width:860px){.poster-grid{grid-template-columns:1fr;}.poster-frame{max-width:320px;margin:0 auto;}}

/* ── CAROUSEL ── */
.gallery-section{background:var(--bg);padding-bottom:5rem;}
.gallery-section .container{margin-bottom:2.5rem;}
.carousel-wrap{position:relative;overflow:hidden;max-width:100%;}
.carousel-track{
  display:flex;transition:transform 0.45s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}
.carousel-slide{
  min-width:calc(100% / 2.2);flex-shrink:0;
  position:relative;margin-right:1.5rem;
}
@media(max-width:700px){.carousel-slide{min-width:88%;}}
.carousel-slide img{
  width:100%;height:320px;object-fit:cover;display:block;
  border:1px solid var(--border);
}
.slide-cap{
  background:rgba(10,10,10,0.8);backdrop-filter:blur(6px);
  padding:0.6rem 1rem;font-size:0.78rem;font-weight:600;
  letter-spacing:0.06em;color:var(--text);
  border-top:2px solid var(--gold);
}
.c-btn{
  position:absolute;top:50%;transform:translateY(-60%);
  background:rgba(10,10,10,0.8);backdrop-filter:blur(8px);
  border:1px solid var(--border);color:var(--text);
  width:48px;height:48px;font-size:1.2rem;cursor:pointer;
  transition:background 0.2s,border-color 0.2s;z-index:10;
  display:flex;align-items:center;justify-content:center;
}
.c-btn:hover{background:var(--gold);color:#0A0A0A;border-color:var(--gold);}
.c-prev{left:1rem;}.c-next{right:1rem;}
.c-dots{
  display:flex;justify-content:center;gap:0.5rem;
  margin-top:1.5rem;padding:0 2rem;
}
.c-dot{
  width:8px;height:8px;background:var(--border);
  border:1px solid rgba(255,255,255,0.15);cursor:pointer;
  transition:background 0.2s;flex-shrink:0;
}
.c-dot.active{background:var(--gold);}

/* ── FEATURES ── */
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:3.5rem;}
.feature{border-top:2px solid var(--border);padding-top:1.5rem;}
.feature-icon{font-size:1.5rem;margin-bottom:1rem;}
.feature-title{font-family:var(--font-display);font-size:1.4rem;letter-spacing:0.05em;margin-bottom:0.5rem;}
.feature-desc{font-size:0.9rem;color:var(--muted);line-height:1.7;}

/* ── WHY ── */
.why-section{background:var(--surface);}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:3rem;}
.why-card{background:var(--bg);border:1px solid var(--border);padding:1.75rem;transition:border-color 0.2s;}
.why-card:hover{border-color:var(--gold);}
.why-icon{font-size:1.6rem;margin-bottom:1rem;}
.why-title{font-family:var(--font-display);font-size:1.3rem;letter-spacing:0.05em;margin-bottom:0.5rem;}
.why-desc{font-size:0.88rem;color:var(--muted);line-height:1.7;}

/* ── EDITIONS ── */
.editions{background:var(--bg);}
.editions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:3rem;}
.edition-card{
  background:var(--surface);border:1px solid var(--border);
  padding:2rem;position:relative;
  transition:border-color 0.2s,transform 0.2s;
  cursor:pointer;display:flex;flex-direction:column;
}
.edition-card:hover{border-color:var(--gold);transform:translateY(-3px);}
.edition-card.featured{border-color:var(--gold);}
.edition-badge{
  position:absolute;top:-1px;right:1.5rem;
  background:var(--gold);color:#0A0A0A;
  font-size:0.65rem;font-weight:700;letter-spacing:0.15em;
  text-transform:uppercase;padding:0.3rem 0.75rem;
}
.edition-name{font-family:var(--font-display);font-size:1.8rem;letter-spacing:0.05em;margin-bottom:0.4rem;}
.edition-platform{font-size:0.72rem;color:var(--muted);font-weight:600;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:1.25rem;}
.edition-price{display:flex;align-items:baseline;gap:0.5rem;margin-bottom:0.4rem;}
.price-original{font-size:1rem;color:var(--muted);text-decoration:line-through;}
.price-sale{font-size:2rem;font-family:var(--font-display);color:var(--gold);letter-spacing:0.03em;}
.price-save{font-size:0.75rem;color:var(--red);font-weight:700;letter-spacing:0.04em;}
.edition-features{list-style:none;margin:1.25rem 0;display:flex;flex-direction:column;gap:0.55rem;flex:1;}
.edition-features li{font-size:0.88rem;color:var(--muted);display:flex;align-items:center;gap:0.6rem;}
.edition-features li::before{content:'';width:5px;height:5px;background:var(--gold);flex-shrink:0;}
.edition-features li.included{color:var(--text);}
.edition-btn{
  width:100%;background:transparent;color:var(--text);
  border:1px solid rgba(255,255,255,0.2);padding:0.85rem;
  font-family:var(--font-body);font-weight:700;font-size:0.85rem;
  letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;
  transition:all 0.2s;text-decoration:none;text-align:center;display:block;
}
.edition-btn:hover,.edition-card.featured .edition-btn{
  background:var(--gold);color:#0A0A0A;border-color:var(--gold);
}

/* ── COUNTDOWN ── */
.countdown-section{background:var(--surface);text-align:center;}
.countdown{display:flex;justify-content:center;gap:2rem;margin:3rem 0;flex-wrap:wrap;}
.count-block{text-align:center;}
.count-num{font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);color:var(--gold);line-height:1;display:block;}
.count-label{font-size:0.7rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-top:0.25rem;}
.count-sep{font-family:var(--font-display);font-size:4rem;color:var(--border);line-height:1.1;align-self:flex-start;margin-top:0.4rem;}

/* ── FOOTER ── */
footer{background:var(--surface);border-top:1px solid var(--border);padding:3rem 2rem;text-align:center;}
.footer-brand{margin-bottom:0.35rem;}
.fb-rtc{font-family:var(--font-display);font-size:2.2rem;letter-spacing:0.08em;color:var(--gold);}
.fb-arc{font-family:var(--font-display);font-size:2.2rem;letter-spacing:0.08em;color:var(--text);}
.footer-domain{font-size:0.72rem;font-weight:700;letter-spacing:0.2em;color:var(--muted);text-transform:uppercase;margin-bottom:1.5rem;}
.footer-note{font-size:0.78rem;color:var(--muted);max-width:520px;margin:0 auto;line-height:1.7;}
.footer-links{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0;flex-wrap:wrap;}
.footer-links a{font-size:0.78rem;color:var(--muted);text-decoration:none;transition:color 0.2s;}
.footer-links a:hover{color:var(--text);}
.stripe-secure{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.72rem;color:var(--muted);margin-top:1rem;}

/* ── CHECKOUT PAGE (inline styles in page-checkout.php override these) ── */
.co-input,.co-select{
  background:var(--surface);border:1px solid var(--border);
  color:var(--text);padding:0.75rem 1rem;
  font-family:var(--font-body);font-size:0.95rem;
  outline:none;transition:border-color 0.2s;width:100%;
}
.co-input:focus,.co-select:focus{border-color:var(--gold);}
.co-input::placeholder{color:var(--muted);}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .nav-center{display:none;}
  .poster-stats{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:480px){
  .hero-badge-row{gap:0.5rem;}
  .poster-stats{grid-template-columns:repeat(2,1fr);}
}