:root{--container-pad-x: 16px;--body-text-color: 17,17,17;--body-bg-color: 255,255,255;--btn-border-radius: 12px}.sticky-atc{box-sizing:border-box;position:fixed;inset-inline-start:0;inset-inline-end:0;bottom:0;z-index:1000;width:100%;color:rgb(var(--body-text-color));background:rgb(var(--body-bg-color));border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -8px 24px #00000014;--gutter-content: 8px;padding:var(--gutter-content) var(--container-pad-x) calc(var(--gutter-content) + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:10px;align-items:center;line-height:1.4;transition:transform .2s ease,opacity .2s ease,visibility .2s ease}.sticky-atc--out,.scrolled-to-bottom .sticky-atc{visibility:hidden;transform:translateY(100%);opacity:0}.sticky-atc--hide-on-mobile{display:none}.sticky-atc__image{display:block}.sticky-atc__image img{width:68px;height:80px;object-fit:cover;border-radius:6px}.sticky-atc__details{min-width:0;margin-inline-end:4px}.sticky-atc__details__title{font-size:13px;line-height:1.2;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:2px}.sticky-atc__details__variant{margin-top:2px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font-size:12px}.sticky-atc__details__variant__title,.sticky-atc__details__variant__sep{margin-right:6px}.sticky-atc__options{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.sticky-atc__select{min-width:100px;height:26px;padding:4px 8px;font-size:12px!important;line-height:1.2;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fff}.sticky-atc__buttons{display:grid}.sticky-atc__buttons .btn{white-space:nowrap;font-size:11px;padding:14px 18px}.sticky-atc__error{position:absolute;bottom:calc(100% + 10px);inset-inline-end:10px;padding:10px;color:rgb(var(--body-text-color));background:rgb(var(--body-bg-color));box-shadow:0 6px 12px #0000001f;border-radius:var(--btn-border-radius)}.sticky-atc-anchor{display:block;visibility:hidden;position:relative}@media (max-width: 380px){.sticky-atc{grid-template-columns:56px 1fr}.sticky-atc__buttons{grid-column:1 / -1}.sticky-atc__buttons .btn{width:100%}}@media (max-width: 767.98px){.sticky-atc--onlybtn-m .sticky-atc__image,.sticky-atc--onlybtn-m .sticky-atc__details{display:none!important}.sticky-atc--onlybtn-m{grid-template-columns:1fr}.sticky-atc--onlybtn-m .sticky-atc__buttons .btn{width:100%}}@media (min-width: 768px){.sticky-atc--onlybtn-d .sticky-atc__image,.sticky-atc--onlybtn-d .sticky-atc__details{display:none!important}.sticky-atc--onlybtn-d{grid-template-columns:1fr}}@media (max-width: 767.98px){.sticky-atc--wm-full{inset-inline-start:0;inset-inline-end:0;width:100%;border-radius:0}.sticky-atc--wm-compact{width:min(92vw,420px);inset-inline-start:calc(50% - (min(92vw,420px)/2));inset-inline-end:auto;border-radius:var(--btn-border-radius);box-shadow:0 6px 16px #0000001f}}@media (min-width: 768px){.sticky-atc{--sticky-atc-width: clamp(520px, 50vw, 760px);width:var(--sticky-atc-width);bottom:calc(12px + env(safe-area-inset-bottom,0px));border-radius:var(--btn-border-radius);box-shadow:0 6px 16px #0000001f;inset-inline-start:auto;inset-inline-end:auto;gap:12px;--gutter-content: 12px;padding:var(--gutter-content) var(--container-pad-x) calc(var(--gutter-content) + env(safe-area-inset-bottom,0px))}.sticky-atc__image img{width:72px;height:80px}.sticky-atc__details__title{font-size:16px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:initial;-webkit-box-orient:initial;display:block}.sticky-atc__select{min-width:110px;padding:6px 10px;font-size:14px;height:auto}.sticky-atc__buttons .btn{font-size:12px;padding:10px 25px}.sticky-atc--hide-on-mobile{display:grid}.sticky-atc--start{inset-inline-start:var(--container-pad-x);inset-inline-end:auto}.sticky-atc--center{inset-inline-start:calc(50% - var(--sticky-atc-width) / 2);inset-inline-end:auto}.sticky-atc--end{inset-inline-start:auto;inset-inline-end:var(--container-pad-x)}}@media (min-width: 768px){.sticky-atc--wd-small{--sticky-atc-width: 520px}.sticky-atc--wd-medium{--sticky-atc-width: 680px}.sticky-atc--wd-full{width:calc(100% - 2 * var(--container-pad-x));inset-inline-start:var(--container-pad-x);inset-inline-end:var(--container-pad-x)}}.sticky-atc__details__variant.small-text{display:none}.sticky-atc__image img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.sticky-atc{contain:layout paint}
/*# sourceMappingURL=/cdn/shop/t/16/assets/sticky-atc.css.map */