/* Product detail, collections, gallery, deals, gifts, seasonal */

.product-split {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 36px;
  align-items: start;
}

.product-gallery .main-shot {
  border-radius: 40px 80px 40px 80px;
  overflow: hidden;
  min-height: 520px;
  box-shadow: var(--shadow);
}

.product-gallery .main-shot .media,
.product-gallery .main-shot img {
  min-height: 520px;
  height: 100%;
}

.product-gallery .thumbs {
  display: flex;
  gap: 10px;
  margin-top: 12px;
}

.product-gallery .thumbs button {
  width: 72px;
  height: 72px;
  border-radius: 18px;
  overflow: hidden;
}

.product-info h1 { font-size: clamp(2.2rem, 4vw, 3.6rem); }
.product-info .price { font-size: 1.6rem; margin: 10px 0; }

.detail-blocks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 40px;
}

.detail-block {
  background: var(--white);
  border-radius: 28px;
  padding: 22px;
}

.also-like {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 16px;
}

.collection-unique.classic {
  background:
    radial-gradient(circle at 10% 20%, var(--vanilla), transparent 30%),
    var(--cream);
}

.collection-unique.chocolate {
  background: linear-gradient(180deg, #efe0d6, var(--cream));
}

.collection-unique.fruit {
  background: linear-gradient(180deg, #fde8ef, var(--cream));
}

.collection-unique.premium {
  background: linear-gradient(180deg, #eee6fb, var(--cream));
}

.collection-strip {
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: 18px;
  margin: 20px 0 50px;
}

.collection-strip .poster {
  border-radius: 32px;
  min-height: 280px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.stagger-list {
  display: grid;
  gap: 14px;
}

.stagger-list article:nth-child(odd) { margin-right: 8%; }
.stagger-list article:nth-child(even) { margin-left: 8%; }

.midnight {
  background: #241f1f;
  color: #f8efe6;
  border-radius: 36px;
  padding: 36px;
}

.midnight h2 { color: var(--vanilla); }

.deals-board {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
}

.deal-poster.big {
  min-height: 360px;
  background: linear-gradient(160deg, var(--pink), var(--vanilla));
}

.deal-poster.mint { background: linear-gradient(160deg, var(--mint), #fff); }
.deal-poster.lav { background: linear-gradient(160deg, var(--lavender), #fff); }
.deal-poster.choco { background: linear-gradient(160deg, #d7b8a8, #fff6ea); }

.gallery-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 22px;
}

.cart-layout {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 22px;
}

@media (max-width: 900px) {
  .detail-blocks,
  .also-like,
  .collection-strip,
  .deals-board {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .cart-layout { grid-template-columns: 1fr; }
}