/* Estilos para el widget del carrito y el dropdown */
#cart-widget { position: relative; display:inline-flex; align-items:center; gap:8px; }
#cart-count { background:#ff6b6b; color:#fff; border-radius:12px; padding:2px 8px; font-size:13px; }
#cart-dropdown {
	/* use fixed so the dropdown escapes any ancestor stacking context (menu overlaps otherwise) */
	position: fixed;
	right:20px;
	top:64px; /* adjust if your header height differs */
	background:#fff;
	border:1px solid #e0e6ea;
	box-shadow:0 6px 18px rgba(20,30,40,0.08);
	width:320px;
	z-index:99999; /* very high so it sits above header/menus */
	display:none;
	border-radius:6px;
}
#cart-dropdown .inner { padding:12px; }
#cart-dropdown .item { display:flex; gap:10px; align-items:center; padding:8px 0; border-bottom:1px solid #f2f4f6; }
#cart-dropdown .item:last-child { border-bottom:none; }
#cart-dropdown .item .name { font-weight:600; font-size:14px; }
#cart-dropdown .item .qty { font-size:13px; color:#666; }
#cart-dropdown .total { padding-top:8px; display:flex; justify-content:space-between; font-weight:700; }
#cart-dropdown .actions { margin-top:10px; display:flex; gap:8px; }
#cart-dropdown a.btn { background:#2a6fbf; color:#fff; padding:8px 10px; border-radius:4px; text-decoration:none; }
#cart-dropdown .empty { padding:12px; text-align:center; color:#666; }
/* small arrow */
#cart-dropdown::before { content:''; position:absolute; top:-8px; right:12px; border:8px solid transparent; border-bottom-color:#fff; }
@media (max-width:900px) {
	/* on smaller screens move dropdown to full width with small margin */
	#cart-dropdown { right:8px; left:8px; width:auto; top:74px; }
}