:root{--serge-z-cart-drawer: 400}.serge-cart-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--serge-z-cart-drawer, 400);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.serge-cart-drawer.is-active{opacity:1;visibility:visible}.serge-cart-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;cursor:pointer}.serge-cart-drawer__panel{position:absolute;top:0;right:0;width:100%;max-width:420px;height:100%;background:var(--serge-white, #fff);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.serge-cart-drawer.is-active .serge-cart-drawer__panel{transform:translate(0)}.serge-cart-drawer__header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid var(--serge-gray-light, #e5e5e5);flex-shrink:0}.serge-cart-drawer__header-content{flex:1}.serge-cart-drawer__title{font-family:var(--font-heading-family, var(--serge-font-heading, sans-serif));font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0;color:var(--serge-black, #000)}.serge-cart-drawer__subtitle{font-family:var(--font-body-family, var(--serge-font-body, sans-serif));font-size:.75rem;color:var(--serge-accent, #ff0000);margin:.25rem 0 0}.serge-cart-drawer__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;color:var(--serge-black, #000);transition:opacity .2s ease;flex-shrink:0;margin:-.5rem -.5rem 0 0}.serge-cart-drawer__close:hover{opacity:.6}.serge-cart-drawer__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.serge-cart-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.serge-cart-drawer__empty.is-hidden{display:none}.serge-cart-drawer__empty-icon{width:64px;height:64px;margin-bottom:1.5rem;opacity:.3}.serge-cart-drawer__empty-title{font-family:var(--font-heading-family, var(--serge-font-heading, sans-serif));font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.5rem;color:var(--serge-black, #000)}.serge-cart-drawer__items{padding:0}.serge-cart-drawer__items.is-hidden{display:none}.serge-cart-drawer__item{display:grid;grid-template-columns:80px 1fr 24px;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--serge-gray-light, #e5e5e5);position:relative}.serge-cart-drawer__item.is-loading{opacity:.5;pointer-events:none}.serge-cart-drawer__item.is-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid var(--serge-gray-light, #e5e5e5);border-top-color:var(--serge-black, #000);border-radius:50%;animation:serge-cart-spin .8s linear infinite}@keyframes serge-cart-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.serge-cart-drawer__item-image{display:block;background:var(--serge-off-white, #f5f5f5);aspect-ratio:1;overflow:hidden}.serge-cart-drawer__item-image img{width:100%;height:100%;object-fit:cover;display:block}.serge-cart-drawer__item-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.serge-cart-drawer__item-title{font-family:var(--font-body-family, var(--serge-font-body, sans-serif));font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;color:var(--serge-black, #000);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.serge-cart-drawer__item-title:hover{opacity:.7}.serge-cart-drawer__item-variant{font-family:var(--font-body-family, var(--serge-font-body, sans-serif));font-size:.75rem;color:var(--serge-gray, #888);text-transform:uppercase;margin:0}.serge-cart-drawer__item-price{font-family:var(--font-body-family, var(--serge-font-body, sans-serif));font-size:.875rem;font-weight:600;color:var(--serge-black, #000)}.serge-cart-drawer__quantity{display:flex;align-items:center;border:1px solid var(--serge-gray-light, #e5e5e5);width:fit-content;margin-top:.5rem}.serge-cart-drawer__qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:1rem;font-weight:400;cursor:pointer;color:var(--serge-black, #000);transition:background .2s ease}.serge-cart-drawer__qty-btn:hover{background:var(--serge-off-white, #f5f5f5)}.serge-cart-drawer__qty-input{width:40px;height:32px;text-align:center;font-family:var(--font-body-family, var(--serge-font-body, sans-serif));font-size:.875rem;font-weight:600;border:none;border-left:1px solid var(--serge-gray-light, #e5e5e5);border-right:1px solid var(--serge-gray-light, #e5e5e5);background:transparent;color:var(--serge-black, #000);-moz-appearance:textfield}.serge-cart-drawer__qty-input::-webkit-outer-spin-button,.serge-cart-drawer__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.serge-cart-drawer__qty-input:focus{outline:none}.serge-cart-drawer__remove{display:flex;align-items:flex-start;justify-content:center;padding-top:0;background:none;border:none;cursor:pointer;color:var(--serge-gray, #888);opacity:.6;transition:opacity .2s ease,color .2s ease}.serge-cart-drawer__remove:hover{opacity:1;color:var(--serge-black, #000)}.serge-cart-drawer__footer{padding:1.5rem;border-top:1px solid var(--serge-gray-light, #e5e5e5);background:var(--serge-white, #fff);flex-shrink:0}.serge-cart-drawer__footer.is-hidden{display:none}.serge-cart-drawer__subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.serge-cart-drawer__subtotal-label{font-family:var(--font-body-family, var(--serge-font-body, sans-serif));font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--serge-black, #000)}.serge-cart-drawer__subtotal-value{font-family:var(--font-body-family, var(--serge-font-body, sans-serif));font-size:1rem;font-weight:700;color:var(--serge-black, #000)}.serge-cart-drawer__tax-note{font-family:var(--font-body-family, var(--serge-font-body, sans-serif));font-size:.75rem;color:var(--serge-gray, #888);margin:0 0 1.5rem}.serge-cart-drawer__checkout-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 2rem;font-family:var(--font-body-family, var(--serge-font-body, sans-serif));font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;text-decoration:none;background:var(--serge-black, #000);color:var(--serge-white, #fff);border:2px solid var(--serge-black, #000);cursor:pointer;transition:all .3s ease;margin-bottom:.75rem}.serge-cart-drawer__checkout-btn:hover{background:transparent;color:var(--serge-black, #000)}.serge-cart-drawer__continue-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem 2rem;font-family:var(--font-body-family, var(--serge-font-body, sans-serif));font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;text-decoration:none;background:transparent;color:var(--serge-black, #000);border:2px solid var(--serge-black, #000);cursor:pointer;transition:all .3s ease}.serge-cart-drawer__continue-btn:hover{background:var(--serge-black, #000);color:var(--serge-white, #fff)}@media(max-width:989px){.serge-cart-drawer{display:none!important}}.serge-cart-drawer *:focus-visible{outline:2px solid var(--serge-black, #000);outline-offset:2px}@media(prefers-reduced-motion:reduce){.serge-cart-drawer,.serge-cart-drawer__panel,.serge-cart-drawer__item{transition:none}.serge-cart-drawer__item.is-loading:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/serge-cart-drawer.css.map */