.desktop-product-controls { display: none; }

.product-card { display: flex; flex-direction: column; overflow: hidden; }
.product-visual {
  position: relative;
  height: 210px;
  overflow: hidden;
  background: linear-gradient(180deg, #17171a 0%, #0f0f10 100%);
  aspect-ratio: 4 / 3;
}
.product-visual img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;
  background: transparent;
  padding: 0;
  box-sizing: border-box;
  transition: transform 0.2s ease;
}
.product-card[data-product-id="mobiliario/racks-de-ropa"] .product-visual {
  background: #fff;
}
.product-card[data-product-id="mobiliario/racks-de-ropa"] .product-visual img {
  background: #fff;
  padding: 12px;
}
.product-card:hover .product-visual img { transform: scale(1.02); }

.product-category { display: none; }
.product-card:has(.product-visual img) .product-visual {
  background: #fff;
}
.product-card.product-card[data-product-id="electricidad-y-luces/extensiones-de-corriente"] .product-visual {
  background: #dedbd8;
}
.product-card.product-card[data-product-id="comunicacion/radios-con-headset"] .product-visual {
  background: #090a09;
}
.product-card.product-card[data-product-id="utileria/camaras-de-video-vintage"] .product-visual {
  background: #e5e5e5;
}
.product-card:is(
  [data-product-id="mobiliario/set-camerino"],
  [data-product-id="mobiliario/sillas-de-direccion"],
  [data-product-id="mobiliario/espejos-maquillaje-chicos"],
  [data-product-id="mobiliario/espejos-maquillaje-grandes"],
  [data-product-id="mobiliario/sillas-de-direccion-bajas"],
  [data-product-id^="toldas/"],
  [data-product-id="muebles-para-decoracion/sillas-de-madera"],
  [data-product-id="muebles-para-decoracion/set-de-reposeras-de-playa"],
  [data-product-id="muebles-para-decoracion/poltronas-de-playa"]
) .product-visual img {
  object-fit: cover;
}

.controls input { width: 45px; background: #242426; border: 1px solid #4b4b4c; color: #fff; padding: 5px; font-size: 11px; }

@media (min-width: 721px) {
  .desktop-product-controls { display: grid; grid-template-columns: 1fr 1.5fr; gap: 12px; margin-top: 18px; padding-top: 15px; border-top: 1px solid #333337; }
  .desktop-product-controls > div, .desktop-product-controls label { display: grid; gap: 7px; color: #aaa9a5; font-size: 10px; font-weight: 700; margin: 0; }
  .desktop-product-controls .controls { height: 33px; }
  .desktop-product-controls .controls b { min-width: 18px; text-align: center; color: #fff; }
  .rental-picker { display: flex; }
  .rental-picker input { min-width: 42px; width: 42px; border: 1px solid #4b4b4c; border-right: 0; background: #242426; color: #fff; padding: 5px; }
  .rental-picker select { min-width: 0; width: 100%; background: #242426; border: 1px solid #4b4b4c; color: #fff; padding: 5px; font-size: 11px; }
}