/* Ramki Cards v29 — Catalogue-only full-bleed product images.
   Scope: products.php, .rk-royal-catalogue #catalogue-products ONLY.
   Neither uploaded images nor homepage/detail gallery are modified.
   The existing historical 900x900 JPEG thumbnails have a baked-in
   cream/caption strip near the bottom; clip that within the card frame.
*/

/* Make image frames predictable, avoiding older contain / auto height rules. */
html body main.rk-royal-catalogue #catalogue-products .catalog-products article.rk-landing-product .rk-landing-product-media > a {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body main.rk-royal-catalogue #catalogue-products .catalog-products article.rk-landing-product .rk-landing-product-media > a > .product-img {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1.12 / 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #f5f2ef !important;
}
/* Regular/new images: cover full frame without padding or blank bars. */
html body main.rk-royal-catalogue #catalogue-products .catalog-products article.rk-landing-product .rk-landing-product-media > a > .product-img > img.product-photo {
  position: absolute !important;
  display: block !important;
  inset: 0 auto auto 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
  scale: 1 !important;
  transition: none !important;
}
/* Other thumbnails, including original gallery PNGs, may also include a
   thin baked-in white border. A mild non-destructive bleed removes it. */
html body main.rk-royal-catalogue #catalogue-products .catalog-products article.rk-landing-product .rk-landing-product-media > a > .product-img > img.product-photo:not(.rk-catalogue-legacy-image) {
  top: -5% !important;
  height: 110% !important;
  min-height: 110% !important;
}

/* Original caption-template JPEGs have artwork from approximately y=75 to 755
   in 900px imagery. Non-destructively crop to the photographed product area,
   rather than editing the file (or covering the content with a fake bar).
   .rk-catalogue-legacy-image is set by products.php for the shipped legacy
   2026-10-14/19 artwork thumbnails only, so future uploads are unaffected. */
html body main.rk-royal-catalogue #catalogue-products .catalog-products article.rk-landing-product .rk-landing-product-media > a > .product-img > img.product-photo.rk-catalogue-legacy-image {
  top: -11% !important;
  height: 135% !important;
  min-height: 135% !important;
  object-fit: cover !important;
  object-position: center !important;
}
/* Do not change sale badges, wishlist, image actions, titles, prices, or grid. */