/* A compact photo overview; design mockups use the shared full-width layout. */
.sozi-shop-gallery {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 12px;
  height: min(62svh, 560px);
  width: 100%;
}
.sozi-photo { margin: 0; min-width: 0; min-height: 0; border-radius: 16px; overflow: hidden; background: #F0EFED; }
.sozi-photo:first-child { grid-row: span 2; }
.sozi-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sozi-photo:first-child img { object-position: 60% 53%; }
.sozi-photo:nth-child(2) img { object-position: 50% 68%; }
.sozi-photo:nth-child(4) img { object-position: 50% 67%; }
@media (max-width: 650px) {
  .sozi-shop-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 8px; height: min(66svh, 520px); }
  .sozi-photo { border-radius: 12px; }
  .sozi-photo:first-child { grid-row: auto; grid-column: span 2; }
  .sozi-photo:first-child img { object-position: 50% 55%; }
}