:root{--cart-bg-primary:#fff;--cart-bg-secondary:#f8fafc;--cart-text-primary:#1e293b;--cart-text-secondary:#64748b;--cart-text-muted:#94a3b8;--cart-border:#e2e8f0;--cart-border-light:#f1f5f9;--cart-shadow:#0000000d;--cart-shadow-lg:#0000001a;--cart-hover-bg:#f8fafc;--cart-skeleton-bg:#e2e8f0;--cart-skeleton-gradient:#f1f5f9}@media (prefers-color-scheme:dark){:root{--cart-bg-primary:#1e293b;--cart-bg-secondary:#0f172a;--cart-text-primary:#f1f5f9;--cart-text-secondary:#cbd5e1;--cart-text-muted:#94a3b8;--cart-border:#334155;--cart-border-light:#1e293b;--cart-shadow:#0000004d;--cart-shadow-lg:#0006;--cart-hover-bg:#334155;--cart-skeleton-bg:#334155;--cart-skeleton-gradient:#475569}}.dark-mode{--cart-bg-primary:#1e293b;--cart-bg-secondary:#0f172a;--cart-text-primary:#f1f5f9;--cart-text-secondary:#cbd5e1;--cart-text-muted:#94a3b8;--cart-border:#334155;--cart-border-light:#1e293b;--cart-shadow:#0000004d;--cart-shadow-lg:#0006;--cart-hover-bg:#334155;--cart-skeleton-bg:#334155;--cart-skeleton-gradient:#475569}.light-mode{--cart-bg-primary:#fff;--cart-bg-secondary:#f8fafc;--cart-text-primary:#1e293b;--cart-text-secondary:#64748b;--cart-text-muted:#94a3b8;--cart-border:#e2e8f0;--cart-border-light:#f1f5f9;--cart-shadow:#0000000d;--cart-shadow-lg:#0000001a;--cart-hover-bg:#f8fafc;--cart-skeleton-bg:#e2e8f0;--cart-skeleton-gradient:#f1f5f9}.cart-page-container{background:var(--cart-bg-secondary);min-height:calc(100vh - 150px)}.order-page{background:var(--cart-bg-secondary);margin:0 auto;padding:2rem}.page-title{text-align:center;color:var(--cart-text-primary);margin-bottom:1rem;font-size:1.75rem;font-weight:700}.empty-cart{text-align:center;background:var(--cart-bg-primary);box-shadow:0 2px 8px var(--cart-shadow);border-radius:12px;padding:4rem 2rem}.empty-cart p{color:var(--cart-text-secondary);margin-bottom:1.5rem;font-size:1.1rem}.empty-cart .quick-add{color:#fff;background:#2563eb;border-radius:8px;padding:.75rem 2rem;text-decoration:none;transition:all .2s;display:inline-block}.empty-cart .quick-add:hover{background:#1d4ed8;transform:translateY(-2px)}.cart-layout{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.cart-items{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;display:grid}.cart-item{background:var(--cart-bg-primary);border:1px solid var(--cart-border);cursor:pointer;border-radius:12px;flex-direction:column;height:fit-content;transition:all .2s;display:flex}.cart-item:hover{box-shadow:0 4px 12px var(--cart-shadow)}.cart-item-main-image-container{cursor:pointer;background:var(--cart-bg-secondary);border-radius:8px 8px 0 0;flex-shrink:0;width:100%;height:auto;overflow:hidden}.cart-item-main-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.main-image:hover{transform:scale(1.05)}.cart-item-info{flex-direction:column;flex:1;justify-content:space-between;align-items:center;width:100%;padding:.5rem;display:flex}.cart-item-name{color:var(--cart-text-primary);margin:0;font-size:1rem;font-weight:600}.cart-item-info p{color:var(--cart-text-secondary);margin-bottom:.5rem;font-size:.7rem;line-height:1.5}.product-price{flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;display:flex}.cart-item-currentprice{color:var(--cart-text-primary);font-size:.9rem;font-weight:500}.cart-item-original-price{color:var(--cart-text-muted);font-size:.75rem;text-decoration:line-through}.cart-quantity{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.cart-quantity button{border:1px solid var(--cart-border);background:var(--cart-bg-primary);width:32px;height:32px;color:var(--cart-text-primary);cursor:pointer;border-radius:6px;font-size:1.1rem;transition:all .2s}.cart-quantity button:hover{background:var(--cart-hover-bg);border-color:#2563eb}.cart-quantity span{text-align:center;min-width:40px;color:var(--cart-text-primary);font-weight:600}.cart-item-total{color:#2563eb;font-size:1.1rem;font-weight:700}.cart-item-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.details-button,.remove-button{text-align:center;cursor:pointer;border-radius:6px;width:100%;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:block}.details-button{background:var(--cart-bg-secondary);border:1px solid var(--cart-border);color:var(--cart-text-primary)}.details-button:hover{background:var(--cart-hover-bg);border-color:#2563eb}.remove-button{color:#ef4444;background:0 0;border:1px solid #ef4444}.remove-button:hover{color:#fff;background:#ef4444}.cart-summary-container{justify-content:center;align-items:center;width:100%;height:fit-content;display:flex;position:sticky;top:100px}.cart-summary-card{background:var(--cart-bg-primary);border:1px solid var(--cart-border);border-radius:12px;flex-direction:column;align-items:center;width:100%;display:flex}.cart-totals{border-bottom:1px solid var(--cart-border-light);width:100%}.cart-totals h2{color:var(--cart-text-primary);text-align:center;margin-top:1rem;margin-bottom:1.25rem;font-size:1.25rem;font-weight:600}.detail-row{border-bottom:1px solid var(--cart-border-light);color:var(--cart-text-secondary);justify-content:space-between;padding:.75rem 0;display:flex}.detail-row.total{color:var(--cart-text-primary);border-bottom:none;margin-top:.5rem;padding-top:1rem;font-size:1.1rem}.checkout-btn{color:#fff;text-align:center;background:#2563eb;border-radius:8px;width:95%;margin-top:1rem;margin-bottom:1rem;padding:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.checkout-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.skeleton{background:linear-gradient(90deg, var(--cart-skeleton-bg) 25%, var(--cart-skeleton-gradient) 50%, var(--cart-skeleton-bg) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton .skeleton-image{border-radius:8px;width:150px;height:150px}.skeleton .skeleton-title{border-radius:4px;width:70%;height:24px;margin-bottom:12px}.skeleton .skeleton-text{border-radius:4px;width:90%;height:16px;margin-bottom:8px}.skeleton .skeleton-button{border-radius:6px;width:100px;height:36px}@media (max-width:1024px){.cart-layout{grid-template-columns:1fr;gap:1.5rem}.order-summary-container{position:static}}@media (max-width:768px){.order-page{padding:1rem}.cart-item{text-align:center;flex-direction:column;align-items:center}.product-price{justify-content:space-between;width:80%}.cart-quantity{justify-content:center}.cart-item-total{text-align:center}.cart-item-actions{justify-content:center}}@media (max-width:480px){.order-page{padding:.75rem}.main-image-container{width:150px;height:150px}.page-title{font-size:1.5rem}}