.color-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  max-width: 1080px;
  margin: 0 auto 80px;
  padding: 0 24px;
}
.product-card { background: #fff; border: 1px solid #dfd0db; padding: 18px; }
.color-gallery img { display: block; width: 100%; height: auto; }
.product-card h3 { margin: 20px 0 4px; font-family: Georgia, serif; font-size: 26px; font-weight: 400; }
.card-price { color: #693a61; margin: 0 0 16px; font-size: 24px; font-weight: 700; }
.card-sizes { display: flex; gap: 10px; margin-bottom: 14px; }
.card-sizes button { flex: 1; min-height: 48px; cursor: pointer; border: 1px solid #cdbfc9; background: #fff; color: #302333; font-weight: 600; }
.card-sizes button.active { color: #fff; background: #693a61; border-color: #693a61; }
.card-buy { display: flex; align-items: center; justify-content: center; min-height: 54px; color: #fff; background: #693a61; font-size: 18px; font-weight: 600; }
.card-buy:hover { background: #512c4a; }
@media (max-width: 700px) {
  .color-gallery { grid-template-columns: 1fr; gap: 35px; margin-bottom: 50px; }
}