.custom-sticky-atc{position:fixed;bottom:0;left:0;right:0;z-index:100;background-color:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.1);box-shadow:0 -2px 10px #0000001a;padding:10px 0;padding-bottom:calc(10px + env(safe-area-inset-bottom));transform:translateY(100%);opacity:0;visibility:hidden;transition:transform var(--custom-transition-slow),opacity var(--custom-transition-slow),visibility var(--custom-transition-slow)}.custom-sticky-atc--visible{transform:translateY(0);opacity:1;visibility:visible}.custom-sticky-atc__container{display:flex;flex-direction:column;gap:8px}.custom-sticky-atc__row{display:flex;align-items:center;gap:10px}.custom-sticky-atc__row--bottom{gap:8px}.custom-sticky-atc__image{flex-shrink:0;width:50px;height:50px;border-radius:4px;overflow:hidden;background-color:rgba(var(--color-foreground),.05)}.custom-sticky-atc__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.custom-sticky-atc__title{margin:0;font-size:1.2rem;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-sticky-atc__price{display:flex;align-items:center;gap:6px;font-size:1.2rem;line-height:1.3}.custom-sticky-atc__price-regular{font-weight:600}.custom-sticky-atc__price-sale{font-weight:600;color:rgb(var(--color-foreground))}.custom-sticky-atc__price-compare{color:rgba(var(--color-foreground),.6);font-size:1rem}.custom-sticky-atc__price-compare s{text-decoration:line-through}.custom-sticky-atc__variant-select{flex-shrink:0}.custom-sticky-atc__select{appearance:none;-webkit-appearance:none;background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);border-radius:4px;padding:6px 28px 6px 10px;font-size:1.1rem;font-family:inherit;color:rgb(var(--color-foreground));cursor:pointer;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px;line-height:1.3}.custom-sticky-atc__select:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.custom-sticky-atc__select option:disabled{color:rgba(var(--color-foreground),.4)}.custom-sticky-atc__quantity{display:flex;align-items:center;border:1px solid rgba(var(--color-foreground),.2);border-radius:4px;flex-shrink:0}.custom-sticky-atc__qty-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:none;cursor:pointer;color:rgb(var(--color-foreground));padding:0;flex-shrink:0}.custom-sticky-atc__qty-btn:hover{background-color:rgba(var(--color-foreground),.05)}.custom-sticky-atc__qty-btn:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}.custom-sticky-atc__qty-input{width:34px;text-align:center;border:none;border-left:1px solid rgba(var(--color-foreground),.2);border-right:1px solid rgba(var(--color-foreground),.2);padding:0;font-size:1.2rem;font-family:inherit;color:rgb(var(--color-foreground));background:none;height:34px;-moz-appearance:textfield}.custom-sticky-atc__qty-input::-webkit-outer-spin-button,.custom-sticky-atc__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-sticky-atc__qty-input:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}.custom-sticky-atc__action{flex:1}.custom-sticky-atc__button{position:relative;width:100%;padding:8px 16px;font-size:1.2rem;white-space:nowrap}.custom-sticky-atc__button-text{transition:opacity var(--custom-transition-normal)}.custom-sticky-atc__button--loading .custom-sticky-atc__button-text{opacity:0}.custom-sticky-atc__button-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.custom-sticky-atc__button--loading .custom-sticky-atc__button-loading{display:block}.custom-sticky-atc__spinner{display:flex;align-items:center;justify-content:center}.custom-sticky-atc__spinner svg{width:20px;height:20px}.custom-sticky-atc__button:disabled{opacity:.6;cursor:not-allowed}@media screen and (min-width:768px){.custom-sticky-atc__container{flex-direction:row;align-items:center;gap:12px}.custom-sticky-atc__row--top{flex:1;min-width:0}.custom-sticky-atc__row--bottom{flex-shrink:0;gap:10px}.custom-sticky-atc__title,.custom-sticky-atc__price{font-size:1.4rem}.custom-sticky-atc__select{max-width:180px;padding:8px 28px 8px 12px;font-size:1.2rem}.custom-sticky-atc__qty-btn{width:36px;height:36px}.custom-sticky-atc__qty-input{height:36px;width:36px;box-sizing:border-box;font-size:1.3rem}.custom-sticky-atc__action{flex:0 0 auto}.custom-sticky-atc__button{width:auto;min-width:140px;padding:10px 24px;font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.custom-sticky-atc{transition:opacity var(--custom-transition-fast),visibility var(--custom-transition-fast);transform:translateY(0)}.custom-sticky-atc:not(.custom-sticky-atc--visible){opacity:0;visibility:hidden}.custom-sticky-atc__button-text{transition:opacity var(--custom-transition-fast)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-sticky-atc.css.map */