.sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:60;transform:translateY(110%);transition:transform .28s ease}.sticky-atc.is-visible{transform:translateY(0)}.sticky-atc:not(.sticky-atc--desktop){display:block}@media (min-width: 990px){.sticky-atc:not(.sticky-atc--desktop){display:none}}.sticky-atc__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;background:color-mix(in oklab,var(--color-background, #fff) 95%,#000 0%);border-top:1px solid rgba(0,0,0,.08);padding:.6rem .9rem;box-shadow:0 -8px 24px #0000000f}@media (prefers-color-scheme: dark){.sticky-atc__inner{background:color-mix(in oklab,#111 92%,#fff 0%);border-top-color:#ffffff14}}.sticky-atc__media img{width:48px;height:48px;border-radius:.5rem;object-fit:cover}.sticky-atc__title{font-weight:600;font-size:.95rem;line-height:1.15;margin-bottom:.1rem}.sticky-atc__price{font-size:.95rem}.sticky-atc__form{display:grid;grid-auto-flow:column;align-items:center;gap:.5rem}.sticky-atc__btn{-webkit-appearance:none;appearance:none;border:0;padding:.7rem 1rem;border-radius:.75rem;font-weight:600;background:var(--color-button, #111);color:#fff;cursor:pointer}.sticky-atc__btn[aria-busy=true]{opacity:.7}.sticky-atc__qty{display:grid;align-items:center;grid-template-columns:2rem 2.5rem 2rem;border:1px solid rgba(0,0,0,.1);border-radius:.6rem;overflow:hidden;background:#fff}.sticky-atc__qty-input{width:2.5rem;text-align:center;border:0;outline:none}.sticky-atc__qty-btn{border:0;background:transparent;font-size:1.1rem;cursor:pointer}:root{--sticky-atc-h: 0px}body.has-sticky-atc{padding-bottom:calc(var(--sticky-atc-h) + env(safe-area-inset-bottom))}.sticky-atc--compact .sticky-atc__inner{grid-template-columns:1fr;gap:.5rem;padding:.5rem .75rem}.sticky-atc--compact .sticky-atc__form{justify-content:center}.sticky-atc--compact .sticky-atc__btn{width:min(540px,100%);margin:0 auto;border-radius:999px;padding:.75rem 1.25rem}@media (max-width: 360px){.sticky-atc--compact .sticky-atc__btn{padding:.65rem 1rem}}:root{--sticky-atc-bg: #ffffff;--sticky-atc-fg: #2b1b22;--sticky-atc-btn: #5b233a;--sticky-atc-btn-t:#ffffff}.sticky-atc__inner{background:var(--sticky-atc-bg)!important;color:var(--sticky-atc-fg)!important;border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -8px 24px #00000014}.sticky-atc__title,.sticky-atc__price{color:inherit}.sticky-atc__btn,.sticky-atc--compact .sticky-atc__btn{background:var(--sticky-atc-btn)!important;color:var(--sticky-atc-btn-t)!important}@media (prefers-color-scheme: dark){:root{--sticky-atc-bg: #111111;--sticky-atc-fg: #f2f2f2;--sticky-atc-btn: #e6d0d9;--sticky-atc-btn-t:#23141b}}.sticky-atc--compact{background:transparent!important}.sticky-atc--compact .sticky-atc__inner{background:transparent!important;border-top:0!important;box-shadow:none!important;padding:0 env(safe-area-inset-right) max(8px,env(safe-area-inset-bottom)) env(safe-area-inset-left)!important;display:flex;justify-content:center;align-items:flex-end;min-height:0}.sticky-atc--compact .sticky-atc__media,.sticky-atc--compact .sticky-atc__meta,.sticky-atc--compact .sticky-atc__qty{display:none!important}.sticky-atc--compact .sticky-atc__form{margin:0;padding:0;justify-content:center}.sticky-atc--compact .sticky-atc__btn{display:inline-block;pointer-events:auto;border-radius:999px;padding:.75rem 1.25rem;min-width:8.5rem;width:auto}@media (max-width: 360px){.sticky-atc--compact .sticky-atc__btn{padding:.65rem 1rem;min-width:7.5rem}}.sticky-atc--compact .sticky-atc__btn{font-size:1rem;padding:.9rem 1.4rem;min-width:10.5rem;border-radius:999px;box-shadow:0 6px 18px #0000001f}@media (max-width: 360px){.sticky-atc--compact .sticky-atc__btn{font-size:.95rem;padding:.8rem 1.2rem;min-width:9rem}}.sticky-atc--compact .sticky-atc__btn{font-size:var(--pill-fs, 1rem);padding:var(--pill-py, .9rem) var(--pill-px, 1.4rem);min-width:var(--pill-minw, 10.5rem);border-radius:999px;box-shadow:0 6px 18px #0000001f}.sticky-atc--pill-s{--pill-fs: .9rem;--pill-py: .65rem;--pill-px: 1.1rem;--pill-minw: 8.25rem}.sticky-atc--pill-m{--pill-fs: .95rem;--pill-py: .8rem;--pill-px: 1.2rem;--pill-minw: 9.25rem}.sticky-atc--pill-l{--pill-fs: 1rem;--pill-py: .9rem;--pill-px: 1.4rem;--pill-minw: 10.5rem}.sticky-atc--pill-xl{--pill-fs: 1.1rem;--pill-py: 1rem;--pill-px: 1.6rem;--pill-minw: 12rem}@media (max-width: 360px){.sticky-atc--compact .sticky-atc__btn{min-width:max(8rem,70%)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-sticky-atc.css.map */