/* ==========================================================================
   BFCM 2026 page (/bfcm) and the site-wide countdown bar.
   Plain CSS on purpose: the page is edited from the admin and must not
   depend on Tailwind classes being compiled into the theme.
   ========================================================================== */

.bf {
    --bf-ink: #0A0A0A;
    --bf-fg: #F5F5F5;
    --bf-pink: #FF2E63;
    --bf-pink-hover: #FF5C86;
    --bf-panel: #151515;
    --bf-panel-2: #111;
    --bf-line: #262626;
    --bf-mute: #A3A3A3;
    --bf-mute-2: #8F8F8F;
    --bf-soft: #D4D4D4;
    --bf-body: #B5B5B5;
    --bf-display: 'Big Shoulders Display', 'Arial Narrow', sans-serif;
    --bf-text: 'Instrument Sans', system-ui, sans-serif;

    /* full bleed inside the theme's centred container */
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background: var(--bf-ink);
    color: var(--bf-fg);
    font-family: var(--bf-text);
    -webkit-font-smoothing: antialiased;
    /* clip, not hidden: hidden would stop the section bar from sticking */
    overflow-x: hidden;
    overflow-x: clip;
}
.bf *, .bf *::before, .bf *::after { box-sizing: border-box; }
.bf a { color: var(--bf-pink); text-decoration: none; }
.bf a:hover { color: #FF6A8F; }
.bf h1, .bf h2, .bf h3, .bf p { margin: 0; }
.bf img { display: block; max-width: 100%; }
.bfcm-page .page-main { padding-top: 0 !important; padding-bottom: 0 !important; }
.bfcm-page #maincontent .columns { padding: 0; }

.bf-wrap { max-width: 1280px; margin: 0 auto; padding-left: 32px; padding-right: 32px; }
@media (max-width: 640px) { .bf-wrap { padding-left: 18px; padding-right: 18px; } }

.bf-display { font-family: var(--bf-display); text-transform: uppercase; }
.bf-pink { color: var(--bf-pink); }
.bf-kicker { font-weight: 600; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--bf-pink); }
.bf-label { font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--bf-mute); }
.bf-body { font-size: 17px; line-height: 1.5; color: var(--bf-body); text-wrap: pretty; }
.bf-lead { font-size: 20px; line-height: 1.5; color: var(--bf-soft); max-width: 540px; text-wrap: pretty; }
.bf-h2 { font-family: var(--bf-display); font-weight: 900; font-size: clamp(52px, 7vw, 104px); line-height: .86; text-transform: uppercase; }

@keyframes bf-pulse { 0%, 100% { opacity: 1 } 50% { opacity: .35 } }
@keyframes bf-marquee { from { transform: translateX(0) } to { transform: translateX(-50%) } }

/* ---- shared pieces ------------------------------------------------------ */

.bf-topbar { background: var(--bf-pink); color: var(--bf-ink); font-weight: 700; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; text-align: center; padding: 10px 16px; }
.bf-live { display: flex; align-items: center; gap: 10px; }
.bf-live::before { content: ''; width: 10px; height: 10px; border-radius: 50%; background: var(--bf-pink); animation: bf-pulse 1.4s infinite; flex: 0 0 auto; }

.bf-btn { display: inline-flex; align-items: center; justify-content: center; height: 60px; padding: 0 30px; background: var(--bf-pink); color: var(--bf-ink) !important; border: none; border-radius: 4px; font-family: var(--bf-display); font-weight: 800; font-size: 22px; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; transition: background .15s; }
.bf-btn:hover { background: var(--bf-pink-hover); color: var(--bf-ink) !important; }
.bf-btn--ghost { background: transparent; border: 1.5px solid var(--bf-fg); color: var(--bf-fg) !important; }
.bf-btn--ghost:hover { background: transparent; border-color: var(--bf-pink); color: var(--bf-pink) !important; }
.bf-btn--dark { background: var(--bf-ink); color: var(--bf-fg) !important; height: 64px; padding: 0 32px; font-size: 24px; }
.bf-btn--dark:hover { background: #222; color: var(--bf-fg) !important; }
.bf-btn--sm { height: 48px; padding: 0 18px; font-size: 20px; width: 100%; }
.bf-btn[disabled] { background: #333; color: #8F8F8F !important; cursor: not-allowed; }

.bf-count { display: flex; flex-direction: column; gap: 10px; }
.bf-count__row { display: flex; gap: 8px; }
.bf-count__cell { min-width: 76px; padding: 12px 10px 10px; background: var(--bf-panel); border: 1px solid var(--bf-line); border-radius: 4px; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.bf-count__v { font-family: var(--bf-display); font-weight: 800; font-size: 40px; line-height: 1; font-variant-numeric: tabular-nums; }
.bf-count__l { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--bf-mute-2); }
@media (max-width: 400px) { .bf-count__cell { min-width: 64px; } .bf-count__v { font-size: 32px; } }

.bf-hero { padding-top: 40px; padding-bottom: 88px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr)); gap: 56px; align-items: center; }
.bf-hero__copy { display: flex; flex-direction: column; gap: 28px; }
.bf-h1 { font-family: var(--bf-display); font-weight: 900; font-size: clamp(64px, 9vw, 136px); line-height: .86; letter-spacing: -.01em; text-transform: uppercase; }

.bf-strip { border-top: 1px solid var(--bf-line); border-bottom: 1px solid var(--bf-line); background: var(--bf-panel-2); }
.bf-strip__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); padding: 0; }
.bf-step { padding: 40px 32px; display: flex; flex-direction: column; gap: 10px; border-right: 1px solid var(--bf-line); }
.bf-step:last-child { border-right: 0; }
.bf-step--hot { background: var(--bf-pink); color: var(--bf-ink); }
.bf-step--hot .bf-label { color: var(--bf-ink); font-weight: 700; }
.bf-step__date { font-family: var(--bf-display); font-weight: 800; font-size: 48px; line-height: 1; text-transform: uppercase; }
.bf-step--hot .bf-step__date { font-weight: 900; }
.bf-step--past .bf-step__date { color: var(--bf-mute-2); }
.bf-step__note { font-size: 16px; color: var(--bf-body); }
.bf-step--hot .bf-step__note { color: var(--bf-ink); font-weight: 500; }

.bf-section { padding-top: 96px; padding-bottom: 96px; display: flex; flex-direction: column; gap: 48px; }
.bf-cards3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 20px; }
.bf-why { padding: 32px 28px 36px; background: var(--bf-panel); border: 1px solid var(--bf-line); border-radius: 4px; display: flex; flex-direction: column; gap: 16px; }
.bf-why__n { font-family: var(--bf-display); font-weight: 900; font-size: 64px; line-height: 1; color: var(--bf-pink); }
.bf-why__t { font-family: var(--bf-display); font-weight: 800; font-size: 32px; line-height: 1; text-transform: uppercase; }

.bf-band { background: var(--bf-pink); color: var(--bf-ink); }
.bf-band__in { padding-top: 72px; padding-bottom: 72px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 32px; }
.bf-band h2 { font-family: var(--bf-display); font-weight: 900; font-size: clamp(44px, 6vw, 84px); line-height: .88; text-transform: uppercase; }
.bf-band p { font-size: 18px; font-weight: 500; margin-top: 10px; }


/* ---- signup ------------------------------------------------------------- */

.bf-form { display: flex; flex-direction: column; gap: 12px; max-width: 560px; }
.bf-form__note { font-size: 14px; color: var(--bf-mute-2); }
.bf-form__placeholder { padding: 18px 20px; border: 1.5px dashed #444; border-radius: 4px; color: var(--bf-mute); font-size: 15px; line-height: 1.5; }
.bf-form .klaviyo-form { min-height: 60px; }

.bf-dates { border: 1px solid var(--bf-line); border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; }
.bf-dates__you { background: var(--bf-pink); color: var(--bf-ink); padding: 36px 36px 28px; display: flex; flex-direction: column; gap: 6px; }
.bf-dates__k { font-size: 14px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.bf-dates__big { font-family: var(--bf-display); font-weight: 900; font-size: clamp(120px, 16vw, 220px); line-height: .8; letter-spacing: -.02em; text-transform: uppercase; }
.bf-dates__sub { font-size: 16px; font-weight: 600; }
.bf-dates__them { background: var(--bf-panel-2); padding: 28px 36px; display: flex; flex-direction: column; gap: 6px; }
.bf-dates__them .bf-dates__k { color: var(--bf-mute-2); font-weight: 600; }
.bf-dates__struck { font-family: var(--bf-display); font-weight: 900; font-size: clamp(64px, 8vw, 104px); line-height: .85; text-transform: uppercase; color: #5C5C5C; text-decoration: line-through; text-decoration-color: var(--bf-pink); text-decoration-thickness: 6px; }
.bf-dates__foot { padding: 20px 36px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; border-top: 1px solid var(--bf-line); font-family: var(--bf-display); font-weight: 800; font-size: 24px; text-transform: uppercase; letter-spacing: .04em; }
@media (max-width: 480px) { .bf-dates__you, .bf-dates__them, .bf-dates__foot { padding-left: 22px; padding-right: 22px; } }

/* ---- waiting ------------------------------------------------------------ */

.bf-wait { padding-top: 72px; padding-bottom: 96px; display: flex; flex-direction: column; gap: 32px; align-items: flex-start; }
.bf-wait .bf-h1 { max-width: 1000px; }
.bf-wait__cta { display: flex; flex-wrap: wrap; gap: 12px; }

.bf-pw { display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 560px; }
.bf-pw__row { display: flex; flex-wrap: wrap; gap: 10px; }
.bf-pw input { flex: 1 1 260px; min-width: 0; height: 60px; padding: 0 20px; background: var(--bf-panel); border: 1.5px solid #333; border-radius: 4px; color: var(--bf-fg); font-family: inherit; font-size: 17px; outline: none; }
.bf-pw input:focus { border-color: var(--bf-pink); }
.bf-pw input::placeholder { color: #7A7A7A; }
.bf-pw__error { color: #FF6A8F; font-size: 15px; font-weight: 600; }

/* ---- sale --------------------------------------------------------------- */

.bf-marquee { background: var(--bf-pink); color: var(--bf-ink); overflow: hidden; white-space: nowrap; padding: 10px 0; font-weight: 700; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; }
.bf-marquee__track { display: inline-flex; gap: 48px; padding-right: 48px; animation: bf-marquee 30s linear infinite; }
@media (prefers-reduced-motion: reduce) { .bf-marquee__track { animation: none; } }

.bf-nav { position: sticky; top: 0; z-index: 5; background: rgba(10, 10, 10, .92); backdrop-filter: blur(8px); border-bottom: 1px solid #1F1F1F; }
.bf-nav__in { padding-top: 14px; padding-bottom: 14px; display: flex; gap: 28px; font-weight: 600; font-size: 15px; white-space: nowrap; overflow-x: auto; scrollbar-width: none; }
.bf-nav__in::-webkit-scrollbar { display: none; }
.bf-nav a { color: var(--bf-soft); }
.bf-nav a:hover { color: var(--bf-pink); }
@media (max-width: 640px) { .bf-nav__in { gap: 20px; font-size: 14px; } }

.bf-hero--sale { padding-top: 56px; padding-bottom: 72px; }
.bf-hero--sale .bf-hero__copy { gap: 26px; }
.bf-hero--sale .bf-h1 { font-size: clamp(68px, 10vw, 150px); line-height: 1; }
.bf-hero__media { position: relative; aspect-ratio: 1 / 1; width: 100%; background: var(--bf-panel); border-radius: 4px; overflow: visible; }
.bf-hero__media img { width: 100%; height: 100%; object-fit: contain; }
.bf-sticker { position: absolute; top: 20px; right: -12px; background: var(--bf-pink); color: var(--bf-ink); padding: 14px 20px; transform: rotate(3deg); font-family: var(--bf-display); font-weight: 900; font-size: 34px; line-height: .92; text-transform: uppercase; pointer-events: none; }
.bf-cta-row { display: flex; flex-wrap: wrap; gap: 12px; }

.bf-tierstrip { border-top: 1px solid var(--bf-line); border-bottom: 1px solid var(--bf-line); }
.bf-tierstrip__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); padding: 0; }
.bf-tierstrip a { padding: 26px 22px; display: flex; flex-direction: column; gap: 4px; color: var(--bf-fg); border-right: 1px solid var(--bf-line); transition: background .15s; }
.bf-tierstrip a:hover { background: var(--bf-pink); color: var(--bf-ink); }
.bf-tierstrip b { font-family: var(--bf-display); font-weight: 900; font-size: 56px; line-height: .9; }
.bf-tierstrip span { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }

.bf-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 20px; }
.bf-head__l { display: flex; flex-direction: column; gap: 12px; }
.bf-head .bf-body { max-width: 420px; }
.bf-anchor { scroll-margin-top: 80px; }

.bf-deal { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); background: var(--bf-panel); border: 1px solid var(--bf-line); border-radius: 4px; overflow: hidden; }
/* Product photos are square, so every image box is square too. */
.bf-deal__media { position: relative; aspect-ratio: 1 / 1; align-self: start; background: #fff; }
.bf-deal__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.bf-badge { position: absolute; top: 0; left: 0; background: var(--bf-pink); color: var(--bf-ink); padding: 8px 14px; font-family: var(--bf-display); font-weight: 900; font-size: 34px; line-height: 1; pointer-events: none; z-index: 1; }
.bf-badge--lg { padding: 12px 18px; font-size: 44px; }
.bf-badge--sm { padding: 5px 10px; font-size: 22px; }
.bf-tag { position: absolute; bottom: 12px; left: 12px; background: var(--bf-ink); color: var(--bf-fg); padding: 6px 10px; border-radius: 2px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; pointer-events: none; z-index: 1; }
.bf-deal__body { padding: 40px 36px; display: flex; flex-direction: column; gap: 22px; }
.bf-chip { display: inline-block; padding: 6px 10px; border: 1px solid var(--bf-pink); color: var(--bf-pink); border-radius: 2px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.bf-deal h3 { font-family: var(--bf-display); font-weight: 900; font-size: clamp(40px, 4.4vw, 60px); line-height: .9; text-transform: uppercase; }
.bf-items { display: flex; flex-direction: column; border-top: 1px solid var(--bf-line); }
.bf-items div { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--bf-line); font-size: 16px; }
.bf-free { flex: 0 0 auto; padding: 3px 8px; background: var(--bf-pink); color: var(--bf-ink); border-radius: 2px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.bf-price { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-top: auto; }
.bf-price b { font-family: var(--bf-display); font-weight: 900; font-size: 40px; line-height: 1; }
.bf-price s { font-size: 15px; color: var(--bf-mute-2); }
.bf-price--xl b { font-size: 64px; }
.bf-price--xl s { font-size: 20px; }
.bf-limit { font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--bf-pink); }
@media (max-width: 640px) { .bf-deal__body { padding: 28px 22px; } }

.bf-cal { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 12px; }
.bf-cal__w { padding: 24px; border: 1px solid var(--bf-line); background: var(--bf-panel-2); border-radius: 4px; display: flex; flex-direction: column; gap: 10px; }
.bf-cal__w--live { border-color: var(--bf-pink); background: #1A0A10; }
.bf-cal__w--ended, .bf-cal__w--soldout { opacity: .5; }
.bf-cal__top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.bf-cal__st { padding: 4px 8px; border-radius: 2px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; background: var(--bf-line); color: var(--bf-body); }
.bf-cal__w--live .bf-cal__st { background: var(--bf-pink); color: var(--bf-ink); }
.bf-cal__t { font-family: var(--bf-display); font-weight: 900; font-size: 34px; line-height: .95; text-transform: uppercase; }
.bf-cal__s { font-size: 15px; color: var(--bf-body); }

.bf-collabs { position: relative; border-top: 6px solid var(--bf-pink); border-bottom: 6px solid var(--bf-pink); }
.bf-collabs .bf-h1 { font-size: clamp(72px, 12vw, 184px); line-height: .82; }
.bf-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.bf-pill { padding: 8px 12px; background: var(--bf-pink); color: var(--bf-ink); border-radius: 2px; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.bf-pill--line { background: transparent; border: 1.5px solid var(--bf-fg); color: var(--bf-fg); }
.bf-split { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 24px 48px; align-items: start; padding-top: 12px; }
.bf-boxed { display: flex; flex-direction: column; gap: 4px; padding: 20px 22px; border: 1.5px solid var(--bf-pink); border-radius: 4px; }
.bf-boxed b { font-family: var(--bf-display); font-weight: 900; font-size: 32px; line-height: 1; text-transform: uppercase; }
.bf-boxed span { font-size: 15px; color: var(--bf-body); }

.bf-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
.bf-grid--wide { grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr)); }
.bf-grid--tiers { grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
.bf-grid--bundles { grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
.bf-card { background: var(--bf-panel); border: 1px solid var(--bf-line); border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; transition: border-color .15s; }
.bf-card:hover { border-color: var(--bf-pink); }
.bf-card--hot { background: var(--bf-ink); border: 1.5px solid var(--bf-pink); }
.bf-card__media { position: relative; aspect-ratio: 1 / 1; background: #fff; display: block; }
.bf-card__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.bf-card__media--empty { background: repeating-linear-gradient(135deg, #1A1A1A 0 14px, #151515 14px 28px); }
.bf-card__body { padding: 22px 22px 24px; display: flex; flex-direction: column; gap: 12px; flex: 1; }
.bf-card h3 { font-family: var(--bf-display); font-weight: 800; font-size: 28px; line-height: 1; text-transform: uppercase; color: var(--bf-fg); }
.bf-card h3 a { color: inherit; }
.bf-card__sub { font-size: 14px; line-height: 1.5; color: var(--bf-mute); text-wrap: pretty; }
.bf-card__note { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--bf-pink); }
.bf-card form { margin: 0; }
.bf-soldout { font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--bf-mute-2); }

.bf-plain { display: flex; flex-direction: column; gap: 14px; }
.bf-plain__media { position: relative; aspect-ratio: 1 / 1; background: #fff; border-radius: 4px; overflow: hidden; display: block; }
.bf-plain__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.bf-plain__name { font-size: 16px; font-weight: 600; line-height: 1.35; color: var(--bf-fg) !important; }
.bf-plain .bf-price b { font-size: 30px; }

.bf-gift { background: var(--bf-pink); color: var(--bf-ink); }
.bf-gift__in { padding-top: 72px; padding-bottom: 72px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 48px; align-items: center; }
.bf-gift h2 { font-family: var(--bf-display); font-weight: 900; font-size: clamp(56px, 7.5vw, 112px); line-height: .84; text-transform: uppercase; }
.bf-gift p { font-size: 18px; line-height: 1.55; font-weight: 500; max-width: 520px; }
.bf-gift__k { font-size: 14px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.bf-gift__media { position: relative; aspect-ratio: 1 / 1; max-width: 480px; width: 100%; justify-self: center; background: #fff; border-radius: 4px; }
.bf-gift__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.bf-gift__sticker { position: absolute; bottom: 20px; right: -12px; background: var(--bf-ink); color: var(--bf-fg); padding: 10px 16px; transform: rotate(-3deg); font-family: var(--bf-display); font-weight: 900; font-size: 30px; line-height: 1; text-transform: uppercase; }

/* Shop by discount: one section per discount level */
.bf-tier { display: flex; flex-direction: column; gap: 20px; }
.bf-tier__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--bf-line); }
.bf-tier__title { margin: 0; font-family: var(--bf-display); font-weight: 900; font-size: clamp(40px, 6vw, 64px); line-height: .9; text-transform: uppercase; color: var(--bf-fg); }
.bf-tier__title span { color: var(--bf-pink); }
.bf-tier__count { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--bf-mute-2); white-space: nowrap; }
@media (max-width: 640px) { .bf-grid--tiers { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }

.bf-nocode__in { padding-top: 56px; padding-bottom: 56px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 32px; align-items: center; }
.bf-nocode h2 { font-family: var(--bf-display); font-weight: 900; font-size: clamp(48px, 6vw, 80px); line-height: .88; text-transform: uppercase; }
.bf-nocode p { font-size: 18px; line-height: 1.55; color: var(--bf-soft); text-wrap: pretty; }
.bf-nocode__final { grid-column: 1 / -1; padding-top: 20px; border-top: 1px solid var(--bf-line); font-size: 15px !important; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--bf-pink) !important; }

.bf-faq { max-width: 960px; }
.bf-faq__list { display: flex; flex-direction: column; border-top: 1px solid var(--bf-line); }
.bf-faq__item { border-bottom: 1px solid var(--bf-line); }
.bf-faq__q { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 24px 0; background: none; border: none; color: var(--bf-fg); text-align: left; cursor: pointer; font-family: var(--bf-display); font-weight: 800; font-size: 28px; text-transform: uppercase; }
.bf-faq__q:hover { color: var(--bf-pink); }
.bf-faq__sign { flex: 0 0 auto; color: var(--bf-pink); font-size: 36px; line-height: 1; }
.bf-faq__a { padding: 0 0 26px; font-size: 17px; line-height: 1.6; color: var(--bf-body); max-width: 720px; }
@media (max-width: 640px) { .bf-faq__q { font-size: 22px; } }