.cart-sidepanel{position:fixed;top:0;right:0;width:100%;height:100dvh;z-index:9999;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.cart-sidepanel.is-open{opacity:1;visibility:visible;pointer-events:all}.cart-sidepanel__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;cursor:pointer}.cart-sidepanel__content{position:absolute;top:0;right:0;width:400px;max-width:90vw;height:100dvh;background:var(--color-brand-cream, #f5f3f0);color:var(--color-brand-brown, #8b4513);box-shadow:-4px 0 20px #00000026;transform:translate(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;overflow:hidden}.cart-sidepanel.is-open .cart-sidepanel__content{transform:translate(0)}.cart-sidepanel__header{padding:20px;border-bottom:1px solid rgba(139,69,19,.1);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.cart-sidepanel__header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-brand-brown, #8b4513)}.cart-sidepanel__close{background:none;border:none;font-size:24px;color:var(--color-brand-brown, #8b4513);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.cart-sidepanel__close:hover{background-color:#8b45131a}.cart-sidepanel__items{flex:1;padding:20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,69,19,.3) transparent}.cart-sidepanel__items::-webkit-scrollbar{width:6px}.cart-sidepanel__items::-webkit-scrollbar-track{background:transparent}.cart-sidepanel__items::-webkit-scrollbar-thumb{background-color:#8b45134d;border-radius:3px}.cart-item{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid rgba(139,69,19,.1);align-items:flex-start}.cart-item:last-child{border-bottom:none}.cart-item img{border-radius:8px;object-fit:cover;flex-shrink:0}.cart-item__details{flex:1;min-width:0}.cart-item__details h3{margin:0 0 5px;font-size:1rem;font-weight:500;color:var(--color-brand-brown, #8b4513);line-height:1.3}.cart-item__details h3 a{color:inherit;text-decoration:none;transition:opacity .2s ease}.cart-item__details h3 a:hover{opacity:.7}.cart-item__image a{display:block;border:none;outline:none;text-decoration:none}.cart-item__image a:focus{outline:none}.cart-item__details p{margin:0 0 10px;font-size:.875rem;color:#8b4513b3}.cart-item__quantity{display:flex;align-items:center;gap:8px;margin-top:8px}.cart-item__quantity button{background:none;border:1px solid rgba(139,69,19,.3);color:var(--color-brand-brown, #8b4513);width:28px;height:28px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.cart-item__quantity button:hover{background-color:#8b45131a;border-color:#8b451380}.cart-item__quantity span{font-weight:500;min-width:20px;text-align:center;color:var(--color-brand-brown, #8b4513)}.cart-item__price{font-weight:600;color:var(--color-brand-brown, #8b4513);white-space:nowrap;margin-bottom:8px}.cart-item button[data-cart-remove]{background:none;border:none;color:#8b451399;font-size:.75rem;cursor:pointer;padding:4px 0;text-decoration:underline;transition:color .2s ease}.cart-item button[data-cart-remove]:hover{color:var(--color-brand-brown, #8b4513)}.cart-item__actions{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch}.cart-sidepanel__footer{padding:20px;border-top:1px solid rgba(139,69,19,.1);flex-shrink:0;background:var(--color-brand-cream, #f5f3f0)}.cart-total{font-size:1.25rem;font-weight:600;color:var(--color-brand-brown, #8b4513);margin-bottom:15px;text-align:center}.cart-sidepanel__footer .btn{width:100%;margin-bottom:10px;padding:12px;border-radius:6px;font-weight:500;text-decoration:none;text-align:center;display:block;transition:all .2s ease;border:none;cursor:pointer}.cart-sidepanel__footer .btn--secondary{background:transparent;color:var(--color-brand-brown, #8b4513);border:1px solid rgba(139,69,19,.3)}.cart-sidepanel__footer .btn--secondary:hover{background:#8b45131a}.cart-sidepanel__footer .btn--primary{background:var(--color-brand-brown, #8b4513);color:var(--color-brand-cream, #f5f3f0)}.cart-sidepanel__footer .btn--primary:hover{background:#8b4513e6}.cart-sidepanel__footer .btn:last-child{margin-bottom:0}.cart-sidepanel__items p{text-align:center;color:#8b451399;font-style:italic;margin-top:50px}body.cart-sidepanel-open{overflow:hidden}body.cart-sidepanel-open header{width:calc(100% - var(--scrollbar-width, 0px));padding-right:48px}body.cart-sidepanel-open #smooth-wrapper{padding-right:var(--scrollbar-width, 0px);overflow:hidden}body.cart-sidepanel-open #smooth-content{overflow:hidden}@media (max-width: 768px){.cart-sidepanel__content{width:320px}.cart-sidepanel__header h2{font-size:1.25rem}.cart-item{gap:12px}.cart-item img{width:60px;height:60px}}@media (max-width: 480px){.cart-sidepanel__content{width:100%;max-width:100vw}}.cart-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#f5f3f0e6;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.cart-loading-overlay.visible{opacity:1;visibility:visible}.cart-loading-spinner{width:32px;height:32px;border:3px solid var(--color-brand-cream, #f5f3f0);border-top:3px solid var(--color-brand-brown, #8b4513);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cart-item.loading{opacity:.6;pointer-events:none;position:relative}.cart-item.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-brand-cream, #f5f3f0);border-top:2px solid var(--color-brand-brown, #8b4513);border-radius:50%;animation:spin .8s linear infinite;z-index:5}.cart-sidepanel__items.refreshing{opacity:.7;pointer-events:none;position:relative}.cart-sidepanel__items.refreshing:after{content:"";position:absolute;top:20px;right:20px;width:24px;height:24px;border:2px solid var(--color-brand-cream, #f5f3f0);border-top:2px solid var(--color-brand-brown, #8b4513);border-radius:50%;animation:spin 1s linear infinite;z-index:5}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cart-sidepanel.css.map */