/* Prevent section-61 styles from leaking onto section-161 / other ad grids.
   Historical bug: selectors like section[id*="61"] matched section-wrapper-161,
   forcing 4-column flex tiles so landscape banners left empty space on notebooks. */

.homepage-section[data-section-type="ad_grid"]:not([data-section-id="61"]) .ad-grid-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

.homepage-section[data-section-type="ad_grid"]:not([data-section-id="61"]) .ad-grid:not(.single-row-8) {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.homepage-section[data-section-type="ad_grid"]:not([data-section-id="61"]) .ad-grid:not(.single-row-8) > .ad-grid-item {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.homepage-section[data-section-type="ad_grid"]:not([data-section-id="61"]) .ad-grid:not(.single-row-8) > .ad-grid-item img {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
  padding: 0 !important;
}

/* Keep configured cover/contain from scoped JS; default to cover for picture grids. */
.homepage-section[data-section-type="ad_grid"]:not([data-section-id="61"]):not([data-section-id="162"]) .ad-grid:not(.single-row-8) > .ad-grid-item img {
  object-position: center center !important;
}

/* Full-width banner (section 162): keep full artwork visible.
   Source asset is a thin strip (~16:1). Forcing 16:9 + cover zooms/crops heavily. */
#section-wrapper-162 .ad-grid,
.homepage-section[data-section-id="162"] .ad-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
}
#section-wrapper-162 .ad-grid-item,
.homepage-section[data-section-id="162"] .ad-grid-item {
  aspect-ratio: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  background: transparent !important;
}
#section-wrapper-162 .ad-grid-item img,
.homepage-section[data-section-id="162"] .ad-grid-item img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 0 !important;
  display: block !important;
}