.cart-popup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;opacity:0;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.cart-popup-overlay.open{opacity:1;pointer-events:auto}.cart-popup-content{width:90%;max-width:500px;height:0;box-shadow:none;background:0 0;flex-direction:column;transition:height 1s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible}.cart-popup-overlay.open .cart-popup-content{height:80vh}.cart-popup-inner{scrollbar-width:thin;scrollbar-color:#f33 transparent;opacity:0;background-image:url(/assets/cart/scroll-bg.png);background-repeat:no-repeat;background-size:100% 100%;flex-direction:column;flex:1;padding:2rem 4rem 3rem;transition:opacity .5s .5s;display:flex;overflow-y:auto}.cart-popup-overlay.open .cart-popup-inner{opacity:1}.cart-scroll-handle{z-index:10;pointer-events:none;width:100%;height:80px;transition:all 1s cubic-bezier(.16,1,.3,1);position:absolute;left:0}.cart-scroll-handle img{object-fit:fill;filter:drop-shadow(0 0 15px #ff333380);width:100%;height:100%}.cart-scroll-handle.top{top:-30px}.cart-scroll-handle.bottom{bottom:-30px;transform:rotate(180deg)}.cart-popup-overlay.open .cart-popup-content{animation:none}.cart-popup-content:before{left:-3px}.cart-popup-content:after{right:-3px}.cart-popup-header{text-align:center;border-bottom:1px solid #ff1e1e33;margin-bottom:2rem;padding-bottom:2rem}.cart-popup-title{color:#f33;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 20px #f336;margin:0;font-family:Harukaze,sans-serif;font-size:3rem}.cart-popup-subtitle{color:#fff6;letter-spacing:2px;margin-top:.5rem;font-size:.75rem}.cart-popup-items{flex-direction:column;gap:1.5rem;display:flex}.cart-popup-item{background:#ffffff08;border:1px solid #ff1e1e1a;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s;display:flex;position:relative}.cart-popup-item:hover{background:#ff1e1e12;border-color:#ff1e1e66;transform:translate(5px)}.item-left{flex-direction:column;gap:.2rem;display:flex}.item-cat{color:#f33;text-transform:uppercase;letter-spacing:1px;font-size:.6rem}.item-name{color:#fff;font-size:1.1rem;font-weight:700}.item-right{text-align:right}.item-price{color:gold;font-size:1.1rem;font-weight:700}.item-remove{color:#ffffff4d;cursor:pointer;background:0 0;border:none;margin-top:.5rem;font-size:.8rem;transition:color .3s}.item-remove:hover{color:#f33}.cart-popup-footer{background:#0a0a0af2;border-top:1px solid #ff1e1e4d;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.cart-popup-total{justify-content:space-between;align-items:baseline;display:flex}.total-label{color:#fff;opacity:.7;font-family:Harukaze,sans-serif;font-size:1.5rem}.total-amount{color:gold;font-size:2rem;font-weight:800}.close-popup-btn{color:#fff;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-family:Rajdhani,sans-serif;font-size:.8rem;transition:opacity .3s;display:flex;position:absolute;top:-40px;right:0}.close-popup-btn:hover{opacity:.7}@media screen and (max-width:480px){.cart-popup-content{width:100%;max-width:none;height:100vh}}