.bf-duo{padding-bottom:140px}
.bf-duo h1.bf-h{font-family:var(--bf-h);font-weight:800;text-transform:uppercase;line-height:.95;font-size:clamp(28px,4vw,48px);margin:0 0 10px}
.bf-duo__k{background:#F2DDE3;border-radius:999px;padding:6px 14px}
.bf-duo__steps{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;padding:0;margin:0 0 34px;font-size:14px}
.bf-duo__steps b{display:inline-flex;width:24px;height:24px;border-radius:50%;background:var(--bf-ink);color:#fff;align-items:center;justify-content:center;font-size:12px;margin-right:6px}
.bf-duo__g{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.6vw,20px)}
@media(max-width:989px){.bf-duo__g{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.bf-duo__g{grid-template-columns:repeat(2,1fr)}}
.bf-duo__i{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:calc(var(--bf-r) + 6px);border:2px solid transparent;transition:border-color .25s,background .25s,transform .25s}
.bf-duo__i:hover{transform:translateY(-3px)}
.bf-duo__i:focus-visible{outline:2px solid var(--bf-accent);outline-offset:2px}
.bf-duo__i.is-on{border-color:var(--bf-accent);background:#F7F1EA}
.bf-duo__m{position:relative;display:block;aspect-ratio:1/1;border-radius:var(--bf-r);overflow:hidden;background:var(--bf-cream)}
.bf-duo__m img{width:100%;height:100%;object-fit:cover;display:block}
.bf-duo__n{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:var(--bf-accent);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .25s}
.bf-duo__i.is-on .bf-duo__n{transform:scale(1)}
.bf-duo__t{font-family:var(--bf-h);font-weight:700;text-transform:uppercase;font-size:14px;line-height:1.1}
.bf-duo__p{font-size:13px;color:var(--bf-soft)}
.bf-duo__c{margin-top:2px;text-align:center;padding:9px 0;border-radius:999px;border:1.5px solid var(--bf-ink);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.bf-duo__i.is-on .bf-duo__c{background:var(--bf-ink);color:#fff}
.bf-duo__bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:45;width:min(760px,calc(100% - 24px));background:#fff;border-radius:22px;box-shadow:0 12px 40px rgba(31,26,23,.18);padding:12px 14px;display:flex;align-items:center;gap:14px}
.bf-duo__slots{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.bf-duo__slot{display:flex;align-items:center;gap:8px;max-width:140px}
.bf-duo__slot img,.bf-duo__ph{width:44px;height:44px;border-radius:12px;object-fit:cover;flex:0 0 44px}
.bf-duo__ph{display:flex;align-items:center;justify-content:center;border:1.5px dashed rgba(0,0,0,.25);color:var(--bf-soft);font-weight:700}
.bf-duo__slot em{font-style:normal;font-size:12px;font-weight:700;text-transform:uppercase;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bf-duo__plus{font-weight:700;color:var(--bf-soft)}
.bf-duo__sum{flex:1;display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.bf-duo__sum s{font-size:12px;color:var(--bf-soft)}
.bf-duo__sum b{font-size:18px}
.bf-duo__sum small{font-size:11.5px;color:var(--bf-accent);font-weight:700}
.bf-duo__go{padding:14px 20px;font-size:12px;white-space:nowrap}
.bf-duo__go[disabled]{opacity:.35;cursor:not-allowed;transform:none!important}
.bf-duo__bar.is-ready{box-shadow:0 12px 40px rgba(139,106,179,.35)}
@media(max-width:600px){.bf-duo__bar{flex-wrap:wrap;gap:10px;bottom:10px;padding:10px}.bf-duo__slot em{display:none}.bf-duo__sum{align-items:flex-start}.bf-duo__go{width:100%;justify-content:center}}