.bf-body.bf-sticky-enabled .bf-topbar{position:sticky;top:0;z-index:30;background:var(--bf-bg,#090909);box-shadow:0 0 0 100vmax var(--bf-bg,#090909);clip-path:inset(0 -100vmax);transition:min-height .18s,padding .18s}
.bf-body.bf-sticky-enabled .bf-topbar--compact{min-height:60px;padding-block:2px}
.bf-body.bf-sticky-enabled .bf-topbar--compact .bf-brand{padding-block:2px}
.bf-body.bf-sticky-enabled .bf-topbar--compact .bf-brand-logo{width:110px;max-height:40px;object-fit:contain}
.bf-body.bf-sticky-enabled .bf-topbar .bf-bag,.bf-body.bf-sticky-enabled .bf-topbar .bf-back{min-height:44px;display:flex;align-items:center}
.bf-body.bf-sticky-enabled .bf-category{scroll-margin-top:80px}
@media(max-width:599px){.bf-body.bf-sticky-enabled .bf-topbar--compact{min-height:52px}.bf-body.bf-sticky-enabled .bf-topbar--compact .bf-brand-logo{width:84px;max-height:32px}.bf-body.bf-sticky-enabled .bf-category{scroll-margin-top:68px}}
@media(prefers-reduced-motion:reduce){.bf-body.bf-sticky-enabled .bf-topbar{transition:none}}
.bf-upsells{margin-top:18px;padding-top:16px;border-top:1px solid #ffffff26}
.bf-upsells h3{font-size:15px;margin:0 0 12px;color:#fff}
.bf-upsell-list{display:grid;gap:10px}
.bf-upsell{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center}
.bf-upsell>img{width:48px;height:60px;object-fit:contain}
.bf-upsell-info{display:grid;gap:4px;min-width:0;font-size:12px;color:#fff}
.bf-upsell-info>a{color:inherit;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bf-upsell-info>span{font-size:12px}
.bf-upsell .bf-upsell-add{padding:8px 12px;min-height:40px;font-size:12px;white-space:nowrap}
.bf-upsell-status:empty{display:none}
.bf-upsell-status{color:#ff9aa6}
@media(max-width:360px){.bf-upsell{gap:6px;grid-template-columns:40px minmax(0,1fr) auto}.bf-upsell>img{width:40px}.bf-upsell .bf-upsell-add{padding:6px 8px}}