body:has(sticky-buy-bar){--sticky-bar-h: 80px}body:has(sticky-buy-bar) .ftr:after{content:"";display:block;block-size:var(--sticky-bar-h)}.sticky-bar{position:fixed;inset-inline:0;inset-block-end:0;z-index:60;background:var(--surface);border-block-start:1px solid var(--border);color:var(--text);visibility:hidden;translate:0 100%;opacity:0;will-change:translate;transition:translate var(--dur-slow) var(--ease),opacity var(--dur-slow) var(--ease),visibility 0s linear var(--dur-slow)}.sticky-bar.is-visible{visibility:visible;translate:0 0;opacity:1;transition:translate var(--dur-slow) var(--ease),opacity var(--dur-slow) var(--ease),visibility 0s}@media(prefers-reduced-motion:reduce){.sticky-bar,.sticky-bar.is-visible{translate:none;transition:none}}.sticky-bar__inner{display:flex;align-items:center;gap:var(--s3);max-inline-size:calc(var(--page-width) + 2 * var(--page-margin));margin-inline:auto;padding:var(--s2) var(--page-margin);padding-block-end:max(var(--s2),env(safe-area-inset-bottom))}.sticky-bar__info{display:flex;align-items:baseline;gap:var(--s2);min-inline-size:0;margin:0;flex:1 1 auto}.sticky-bar__title,.sticky-bar__price{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.13em;text-transform:uppercase;color:var(--text)}.sticky-bar__title{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticky-bar__price{flex:none;font-variant-numeric:tabular-nums}.sticky-bar__form{display:flex;align-items:center;gap:var(--s1);flex:none;min-inline-size:0}.sticky-bar__submit-wrap{display:contents}.sticky-bar__select{inline-size:96px;min-block-size:44px;padding-block:var(--s1)}.sticky-bar__cta{flex:none;gap:11px;padding:var(--s2) var(--s3);min-block-size:44px;font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.14em;text-transform:uppercase}@media(max-width:749px){.sticky-bar__inner{gap:var(--s1);padding-inline:var(--s2)}.sticky-bar__info{display:grid;gap:2px;align-items:start}.sticky-bar__colour{display:none}.sticky-bar__select{padding-inline:var(--s1) var(--s4)}.sticky-bar__field .product-form__field-arrow{inset-inline-end:var(--s1)}.sticky-bar__cta{padding-inline:var(--s2);gap:9px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/sticky-buy-bar.css.map */