.bbl-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; box-sizing: border-box; background: var(--bbl-card, #fff); border-top: 1px solid var(--bbl-line, #D5E5DC); }
.bbl-sticky__in { box-shadow: 0 -4px 16px rgba(20, 84, 63, .12); }
.bbl-sticky__in { box-sizing: border-box; max-width: 1152px; margin: 0 auto; padding: 4px 12px calc(8px + env(safe-area-inset-bottom)); }
.bbl-sticky .bbl-pb__l { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "p b" "s b"; align-items: center; column-gap: 12px; }
.bbl-sticky .bbl-pb__price { grid-area: p; margin: 0; font-size: 1.05rem; font-weight: 800; color: var(--bbl-ink, #1B2733); font-variant-numeric: tabular-nums; }
.bbl-sticky .bbl-pb__shop { grid-area: s; font-size: .8rem; color: var(--bbl-muted, #4A5866); }
.bbl-sticky a.bbl-btn { grid-area: b; min-height: 48px; padding: .4rem 1.1rem; font-size: 1.05rem; white-space: nowrap; }
body.bbl-model { padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
@media (min-width: 900px) { .bbl-sticky__in { padding-top: 6px; } .bbl-sticky .bbl-pb__price { font-size: 1.2rem; } }
@media (max-width: 899px) {
.bbl-js .bbl-sticky:not(.is-on) { transform: translateY(110%); visibility: hidden; }
.bbl-js .bbl-sticky { transition: transform .2s; }
}
@media (max-width: 899px) and (prefers-reduced-motion: reduce) { .bbl-js .bbl-sticky { transition: none; } }