:root{--sticky-atc-accent: #c98d5c;--sticky-atc-accent-hover: #b87a48;--sticky-atc-bg: #fffbf0;--sticky-atc-text: #2a2a2a;--sticky-atc-text-secondary: #5a4a3a;--sticky-atc-border: rgba(201, 141, 92, .2);--sticky-atc-shadow: rgba(0, 0, 0, .1);--sticky-atc-z-index: 999;--sticky-atc-transition: all .2s ease}.sticky-atc-wrapper{position:relative;width:100%}.benefits-row{display:flex;gap:1.5rem;padding:1rem;background:linear-gradient(135deg,#c98d5c14,#fff8f580);border-radius:.5rem;margin:1.5rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.benefits-row::-webkit-scrollbar{height:4px}.benefits-row::-webkit-scrollbar-track{background:transparent}.benefits-row::-webkit-scrollbar-thumb{background:#c98d5c4d;border-radius:2px}.benefits-row--sticky{margin:0;border-radius:0;gap:1rem;padding:.75rem 1rem;font-size:.875rem;background:#fff8f580;border-top:1px solid var(--sticky-atc-border)}.benefits-row--inline{display:flex;flex-wrap:wrap;margin:1.5rem 0 1rem}.benefit-item{display:flex;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0;color:var(--sticky-atc-text-secondary);font-weight:500;line-height:1.4}.benefit-icon{font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;min-height:1.25rem;flex-shrink:0}.benefit-text{font-size:.875rem;letter-spacing:.3px}.sticky-atc-bar{display:none;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:100vh;background:#fff8f5f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--sticky-atc-border);z-index:var(--sticky-atc-z-index);box-shadow:0 -2px 8px var(--sticky-atc-shadow);contain:layout style paint;will-change:transform}.sticky-atc-bar.is-visible{display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.sticky-atc-bar.is-hidden{animation:slideDown .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@supports (padding: max(0px)){body.sticky-atc-open{padding-bottom:max(0px,env(safe-area-inset-bottom))}}.sticky-atc-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;flex:1;min-height:60px}.sticky-atc-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.sticky-atc-title{font-size:.875rem;font-weight:600;color:var(--sticky-atc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;letter-spacing:.2px;line-height:1.3;margin-bottom:.25rem}.sticky-atc-price{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;flex-wrap:wrap}.price-amount{font-size:1rem;font-weight:700;color:var(--sticky-atc-accent);letter-spacing:.5px}.price-compare{font-size:.75rem;color:#999;text-decoration:line-through;font-weight:400}.sticky-atc-variants{display:flex;gap:.5rem;margin:.5rem 0;flex:1;min-width:0}.sticky-variant-select{flex:1;min-width:80px}.sticky-variant-option{width:100%;padding:.5rem 2rem .5rem .75rem;border:1px solid #e0d5c7;border-radius:.25rem;font-size:.75rem;color:var(--sticky-atc-text);background-color:#fff;cursor:pointer;font-weight:500;transition:var(--sticky-atc-transition);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232a2a2a' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px}.sticky-variant-option:hover{border-color:var(--sticky-atc-accent);background-color:#c98d5c05}.sticky-variant-option:focus{outline:none;border-color:var(--sticky-atc-accent);box-shadow:0 0 0 2px #c98d5c26}.sticky-variant-option:disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.sticky-atc-button{padding:.75rem 1.5rem;background-color:var(--sticky-atc-accent);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:var(--sticky-atc-transition);flex-shrink:0;letter-spacing:.3px;box-shadow:0 2px 6px #c98d5c40;position:relative;overflow:hidden}.sticky-atc-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left .3s ease}.sticky-atc-button:hover{background-color:var(--sticky-atc-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #c98d5c59}.sticky-atc-button:hover:before{left:100%}.sticky-atc-button:active{transform:translateY(0);box-shadow:0 1px 3px #c98d5c40}.sticky-atc-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.sticky-atc-button.is-loading{opacity:.7;pointer-events:none;position:relative}.sticky-atc-button.is-loading:after{content:"";position:absolute;width:14px;height:14px;top:50%;right:1rem;transform:translateY(-50%);border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}@media(max-width:480px){.sticky-atc-bar{max-height:100vh}.sticky-atc-content{flex-direction:column;align-items:stretch;padding:.625rem;gap:.625rem;min-height:auto}.sticky-atc-info{order:1}.sticky-atc-variants{order:2;margin:0}.sticky-atc-button{order:3;width:100%;padding:.75rem}.sticky-atc-title{max-width:none;font-size:.8125rem}.price-amount{font-size:.9375rem}.benefits-row--sticky{padding:.625rem .75rem;gap:.75rem;font-size:.8125rem}.benefit-item{gap:.375rem}.benefit-icon{font-size:1.125rem;min-width:1.125rem;min-height:1.125rem}.benefit-text{font-size:.8125rem}}@media(max-width:640px){.sticky-atc-content{padding:.75rem;gap:.75rem}.sticky-atc-title{font-size:.8125rem;max-width:150px}.sticky-atc-price{gap:.375rem}.price-amount{font-size:.9375rem}.sticky-atc-button{padding:.625rem 1rem;font-size:.8125rem}.sticky-atc-button.is-loading:after{width:12px;height:12px}.benefits-row--sticky{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.benefits-row--sticky::-webkit-scrollbar{display:none}.benefits-row--inline{gap:1rem;margin:1rem 0}.sticky-variant-select{min-width:70px}.sticky-variant-option{font-size:.7rem;padding:.4rem 1.75rem .4rem .625rem}}@media(min-width:641px)and (max-width:767px){.sticky-atc-content{padding:.875rem}.sticky-atc-title{font-size:.875rem;max-width:180px}.sticky-atc-button{padding:.75rem 1.25rem;font-size:.875rem}}@media(min-width:768px){.sticky-atc-bar{display:none!important}.benefits-row--sticky,.sticky-atc-variants{display:none}.benefits-row--inline{display:flex;flex-wrap:wrap;margin:2rem 0 1.5rem;padding:1.25rem}.benefit-item{gap:.75rem}.benefit-icon{font-size:1.5rem;min-width:1.5rem;min-height:1.5rem}.benefit-text{font-size:.9375rem}}@supports (padding: max(0px)){.sticky-atc-bar{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(0rem,env(safe-area-inset-bottom))}}@media(prefers-color-scheme:dark){.sticky-atc-bar{background:#2a2a2af2;border-top-color:#c98d5c4d}.benefits-row{background:linear-gradient(135deg,#c98d5c26,#3c3c3c4d)}.benefits-row--sticky{background:#3c3c3c66;border-top-color:#c98d5c40}.benefit-item{color:#d0c8bb}.sticky-atc-title{color:#f5f5f5}.sticky-variant-option{background-color:#3a3a3a;color:#f5f5f5;border-color:#5a5a5a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f5f5f5' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.sticky-variant-option:hover{background-color:#c98d5c1a;border-color:var(--sticky-atc-accent)}.sticky-variant-option:focus{box-shadow:0 0 0 2px #c98d5c40}.sticky-variant-option:disabled{background-color:#4a4a4a}}@media(prefers-reduced-motion:reduce){.sticky-atc-bar,.sticky-atc-button,.benefit-item,.sticky-variant-option{transition:none;animation:none}.sticky-atc-bar.is-visible,.sticky-atc-bar.is-hidden{animation:none}.sticky-atc-button:before{animation:none}.sticky-atc-button.is-loading:after{animation:none;border-top-color:#fff}}@media print{.sticky-atc-bar{display:none!important}}@media(prefers-contrast:more){.sticky-atc-button{border:2px solid var(--sticky-atc-accent);font-weight:700}.sticky-variant-option{border-width:2px}.benefit-item{font-weight:600}}@media(forced-colors:active){.sticky-atc-bar{background:Canvas;color:CanvasText;border:2px solid CanvasText}.sticky-atc-button{background:ButtonFace;color:ButtonText;border:2px solid ButtonText}.sticky-atc-button:hover{background:Highlight;color:HighlightText}.benefit-item{color:CanvasText}}.sticky-atc-button:focus-visible{outline:2px solid var(--sticky-atc-accent);outline-offset:2px}.sticky-variant-option:focus-visible{outline:2px solid var(--sticky-atc-accent);outline-offset:-2px}.sticky-atc-wrapper.is-disabled .sticky-atc-bar{display:none!important}.sticky-atc-button[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:768px){.sticky-atc-bar{transform:translateZ(0);backface-visibility:hidden}.sticky-atc-content{transform:translateZ(0)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sticky-atc.css.map */