.bsp-sticky-cta{--bsp-sticky-pad-y: 10px;--bsp-sticky-thumb: 52px;--bsp-sticky-thumb-radius: 10px;--bsp-sticky-gap: 12px;--bsp-sticky-atc-height: 48px;--bsp-sticky-atc-radius: 10px;--bsp-sticky-icon: 20px;--bsp-sticky-bg: rgb(255 255 255 / .94);--bsp-sticky-shadow: 0 -10px 30px rgb(53 47 33 / .1);--bsp-sticky-blur: 14px;--bsp-sticky-press: .97;--bsp-sticky-safe: env(safe-area-inset-bottom, 0px);position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--bsp-z-sticky);padding:var(--bsp-sticky-pad-y) var(--bsp-gutter) calc(var(--bsp-sticky-pad-y) + var(--bsp-sticky-safe));border-block-start:var(--bsp-border-width) solid var(--bsp-color-border-soft);background:var(--bsp-sticky-bg);box-shadow:var(--bsp-sticky-shadow);-webkit-backdrop-filter:saturate(1.4) blur(var(--bsp-sticky-blur));backdrop-filter:saturate(1.4) blur(var(--bsp-sticky-blur));opacity:0;translate:0 110%;transition:translate var(--bsp-duration-slow) var(--bsp-ease-out),opacity var(--bsp-duration-slow) var(--bsp-ease-out)}.bsp-sticky-cta.is-open{opacity:1;translate:0 0}.bsp-sticky-cta__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--bsp-sticky-gap);max-width:calc(var(--bsp-container-max) - 2 * var(--bsp-gutter));margin-inline:auto}.bsp-sticky-cta__thumb{display:block;width:var(--bsp-sticky-thumb);height:var(--bsp-sticky-thumb);border-radius:var(--bsp-sticky-thumb-radius);background:var(--bsp-color-surface-tint);object-fit:cover}.bsp-sticky-cta__info{min-width:0}.bsp-sticky-cta__title{margin:0;overflow:hidden;color:var(--bsp-color-text-strong);font-size:var(--bsp-type-body-sm-size);font-weight:var(--bsp-weight-semibold);line-height:var(--bsp-type-body-sm-leading);text-overflow:ellipsis;white-space:nowrap}.bsp-sticky-cta__meta{display:flex;align-items:center;gap:var(--bsp-space-2xs);margin:var(--bsp-space-3xs) 0 0;min-width:0}.bsp-sticky-cta__price{flex:none;color:var(--bsp-color-text-strong);font-size:var(--bsp-type-title-sm-size);font-weight:var(--bsp-weight-bold);line-height:var(--bsp-type-title-sm-leading)}.bsp-sticky-cta__pack{display:inline-flex;align-items:center;gap:var(--bsp-space-3xs);min-width:0;padding:var(--bsp-space-3xs) var(--bsp-space-2xs);border:0;border-radius:var(--bsp-radius-label);background:var(--bsp-color-surface-warm);color:var(--bsp-color-brand);font:inherit;font-size:var(--bsp-type-caption-size);font-weight:var(--bsp-weight-semibold);line-height:var(--bsp-type-caption-leading);text-transform:capitalize;cursor:pointer;transition:background-color var(--bsp-transition)}.bsp-sticky-cta__pack-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:749px){.bsp-sticky-cta__pack-detail{display:none}}.bsp-sticky-cta__pack-icon{flex:none;width:var(--bsp-type-caption-size);height:var(--bsp-type-caption-size)}.bsp-sticky-cta__pack-icon,.bsp-sticky-cta__pack-icon *{fill:none}.bsp-sticky-cta__atc{display:inline-flex;align-items:center;justify-content:center;gap:var(--bsp-space-2xs);height:var(--bsp-sticky-atc-height);margin:0;padding:0 var(--bsp-space-sm);border:0;border-radius:var(--bsp-sticky-atc-radius);background:var(--bsp-color-brand);color:var(--bsp-color-text-on-brand);font:inherit;font-size:var(--bsp-type-title-sm-size);font-weight:var(--bsp-weight-semibold);line-height:var(--bsp-type-title-sm-leading);white-space:nowrap;cursor:pointer;box-shadow:var(--bsp-shadow-sm);transition:background-color var(--bsp-transition),scale var(--bsp-duration-fast) var(--bsp-ease-out),opacity var(--bsp-transition)}.bsp-sticky-cta__atc .icon{flex:none;width:var(--bsp-sticky-icon);height:var(--bsp-sticky-icon)}.bsp-sticky-cta__atc:active:not(:disabled){scale:var(--bsp-sticky-press)}.bsp-sticky-cta__atc:disabled{cursor:not-allowed;opacity:.5}.bsp-sticky-cta__atc.is-loading{opacity:.7;pointer-events:none}@media(hover:hover){.bsp-sticky-cta__atc:not(:disabled):hover{background:var(--bsp-color-brand-hover)}.bsp-sticky-cta__pack:hover{background:var(--bsp-color-surface-tint-hover)}}@media(max-width:429px){.bsp-sticky-cta{--bsp-sticky-gap: 10px}.bsp-sticky-cta__atc{padding-inline:var(--bsp-space-xs)}.bsp-sticky-cta__atc .icon,.bsp-sticky-cta__badge{display:none}}@media(min-width:1025px){.bsp-sticky-cta{--bsp-sticky-pad-y: 12px;--bsp-sticky-thumb: 56px;--bsp-sticky-atc-height: 52px}.bsp-sticky-cta__title{font-size:var(--bsp-type-title-size);line-height:var(--bsp-type-title-leading)}.bsp-sticky-cta__atc{min-width:var(--bsp-sticky-atc-min)}.bsp-sticky-cta{--bsp-sticky-atc-min: 240px}}.bsp-sticky-cta__badge{flex:none;padding:var(--bsp-space-3xs) var(--bsp-space-2xs);border-radius:var(--bsp-radius-label);background:var(--bsp-color-surface-warm);color:var(--bsp-color-text-strong);font-size:var(--bsp-type-caption-size);font-weight:var(--bsp-weight-semibold);line-height:var(--bsp-type-caption-leading);white-space:nowrap}@media(prefers-reduced-motion:reduce){.bsp-sticky-cta,.bsp-sticky-cta__atc,.bsp-sticky-cta__pack{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/component-bsp-sticky-cta.css.map */