/* Black Friday 2026 page (/blackfriday) - scoped with the bf- prefix, built on site tokens:
   Nunito + Bootstrap + dm-* components come from app.css. Body defaults 0.9rem/#858796/#f8fafc. */
html{scroll-behavior:smooth}
/* On this page only: pull the content up - the header band above the hero is 70px instead of the default 110px */
body:has(.dm-announcement-bar) .bf-catnav{top:100px}
body:has(.dm-announcement-bar) .bf-section{scroll-margin-top:158px}
.dm-page-blackfriday .dm-content{min-width:0}
.bf-hero{background:linear-gradient(135deg,#2c0a1d 0%,#5a0f3d 55%,#007db3 140%);border-radius:0;color:#fff;padding:44px 16px 40px;text-align:center}
.bf-hero h1{font-size:2.25rem;font-weight:700;margin:0 0 10px;color:#fff}
.bf-hero .bf-sub{margin:0 auto;max-width:640px;color:#fde7f2;font-size:1rem}
.bf-hero-dates{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:35px}
.bf-hero-chip{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:6px 16px;font-size:.9rem;font-weight:600}
.bf-hero-chip strong{color:#fff}
.bf-hero-updated{margin-top:14px;font-size:.82rem;color:rgba(255,255,255,.78)}
.bf-catnav{position:sticky;top:60px;z-index:50;max-width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:12px 0;background:rgba(248,250,252,.94);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid #dddfeb}
.bf-catnav a{font-size:.9rem;font-weight:700;color:#30363c;background:#fff;border:1px solid #dddfeb;border-radius:999px;padding:5px 12px;text-decoration:none;white-space:nowrap}
.bf-catnav a:hover{background:#eaeff2}
.bf-catnav a.active{background:#d71582;border-color:#d71582;color:#fff}
@media(max-width:767px){.bf-catnav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:10px 16px}}
.bf-section{padding:40px 0 4px;scroll-margin-top:118px}
.bf-section.bf-faq{margin-top:40px}
.bf-section h2{font-size:1.8rem;font-weight:700;color:#222;margin:0 0 6px}
.bf-lead{max-width:100%;margin:0 0 8px}
.bf-legend{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 4px}
.bf-badge{display:inline-block;border-radius:999px;font-size:.72rem;font-weight:700;padding:6px 10px;margin:5px 0;text-align:center;text-transform:uppercase;letter-spacing:.02em}
.bf-conf{background:#d2f4e8;color:#0b5037}
.bf-est{background:#fdf3d8;color:#624e19}
.bf-tba{background:#e7e7ea;color:#5a5c69}
.bf-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
@media(max-width:767px){.bf-two{grid-template-columns:1fr}}
.bf-wave{background:#fff;border:1px solid #dddfeb;border-radius:8px;padding:16px 18px}
.bf-wave h3{margin:0 0 4px;font-size:1rem;font-weight:700;color:#222}
.bf-wave p{margin:0;color:#858796;font-size:.9rem}
.bf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:14px}
.bf-card{border:1px solid #dddfeb;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;text-align:left;box-shadow:0 .15rem .5rem rgba(58,59,69,.05)}
.bf-shop{font-size:1.25rem;font-weight:700;color:#222}
.bf-what{font-size:1rem;color:#858796;margin:2px 0 8px;flex:1}
.bf-win{font-size:.82rem;font-weight:700;color:#222;margin:8px 0 2px;text-align:center}
.bf-card .btn{font-size:1rem;font-weight:700;width:100%;margin-top:10px}
.bf-cross{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:14px}
.bf-cross a{display:block;background:#fff;border:1px solid #dddfeb;border-radius:8px;padding:12px 14px;text-decoration:none;color:#222;font-weight:700;font-size:.9rem}
.bf-cross a:hover{border-color:#d71582;color:#d71582}
.bf-cross a span{display:block;color:#858796;font-weight:600;font-size:.8rem}
.bf-disclaimer{margin-top:24px;background:#fff;border:1px solid #dddfeb;border-radius:8px;padding:14px 18px;color:#858796;font-size:.85rem}