/* The menu's 20% enlargement cut the full black cabinet off its frame. */
#main-nav .visual-products-grid[data-catalogue-navigation] .catalogue-pair-cover[data-catalogue-pair="cag"] {
  gap: 8px !important;
  padding: 8px !important;
}
#main-nav .visual-products-grid[data-catalogue-navigation] .catalogue-pair-cover[data-catalogue-pair="cag"] .catalogue-pair-model img {
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  transform-origin: center !important;
}

/* These are complete 16:9 scenes. Fit the entire scene within the approved
   3:2 category frame instead of aligning a cropped photograph to the right. */
body.home-approved #main #product-families[data-home-family-covers] #family-track .home-family-cinema:is([data-home-family-cover="robot"], [data-home-family-cover="gas-cag"]) > img[data-owner-family-refinement] {
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  transform-origin: center !important;
  padding: 3px !important;
  background: #1b1917 !important;
}

/* Keep the three existing explanatory photographs complete. The former
   175px-high crop (116px on phones) hid the top and bottom of the machines. */
body.home-approved #main .learning-band .learning-grid {
  align-items: stretch;
}
body.home-approved #main .learning-band .learning-card {
  display: flex !important;
  flex-direction: column;
  align-items: stretch !important;
  grid-template-columns: none !important;
  min-width: 0;
}
body.home-approved #main .learning-band .learning-card > img {
  display: block;
  position: static;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5;
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  flex: 0 0 auto;
  transform: none !important;
  background: #fff !important;
}
body.home-approved #main .learning-band .learning-card:nth-child(2) > img {
  background: #211f1c !important;
}
body.home-approved #main .learning-band .learning-card > div {
  width: 100%;
  flex: 1 0 auto;
  border-top: 1px solid #e8e0d6;
}
@media (max-width: 650px) {
  body.home-approved #main .learning-band .learning-grid {
    gap: 18px;
  }
  /* Natural aspect ratios keep every image intact without forcing oversized
     empty portrait frames on a phone. Captions remain under each photograph. */
  body.home-approved #main .learning-band .learning-card > img {
    aspect-ratio: auto;
    height: auto !important;
  }
  body.home-approved #main .learning-band .learning-card > div {
    padding: 17px 18px;
  }
}