.product-embed .top, .product-embed .hero .eyebrow, .product-embed .footer { display: none; }
.product-embed .hero { padding: 24px 0 16px; }
.product-embed .hero h1 { font-size: clamp(24px, 4vw, 36px); }
.product-embed .shell { max-width: 1200px; padding: 12px; height: 100dvh; display: flex; flex-direction: column; }
.product-embed .hero { flex: none; padding: 8px 0; }
.product-embed .hero h1 { margin: 8px 0; }
.product-embed .hero p { margin: 4px 0; }
.product-embed .meta { flex: none; margin: 8px 0 12px; }
.product-embed #error:empty { display: none; }
.product-embed .grid { display: grid; columns: auto; grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); gap: 12px; flex: 1; min-height: 0; }
.product-embed .card { margin: 0; height: 100%; min-height: 0; }
.product-embed .card img { width: 100%; height: 100%; object-fit: contain; }
.product-embed .center { display: none; }
.product-embed .empty { padding: 16px; }
.product-embed[data-count="3"] .grid { grid-template-rows: minmax(0,1fr); }
@media (max-width: 600px) {
  .product-embed .shell { padding: 8px; }
  .product-embed .grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(3,minmax(0,1fr)); gap: 8px; }
  .product-embed .hero { padding: 8px 0; }
  .product-embed .hero h1 { font-size: 24px; }
  .product-embed[data-count="3"] .grid { grid-template-rows: minmax(0,1fr); }
  .product-embed[data-count="3"] .card:nth-child(n+3) { display: none; }
}