.product-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product-image {
  height: auto;
  aspect-ratio: 4 / 3;
}

.product-image img {
  object-fit: contain;
  background: #e8d7c0;
}

.checkout-btn {
  display: block;
  margin-top: 14px;
  padding: 12px 16px;
  background: var(--wine);
  color: var(--ivory);
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.08em;
  transition: background 0.2s ease, transform 0.2s ease;
}

.checkout-btn:hover {
  background: var(--wine2);
  transform: translateY(-2px);
}

.checkout-btn:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}

.custom-panel::before,
.custom-panel::after {
  content: none;
}

.nav-instagram {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: var(--wine);
  transition: color 0.2s ease, transform 0.2s ease;
}

.mobile-instagram {
  display: none;
}

.nav-instagram:hover {
  color: var(--gold);
  transform: translateY(-2px);
}

.nav-instagram svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}

.nav-instagram .instagram-dot {
  fill: currentColor;
  stroke: none;
}


@media (max-width: 680px) {
  .mobile-instagram {
    display: inline-grid;
    align-self: center;
    margin-left: auto;
    margin-right: 12px;
  }

  .nav .nav-instagram {
    display: none;
  }

  .product-image {
    height: clamp(190px, 56vw, 270px);
    aspect-ratio: auto;
  }
}