.sticky-buy{position:fixed;inset-inline:0;inset-block-start:0;z-index:44;display:block;background:#fffffff7;border-bottom:1px solid var(--line);box-shadow:0 10px 28px -18px #1a1a1a59;transform:translateY(-110%);opacity:0;visibility:hidden;transition:transform .35s var(--ease),opacity .35s var(--ease),visibility 0s linear .35s}.sticky-buy.is-visible{transform:none;opacity:1;visibility:visible;transition:transform .35s var(--ease),opacity .35s var(--ease),visibility 0s}body:has(.header-wrapper--sticky) .sticky-buy{inset-block-start:var(--header-height, 0px)}body:has(dialog[open]) .sticky-buy{visibility:hidden;opacity:0}.sticky-buy__inner{display:flex;align-items:center;gap:1.25rem;min-height:72px;padding-block:.6rem}.sticky-buy__media{flex:0 0 56px;width:56px;aspect-ratio:var(--product-frame, 1 / 1);background:#fff;border:1px solid var(--line)}.sticky-buy__media img{display:block;width:100%;height:100%;object-fit:contain}.sticky-buy__text{display:grid;flex:1 1 auto;min-width:0;line-height:1.3}.sticky-buy__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--text-md, 1.125rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-buy__detail{font-size:var(--text-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-buy__stock{display:inline-flex;align-items:center;gap:.45rem;flex:0 0 auto;font-size:var(--text-xs);white-space:nowrap}.sticky-buy__stock:before{content:"";width:7px;height:7px;border-radius:50%;background:#2f7d55}.sticky-buy__stock[data-state=low]:before{background:#c28a2c}.sticky-buy__stock[data-state=order]:before{background:var(--color-accent)}.sticky-buy__stock[data-state=out]:before{background:#a63d2f}.sticky-buy__price{flex:0 0 auto;font-size:var(--text-md, 1.125rem);font-weight:var(--font-body-weight-medium);white-space:nowrap;unicode-bidi:isolate}.sticky-buy__button{flex:0 0 auto;min-width:220px;min-height:48px}.sticky-buy__button.is-loading{opacity:.6}.sticky-buy__button[hidden]{display:none}@media(max-width:989px){.sticky-buy{inset-block-start:auto;inset-block-end:0;border-top:1px solid var(--line);border-bottom:0;box-shadow:0 -10px 28px -18px #1a1a1a59;transform:translateY(110%);padding-block-end:env(safe-area-inset-bottom)}body:has(.header-wrapper--sticky) .sticky-buy{inset-block-start:auto}body.has-floating-nav .sticky-buy{inset-block-end:calc(68px + max(12px,env(safe-area-inset-bottom)));inset-inline:.75rem;padding-block-end:0;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px -16px #1a1a1a59}body.has-floating-nav.has-compare-tray .sticky-buy{inset-block-end:calc(var(--compare-tray-height, 150px) + 10px + 60px + 8px)}.sticky-buy__inner{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,46%);column-gap:.75rem;row-gap:.1rem;min-height:0;padding:.6rem .6rem .6rem .9rem}[dir=rtl] .sticky-buy__inner{padding:.6rem .9rem .6rem .6rem}.sticky-buy__media,.sticky-buy__detail{display:none}.sticky-buy__text{grid-column:1 / 3;grid-row:1}.sticky-buy__title{font-family:inherit;font-weight:var(--font-body-weight-medium);font-size:var(--text-sm)}.sticky-buy__price{grid-column:1;grid-row:2;font-size:var(--text-base)}.sticky-buy__stock{grid-column:2;grid-row:2;min-width:0;overflow:hidden;font-size:var(--text-2xs, .72rem)}.sticky-buy__button{grid-column:3;grid-row:1 / 3;min-width:0;width:100%;padding-inline:.75rem}body.has-sticky-buy .whatsapp-float{inset-block-end:calc(var(--sticky-buy-height, 72px) + env(safe-area-inset-bottom) + 12px)}body.has-floating-nav.has-sticky-buy .whatsapp-float{inset-block-end:calc(60px + max(12px,env(safe-area-inset-bottom)) + 8px + var(--sticky-buy-height, 72px) + 12px)}body.has-floating-nav.has-compare-tray.has-sticky-buy .whatsapp-float{inset-block-end:calc(var(--compare-tray-height, 150px) + 10px + 60px + 8px + var(--sticky-buy-height, 72px) + 12px)}body.has-sticky-buy{padding-block-end:calc(var(--sticky-buy-height, 72px) + 16px + env(safe-area-inset-bottom))}body.has-floating-nav.has-sticky-buy{padding-block-end:calc(60px + max(12px,env(safe-area-inset-bottom)) + 16px + var(--sticky-buy-height, 72px) + 8px)}}@media(prefers-reduced-motion:reduce){.sticky-buy,.sticky-buy.is-visible{transition:none}}@media print{.sticky-buy{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sticky-buy-bar.css.map */