/* Black Friday reuses the proven seasonal countdown scaffold, but the atmosphere shifts into a midnight deal floor: charcoal glass, neon tags, receipt white, and a controlled late-night shopping pulse. */
@import url("/fathers-day.css?v=20260422b");

:root {
  --amber-900: #2a2220;
  --amber-700: #f05c5c;
  --amber-600: #ff7a4e;
  --amber-400: #f0c468;
  --maple-900: #1a1d23;
  --maple-800: #2b3340;
  --maple-700: #495567;
  --maple-600: #748193;
  --sage-700: #6786a3;
  --sage-500: #a7bfd4;
  --cream-100: #fff8ef;
  --cream-200: #f2e6d8;
  --leaf-100: #fbf8f3;
  --leaf-200: #e7ddd1;
  --ink-900: #231d1b;
  --ink-700: #5a514b;
  --ink-500: #8e8277;
  --panel: rgba(252, 248, 242, 0.84);
  --panel-strong: rgba(255, 252, 247, 0.96);
  --border: rgba(86, 96, 114, 0.14);
  --shadow-soft: 0 16px 40px rgba(17, 18, 24, 0.14);
  --shadow-card: 0 22px 44px rgba(17, 18, 24, 0.18);
  --digit-color: #f3d389;
  --digit-shadow: 0 10px 24px rgba(240, 196, 104, 0.18);
  --bg-main:
    radial-gradient(circle at 14% 16%, rgba(240, 92, 92, 0.12), transparent 24%),
    radial-gradient(circle at 86% 14%, rgba(149, 181, 207, 0.16), transparent 24%),
    radial-gradient(circle at 50% 88%, rgba(240, 196, 104, 0.12), transparent 28%),
    linear-gradient(150deg, #fff8ef 0%, #f7ede0 38%, #eef1f5 68%, #f4efe8 100%);
}

:root[data-theme="night"] {
  --panel: rgba(20, 21, 29, 0.8);
  --panel-strong: rgba(27, 29, 37, 0.92);
  --border: rgba(240, 196, 104, 0.16);
  --ink-900: #f7efe4;
  --ink-700: #d8cec2;
  --ink-500: #a99d92;
  --digit-color: #f3d389;
  --digit-shadow: 0 10px 24px rgba(240, 196, 104, 0.18);
  --bg-main:
    radial-gradient(circle at 14% 16%, rgba(240, 92, 92, 0.14), transparent 24%),
    radial-gradient(circle at 86% 14%, rgba(149, 181, 207, 0.14), transparent 24%),
    radial-gradient(circle at 50% 88%, rgba(240, 196, 104, 0.1), transparent 28%),
    linear-gradient(150deg, #0f1015 0%, #151721 38%, #1c1f2a 68%, #11131a 100%);
}

.black-friday-page .sale-crown {
  background:
    radial-gradient(circle at 16% 48%, rgba(240, 92, 92, 0.16), transparent 30%),
    radial-gradient(circle at 42% 50%, rgba(240, 196, 104, 0.12), transparent 28%),
    radial-gradient(circle at 68% 46%, rgba(149, 181, 207, 0.18), transparent 28%),
    radial-gradient(circle at 88% 48%, rgba(255, 255, 255, 0.08), transparent 30%);
}

.black-friday-page .sale-crown .crown-seed:nth-child(1) {
  background: linear-gradient(180deg, #ff9184, #f05c5c);
}

.black-friday-page .sale-crown .crown-seed:nth-child(2) {
  background: linear-gradient(180deg, #cfe4f2, #95b5cf);
}

.black-friday-page .sale-crown .crown-seed:nth-child(3) {
  background: linear-gradient(180deg, #ffeab8, #f0c468);
}

.black-friday-page .sale-crown .crown-seed:nth-child(4) {
  background: linear-gradient(180deg, #f6f2ec, #d7c8b6);
}

.black-friday-page .sale-crown .crown-sun {
  background: radial-gradient(circle at 35% 35%, #fff8eb 0%, #f0c468 48%, #95b5cf 78%, #f4eee5 100%);
  box-shadow: 0 0 0 6px rgba(240, 196, 104, 0.08), 0 0 18px rgba(149, 181, 207, 0.16);
}

.black-friday-page .brand-dot {
  background: #f0c468;
  box-shadow: 0 0 0 4px rgba(240, 196, 104, 0.12), 0 0 14px rgba(240, 196, 104, 0.28);
}

.black-friday-page .utility-bar {
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.82), rgba(242, 246, 249, 0.72));
}

:root[data-theme="night"] .black-friday-page .utility-bar {
  background: linear-gradient(180deg, rgba(28, 30, 38, 0.88), rgba(22, 24, 31, 0.74));
}

.black-friday-page .sale-stage {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
    linear-gradient(180deg, rgba(23, 24, 32, 0.98) 0%, rgba(26, 29, 38, 0.98) 52%, rgba(19, 21, 29, 0.98) 100%);
}

.black-friday-page .checkout-glow {
  background:
    radial-gradient(circle at 35% 35%, rgba(255, 248, 235, 0.96), rgba(240, 196, 104, 0.78) 34%, rgba(149, 181, 207, 0.3) 66%, transparent 74%);
  box-shadow: 0 0 0 18px rgba(149, 181, 207, 0.08), 0 0 34px rgba(240, 196, 104, 0.16);
}

.black-friday-page .checkout-glow::after {
  background: rgba(10, 12, 17, 0.38);
}

.black-friday-page .ticket-swarm {
  color: rgba(240, 196, 104, 0.74);
}

.black-friday-page .doorbuster-band span,
.black-friday-page .receipt-row span {
  background: rgba(247, 239, 230, 0.08);
  border-color: rgba(149, 181, 207, 0.12);
}

.black-friday-page .black-friday-wrap.left {
  left: 6px;
}

.black-friday-page .black-friday-wrap.right {
  right: 6px;
}

.black-friday-page .black-friday-svg {
  filter: drop-shadow(0 14px 20px rgba(6, 8, 12, 0.28));
}

.black-friday-page .marquee-string span {
  background: linear-gradient(180deg, rgba(240, 92, 92, 0.74), rgba(240, 196, 104, 0.22));
}

.black-friday-page .marquee-string::before {
  background: linear-gradient(90deg, rgba(149, 181, 207, 0.14), rgba(240, 196, 104, 0.24), rgba(149, 181, 207, 0.14));
}

body.black-friday .celebration {
  display: grid;
  opacity: 1;
  transform: translateY(0);
}

.black-friday-page .celebration-orb {
  background: radial-gradient(circle at 35% 35%, #fff8eb, #f0c468 36%, #95b5cf 66%, #4c6174 100%);
  box-shadow: 0 16px 30px rgba(8, 9, 14, 0.32);
}

.black-friday-page .celebration h2 {
  color: #fff4e1;
}

.black-friday-page .section-header h2,
.black-friday-page .intro h1,
.black-friday-page .planner-card h3,
.black-friday-page .mode-card h3,
.black-friday-page .checklist-card h3,
.black-friday-page .stat-card strong,
.black-friday-page .seo-link-card strong,
.black-friday-page .faq-item summary {
  text-wrap: balance;
}

.black-friday-page .seo-resource-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
    linear-gradient(135deg, rgba(27, 29, 37, 0.95), rgba(21, 23, 31, 0.95));
}

.black-friday-page .faq-item[open] summary {
  color: #f0c468;
}

.black-friday-page .progress-fill {
  background: linear-gradient(90deg, rgba(240, 92, 92, 0.92), rgba(240, 196, 104, 0.92), rgba(149, 181, 207, 0.92));
}

@media (max-width: 900px) {
  .black-friday-page .doorbuster-band {
    width: min(420px, calc(100% - 80px));
  }

  .black-friday-page .receipt-row {
    margin-top: 200px;
  }
}

@media (max-width: 720px) {
  .black-friday-page .receipt-row {
    grid-template-columns: repeat(3, 1fr);
  }

  .black-friday-page .receipt-row span:nth-child(4),
  .black-friday-page .receipt-row span:nth-child(5) {
    display: none;
  }
}

@media (max-width: 640px) {
  .black-friday-page .sale-stage {
    min-height: 260px;
  }

  .black-friday-page .checkout-glow {
    width: 138px;
  }

  .black-friday-page .doorbuster-band {
    top: 132px;
    width: min(360px, calc(100% - 40px));
    gap: 8px;
  }

  .black-friday-page .black-friday-wrap {
    width: 136px;
  }

  .black-friday-page .receipt-row {
    margin-top: 188px;
    width: min(360px, 100%);
  }
}

@media (max-width: 480px) {
  .black-friday-page .doorbuster-band {
    grid-template-columns: repeat(2, 1fr);
    top: 124px;
  }
}