.moblie dialog{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100vw;max-width:100vw;max-height:100vh;margin-bottom:auto}.moblie .open{animation:.6s show}@keyframes show{0%{transform:translate(100%)}to{transform:translate(0%)}}.moblie .hide{animation:.5s hide}@keyframes hide{to{transform:translate(100%)}}.moblie dialog[open]{animation:.6s show}.moblie dialog.hide{animation:.5s hide}.moblie .dialog[open]::backdrop{animation:.5s show-backdrop}.moblie .dialog.hide::backdrop{animation:.5s hide-backdrop}
.cart-modal-backdrop{z-index:49;opacity:1;width:22rem;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.cart-modal.hide+.cart-modal-backdrop,.cart-modal:not(.open)+.cart-modal-backdrop{opacity:0;pointer-events:none}.cart-modal{width:100%;max-width:20rem;height:100vh;color:inherit;z-index:50;background:#fff;transition:transform .3s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 15px #0000001a}.cart-modal dialog[open]{animation:.6s show}@keyframes show{0%{transform:translate(100%)}to{transform:translate(0%)}}.cart-modal.hide{animation:.6s hide}@keyframes hide{0%{transform:translate(0%)}to{transform:translate(100%)}}.dark .cart-modal{color:#f9fafb;background:#1f2937;box-shadow:-4px 0 15px #0000004d}.cart-header{background:inherit;z-index:10;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0}.dark .cart-header{border-bottom-color:#374151}.cart-body{flex:1;padding:1rem;overflow-y:auto}.cart-footer{background:inherit;border-top:1px solid #e5e7eb;padding:1rem;position:sticky;bottom:0}.dark .cart-footer{border-top-color:#374151}.cart-item{border-bottom:1px solid #e5e7eb;gap:1rem;padding:1rem 0;display:flex}.dark .cart-item{border-bottom-color:#374151}.cart-item-image{object-fit:cover;border-radius:.375rem;width:5rem;height:5rem}.cart-item-details{flex:1}.cart-item-title{margin-bottom:.25rem;font-weight:500}.cart-item-meta{color:#6b7280;margin-bottom:.5rem;font-size:.875rem}.dark .cart-item-meta{color:#9ca3af}.cart-item-price{font-size:.875rem;font-weight:600}.quantity-control{flex-wrap:wrap;align-items:center;margin-top:.5rem;display:flex}.quantity-btn{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;padding:.25rem .5rem;transition:background .2s}.dark .quantity-btn{background:#374151;border-color:#4b5563}.quantity-btn:hover{background:#f3f4f6}.dark .quantity-btn:hover{background:#4b5563}.quantity-value{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:.25rem 1rem}.dark .quantity-value{border-color:#4b5563}.cart-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;margin-left:auto;transition:color .2s}.cart-remove-btn:hover{color:#dc2626}.checkout-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:.375rem;width:100%;padding:.75rem;font-weight:600;transition:background .2s}.checkout-btn:hover{background:#15803d}.empty-cart{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 8rem);display:flex}.empty-cart-icon{color:#d1d5db;width:4rem;height:4rem;margin-bottom:1rem}.dark .empty-cart-icon{color:#4b5563}.empty-cart-text{color:#6b7280;margin-bottom:1rem}.dark .empty-cart-text{color:#9ca3af}.continue-btn{color:#16a34a;cursor:pointer;background:0 0;border:none;font-weight:500;transition:color .2s}.continue-btn:hover{color:#15803d}.dark .continue-btn{color:#34d399}.dark .continue-btn:hover{color:#10b981}