/**
 * Product media — full-bleed landscape well.
 * Honda files are square with black letterbox; 16/9 + cover clips the bars
 * and keeps the photo at full card width (no extra zoom).
 */

:root {
  --ax-product-well: #f4f4f4;
}

body#product .product__carousel,
body#product .product__no-image,
.page-product--quickview .product__carousel,
.product-images-modal__carousel {
  width: 100%;
  background: var(--ax-product-well);
  border-radius: 16px;
  overflow: hidden;
}

body#product .product__carousel .carousel-item,
body#product .product__no-image,
.page-product--quickview .product__carousel .carousel-item,
.product-images-modal__carousel .carousel-item {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--ax-product-well);
}

body#product .product__carousel .carousel-item picture,
body#product .product__no-image picture,
.page-product--quickview .product__carousel .carousel-item picture,
.product-images-modal__carousel .carousel-item picture {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}

body#product .product__carousel .carousel-item img,
body#product .product__no-image img,
.page-product--quickview .product__carousel .carousel-item img,
.product-images-modal__carousel .carousel-item img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  clip-path: none !important;
  transform: none !important;
  background: var(--ax-product-well);
}

body#product .product__thumbnail {
  overflow: hidden;
  border-radius: 12px;
  background: var(--ax-product-well);
}

body#product .product__thumbnail-image {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  object-fit: cover !important;
  object-position: center center !important;
  clip-path: none !important;
  transform: none !important;
}

.product-miniature__top,
.product-miniature .thumbnail-container {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--ax-product-well) !important;
}

.product-miniature__image-container,
.product-miniature__image-link,
.product-miniature__top picture {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}

.product-miniature__top img,
.product-miniature__image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  clip-path: none !important;
  transform: none !important;
  background: var(--ax-product-well) !important;
}

.product-miniature:hover .product-miniature__top img,
.product-miniature:hover .product-miniature__image {
  transform: none !important;
}

html[data-ax-theme="dark"] .product-miniature__top,
html[data-ax-theme="dark"] .product-miniature .thumbnail-container,
html[data-ax-theme="dark"] body#product .product__carousel,
html[data-ax-theme="dark"] body#product .product__carousel .carousel-item,
html[data-ax-theme="dark"] body#product .product__thumbnail {
  background: var(--ax-product-well) !important;
}