/* Each ornament owns one full-width, seven-color catalog row. */
.ornament-sku-family {
  grid-column: 1 / -1 !important;
  width: 100%; min-width: 0; margin: 32px 0;
}
.ornament-sku-family h2 {font-size: 26px; color: #f1e7d0; margin: 0 0 20px;}
.ornament-sku-family .ornament-sku-cards {
  display: grid !important; grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  gap: 16px; width: 100%; align-items: start;
}
.ornament-sku-cards .product-card {min-width: 0; width: 100% !important; margin: 0 !important;}
.ornament-sku-cards .product-image {aspect-ratio: 1 / 1; height: auto !important; background: #000;}
.ornament-sku-cards .product-image img {width: 100%; height: 100%; object-fit: contain !important;}
.ornament-sku-cards .product-title {font-size: 14px !important; line-height: 1.4;}
.ornament-sku-cards .quick-add {display: flex; align-items: center; justify-content: center;}
@media(max-width: 1000px) {
 .ornament-sku-family .ornament-sku-cards {grid-template-columns: repeat(6,160px) !important; overflow-x: auto; padding-bottom: 16px; scroll-snap-type: x proximity;}
 .ornament-sku-cards .product-card {scroll-snap-align: start;}
}

/* Use the catalog's 6 / 4 / 3 view selector instead of forcing a six-card row. */
#mogo-cat-products.mogo-cat-grid[data-density="compact"] .ornament-sku-cards {grid-template-columns:repeat(6,minmax(0,1fr)) !important;}
#mogo-cat-products.mogo-cat-grid[data-density="standard"] .ornament-sku-cards {grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
#mogo-cat-products.mogo-cat-grid[data-density="large"] .ornament-sku-cards {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}

/* At narrow CSS widths (including browser zoom at 200%), these SKU rows must
   follow the catalog's two-card layout instead of retaining the three-card view. */
@media(max-width:760px){
  #mogo-cat-products.mogo-cat-grid[data-density] .ornament-sku-cards {
    grid-template-columns:repeat(2,minmax(150px,1fr)) !important;
    overflow:visible !important;
  }
}