.famous-section{background:var(--cream)}
.product-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.product-card{min-width:0;background:#fff;border:1px solid rgba(50,42,26,.04);border-radius:2px;padding:8px 8px 9px;display:flex;flex-direction:column}
.product-image{background:#fff;aspect-ratio:1/1.12;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-image img{display:block;width:100%;height:100%;object-fit:contain}
.product-card h3{font-family:'Playfair Display',Georgia,serif;font-size:12px;line-height:1.25;text-align:center;margin:9px 0 10px;min-height:30px;display:flex;align-items:center;justify-content:center}
.product-button{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:31px;background:var(--gold);color:#fff;border-radius:2px;padding:8px 5px;font-size:11px;font-weight:600;text-align:center;transition:background .18s}
.product-button:hover{background:var(--gold-dark)}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{padding:7px}.product-card h3{font-size:12px}}


/* The only intentional change: Famous Products image areas are left empty. */
.product-image.empty-image-slot {
  background: #fff;
  border: 0;
  box-sizing: border-box;
}

/* User-selected Famous Products photos: keep within the existing image frames. */
.product-image img { width:100%; height:100%; object-fit:contain; display:block; }