body.sticky-atc-drawer-enabled{padding-bottom:var(--sticky-atc-drawer-height, 0)}.sticky-atc-drawer{position:fixed;z-index:29;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;transform:translateY(100%);opacity:0}.sticky-atc-drawer--show{transform:translateY(0);opacity:1}.sticky-atc-drawer__handle{display:none}@media(min-width:768px){.sticky-atc-drawer{bottom:16px;right:16px;left:auto;width:auto;max-width:600px;border-radius:16px;box-shadow:0 0 0 1px rgba(var(--color-foreground),.08),0 2px 4px #0000000a,0 8px 16px #00000014,0 16px 32px #0000001f;padding:1rem;background:linear-gradient(180deg,rgb(var(--color-background)),rgba(var(--color-background),.98));border:1px solid rgba(var(--color-foreground),.06)}.sticky-atc-drawer--show{bottom:calc(16px + var(--mobile-sticky-bar-height, 0px))}.sticky-atc-drawer__inner{display:flex;align-items:center;gap:1rem}.sticky-atc-drawer__image{width:60px;height:60px;border-radius:10px;overflow:hidden;flex-shrink:0;background:rgb(var(--color-background-secondary, var(--color-background)));box-shadow:0 1px 2px #0000000f,0 2px 4px #00000014,0 4px 8px #0000000f;border:2px solid rgba(var(--color-foreground),.08);position:relative;cursor:pointer;transition:all .2s ease}.sticky-atc-drawer__image:hover{border-color:rgba(var(--color-foreground),.2);box-shadow:0 2px 4px #00000014,0 4px 8px #0000001a,0 8px 16px #00000014;transform:translateY(-1px)}.sticky-atc-drawer__image img{width:100%;height:100%;object-fit:cover}.sticky-atc-drawer__image-expanded{position:absolute;bottom:calc(100% + 16px);left:-8px;width:300px;height:300px;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(var(--color-foreground),.1),0 4px 8px #00000014,0 12px 24px #0000001f,0 24px 48px #00000029;opacity:0;visibility:hidden;transform:translateY(12px) scale(.92);transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:100;pointer-events:none;background:rgb(var(--color-background));border:3px solid rgba(var(--color-foreground),.1)}.sticky-atc-drawer__image-expanded img{width:100%;height:100%;object-fit:cover}.sticky-atc-drawer__image:hover .sticky-atc-drawer__image-expanded{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.sticky-atc-drawer__image-expanded:after{content:"";position:absolute;bottom:-10px;left:28px;width:16px;height:16px;background:rgb(var(--color-background));border:3px solid rgba(var(--color-foreground),.1);border-top:none;border-left:none;transform:rotate(45deg);box-shadow:4px 4px 8px #00000014}.sticky-atc-drawer__title{font-size:var(--text-fluid-sm, .875rem);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sticky-atc-drawer__variant{font-size:var(--text-fluid-sm, .875rem);color:rgba(var(--color-foreground),.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-atc-drawer__price .f-price{font-size:var(--text-fluid-sm, .875rem);font-weight:600}.sticky-atc-drawer__info{max-width:200px}.sticky-atc-drawer__actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.sticky-atc-drawer__actions .quantity{transform:scale(.9);transform-origin:center}.sticky-atc-drawer__actions .btn{padding:.625rem 1rem;white-space:nowrap;font-size:var(--text-fluid-sm, .875rem)}.sticky-atc-drawer__handle,.sticky-atc-drawer__expanded,.sticky-atc-drawer__close,.sticky-atc-drawer__chat-btn{display:none}.sticky-atc-drawer__controls{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.sticky-atc-drawer__controls .quantity{height:40px}.sticky-atc-drawer__controls .quantity__button{width:36px;height:100%}.sticky-atc-drawer__controls .quantity__input{width:44px;height:100%}.sticky-atc-drawer__cart-btn{width:44px;height:40px;padding:0;display:flex!important;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px}.sticky-atc-drawer__cart-text{display:none!important}.sticky-atc-drawer__cart-icon{display:flex!important;align-items:center;justify-content:center}.sticky-atc-drawer__actions .sticky-atc-drawer__cart-btn{width:auto;height:auto;padding:.625rem 1rem}.sticky-atc-drawer__collapsed{display:flex;align-items:center;gap:1rem}.sticky-atc-drawer__info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1;max-width:280px;overflow:hidden}.sticky-atc-drawer__collapsed .sticky-atc-drawer__variant,.sticky-atc-drawer__collapsed .sticky-atc-drawer__price{display:block}}@media(max-width:767.98px){.sticky-atc-drawer{bottom:0;left:0;right:0;width:100%;background:linear-gradient(180deg,rgb(var(--color-background)),rgba(var(--color-background),.98));border-radius:24px 24px 0 0;box-shadow:0 -2px 4px #0000000a,0 -8px 16px #00000014,0 -16px 32px #0000001a;border-top:1px solid rgba(var(--color-foreground),.06)}.sticky-atc-drawer--show{bottom:var(--mobile-sticky-bar-height, 0)}.mobile-sticky-bar-down .sticky-atc-drawer--show{bottom:0}.sticky-atc-drawer__inner{display:flex;flex-direction:column}.sticky-atc-drawer__handle{display:flex;justify-content:center;padding:.75rem 0 .5rem;cursor:pointer}.sticky-atc-drawer__handle:before{content:"";width:40px;height:4px;background:rgba(var(--color-foreground),.2);border-radius:2px}.sticky-atc-drawer__close{position:absolute;top:.5rem;right:.75rem;padding:.5rem;opacity:.5;transition:opacity .2s;z-index:2;display:none}.sticky-atc-drawer--expanded .sticky-atc-drawer__close{display:block}.sticky-atc-drawer__close:hover{opacity:1}.sticky-atc-drawer__collapsed{display:flex;align-items:center;gap:.75rem;padding:0 1rem 1rem}.sticky-atc-drawer--expanded .sticky-atc-drawer__collapsed{display:none}.sticky-atc-drawer__image{width:70px;height:70px;border-radius:10px;overflow:hidden;flex-shrink:0;background:rgb(var(--color-background-secondary, var(--color-background)));box-shadow:none;border:none}.sticky-atc-drawer__image img{width:100%;height:100%;object-fit:cover}.sticky-atc-drawer__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.sticky-atc-drawer__collapsed .sticky-atc-drawer__title{font-size:var(--text-fluid-sm, .875rem);font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.sticky-atc-drawer__collapsed .sticky-atc-drawer__variant,.sticky-atc-drawer__collapsed .sticky-atc-drawer__price{display:none}.sticky-atc-drawer__controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.sticky-atc-drawer__collapsed .sticky-atc-drawer__quantity{display:none}.sticky-atc-drawer__controls .quantity{position:relative;width:auto;min-height:unset;height:40px;display:flex;align-items:stretch;border:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:6px;overflow:hidden;background:rgb(var(--color-background))}.sticky-atc-drawer__controls .quantity__button{position:relative;left:auto;right:auto;top:auto;z-index:auto;width:36px;height:100%;min-width:unset;min-height:unset;padding:0;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0}.sticky-atc-drawer__controls .quantity__button:hover{background:rgba(var(--color-foreground),.06)}.sticky-atc-drawer__controls .quantity__button svg{width:14px;height:14px}.sticky-atc-drawer__controls .quantity__input{box-shadow:none;border-radius:0;width:36px;height:100%;min-height:unset;text-align:center;font-weight:600;font-size:1rem;border:none;border-left:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));border-right:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));background:transparent;padding:0;flex-shrink:0}.sticky-atc-drawer__cart-btn{width:44px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px}.sticky-atc-drawer__cart-text{display:none}.sticky-atc-drawer__cart-icon{display:flex;align-items:center;justify-content:center}.sticky-atc-drawer__chat-btn{display:flex;align-items:center;justify-content:center;width:44px;height:40px;flex-shrink:0;border-radius:6px;background:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground));transition:background .2s,transform .2s}.sticky-atc-drawer__chat-btn:hover,.sticky-atc-drawer__chat-btn:active{background:rgba(var(--color-foreground),.15);transform:scale(1.05)}.sticky-atc-drawer__expanded{display:none;padding:0 1rem 1.5rem}.sticky-atc-drawer--expanded .sticky-atc-drawer__expanded{display:block}.sticky-atc-drawer__expanded-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.sticky-atc-drawer__expanded-image{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:rgb(var(--color-background-secondary, var(--color-background)));box-shadow:0 2px 4px #0000000f,0 4px 8px #00000014;border:2px solid rgba(var(--color-foreground),.08)}.sticky-atc-drawer__expanded-image img{width:100%;height:100%;object-fit:cover}.sticky-atc-drawer__expanded-info{flex:1;min-width:0}.sticky-atc-drawer__expanded-title{font-size:var(--text-fluid-base, 1rem);font-weight:600;margin-bottom:.25rem;line-height:1.3}.sticky-atc-drawer__expanded-variant{font-size:var(--text-fluid-sm, .875rem);color:rgba(var(--color-foreground),.6);margin-bottom:.25rem}.sticky-atc-drawer__expanded-price .f-price{font-size:var(--text-fluid-base, 1rem);font-weight:600}.sticky-atc-drawer__variants{margin:1rem 0}.sticky-atc-drawer__variant-section{margin-bottom:1rem}.sticky-atc-drawer__variant-section:last-child{margin-bottom:0}.sticky-atc-drawer__variant-label{font-size:var(--text-fluid-xs, .75rem);text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--color-foreground),.6);margin-bottom:.5rem}.sticky-atc-drawer__variant-options{display:flex;flex-wrap:wrap;gap:.5rem}.sticky-atc-drawer__color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;position:relative;background-size:cover;background-position:center}.sticky-atc-drawer__color-swatch:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid transparent;transition:border-color .2s}.sticky-atc-drawer__color-swatch.is-active:after{border-color:rgb(var(--color-foreground))}.sticky-atc-drawer__color-swatch.is-disabled{opacity:.3;cursor:not-allowed}.sticky-atc-drawer__size-btn{padding:.5rem 1rem;border:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));background:rgb(var(--color-background));border-radius:4px;cursor:pointer;font-size:var(--text-fluid-sm, .875rem);transition:all .2s}.sticky-atc-drawer__size-btn:hover{border-color:rgb(var(--color-foreground))}.sticky-atc-drawer__size-btn.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.sticky-atc-drawer__size-btn.is-disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}.sticky-atc-drawer__footer{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(var(--color-border),var(--color-border-alpha, 1))}.sticky-atc-drawer__footer .quantity{flex-shrink:0}.sticky-atc-drawer__footer .btn{flex:1}}.sticky-atc-drawer .f-price{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.sticky-atc-drawer .f-price-item{font-weight:600}.sticky-atc-drawer .f-price-item--compare{color:rgba(var(--color-foreground),.5);font-weight:400}.sticky-atc-drawer .f-price--on-sale .f-price-item--sale{color:rgb(var(--color-sale, var(--color-foreground)))}.sticky-atc-drawer .quantity{display:flex;align-items:center;border:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:4px;overflow:hidden}.sticky-atc-drawer .quantity__button{width:36px;height:36px;border:none;background:rgba(var(--color-foreground),.05);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.sticky-atc-drawer .quantity__button:hover{background:rgba(var(--color-foreground),.1)}.sticky-atc-drawer .quantity__input{width:40px;text-align:center;font-weight:500;border:none;background:transparent;font-size:var(--text-fluid-sm, .875rem)}.sticky-atc-drawer .btn--primary{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;padding:.875rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:opacity .2s}.sticky-atc-drawer .btn--primary:hover{opacity:.9}.sticky-atc-drawer .btn--primary:disabled{opacity:.5;cursor:not-allowed}.sticky-atc-drawer{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,max-height .3s ease}.sticky-atc-drawer__form{display:contents}
/*# sourceMappingURL=/cdn/shop/t/116/assets/section-sticky-atc-drawer.css.map */