.sticky-atc{--sticky-atc-panel-radius-safe: min(var(--sticky-atc-panel-radius, 16px), 999px);--sticky-atc-floating-width: min( calc(100vw - 40px) , max(420px, calc(300px + (var(--sticky-atc-panel-radius-safe) * 3))) );position:fixed;right:20px;bottom:20px;z-index:150;width:var(--sticky-atc-floating-width);padding-block:clamp(14px,calc(12px + (var(--sticky-atc-panel-radius-safe) * .05)),20px);padding-inline:clamp(14px,calc(14px + (var(--sticky-atc-panel-radius-safe) * .18)),30px);display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;background:color-mix(in srgb,var(--bg) 97%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--border) 10%,transparent);border-radius:var(--sticky-atc-panel-radius-safe);box-shadow:0 18px 48px color-mix(in srgb,var(--fg) 16%,transparent);transform:translate3d(0,calc(100% + 24px),0);transition:transform .4s cubic-bezier(.22,1,.36,1)}.sticky-atc.visible{transform:translateZ(0)}.sticky-atc .sticky-info{min-width:0}.sticky-atc--layout-style_1 .sticky-btn{grid-column:1 / -1;width:100%}.sticky-atc--layout-style_1:not(:has(.sticky-thumb)){grid-template-columns:minmax(0,1fr) auto}.sticky-atc--layout-style_2{--sticky-atc-floating-width: min( calc(100vw - 40px) , 550px);grid-template-columns:80px minmax(150px,1fr) auto;grid-template-rows:auto auto;column-gap:16px;row-gap:2px;padding:16px}.sticky-atc--layout-style_2 .sticky-thumb{grid-column:1;grid-row:1 / -1;width:80px;height:80px;border-radius:max(0px,calc(var(--sticky-atc-panel-radius-safe) * .65))}.sticky-atc--layout-style_2 .sticky-info{grid-column:2;grid-row:1;align-self:end}.sticky-atc--layout-style_2 .sticky-price{grid-column:2;grid-row:2;align-self:start;font-size:18px}.sticky-atc--layout-style_2 .sticky-title{font-size:16px}.sticky-atc--layout-style_2 .sticky-btn{grid-column:3;grid-row:1 / -1;align-self:center;min-width:160px;min-height:64px;margin-inline-end:4px;padding:14px 28px;border-radius:var(--btn-radius, 0px)}.sticky-atc--layout-style_2:not(:has(.sticky-thumb)){grid-template-columns:minmax(180px,1fr) auto}.sticky-atc--layout-style_2:not(:has(.sticky-thumb)) :is(.sticky-info,.sticky-price){grid-column:1}.sticky-atc--layout-style_2:not(:has(.sticky-thumb)) .sticky-btn{grid-column:2}.sticky-thumb{width:52px;height:52px;object-fit:cover;flex-shrink:0}.sticky-info{flex:1;min-width:0}.sticky-title{font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-variant{font-size:12px;color:var(--muted)}.sticky-price{font-size:16px;font-weight:500;flex-shrink:0}.sticky-btn{padding:12px 28px;background:var(--fg);color:var(--inv-fg);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;border:none;cursor:pointer;font-family:inherit;transition:background .25s}.sticky-btn:hover{background:var(--inv-bg)}body[data-button-hover-animation=true] .sticky-btn:hover:not(:disabled),body[data-button-hover-animation=true] .sticky-btn:focus-visible:not(:disabled){background:var(--fg);color:var(--button-slide-fill-color, var(--inv-fg))}.sticky-btn.is-disabled,.sticky-btn:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}.sticky-btn.is-disabled:hover,.sticky-btn:disabled:hover{background:var(--border)}@media(max-width:767px){.sticky-atc{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;padding:10px 12px;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--border) 10%,transparent);border-radius:var(--sticky-atc-panel-radius-safe);box-shadow:0 14px 36px color-mix(in srgb,var(--fg) 14%,transparent);transform:translate3d(0,calc(100% + 24px),0)}.sticky-atc.visible{transform:translateZ(0)}.sticky-atc--layout-style_1 .sticky-btn{grid-column:4;grid-row:1;width:auto}.sticky-atc--layout-style_2{grid-template-columns:52px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:0}.sticky-atc--layout-style_2 .sticky-thumb{width:52px;height:52px}.sticky-atc--layout-style_2 .sticky-title{font-size:12px}.sticky-atc--layout-style_2 .sticky-price{font-size:14px}.sticky-atc--layout-style_2 .sticky-btn{min-width:0;min-height:44px;margin-inline-end:0;padding:11px 14px}.sticky-thumb{width:44px;height:44px}.sticky-atc .sticky-info{display:block;min-width:0}.sticky-title{font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-variant{margin-top:4px;font-size:11px;line-height:1.3;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sticky-price{font-size:14px}.sticky-btn{padding:11px 18px;flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/product-sticky-atc.css.map */