/* Cart Specific CSS */
.smart-cart-prompts { margin: 16px 0; display: flex; flex-direction: column; gap: 10px; }
.smart-prompt { padding: 10px 14px; border-radius: 12px; }
.shipping-prompt { background: rgba(245,158,11,0.06); border: 1px solid rgba(245,158,11,0.15); }
.shipping-achieved { background: rgba(16,185,129,0.06); border: 1px solid rgba(16,185,129,0.15); }
.cashback-prompt { background: rgba(59,130,246,0.06); border: 1px solid rgba(59,130,246,0.15); }
.smart-prompt-text { font-size: 0.82rem; font-weight: 700; margin: 0; display: flex; align-items: center; gap: 8px; }
.shipping-prompt .smart-prompt-text { color: #f59e0b; }
.shipping-achieved .smart-prompt-text { color: #10b981; }
.cashback-prompt .smart-prompt-text { color: #3b82f6; }
.smart-prompt-bar { height: 5px; background: rgba(255,255,255,0.08); border-radius: 10px; overflow: hidden; margin-bottom: 8px; }
.smart-prompt-fill { height: 100%; background: #f59e0b; border-radius: 10px; transition: width 0.5s ease; }

/* Scale down fonts and paddings for mobile, Amazon-like */
.cart-summary__title { font-size: 1.1rem; }
.cart-summary__row { font-size: 0.85rem; padding: 8px 0; }
.cart-summary__row strong { font-size: 0.95rem; }
.cart-line-total { font-size: 1.1rem !important; }
.cart-summary__hint { font-size: 0.8rem; }
.order-summary-card { padding: 16px 20px; }

/* Cart Item Enhancements */
.cart-page-item { padding: 16px; border-radius: 12px; }
.cart-page-item__name { font-size: 0.95rem; }
.cart-qty-control { height: 36px; border-radius: 8px; }
.cart-qty-control .qty-btn { width: 36px; height: 36px; font-size: 0.85rem; }
.cart-qty-control .qty-input { width: 44px; height: 36px; font-size: 0.9rem; }
.cart-remove-btn { width: 36px; height: 36px; border-radius: 8px; font-size: 0.85rem; }

/* Desktop/Mobile Layout Adjustments */
@media (max-width: 991.98px) {
    .cart-page-layout { gap: 16px; }
    .cart-page-item { flex-direction: column; position: relative; }
    .cart-page-item__img { width: 80px; height: 80px; }
    .cart-page-item__top { flex-direction: column; align-items: flex-start; gap: 8px; }
    .cart-remove-btn { position: absolute; top: 16px; left: 16px; }
    .cart-line-prices { justify-content: flex-start; width: 100%; margin-top: 8px; }
}