/* =========================================================================
 * Cart drawer (added-to-basket) — slides in from the right
 * ========================================================================= */
.wa-cart-drawer { position: fixed; inset: 0; z-index: 100000; }
.wa-cart-overlay {
	position: absolute; inset: 0;
	background: rgba(20, 24, 40, .5);
	opacity: 0; transition: opacity .25s ease;
}
.wa-cart-panel {
	position: absolute; top: 0; right: 0; height: 100%;
	width: 430px; max-width: 92vw;
	background: #fff; display: flex; flex-direction: column;
	transform: translateX(100%); transition: transform .28s ease;
	box-shadow: -4px 0 24px rgba(0, 0, 0, .15);
}
.wa-cart-drawer.is-open .wa-cart-overlay { opacity: 1; }
.wa-cart-drawer.is-open .wa-cart-panel { transform: translateX(0); }
body.wa-cart-open { overflow: hidden; }

/* Header */
.wa-cart-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; }
.wa-cart-head-title { display: flex; align-items: center; gap: 8px; color: #137333; font-size: 18px; font-weight: 600; }
.wa-cart-check { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #137333; color: #fff; font-size: 12px; }
.wa-cart-close { background: none; border: none; font-size: 26px; cursor: pointer; color: #1b1f2a; line-height: 1; }

/* Body */
.wa-cart-body { flex: 1 1 auto; overflow-y: auto; padding: 0 20px 20px; }

.wa-cart-product { display: flex; gap: 14px; }
.wa-cart-product-img { flex: 0 0 90px; }
.wa-cart-product-img img { width: 100%; height: auto; border: 1px solid #e3e6ee; border-radius: 6px; }
.wa-cart-product-title { font-size: 15px; margin: 0 0 6px; color: #1b1f2a; }
.wa-cart-attrs { list-style: none; margin: 0; padding: 0; font-size: 13px; color: #444; }
.wa-cart-attrs li { margin-bottom: 2px; }
.wa-attr-label { color: #6b7280; }

.wa-cart-product-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.wa-cart-remove { font-size: 13px; color: #1b1f2a; text-decoration: none; border: 1px solid #e3e6ee; border-radius: 6px; padding: 8px 12px; }
.wa-cart-qty { display: flex; align-items: center; border: 1px solid #e3e6ee; border-radius: 6px; }
.wa-cart-qty button { background: none; border: none; width: 32px; height: 34px; cursor: pointer; font-size: 16px; }
.wa-qty-input { width: 40px; border: none; text-align: center; background: transparent; }
.wa-cart-price { font-size: 18px; font-weight: 700; }

.wa-cart-divider { border: none; border-top: 1px solid #e3e6ee; margin: 18px 0; }

/* Recommendations */
.wa-cart-recs { margin-bottom: 18px; }
.wa-cart-recs-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.wa-cart-recs-head h4 { margin: 0; font-size: 15px; color: #1b1f2a; }
.wa-cart-recs-viewall { font-size: 13px; color: #122a6b; text-decoration: underline; }
.wa-cart-recs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.wa-cart-rec-card { border: 1px solid #e3e6ee; border-radius: 6px; padding: 10px; text-decoration: none; color: inherit; display: block; }
.wa-cart-rec-card:hover { border-color: #122a6b; }
.wa-cart-rec-img img { width: 100%; height: auto; }
.wa-cart-rec-name { font-size: 12px; margin: 8px 0 4px; line-height: 1.3; }
.wa-cart-rec-price { font-size: 13px; font-weight: 700; }

/* Footer */
.wa-cart-footer { padding: 16px 20px; border-top: 1px solid #e3e6ee; background: #fff; }
.wa-cart-checkout { display: block; text-align: center; background: #d11f2d; color: #fff; text-decoration: none; padding: 14px; border-radius: 6px; font-weight: 600; }
.wa-cart-checkout:hover { filter: brightness(.94); }
.wa-cart-continue { display: block; width: 100%; text-align: center; background: none; border: none; margin-top: 10px; cursor: pointer; text-decoration: underline; color: #1b1f2a; font-size: 14px; }

@media (max-width: 480px) { .wa-cart-panel { width: 100%; } }