[hidden]{display:none!important}

/* ===== Visual Blessy Friday — Figma do Gustavo (26/10/2026): desktop 6999:2148, mobile 6999:2534 =====
   O base.css é o carrinho padrão; aqui ficam só as diferenças da campanha (paleta preto/amarelo/creme,
   banner de estoque da garrafa, foto e medidas do Figma). */
.bf-cart,.bfu-overlay{
  --bf-ink:#141414;--bf-yellow:#ffd400;--bf-cream:#fff8e1;--bf-header:#fff0b8;--bf-paper:#fffdf4;--bf-sand:#f6ecc6;
  --bf-line:#e8dcaa;--bf-butter:#ffe680;--bf-muted:#8a7f5a;--bf-brown:#5a5034;--bf-step-muted:#a89c72;--bf-step-line:#d8cb98;
  /* Textos que o base.css pinta de verde passam a usar o preto da campanha. */
  --green:var(--bf-ink);--green-2:var(--bf-ink);--muted:var(--bf-muted)
}
html,body{background:#fff8e1}
.bf-cart.cart-frame{background:var(--bf-cream);color:var(--bf-ink)}

/* Cabeçalho e etapas */
.bf-cart .top-header{background:var(--bf-header)}
.bf-cart .header-back{color:var(--bf-ink)}
.bf-cart .header-back:hover{background:rgb(20 20 20 / 8%)}
.bf-cart .step{color:var(--bf-ink);font-weight:700}
.bf-cart .step b{background:var(--bf-yellow);color:var(--bf-ink);font-weight:600;box-shadow:inset 0 0 0 1px var(--bf-cream)}
.bf-cart .step.next{color:var(--bf-step-muted)}
.bf-cart .step.next b{background:var(--bf-sand);color:var(--bf-step-muted);box-shadow:none}
.bf-cart .step-line{background:var(--bf-step-line)}
.bf-cart .step-line.done{background:var(--bf-ink)}
.bf-cart .step-plural,.bf-cart .step-num{display:none}
.bf-cart .step-check{display:block;width:17px;height:17px;fill:var(--bf-step-line)}

/* Autoridade */
.bf-cart .authority-brand{display:flex;flex:none;align-items:flex-start;gap:2px}
.bf-cart .authority-reg{display:none;color:var(--bf-ink);font-family:var(--font-display);font-size:20px;font-weight:700;line-height:21px}

/* Banner de estoque da garrafa ("Banner de estoque/C2 · dark com brilho") */
.bf-stock-banner{position:relative;isolation:isolate;display:flex;align-items:center;height:134px;margin-top:20px;padding:0 20px;overflow:hidden;border-radius:16px;background:radial-gradient(216px 187.6px at calc(100% - 54px) 50%,rgb(255 212 0 / 50%) 0%,rgb(255 212 0 / 10%) 50%,rgb(255 212 0 / 0%) 72%),#111}
.bf-stock-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:url("https://resizer.useblessy.com.br/v1/resize?src=https%3A%2F%2Fassets.useblessy.com.br%2Fprojects%2Fblessy-friday-2026%2Fcart%2F2026%2F10%2Fstock-grain-5acd5538.png&w=48&q=95&fit=scale-down") 0 0 / 24px 24px;opacity:.1;mix-blend-mode:screen;pointer-events:none}
.bf-stock-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.bf-stock-headline{margin:0;color:var(--bf-cream);font-size:17.08px;font-weight:500;line-height:1.08;letter-spacing:-.015em;white-space:nowrap}
.bf-stock-headline em{color:var(--bf-yellow);font-style:normal}
.bf-stock-pill{display:inline-flex;align-items:center;gap:8.5px;margin:0;padding:6.8px 12px;border:.85px solid rgb(255 212 0 / 45%);border-radius:999px;background:rgb(255 248 225 / 8%);color:var(--bf-cream);font-size:11.1px;font-weight:700;line-height:normal;letter-spacing:.02em;white-space:nowrap}
.bf-stock-pill strong{color:var(--bf-yellow);font-weight:700}
/* Odômetro do contador de garrafas */
.bf-odo{display:inline-flex;font-variant-numeric:tabular-nums}
.bf-odo-digit{display:inline-block;height:1.2em;line-height:1.2em;overflow:hidden;vertical-align:bottom}
.bf-odo-reel{display:flex;flex-direction:column}
.bf-odo-reel span{display:block;height:1.2em;line-height:1.2em}
/* Bolinha do contador: vermelha, com halo pulsando (igual à hero). */
.bf-stock-dot{position:relative;flex:none;width:7.7px;height:7.7px;border-radius:50%;background:#ff3b30;box-shadow:0 0 6px rgb(255 59 48 / 75%)}
.bf-stock-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#ff3b30;animation:bf-dot-ping 1.4s cubic-bezier(0,0,.2,1) infinite}
@keyframes bf-dot-ping{75%,100%{transform:scale(2.6);opacity:0}}
@media(prefers-reduced-motion:reduce){.bf-stock-dot::after{animation:none;opacity:0}}
.cart-frame .bf-stock-dot::after{animation-duration:1.4s!important}
@keyframes bfStockPulse{from{opacity:1}to{opacity:.35}}
.bf-stock-photo{position:absolute;z-index:1;top:50%;right:-8.85px;width:clamp(120px,calc(100vw - 250px),150px);height:auto;aspect-ratio:150/149;object-fit:cover;transform:translateY(-50%);pointer-events:none}
/* Celulares estreitos: cesta menor e pílula 1px menor para o número não invadir a foto. */
@media (max-width:374px){.bf-stock-headline{font-size:16px}.bf-stock-pill{gap:7px;padding:6px 10px;font-size:10px}}

/* Cards de sabor */
.bf-cart .flavor-accent{object-fit:contain}
.bf-cart .accent-maracuja{top:13px;width:66px;height:54px}
.bf-cart .flavor-surface{border-color:var(--bf-line);background:var(--bf-paper)}
.bf-cart .flavor-card.selected .flavor-surface{border-color:var(--bf-ink);background:var(--bf-butter)}
.bf-cart .flavor-card:hover .flavor-surface{box-shadow:0 10px 18px rgb(20 20 20 / 7%)}
.bf-cart .flavor-thumb{background:var(--bf-sand)}
.bf-cart .flavor-card.selected .flavor-thumb{background:var(--bf-paper)}
.bf-cart .flavor-copy a{margin-top:5px}
.bf-cart .flavor-badge{font-weight:600}
.bf-cart .badge-dark{background:var(--bf-ink);color:var(--bf-yellow)}
.bf-cart .round-btn,.bf-cart .round-btn:disabled:hover{background:var(--bf-ink);color:var(--bf-yellow);font-weight:700}
.bf-cart .round-btn:hover{background:#2b2b2b}
.bf-cart .add-btn,.bf-cart .add-btn:disabled:hover{background:var(--bf-ink);color:var(--bf-yellow);font-weight:700}
.bf-cart .add-btn:hover{background:#2b2b2b}
.bf-cart .soldout-btn{font-weight:700}
/* Kit completo: os botões de adicionar ficam em areia (mesmo tom do CTA travado), sem o cinza do base. */
.bf-cart .add-btn:disabled,.bf-cart .add-btn:disabled:hover,.bf-cart .round-btn:disabled,.bf-cart .round-btn:disabled:hover{background:var(--bf-line);color:var(--bf-muted);opacity:1}
/* Sabor esgotado no Figma: card normal, só o botão "esgotado" muda. */
.bf-cart .flavor-card.unavailable::before,.bf-cart .flavor-card.unavailable::after{display:none}
.bf-cart .flavor-card.unavailable .flavor-accent{opacity:1}

/* Resumo de preço e CTA */
.bf-cart .chip-per{background:var(--bf-yellow);color:var(--bf-ink)}
.bf-cart .chip-discount{background:var(--bf-ink);color:var(--bf-yellow)}
.bf-cart .order-price del{color:var(--bf-muted)}
.bf-cart .order-price strong{color:var(--bf-ink);font-weight:700}
.bf-cart .buy-btn{background:var(--bf-ink);color:var(--bf-yellow)}
.bf-cart .buy-btn span{font-weight:600}
.bf-cart .buy-btn img{filter:none}
.bf-cart .buy-btn:hover{background:#000;box-shadow:0 18px 30px rgb(20 20 20 / 22%)}
.bf-cart .buy-loader{border-color:rgb(255 212 0 / 34%);border-top-color:var(--bf-yellow)}
/* Botão travado (faltam potes ou o sabor do pote extra): areia com texto marrom, na paleta da campanha. */
.bf-cart .buy-btn.is-incomplete{background:var(--bf-line);color:var(--bf-brown);opacity:1;filter:none}
.bf-cart .buy-btn.is-incomplete img{filter:brightness(0);opacity:.45}

/* Garantia */
.bf-cart .guarantee-box{margin-bottom:58px;border-color:#f9e18e;background:var(--bf-paper)}
.bf-cart .guarantee-box p,.bf-cart .guarantee-box span{color:var(--bf-brown)}
.bf-cart .guarantee-box h2{color:var(--bf-ink);font-weight:600}

/* Rodapé */
.bf-cart .cart-footer{background:var(--bf-ink);color:var(--bf-cream)}
.bf-cart .footer-links{gap:5px}
.bf-cart .footer-links a,.bf-cart .cart-footer p{color:var(--bf-cream)}
.bf-cart .cart-footer p{margin-top:6px}

/* Pílula do sabor adicionado */
.bf-cart .flavor-toast{top:47px;color:var(--bf-ink)}

/* Avisos (status, brindes, cupom externo) */
.bf-cart .bf-status{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:#ffe3df;color:#8a1c12;font-size:14px;line-height:1.4}
.bf-cart .bf-gifts-summary{margin:20px 0 0;padding:12px 16px;border:1px solid var(--bf-line);border-radius:15px;background:var(--bf-paper);color:var(--bf-ink);font-size:13px;line-height:1.4}
.bf-cart .bf-gifts-summary strong{font-weight:700}
.bf-cart .bf-external-coupon{margin:16px 0 0;padding:16px;border:1px solid var(--bf-line);border-radius:15px;background:var(--bf-paper);color:var(--bf-ink);font-size:14px;line-height:1.4}
.bf-cart .bf-external-coupon p{margin:0}
.bf-cart .bf-external-coupon a{display:block;margin-top:10px;padding:12px;border-radius:30px;background:var(--bf-ink);color:var(--bf-yellow);font-weight:700;text-align:center;text-decoration:none}

@media (min-width:990px){
  .bf-cart .step b{box-shadow:none}
  .bf-cart .step.next{font-weight:400}
  .bf-cart .step-plural{display:inline}
  .bf-cart .step-check{display:none}
  .bf-cart .step-num{display:inline;color:var(--bf-step-muted);font-size:12px;font-weight:600}
  .bf-cart .authority-logo{width:85px;height:23px}
  .bf-cart .authority-reg{display:block}
  .bf-cart .desktop-visual{background:var(--bf-sand)}
  .bf-cart .desktop-visual img{object-position:50% 18%}
  .bf-cart .cart-panel{padding-bottom:60px}
  .bf-stock-banner{height:150px;padding:0 24px 0 28px;background:radial-gradient(294px 210px at calc(100% - 73.5px) 50%,rgb(255 212 0 / 50%) 0%,rgb(255 212 0 / 10%) 50%,rgb(255 212 0 / 0%) 72%),#111}
  .bf-stock-copy{gap:14px}
  .bf-stock-headline{font-size:26px}
  .bf-stock-pill{gap:10px;padding:8px 14px;border-width:1px;font-size:13px}
  .bf-stock-dot{width:9px;height:9px}
  .bf-stock-photo{top:-29px;right:-5px;width:208px;height:208px;transform:none}
  .bf-cart .flavor-list{gap:20px}
  .bf-cart .accent-melancia{top:25px;width:77px;height:48px}
  .bf-cart .accent-limao{top:16px;width:67px;height:67px}
  .bf-cart .accent-maracuja{top:13px;width:84px;height:69px}
  .bf-cart .flavor-thumb img{width:74px;height:74px}
  .bf-cart .flavor-copy{left:114px;top:24.5px}
  .bf-cart .flavor-actions{right:23px;top:31.5px}
  .bf-cart .flavor-card.selected .flavor-actions{right:29px;top:36px;width:90px}
  .bf-cart .flavor-badge{right:28px;width:105px;height:22px;padding:0}
  .bf-cart .flavor-card[data-flavor="melancia"] .flavor-badge,.bf-cart .flavor-card[data-flavor="limao"] .flavor-badge{right:28px}
  .bf-cart .guarantee-box{margin:20px 0 0;border-color:#c9bb86}
  .bf-cart .footer-brand img{width:92px;height:25px;filter:none}
  .bf-cart .footer-brand span{color:var(--bf-cream)}
  .bf-cart .footer-links{gap:20px}
  .bf-cart .flavor-toast{top:68px}
}

/* ===== Seletor do pote extra (kit de 3) — formato do seletor de brinde de julho, na paleta da campanha ===== */
.bf-extra{margin:20px 0 0}
.bf-extra-title{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 14px;color:var(--bf-ink);font-size:14px;font-weight:600;line-height:1.25;text-align:center}
.bf-extra-title span{flex:0 1 50px;border-top:1px solid var(--bf-step-line)}
.bf-extra-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bf-extra-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;background:var(--bf-paper);border:1px solid var(--bf-line);border-radius:15px;cursor:pointer;transition:border-color 150ms ease,background 150ms ease}
.bf-extra-option input{position:absolute;opacity:0;pointer-events:none}
.bf-extra-option img{display:block;width:72px;height:72px;object-fit:contain}
.bf-extra-copy{display:flex;flex-direction:column;gap:1px;color:var(--bf-ink);text-align:center}
.bf-extra-copy small{color:var(--bf-muted);font-size:12px;font-weight:500}
.bf-extra-copy strong{font-size:13px;font-weight:700;line-height:1.2}
.bf-extra-check{position:absolute;top:7px;right:7px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--bf-step-line);background:var(--bf-paper);transition:border-color 150ms ease,background 150ms ease}
.bf-extra-option:has(input:checked){background:var(--bf-butter);border-color:var(--bf-ink)}
.bf-extra-option:has(input:checked) .bf-extra-check{border-color:var(--bf-ink);background:var(--bf-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5.2 4.2 8.4 11 1.6' fill='none' stroke='%23ffd400' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px 9px no-repeat}
.bf-extra-option:has(input:focus-visible){outline:3px solid var(--bf-ink);outline-offset:2px}
.bf-extra-option.is-soldout{cursor:not-allowed}
.bf-extra-option.is-soldout img,.bf-extra-option.is-soldout .bf-extra-copy{opacity:.45;filter:saturate(.4)}
.bf-extra-option.is-soldout .bf-extra-check{display:none}
.bf-extra-option.is-soldout::after{content:"esgotado";position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:999px;background:var(--red-soft);color:var(--red);font-size:11px;font-weight:700}
.bf-extra[data-invalid=true] .bf-extra-options{outline:2px solid var(--red);outline-offset:6px;border-radius:16px}
@media (max-width:480px){
  .bf-extra-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bf-extra-option{flex-direction:row;justify-content:flex-start;gap:8px;padding:10px 26px 10px 8px;text-align:left}
  .bf-extra-option img{width:48px;height:48px;flex:none}
  .bf-extra-copy{text-align:left}
  .bf-extra-copy small{display:none}
  .bf-extra-check{top:50%;right:8px;transform:translateY(-50%);width:18px;height:18px}
}

/* ===== Modal de upgrade do kit — recriado do modal da campanha de aniversário (maio/2026) ===== */
html.bfu-locked,html.bfu-locked body{overflow:hidden}
.bfu-overlay{--bfu-black:#141414;--bfu-yellow:#ffd400;position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px 16px;overflow-y:auto;background:rgb(20 20 20 / 62%);backdrop-filter:blur(2px);font-family:var(--font-body);color:var(--green)}
.bfu-overlay[hidden]{display:none}
.bfu{position:relative;display:flex;flex-direction:column;width:100%;max-width:520px;margin:auto;background:var(--bf-cream);border-radius:20px;box-shadow:0 30px 80px -20px rgb(0 0 0 / 45%);animation:bfuIn .28s var(--ease-out)}
.bfu[hidden]{display:none}
@keyframes bfuIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.bfu-close{position:absolute;top:10px;right:12px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:26px;line-height:1;cursor:pointer}
.bfu--a .bfu-close{color:var(--bfu-yellow)}
.bfu-close:focus-visible{outline:2px solid currentColor;outline-offset:1px}
.bfu-head{margin:0;min-height:56px;padding:16px 48px;border-radius:20px 20px 0 0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;letter-spacing:.04em;text-transform:uppercase;text-align:center}
.bfu--a .bfu-head{background:var(--bfu-black);color:var(--bfu-yellow)}
.bfu--b .bfu-head{background:var(--bfu-yellow);color:var(--bfu-black)}
.bfu-headline{margin:0;padding:24px 32px 0;font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.18;text-align:center;color:var(--green)}
.bfu-headline mark{background:var(--bfu-yellow);color:var(--bfu-black);padding:0 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}

.bfu-compare{display:grid;grid-template-columns:1fr 44px 1fr;align-items:stretch;padding:30px 24px 0}
.bfu-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 10px 14px;border-radius:14px;text-align:center}
.bfu-card--current{background:var(--bf-paper);border:1px solid var(--bf-line)}
.bfu-card--upgrade{background-color:var(--bfu-yellow);background-image:linear-gradient(115deg,transparent 40%,rgb(255 255 255 / 55%) 48%,rgb(255 255 255 / 85%) 50%,rgb(255 255 255 / 55%) 52%,transparent 60%);background-size:220% 100%;background-repeat:no-repeat;background-position:-120% 0;border:1px solid #f0d200}
.bfu-card-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:92px;font-weight:700;font-size:12px;line-height:1;white-space:nowrap}
.bfu-card--current .bfu-card-badge{background:var(--bf-sand);color:var(--bf-ink);box-shadow:inset 0 0 0 1px var(--bf-line)}
.bfu-card--upgrade .bfu-card-badge{background:var(--red);color:#fff}
.bfu-card-img{display:block;width:100%;max-width:150px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#f1ead2}
.bfu-card-kit{margin:0;font-size:13px;font-weight:700;line-height:1.2}
.bfu-price{margin:0;display:flex;flex-direction:column;gap:2px}
.bfu-price del{font-size:13px;font-weight:500}
.bfu-price strong{font-size:22px;font-weight:800;line-height:1.1}
.bfu-price small{font-size:13px;font-weight:500;margin-left:2px}
.bfu-arrow{display:flex;align-items:center;justify-content:center;color:var(--green)}
.bfu-arrow svg{width:26px;height:16px;animation:bfuArrow 1.4s ease-in-out infinite}
@keyframes bfuArrow{0%,100%{transform:translateX(-4px);opacity:.75}50%{transform:translateX(4px);opacity:1}}
.bfu--a:not([hidden]) .bfu-card--upgrade{animation:bfuShimmer 3.6s ease-in-out 1s infinite}
@keyframes bfuShimmer{0%{background-position:-120% 0}55%,100%{background-position:220% 0}}
.bfu--a:not([hidden]) .bfu-card--upgrade .bfu-card-badge{animation:bfuBadge 1.8s ease-in-out .6s infinite}
@keyframes bfuBadge{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.09)}}

.bfu-actions{display:flex;flex-direction:column;gap:12px;padding:28px 24px 24px}
.bfu-cta{width:100%;border:0;border-radius:112px;font-family:var(--font-body);font-weight:800;line-height:1.1;cursor:pointer;transition:background .2s ease,transform .15s ease}
.bfu-cta--accept{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:20px 18px;background:var(--green);color:var(--bfu-yellow);font-size:18px}
.bfu-cta--accept svg{width:20px;height:16px;flex:none}
.bfu--a:not([hidden]) .bfu-cta--accept{animation:bfuPulse 1.6s ease-in-out .4s infinite}
.bfu-cta--accept:hover{animation-play-state:paused;background:#000}
@keyframes bfuPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgb(255 212 0 / 60%)}50%{transform:scale(1.04);box-shadow:0 0 0 14px rgb(255 212 0 / 0%)}}
.bfu-caption{margin:-4px 0 2px;font-size:13px;font-weight:500;line-height:1.3;text-align:center;color:var(--bf-brown)}
.bfu-cta--decline{padding:16px;background:transparent;border:1px solid var(--green);color:var(--green);font-size:14px;font-weight:600}
.bfu--b .bfu-cta--decline{border-color:transparent;text-decoration:underline;text-underline-offset:3px}
.bfu-cta--finalize{padding:20px 18px;background:var(--bf-ink);color:var(--bf-yellow);font-size:17px;box-shadow:0 18px 30px -22px rgb(20 20 20 / 70%)}
.bfu-cta--finalize:disabled{background:var(--bf-line);color:var(--bf-brown);cursor:not-allowed;box-shadow:none}
.bfu-cta--finalize.is-loading{background:var(--bf-ink);color:var(--bf-yellow);opacity:.85;cursor:wait}
.bfu-cta:focus-visible{outline:3px solid var(--bfu-black);outline-offset:3px}
.bfu-status{margin:0;padding:10px 12px;border-radius:10px;background:#ffe3df;color:#8a1c12;font-size:14px;line-height:1.4}

/* Etapa B: tela cheia, como no modal de maio */
.bfu-overlay.is-full{padding:0;align-items:stretch}
.bfu-overlay.is-full .bfu{max-width:none;min-height:100%;border-radius:0;box-shadow:none}
.bfu-overlay.is-full .bfu-head{border-radius:0}
.bfu-slots{display:flex;align-items:flex-start;justify-content:center;gap:14px;margin:0;padding:30px 16px 0;list-style:none}
.bfu-hint{margin:12px 16px 0;text-align:center;font-size:13px;font-weight:600;color:#5f5c52}
.bfu-hint[hidden]{display:none}
.bfu-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:86px}
.bfu-slot-box{display:flex;align-items:center;justify-content:center;width:86px;height:86px;background:var(--bf-paper);border:1px solid var(--bf-line);border-radius:14px}
.bfu-slot-box img{width:78px;height:78px;object-fit:contain}
.bfu-slot.is-fixed .bfu-slot-box{opacity:.75}
.bfu-slot.is-empty .bfu-slot-box{border:1px dashed #c9bb86;animation:bfuBreath 1.8s ease-in-out infinite}
.bfu-slot.is-empty .bfu-slot-box::before{content:"+";font-size:32px;font-weight:300;opacity:.6}
.bfu-slot.is-empty + .bfu-slot.is-empty .bfu-slot-box{animation-delay:.9s}
@keyframes bfuBreath{0%,100%{box-shadow:0 0 0 0 rgb(255 212 0 / 0%);border-color:#c9bb86}50%{box-shadow:0 0 0 8px rgb(255 212 0 / 35%);border-color:var(--bf-ink)}}
.bfu-slot-label{max-width:90px;margin-top:4px;font-size:12px;font-weight:700;line-height:1.2;text-align:center}
.bfu-slot.is-empty .bfu-slot-label{font-weight:400;opacity:.8}
.bfu-slot-pill{position:absolute;top:76px;left:50%;z-index:1;transform:translateX(-50%);padding:4px 10px;border-radius:50px;background:var(--red);color:#fff;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}
.bfu-slot-clear{position:absolute;top:-8px;left:-8px;z-index:2;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:var(--bf-ink);color:var(--bf-yellow);font-size:16px;line-height:1;cursor:pointer}
.bfu-flavors{display:flex;flex-direction:column;gap:12px;width:100%;max-width:640px;margin:0 auto;padding:28px 20px 0;box-sizing:border-box}
.bfu-flavor{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:14px;padding:6px 14px 6px 6px;background:var(--bf-paper);border:1px solid var(--bf-line);border-radius:18px}
.bfu-flavor-thumb{display:flex;align-items:center;justify-content:center;width:76px;height:76px;background:var(--bf-sand);border-radius:14px}
.bfu-flavor-thumb img{width:70px;height:70px;object-fit:contain}
.bfu-flavor-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.bfu-flavor-body small{font-size:13px;color:var(--muted)}
.bfu-flavor-body strong{font-size:16px;font-weight:700;line-height:1.2}
.bfu-flavor-add{padding:12px 18px;border:0;border-radius:112px;background:var(--bf-ink);color:var(--bf-yellow);font-family:var(--font-body);font-weight:700;font-size:14px;white-space:nowrap;cursor:pointer}
.bfu-flavor-add:disabled{background:var(--bf-line);color:var(--bf-muted);cursor:not-allowed}
.bfu-flavor-add.is-soldout{background:var(--red-soft);color:var(--red)}
.bfu-flavor[data-locked] .bfu-flavor-thumb,.bfu-flavor[data-locked] .bfu-flavor-body{opacity:.45}
.bfu--b .bfu-actions{width:100%;max-width:640px;margin:0 auto;box-sizing:border-box}
.bfu-actions--sticky{position:sticky;bottom:0;background:linear-gradient(to bottom,rgb(255 248 225 / 0%),var(--bf-cream) 22px);padding-top:30px}

@media (max-width:480px){
  .bfu{border-radius:16px}
  .bfu-head{min-height:50px;padding:14px 44px;font-size:16px;border-radius:16px 16px 0 0}
  .bfu-headline{padding:20px 20px 0;font-size:22px}
  .bfu-compare{grid-template-columns:1fr 32px 1fr;padding:26px 14px 0}
  .bfu-card{padding:20px 8px 12px;gap:8px}
  .bfu-card-badge{font-size:11px;padding:5px 10px;top:-9px}
  .bfu-card-kit{font-size:12px}
  .bfu-price strong{font-size:19px}
  .bfu-price small,.bfu-price del{font-size:12px}
  .bfu-arrow svg{width:20px;height:14px}
  .bfu-actions{padding:22px 16px 18px;gap:10px}
  .bfu-cta--accept,.bfu-cta--finalize{padding:17px 14px;font-size:15px}
  .bfu-cta--decline{padding:14px;font-size:13px}
  .bfu-slots{gap:8px;padding:26px 10px 0}
  .bfu-slot{width:70px}
  .bfu-slot-box{width:70px;height:70px;border-radius:12px}
  .bfu-slot-box img{width:62px;height:62px}
  .bfu-slot-label{font-size:11px}
  .bfu-slot-pill{top:60px}
  .bfu-flavors{padding:22px 14px 0;gap:10px}
  .bfu-flavor{grid-template-columns:64px 1fr auto;gap:10px}
  .bfu-flavor-thumb{width:64px;height:64px}
  .bfu-flavor-thumb img{width:58px;height:58px}
  .bfu-flavor-body strong{font-size:15px}
  .bfu-flavor-add{padding:11px 14px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .bfu,.bfu-arrow svg,.bfu-cta--accept,.bfu-card--upgrade,.bfu-card-badge,.bfu-slot-box{animation:none!important}
}