/* ═══════════════════════════════════════════════════════════════
   BETACAMS — REVOLUTION v11
   Dark Luxury · Premium Cam Grid · Full CTA · Smart Compact Tabs
   ═══════════════════════════════════════════════════════════════ */

:root {
  --r-bg:        #06070f;
  --r-surface:   rgba(255,255,255,0.035);
  --r-border:    rgba(255,255,255,0.07);
  --r-crimson:   #c0143f;
  --r-purple:    #7c3aed;
  --r-gold:      #d4903a;
  --r-green:     #6eefaa;
  --r-ink:       #ede8e0;
  --r-grad:      linear-gradient(135deg,#c0143f 0%,#7c3aed 100%);
  --r-grad-gold: linear-gradient(135deg,#d4903a 0%,#c0143f 100%);
  --r-ease:      cubic-bezier(.22,.61,.36,1);
}

/* ─── BASE ───────────────────────────────────────────────────── */
html { scroll-behavior: smooth; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif !important;
  background: var(--r-bg) !important;
  background-image:
    url('/bg-atmosphere.jpg'),
    radial-gradient(ellipse 90% 50% at 50% -10%, rgba(192,20,63,0.10) 0%, transparent 65%),
    radial-gradient(ellipse 60% 40% at 0% 70%,   rgba(124,58,237,0.06) 0%, transparent 55%) !important;
  background-blend-mode: screen, normal, normal !important;
  background-size: cover, auto, auto !important;
  background-position: center top, center, center !important;
  background-attachment: fixed, fixed, fixed !important;
}
/* Subtle vignette */
body::before {
  content: ''; pointer-events: none; position: fixed; inset: 0; z-index: 0;
  background: radial-gradient(ellipse 90% 90% at 50% 50%, transparent 55%, rgba(0,0,0,0.40) 100%);
}

::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(192,20,63,0.28); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: rgba(192,20,63,0.5); }

/* ─── HEADER ─────────────────────────────────────────────────── */
.Header-module__R00wnW__header {
  background: rgba(4,5,12,0.88) !important;
  backdrop-filter: blur(32px) saturate(1.8) !important;
  -webkit-backdrop-filter: blur(32px) saturate(1.8) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: 0 1px 0 rgba(192,20,63,0.1), 0 4px 32px rgba(0,0,0,0.55) !important;
  position: relative !important; z-index: 100 !important;
}
.Header-module__R00wnW__header::after {
  content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(192,20,63,0.38) 25%, rgba(124,58,237,0.35) 75%, transparent 100%);
  pointer-events: none;
}
.Header-module__R00wnW__brand,
.Header-module__R00wnW__brandText {
  background: linear-gradient(120deg, #fff 0%, rgba(237,232,224,0.82) 40%, #c0143f 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  letter-spacing: 0.22em !important; font-weight: 800 !important;
}
.Header-module__R00wnW__desktopCta {
  background: var(--r-grad) !important;
  box-shadow: 0 0 22px rgba(192,20,63,0.32), inset 0 1px 0 rgba(255,255,255,0.12) !important;
  font-weight: 700 !important; letter-spacing: 0.05em !important;
  position: relative !important; overflow: hidden !important;
  transition: box-shadow .25s ease, transform .2s var(--r-ease) !important;
}
/* Shimmer on CTA */
.Header-module__R00wnW__desktopCta::after {
  content: ''; position: absolute; top: 0; left: -110%; width: 55%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);
  animation: rShimmer 4s ease-in-out 1s infinite;
}
.Header-module__R00wnW__desktopCta:hover {
  box-shadow: 0 0 38px rgba(192,20,63,0.58), inset 0 1px 0 rgba(255,255,255,0.16) !important;
  transform: translateY(-1px) !important;
}
.Header-module__R00wnW__navLink {
  color: rgba(237,232,224,0.44) !important; font-size: 12px !important;
  letter-spacing: 0.05em !important; font-weight: 500 !important;
  transition: color .18s !important; position: relative !important;
}
.Header-module__R00wnW__navLink::after {
  content: ''; position: absolute; bottom: -4px; left: 0; right: 0;
  height: 1px; background: var(--r-crimson);
  transform: scaleX(0); transition: transform .2s var(--r-ease); transform-origin: left;
}
.Header-module__R00wnW__navLink:hover { color: var(--r-ink) !important; }
.Header-module__R00wnW__navLink:hover::after { transform: scaleX(1); }

/* ─── HERO — ultra-compact, max 80px ─────────────────────────── */
.Home-module__bbA-cq__hero {
  padding: 16px 0 18px !important;
  position: relative !important; overflow: hidden !important;
}
.Home-module__bbA-cq__hero::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 70% 120% at 8% 50%, rgba(192,20,63,0.08) 0%, transparent 55%);
}
.Home-module__bbA-cq__title {
  font-size: clamp(17px, 1.8vw, 24px) !important; font-weight: 700 !important;
  line-height: 1.1 !important; letter-spacing: -0.02em !important;
  background: linear-gradient(135deg, #fff 0%, rgba(237,232,224,0.75) 55%, #c0143f 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  margin-bottom: 4px !important;
}
/* Hide everything non-essential in hero */
.Home-module__bbA-cq__subtitle     { display: none !important; }
.Home-module__bbA-cq__ctaSecondary { display: none !important; }
.Home-module__bbA-cq__ctaPrimary {
  background: var(--r-grad) !important;
  border-radius: 999px !important; padding: 9px 22px !important;
  font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.05em !important;
  box-shadow: 0 4px 18px rgba(192,20,63,0.38) !important;
  position: relative !important; overflow: hidden !important;
  transition: box-shadow .22s ease, transform .2s var(--r-ease) !important;
}
.Home-module__bbA-cq__ctaPrimary::after {
  content: ''; position: absolute; top: 0; left: -110%; width: 55%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.24), transparent);
  animation: rShimmer 4s ease-in-out 0.5s infinite;
}
.Home-module__bbA-cq__ctaPrimary:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 28px rgba(192,20,63,0.54) !important;
}
.Home-module__bbA-cq__liveSignal {
  background: rgba(5,6,14,0.88) !important;
  border: 1px solid rgba(192,20,63,0.18) !important;
  border-radius: 999px !important; padding: 6px 13px !important;
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 0.18em !important; color: rgba(237,232,224,0.72) !important;
  cursor: pointer !important; transition: border-color .2s !important;
}
.Home-module__bbA-cq__liveSignal:hover { border-color: rgba(192,20,63,0.4) !important; }
.Home-module__bbA-cq__liveDot {
  background: #c0143f !important; width: 7px !important; height: 7px !important;
  animation: rLivePing 2s ease-out infinite !important;
}
.Home-module__bbA-cq__searchInput {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 10px !important; color: var(--r-ink) !important;
  padding: 10px 14px !important; font-size: 13px !important;
  transition: border-color .18s, box-shadow .18s !important;
}
.Home-module__bbA-cq__searchInput:focus {
  border-color: rgba(192,20,63,0.38) !important;
  box-shadow: 0 0 0 3px rgba(192,20,63,0.07) !important;
  outline: none !important;
}
.Home-module__bbA-cq__searchInput::placeholder { color: rgba(237,232,224,0.2) !important; }

/* ─── SECTION HEADER (BLACK BAR) — ELIMINATED ───────────────── */
.Home-module__bbA-cq__sectionHeader  { display: none !important; }
.Home-module__bbA-cq__sectionKicker  { display: none !important; }
.Home-module__bbA-cq__sectionTitle   { display: none !important; }
.Home-module__bbA-cq__sectionSubtitle{ display: none !important; }
.Home-module__bbA-cq__sectionHeaderCta { display: none !important; }
.Home-module__bbA-cq__gridSection    { gap: 6px !important; }

/* ─── FILTER BAR — compact, integrated above grid ────────────── */
.Home-module__bbA-cq__filterBar {
  background: rgba(4,5,12,0.78) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(255,255,255,0.065) !important;
  border-radius: 10px !important; padding: 7px 10px !important;
}
.Home-module__bbA-cq__filterPill,
.Home-module__bbA-cq__filterLink {
  border-radius: 7px !important; font-size: 12px !important; font-weight: 600 !important;
  padding: 5px 13px !important; transition: all .16s !important;
  border: 1px solid transparent !important;
  color: rgba(237,232,224,0.42) !important; background: transparent !important;
  letter-spacing: 0.03em !important;
}
.Home-module__bbA-cq__filterPill:hover,
.Home-module__bbA-cq__filterLink:hover {
  border-color: rgba(192,20,63,0.28) !important;
  color: rgba(237,232,224,0.88) !important;
  background: rgba(192,20,63,0.06) !important;
}
.Home-module__bbA-cq__filterActive,
[aria-current="page"].Home-module__bbA-cq__filterPill,
[aria-current="page"].Home-module__bbA-cq__filterLink {
  background: rgba(192,20,63,0.16) !important;
  border-color: rgba(192,20,63,0.38) !important;
  color: rgba(237,232,224,0.95) !important;
}

/* ─── CAM GRID — 6 col portrait 2:3, premium density ─────────── */
.Home-module__bbA-cq__grid {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  grid-auto-rows: auto !important;
  grid-auto-flow: row !important;
  gap: 3px !important;
  align-items: start !important;
  padding: 0 !important;
  position: relative !important; z-index: 1 !important;
}
.Home-module__bbA-cq__grid > * {
  grid-column: span 1 !important;
  aspect-ratio: 2/3 !important;
}

/* ─── CARD ────────────────────────────────────────────────────── */
.Home-module__bbA-cq__cardLink {
  height: 100% !important; display: block !important;
  border-radius: 4px !important; overflow: hidden !important;
  position: relative !important; cursor: pointer !important;
  background: #0c0c14 !important;
  transition:
    transform .3s var(--r-ease),
    box-shadow .3s ease !important;
}
.Home-module__bbA-cq__cardLink:hover {
  transform: scale(1.04) !important;
  z-index: 3 !important;
  will-change: transform !important;
  box-shadow:
    0 0 0 2px rgba(192,20,63,0.58),
    0 10px 40px rgba(0,0,0,0.72),
    0 0 32px rgba(192,20,63,0.14) !important;
}
.Home-module__bbA-cq__card {
  background: #0c0c14 !important;
  border: none !important; border-radius: 4px !important; height: 100% !important;
}

/* ─── THUMB ───────────────────────────────────────────────────── */
.Home-module__bbA-cq__thumbWrap {
  aspect-ratio: unset !important; height: 100% !important;
  min-height: unset !important; flex: 1 !important; position: relative !important;
}
.Home-module__bbA-cq__thumb {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; position: absolute !important; inset: 0 !important;
  image-rendering: auto !important;
  transition: transform .35s var(--r-ease) !important;
}
.Home-module__bbA-cq__cardLink:hover .Home-module__bbA-cq__thumb {
  transform: scale(1.07) !important;
}

/* ─── OVERLAY — light, breathable, non-invasive ──────────────── */
.Home-module__bbA-cq__thumbOverlay {
  display: flex !important; opacity: 1 !important; z-index: 5 !important;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.85) 0%,
    rgba(0,0,0,0.28) 32%,
    transparent 58%
  ) !important;
  padding: 0 7px 8px !important; position: relative !important;
  align-items: flex-end !important;
  transition: background .22s ease !important;
}
.Home-module__bbA-cq__cardLink:hover .Home-module__bbA-cq__thumbOverlay {
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.93) 0%,
    rgba(0,0,0,0.42) 38%,
    transparent 62%
  ) !important;
}
/* Original CTA hidden — replaced by rev-watch-cta */
.Home-module__bbA-cq__thumbCta { display: none !important; }

/* ─── CARD BODY — performer name, always visible ─────────────── */
.Home-module__bbA-cq__cardBody {
  display: flex !important;
  position: absolute !important; bottom: 0 !important;
  left: 0 !important; right: 0 !important; z-index: 6 !important;
  padding: 28px 7px 8px !important;
  flex-direction: column !important; align-items: center !important;
  justify-content: flex-end !important;
  background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 100%) !important;
  pointer-events: none !important; gap: 1px !important;
}
.Home-module__bbA-cq__cardBody > * { display: none !important; }
.Home-module__bbA-cq__cardTitle,
.Home-module__bbA-cq__cardName,
[class*="cardTitle"], [class*="cardName"],
[class*="performerName"], [class*="username"] {
  display: block !important;
  font-size: 11px !important; font-weight: 600 !important;
  color: rgba(255,255,255,0.92) !important;
  text-align: center !important; letter-spacing: 0.025em !important;
  text-shadow: 0 1px 5px rgba(0,0,0,0.85) !important;
  white-space: nowrap !important; overflow: hidden !important;
  text-overflow: ellipsis !important; max-width: 100% !important;
}

/* ─── VIEWER / ONLINE BADGES ──────────────────────────────────── */
.Home-module__bbA-cq__viewerBadge {
  background: rgba(0,0,0,0.62) !important;
  backdrop-filter: blur(4px) !important;
  border: none !important;
  color: rgba(255,255,255,0.72) !important; font-size: 9px !important;
  font-weight: 600 !important; padding: 2px 6px !important;
  border-radius: 3px !important; letter-spacing: 0.03em !important;
}
.Home-module__bbA-cq__onlineBadge {
  background: rgba(0,0,0,0.55) !important; border: none !important;
  color: #6eefaa !important; font-size: 9px !important; font-weight: 700 !important;
  letter-spacing: 0.1em !important; text-transform: uppercase !important;
  backdrop-filter: blur(4px) !important;
}

/* ─── HEAT SYSTEM — glow outline ─────────────────────────────── */
.Home-module__bbA-cq__cardLink[data-heat="warm"] {
  box-shadow: 0 0 0 1px rgba(212,144,58,0.25) !important;
}
.Home-module__bbA-cq__cardLink[data-heat="hot"] {
  box-shadow: 0 0 0 1.5px rgba(192,20,63,0.48), 0 0 14px rgba(192,20,63,0.16) !important;
}
.Home-module__bbA-cq__cardLink[data-heat="fire"] {
  box-shadow: 0 0 0 2px rgba(192,20,63,0.82), 0 0 28px rgba(192,20,63,0.32) !important;
  animation: rFireGlow 3s ease-in-out infinite !important;
}
/* Heat dot — always top-left, consistent position */
.Home-module__bbA-cq__cardLink[data-heat="fire"]::before,
.Home-module__bbA-cq__cardLink[data-heat="hot"]::before {
  content: ''; position: absolute; top: 8px; left: 8px; z-index: 10;
  width: 6px; height: 6px; border-radius: 50%; pointer-events: none;
}
.Home-module__bbA-cq__cardLink[data-heat="fire"]::before {
  background: #ff3355;
  box-shadow: 0 0 8px rgba(255,51,85,0.8);
  animation: rHeatPulse 1.3s ease-out infinite;
}
.Home-module__bbA-cq__cardLink[data-heat="hot"]::before {
  background: #ff6e38;
  box-shadow: 0 0 6px rgba(255,110,56,0.6);
}

/* ─── JS-INJECTED: LIVE BADGE (top-right) ─────────────────────── */
.rev-live-pulse {
  position: absolute !important; top: 7px !important; right: 7px !important;
  z-index: 8 !important; display: flex !important; align-items: center !important;
  gap: 4px !important;
  background: rgba(0,0,0,0.62) !important; backdrop-filter: blur(4px) !important;
  border-radius: 3px !important; padding: 3px 6px !important;
  pointer-events: none !important; opacity: 1 !important;
}
.rev-live-dot {
  width: 5px; height: 5px; border-radius: 50%;
  background: #6eefaa; animation: rGreenPing 1.6s ease-out infinite;
}
.rev-live-txt {
  font-size: 8px; font-weight: 700; color: #6eefaa;
  letter-spacing: .14em; text-transform: uppercase;
}

/* ─── JS-INJECTED: HIERARCHY BADGES (top-left) ─────────────────── */
.rev-badge {
  position: absolute !important; top: 7px !important; left: 7px !important;
  z-index: 9 !important;
  font-size: 8px !important; font-weight: 700 !important;
  letter-spacing: 0.1em !important; text-transform: uppercase !important;
  border-radius: 3px !important; padding: 3px 6px !important;
  pointer-events: none !important; backdrop-filter: blur(4px) !important;
}
.rev-badge-featured { background: rgba(212,144,58,0.88) !important; color: #fff !important; }
.rev-badge-trending  { background: rgba(192,20,63,0.88) !important; color: #fff !important; }
.rev-badge-new       { background: rgba(110,239,170,0.82) !important; color: #02200e !important; }
.rev-badge-verified  { background: rgba(124,58,237,0.82) !important; color: #fff !important; }
/* Push LIVE badge down if hierarchy badge present on same card */
.rev-badge ~ .rev-live-pulse { top: 30px !important; }

/* ─── JS-INJECTED: WATCH NOW CTA (hover, centered) ────────────── */
.rev-watch-cta {
  position: absolute !important;
  bottom: 30px !important; left: 50% !important;
  transform: translateX(-50%) translateY(8px) !important;
  z-index: 8 !important; white-space: nowrap !important;
  background: var(--r-grad) !important;
  color: #fff !important; font-size: 10px !important; font-weight: 700 !important;
  letter-spacing: 0.09em !important; text-transform: uppercase !important;
  border-radius: 999px !important; padding: 5px 13px !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity .2s ease, transform .2s var(--r-ease) !important;
  box-shadow: 0 4px 14px rgba(192,20,63,0.45) !important;
}
.Home-module__bbA-cq__cardLink:hover .rev-watch-cta {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* ─── URGENCY TOOLTIP ─────────────────────────────────────────── */
.rev-urgency {
  position: absolute; bottom: calc(100% + 6px); left: 50%;
  transform: translateX(-50%);
  background: rgba(3,4,12,0.97); border: 1px solid rgba(192,20,63,0.22);
  border-radius: 7px; padding: 6px 11px; font-size: 11px; font-weight: 600;
  color: rgba(237,232,224,0.88); white-space: nowrap; z-index: 20;
  box-shadow: 0 6px 20px rgba(0,0,0,0.55); pointer-events: none;
  animation: rFadeUp .18s ease forwards; letter-spacing: 0.01em;
}
.rev-urgency::after {
  content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
  border: 4px solid transparent; border-top-color: rgba(192,20,63,0.22);
}

/* ─── SKELETON ────────────────────────────────────────────────── */
.Home-module__bbA-cq__cardSkeleton {
  aspect-ratio: 2/3 !important;
  background: linear-gradient(90deg,
    rgba(255,255,255,0.03) 25%,
    rgba(255,255,255,0.065) 50%,
    rgba(255,255,255,0.03) 75%) !important;
  background-size: 200% 100% !important;
  animation: rSkeletonWave 1.8s ease infinite !important;
  border-radius: 4px !important;
}

/* ─── SEO SECTION — hidden visually, kept in DOM for crawlers ── */
.Home-module__bbA-cq__seoSection {
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  overflow: hidden !important; clip: rect(0,0,0,0) !important;
  white-space: nowrap !important; pointer-events: none !important;
}

/* ─── COMPACT NAV TABS — Tags / Models / Providers ───────────── */
.rev-nav-tabs {
  background: rgba(4,5,12,0.72);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,0.065);
  border-radius: 11px;
  overflow: hidden;
  margin: 4px 0 6px;
  flex-shrink: 0;
}
.rev-nav-tabs-header {
  display: flex; align-items: center;
  padding: 0 4px 0 12px;
  border-bottom: 1px solid rgba(255,255,255,0.055);
  height: 36px; gap: 0;
}
.rev-tab {
  background: none; border: none;
  color: rgba(237,232,224,0.36);
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.07em; text-transform: uppercase;
  padding: 0 13px; height: 100%; cursor: pointer;
  position: relative; transition: color .15s;
  font-family: inherit;
}
.rev-tab:hover { color: rgba(237,232,224,0.65); }
.rev-tab.rev-tab-active { color: rgba(237,232,224,0.92); }
.rev-tab.rev-tab-active::after {
  content: ''; position: absolute;
  bottom: 0; left: 13px; right: 13px;
  height: 2px; background: #c0143f;
  border-radius: 2px 2px 0 0;
}
.rev-tab-viewall {
  margin-left: auto; padding-right: 4px; flex-shrink: 0;
}
.rev-tab-viewall a {
  font-size: 11px; font-weight: 600; color: rgba(192,20,63,0.75);
  text-decoration: none; padding: 5px 10px; border-radius: 6px;
  transition: color .15s; white-space: nowrap;
  display: inline-block;
}
.rev-tab-viewall a:hover { color: #c0143f; }

.rev-tab-panel {
  display: flex; align-items: center; gap: 6px;
  padding: 8px 12px;
  overflow-x: auto; scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; scrollbar-width: none;
  white-space: nowrap; min-height: 44px;
}
.rev-tab-panel::-webkit-scrollbar { display: none; }
.rev-tab-panel.rev-panel-hidden { display: none; }

.rev-chip {
  display: inline-flex; align-items: center; flex-shrink: 0;
  height: 26px; padding: 0 11px;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  font-size: 11px; font-weight: 500;
  color: rgba(237,232,224,0.60);
  text-decoration: none; white-space: nowrap;
  transition: background .15s, border-color .15s, color .15s;
}
.rev-chip:hover {
  background: rgba(192,20,63,0.11);
  border-color: rgba(192,20,63,0.32);
  color: rgba(237,232,224,0.92);
}
.rev-chip-model {
  background: rgba(124,58,237,0.08);
  border-color: rgba(124,58,237,0.14);
}
.rev-chip-model:hover {
  background: rgba(124,58,237,0.16);
  border-color: rgba(124,58,237,0.38);
}
.rev-chip-provider {
  background: rgba(212,144,58,0.08);
  border-color: rgba(212,144,58,0.14);
}
.rev-chip-provider:hover {
  background: rgba(212,144,58,0.15);
  border-color: rgba(212,144,58,0.35);
  color: rgba(237,232,224,0.92);
}

/* Mobile: slightly taller tap targets */
@media (max-width: 640px) {
  .rev-tab { font-size: 10px; padding: 0 10px; }
  .rev-chip { height: 28px; font-size: 11px; }
  .rev-tab-panel { padding: 7px 10px; }
}

/* ─── FOOTER ─────────────────────────────────────────────────── */
.Home-module__bbA-cq__footer {
  border-top: 1px solid rgba(255,255,255,0.055) !important;
  background: rgba(3,4,9,1) !important;
  margin-top: 40px !important; padding-bottom: 80px !important;
}
.Home-module__bbA-cq__footerHeading {
  color: rgba(237,232,224,0.88) !important; font-size: 11px !important;
  font-weight: 700 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important;
}
.Home-module__bbA-cq__footerLink {
  color: rgba(237,232,224,0.60) !important; font-size: 13px !important;
  transition: color .14s !important;
}
.Home-module__bbA-cq__footerLink:hover { color: rgba(237,232,224,0.95) !important; }
.Home-module__bbA-cq__footerCopy { color: rgba(237,232,224,0.40) !important; font-size: 12px !important; }
/* Footer explore CTA */
.rev-footer-cta {
  display: inline-flex; align-items: center; gap: 6px;
  color: #c0143f; font-size: 13px; font-weight: 600;
  border: 1px solid rgba(192,20,63,0.28); border-radius: 999px;
  padding: 7px 18px; transition: all .18s; text-decoration: none;
}
.rev-footer-cta:hover {
  background: rgba(192,20,63,0.08); border-color: rgba(192,20,63,0.5); color: #e0204f;
}

/* ─── TOP BANNER ─────────────────────────────────────────────── */
#rev-top-banner {
  position: fixed; top: 0; left: 0; right: 0; z-index: 999999;
  background: rgba(3,4,11,0.97); border-bottom: 1px solid rgba(192,20,63,0.2);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  padding: 10px 20px; display: flex; align-items: center; gap: 12px;
  animation: rBannerSlide .32s var(--r-ease) forwards;
  box-shadow: 0 4px 24px rgba(0,0,0,0.6);
}
.rev-banner-dot {
  width: 7px; height: 7px; border-radius: 50%; background: #c0143f;
  flex-shrink: 0; animation: rLivePing 1.6s ease-out infinite;
}
.rev-banner-text { font-size: 13px; font-weight: 600; color: rgba(237,232,224,0.86); flex: 1; }
.rev-banner-cta {
  font-size: 11px; font-weight: 700; color: #fff;
  background: var(--r-grad); border-radius: 999px; padding: 6px 16px;
  text-decoration: none; white-space: nowrap; flex-shrink: 0;
  box-shadow: 0 3px 12px rgba(192,20,63,0.4);
}
.rev-banner-close {
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.07);
  border-radius: 50%; width: 26px; height: 26px; color: rgba(237,232,224,0.32);
  cursor: pointer; flex-shrink: 0; display: flex; align-items: center;
  justify-content: center; font-size: 13px; font-family: inherit;
  transition: color .14s;
}
.rev-banner-close:hover { color: rgba(237,232,224,0.8); }

/* ─── SOCIAL PROOF FEED (bottom-right) ───────────────────────── */
#rev-social-feed {
  position: fixed; bottom: 24px; right: 24px; z-index: 99998;
  pointer-events: none; display: flex; flex-direction: column;
  gap: 8px; align-items: flex-end; max-width: 268px;
}
.rev-social-item {
  display: flex; align-items: center; gap: 9px;
  background: rgba(4,5,12,0.95); border: 1px solid rgba(255,255,255,0.07);
  border-radius: 11px; padding: 9px 13px; font-size: 12px;
  color: rgba(237,232,224,0.78);
  box-shadow: 0 6px 22px rgba(0,0,0,0.5);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  animation: rSocialSlide 5.5s ease forwards; line-height: 1.4;
}
.rev-social-avatar {
  width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0;
  background: var(--r-grad); display: flex; align-items: center;
  justify-content: center; font-size: 11px; font-weight: 700; color: #fff;
}

/* ─── FOMO TICKER (bottom-left) ──────────────────────────────── */
#rev-fomo {
  position: fixed; bottom: 24px; left: 24px; z-index: 99998;
  pointer-events: none; display: flex; flex-direction: column; gap: 8px;
}
.rev-fomo-item {
  display: flex; align-items: center; gap: 9px;
  background: rgba(4,5,12,0.95); border: 1px solid rgba(192,20,63,0.18);
  border-radius: 11px; padding: 10px 14px; font-size: 12px;
  color: rgba(237,232,224,0.84);
  box-shadow: 0 6px 22px rgba(0,0,0,0.5);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  animation: rFomoIn 4.5s ease forwards; max-width: 248px; line-height: 1.35;
}
.rev-fomo-icon {
  width: 7px; height: 7px; border-radius: 50%; background: #c0143f;
  flex-shrink: 0; box-shadow: 0 0 7px rgba(192,20,63,0.55);
}

/* ─── MOBILE BOTTOM NAV ──────────────────────────────────────── */
#rev-mobile-nav {
  display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999;
  background: rgba(3,4,11,0.98); border-top: 1px solid rgba(255,255,255,0.055);
  backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px);
  padding: 6px 0 max(6px, env(safe-area-inset-bottom));
  box-shadow: 0 -4px 24px rgba(0,0,0,0.55);
}
#rev-mobile-nav a {
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  flex: 1; padding: 4px 6px; color: rgba(237,232,224,0.3);
  text-decoration: none; font-size: 9px; font-weight: 600;
  letter-spacing: .07em; text-transform: uppercase; transition: color .14s;
}
#rev-mobile-nav a svg { transition: filter .14s; }
#rev-mobile-nav a:hover,
#rev-mobile-nav a.active { color: #c0143f; }
#rev-mobile-nav a.active svg { filter: drop-shadow(0 0 5px rgba(192,20,63,0.55)); }

/* ─── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 768px) {
  #rev-mobile-nav  { display: flex; }
  #rev-social-feed { display: none; }
  #rev-fomo { max-width: 210px; }
  .rev-fomo-item { font-size: 11px; padding: 8px 12px; }
  /* Hide viewer count on mobile — overlaps with LIVE badge */
  .Home-module__bbA-cq__viewerBadge,
  .Home-module__bbA-cq__onlineBadge,
  .Home-module__bbA-cq__badgeRow { display: none !important; }
}
@media (max-width: 1024px) and (min-width: 641px) {
  .Home-module__bbA-cq__grid { grid-template-columns: repeat(4,1fr) !important; gap: 3px !important; }
  .Home-module__bbA-cq__grid > * { aspect-ratio: 2/3 !important; }
}
@media (max-width: 640px) {
  .Home-module__bbA-cq__grid { grid-template-columns: repeat(3,1fr) !important; gap: 2px !important; }
  .Home-module__bbA-cq__grid > * { aspect-ratio: 2/3 !important; }
  .Home-module__bbA-cq__title { font-size: 16px !important; }
  .rev-watch-cta { display: none !important; }
}

/* ═══════════════════════════════════════════════════════════════
   CAM DETAIL PAGE — hero block + side panel micro-improvements
   Scoped to .camHero to avoid touching homepage compact hero
   ═══════════════════════════════════════════════════════════════ */

/* ─── CAM HERO — base overrides ─────────────────────────── */
.Home-module__bbA-cq__camHero {
  padding: 36px 0 32px !important;
  background:
    linear-gradient(180deg,
      rgba(4,5,18,0.78) 0%,
      rgba(4,5,18,0.56) 55%,
      rgba(4,5,18,0.30) 100%
    ) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  position: relative !important;
}
/* Stronger accent glow behind cam hero content */
.Home-module__bbA-cq__camHero::before {
  background:
    radial-gradient(ellipse 55% 110% at 5% 50%, rgba(192,20,63,0.10) 0%, transparent 60%),
    radial-gradient(ellipse 40% 70% at 95% 10%, rgba(124,58,237,0.06) 0%, transparent 55%) !important;
}

/* ─── EYEBROW — "Live Room" pill ────────────────────────── */
.Home-module__bbA-cq__camHero .Home-module__bbA-cq__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #6eefaa !important;
  margin-bottom: 12px !important;
  padding: 3px 11px 3px 8px !important;
  background: rgba(110,239,170,0.07) !important;
  border: 1px solid rgba(110,239,170,0.13) !important;
  border-radius: 999px !important;
}
.Home-module__bbA-cq__camHero .Home-module__bbA-cq__eyebrow::before {
  content: '' !important;
  display: inline-block !important;
  width: 6px !important; height: 6px !important;
  border-radius: 50% !important;
  background: #6eefaa !important;
  box-shadow: 0 0 7px rgba(110,239,170,0.65) !important;
  animation: rGreenPing 1.8s ease-out infinite !important;
  flex-shrink: 0 !important;
}

/* ─── H1 — restore large size, premium weight ───────────── */
.Home-module__bbA-cq__camHero .Home-module__bbA-cq__title {
  font-size: clamp(26px, 3.8vw, 46px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
  color: #ede8e0 !important;
  -webkit-text-fill-color: #ede8e0 !important;
  background: none !important;
  max-width: 700px !important;
  margin-bottom: 10px !important;
  text-shadow: 0 2px 24px rgba(0,0,0,0.55) !important;
}

/* ─── SUBTITLE — room description, restore visibility ───── */
.Home-module__bbA-cq__camHero .Home-module__bbA-cq__subtitle {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
  color: rgba(237,232,224,0.58) !important;
  max-width: 620px !important;
  margin-bottom: 16px !important;
  font-weight: 400 !important;
  letter-spacing: 0.005em !important;
}

/* ─── HERO MICROCOPY — editorial SEO text, secondary ────── */
.Home-module__bbA-cq__heroMicroCopy {
  max-width: 600px !important;
  margin-bottom: 20px !important;
  border-left: 2px solid rgba(192,20,63,0.18) !important;
  padding-left: 12px !important;
}
.Home-module__bbA-cq__heroMicroCopy p {
  font-size: 11.5px !important;
  line-height: 1.65 !important;
  color: rgba(237,232,224,0.26) !important;
  margin-bottom: 5px !important;
  font-weight: 400 !important;
}

/* ─── META ROW — username/viewers/gender pills ───────────── */
.Home-module__bbA-cq__metaRow {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
}
.Home-module__bbA-cq__pill {
  display: inline-flex !important;
  align-items: center !important;
  height: 27px !important;
  padding: 0 12px !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: rgba(237,232,224,0.68) !important;
  white-space: nowrap !important;
  letter-spacing: 0.01em !important;
}
.Home-module__bbA-cq__pillLink {
  display: inline-flex !important;
  align-items: center !important;
  height: 27px !important;
  padding: 0 13px !important;
  background: rgba(192,20,63,0.09) !important;
  border: 1px solid rgba(192,20,63,0.20) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: rgba(237,232,224,0.68) !important;
  text-decoration: none !important;
  letter-spacing: 0.01em !important;
  transition: background .15s, border-color .15s, color .15s !important;
}
.Home-module__bbA-cq__pillLink:hover {
  background: rgba(192,20,63,0.16) !important;
  border-color: rgba(192,20,63,0.38) !important;
  color: rgba(237,232,224,0.95) !important;
}

/* ─── DETAIL PANEL — "Room details" aside ───────────────── */
.Home-module__bbA-cq__detailPanel {
  background: rgba(4,5,14,0.70) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255,255,255,0.065) !important;
  border-radius: 10px !important;
  padding: 20px !important;
}
.Home-module__bbA-cq__detailTitle {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(237,232,224,0.32) !important;
  margin-bottom: 14px !important;
}
.Home-module__bbA-cq__actionPrimary {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: var(--r-grad) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  padding: 11px 20px !important;
  text-decoration: none !important;
  letter-spacing: 0.05em !important;
  box-shadow: 0 4px 18px rgba(192,20,63,0.38) !important;
  transition: box-shadow .2s, transform .2s !important;
}
.Home-module__bbA-cq__actionPrimary:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 28px rgba(192,20,63,0.55) !important;
}
.Home-module__bbA-cq__actionSecondary {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  color: rgba(237,232,224,0.52) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  padding: 9px 20px !important;
  text-decoration: none !important;
  letter-spacing: 0.04em !important;
  transition: all .15s !important;
}
.Home-module__bbA-cq__actionSecondary:hover {
  background: rgba(255,255,255,0.08) !important;
  border-color: rgba(255,255,255,0.14) !important;
  color: rgba(237,232,224,0.88) !important;
}
.Home-module__bbA-cq__detailList dt {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: rgba(237,232,224,0.24) !important;
}
.Home-module__bbA-cq__detailList dd {
  font-size: 13px !important;
  color: rgba(237,232,224,0.70) !important;
  margin-bottom: 11px !important;
  line-height: 1.45 !important;
}
.Home-module__bbA-cq__detailSubtitle {
  font-size: 9.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: rgba(237,232,224,0.24) !important;
  margin-bottom: 8px !important;
}
.Home-module__bbA-cq__tagRow {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}
.Home-module__bbA-cq__tagPill {
  display: inline-flex !important;
  align-items: center !important;
  height: 24px !important;
  padding: 0 10px !important;
  background: rgba(124,58,237,0.07) !important;
  border: 1px solid rgba(124,58,237,0.14) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: rgba(237,232,224,0.58) !important;
  text-decoration: none !important;
  transition: all .14s !important;
}
.Home-module__bbA-cq__tagPill:hover {
  background: rgba(124,58,237,0.14) !important;
  border-color: rgba(124,58,237,0.30) !important;
  color: rgba(237,232,224,0.90) !important;
}

/* ─── CAM HERO — mobile ─────────────────────────────────── */
@media (max-width: 768px) {
  .Home-module__bbA-cq__camHero {
    padding: 22px 0 20px !important;
  }
  .Home-module__bbA-cq__camHero .Home-module__bbA-cq__title {
    font-size: clamp(22px, 6.5vw, 34px) !important;
    margin-bottom: 8px !important;
  }
  .Home-module__bbA-cq__camHero .Home-module__bbA-cq__subtitle {
    font-size: 12px !important;
    -webkit-line-clamp: 2 !important;
    margin-bottom: 12px !important;
  }
  .Home-module__bbA-cq__heroMicroCopy {
    display: none !important;
  }
  .Home-module__bbA-cq__pill,
  .Home-module__bbA-cq__pillLink {
    height: 28px !important;
    font-size: 12px !important;
  }
}

/* ─── KEYFRAMES ──────────────────────────────────────────────── */
@keyframes rLivePing    { 0%{box-shadow:0 0 0 0 rgba(192,20,63,.7)}  70%{box-shadow:0 0 0 8px rgba(192,20,63,0)}  100%{box-shadow:0 0 0 0 rgba(192,20,63,0)} }
@keyframes rGreenPing   { 0%{box-shadow:0 0 0 0 rgba(110,239,170,.7)} 70%{box-shadow:0 0 0 7px rgba(110,239,170,0)} 100%{box-shadow:0 0 0 0 rgba(110,239,170,0)} }
@keyframes rFireGlow    { 0%,100%{box-shadow:0 0 0 2px rgba(192,20,63,.82),0 0 28px rgba(192,20,63,.32)} 50%{box-shadow:0 0 0 2.5px rgba(192,20,63,1),0 0 42px rgba(192,20,63,.52)} }
@keyframes rHeatPulse   { 0%,100%{box-shadow:0 0 8px rgba(255,51,85,.8)} 50%{box-shadow:0 0 14px rgba(255,51,85,1),0 0 22px rgba(255,51,85,.4)} }
@keyframes rShimmer     { 0%{left:-110%} 50%{left:150%} 100%{left:150%} }
@keyframes rFomoIn      { 0%{transform:translateX(-14px);opacity:0} 12%{transform:translateX(0);opacity:1} 86%{opacity:1} 100%{transform:translateX(-10px);opacity:0} }
@keyframes rSocialSlide { 0%{transform:translateX(14px);opacity:0} 12%{transform:translateX(0);opacity:1} 86%{opacity:1} 100%{transform:translateX(10px);opacity:0} }
@keyframes rBannerSlide { from{transform:translateY(-100%);opacity:0} to{transform:translateY(0);opacity:1} }
@keyframes rFadeUp      { from{opacity:0;transform:translateX(-50%) translateY(4px)} to{opacity:1;transform:translateX(-50%) translateY(0)} }
@keyframes rTikUp       { from{transform:translateY(100%);opacity:0} to{transform:translateY(0);opacity:1} }
@keyframes rTikDown     { from{transform:translateY(-100%);opacity:0} to{transform:translateY(0);opacity:1} }
@keyframes rSkeletonWave{ 0%{background-position:-400px 0} 100%{background-position:400px 0} }