/* ---- tarjeta ---- */
.product-card{transition:transform .25s,box-shadow .25s}
.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px rgba(0,0,0,.15)}
.product-card img{object-fit:contain;max-height:230px}

/* ---- mini-cart ---- */
.mini-cart{
  position:fixed;top:80px;right:20px;z-index:1055;
  background:#212529;color:#fff;border-radius:28px;
  padding:6px 12px;display:flex;align-items:center;gap:8px;
  cursor:grab;user-select:none;
}
@media(max-width:576px){.mini-cart{top:auto;bottom:20px;right:20px}}

/* ---- panel carrito ---- */
.cart-panel{
  position:fixed;top:80px;right:-420px;width:380px;height:calc(100vh - 100px);
  background:#fff;border-radius:8px;padding:18px;box-shadow:-4px 0 20px rgba(0,0,0,.18);
  display:flex;flex-direction:column;transition:right .3s ease;z-index:1056;
}
.cart-panel.open{right:20px}
@media(max-width:576px){
  .cart-panel{width:100%;height:70vh;bottom:-70vh;right:0;top:auto;border-radius:12px 12px 0 0}
  .cart-panel.open{bottom:0}
}
.cart-item{border-bottom:1px solid #e9ecef;padding-bottom:8px;margin-bottom:8px}
.cart-item input[type=number]{width:72px;text-align:center}