:root{--sticky-atc-bg: #ffffff;--sticky-atc-border: #cecece;--sticky-atc-text: #333333;--sticky-atc-price: #515151;--sticky-atc-shadow: 0 -2px 10px rgba(0, 0, 0, .1);--sticky-atc-z-index: 999;--sticky-atc-height: 70px;--sticky-atc-padding: 12px 16px;--sticky-atc-border-radius: 0;--sticky-atc-animation-duration: .3s;--sticky-atc-animation-easing: cubic-bezier(.4, 0, .2, 1);--sticky-atc-button-bg: var(--color-button-primary-background, #000000);--sticky-atc-button-text: var(--color-button-primary-text, #ffffff);--sticky-atc-vh: 1vh;--sticky-atc-vh: 1svh}.sticky-atc-bar{position:fixed;bottom:0;left:0;right:0;background:var(--sticky-atc-bg);border-top:1px solid var(--sticky-atc-border);z-index:var(--sticky-atc-z-index);transform:translateY(calc(100% + 100px + env(safe-area-inset-bottom,0px)));opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--sticky-atc-animation-duration) var(--sticky-atc-animation-easing),opacity var(--sticky-atc-animation-duration) var(--sticky-atc-animation-easing),visibility var(--sticky-atc-animation-duration) var(--sticky-atc-animation-easing);will-change:transform,opacity;bottom:env(safe-area-inset-bottom,0);bottom:max(env(safe-area-inset-bottom,0),0px)}.sticky-atc-bar:after{content:"";position:absolute;bottom:-80px;left:0;right:0;height:80px;background:var(--sticky-atc-bg);z-index:-1}@supports (-webkit-touch-callout: none){.sticky-atc-bar:after{height:max(80px,calc(80px + env(safe-area-inset-bottom,0px)));bottom:calc(-80px - env(safe-area-inset-bottom,0px))}.sticky-atc-bar:before{content:"";position:absolute;bottom:calc(-120px - env(safe-area-inset-bottom,0px));left:0;right:0;height:40px;background:var(--sticky-atc-bg);z-index:-2}}.sticky-atc-bar--hidden{transform:translateY(calc(100% + 100px + env(safe-area-inset-bottom,0px)))!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.sticky-atc-bar--visible{transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}.sticky-atc-content{display:flex;align-items:center;gap:12px;padding:var(--sticky-atc-padding);min-height:var(--sticky-atc-height);max-width:1200px;margin:0 auto}.sticky-atc-image{flex-shrink:0;width:50px;height:50px;border-radius:4px;overflow:hidden;display:none}.sticky-atc-image img{width:100%;height:100%;object-fit:cover}.sticky-atc-info{flex:1;min-width:0}.sticky-atc-title{font-size:14px;font-weight:900;color:var(--sticky-atc-text);margin:0 0 4px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticky-atc-price{font-size:16px;font-weight:900;color:var(--sticky-atc-price);margin:0;line-height:1}.sticky-atc-actions{flex-shrink:0}.sticky-atc-btn{min-width:120px;height:44px;flex-shrink:0;background-color:var(--sticky-atc-button-bg)!important;color:var(--sticky-atc-button-text)!important;border-color:var(--sticky-atc-button-bg)!important}.sticky-atc-variants{flex-shrink:0;display:flex;gap:12px;align-items:center}.sticky-atc-variant-option{display:flex;flex-direction:column;gap:4px;min-width:0}.sticky-atc-variant-label{font-size:12px;font-weight:500;color:var(--sticky-atc-text);opacity:.8;margin:0;white-space:nowrap;position:absolute;top:0}.sticky-atc-select-wrapper{position:relative;display:flex;align-items:center}.sticky-atc-variant-select{-webkit-appearance:none;appearance:none;background:var(--sticky-atc-bg);border:1px solid var(--sticky-atc-border);border-radius:4px;padding:6px 24px 6px 8px;font-size:14px;color:var(--sticky-atc-text);cursor:pointer;min-width:80px;max-width:120px;height:44px}.sticky-atc-variant-select:focus{outline:2px solid #005fcc;outline-offset:1px}.sticky-atc-variant-select:disabled{opacity:.5;cursor:not-allowed}.sticky-atc-select-icon{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:12px;height:8px;pointer-events:none;color:var(--sticky-atc-text);opacity:.7}.sticky-atc-btn--unavailable{opacity:.6;cursor:not-allowed}@media (max-width: 767px){.sticky-atc-info{display:none}.sticky-atc-variants{display:flex;flex:1;gap:8px}.sticky-atc-variant-option{flex:1;min-width:0}.sticky-atc-variant-select{width:100%;min-width:0;max-width:none;padding:6px 20px 6px 6px;font-size:13px}.sticky-atc-variant-label{font-size:11px}.sticky-atc-actions{flex:1}.sticky-atc-btn{width:100%;min-width:0}}@media (min-width: 768px){:root{--sticky-atc-height: 80px;--sticky-atc-padding: 16px 20px}.sticky-atc-content{gap:16px}.sticky-atc-title{font-size:16px;white-space:normal;overflow:visible;text-overflow:initial;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sticky-atc-price{font-size:18px}.sticky-atc-btn{min-width:140px;height:48px}.sticky-atc-bar[data-variant*=image] .sticky-atc-image{display:block;width:60px;height:60px}}@media (min-width: 1024px){.sticky-atc-bar[data-variant*=right]{left:auto;right:20px;bottom:20px;width:400px;border-radius:8px;border:1px solid var(--sticky-atc-border)}.sticky-atc-content{gap:20px}.sticky-atc-image{width:70px;height:70px}.sticky-atc-btn{min-width:160px;height:52px}}@media (prefers-contrast: high){:root{--sticky-atc-border: #cecece}}@media (prefers-reduced-motion: reduce){:root{--sticky-atc-animation-duration: .1s}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.sticky-atc-bar{display:none}}.sticky-atc-bar[data-variant*=basic]{--sticky-atc-height: 60px;--sticky-atc-padding: 18px 16px}.sticky-atc-bar[data-variant*=basic] .sticky-atc-title{font-size:16px}.sticky-atc-bar[data-variant*=basic] .sticky-atc-price{font-size:15px}.sticky-atc-bar[data-variant*=basic] .sticky-atc-btn{min-width:100px;height:40px;margin:0}.sticky-atc-bar[data-variant*=image] .sticky-atc-content{gap:16px}@media screen and (max-width: 767px){.sticky-atc-bar[data-variant*=image] .sticky-atc-content{padding-top:16px;padding-bottom:16px}}.sticky-atc-bar[data-variant*=text] .sticky-atc-info{display:flex;align-items:center;gap:12px}.sticky-atc-bar[data-variant*=text] .sticky-atc-title,.sticky-atc-bar[data-variant*=text] .sticky-atc-price{margin:0}main,#MainContent,.main-content,.page-content{transition:padding-bottom .3s var(--sticky-atc-animation-easing)}
/*# sourceMappingURL=/cdn/shop/t/24/assets/sticky-add-to-cart.css.map */