/* /wines/: the six bottles, the notes and the comparison table. The wine pages themselves live in pages.css («Стол»). */
.wine-collection {
  --section-y: clamp(64px, 7vw, 136px);
  --wine-rule: oklch(83% .025 85 / .19);
}
.wine-collection .container { max-width: 1600px; }
.wine-collection .page-h2 {
  font-size: clamp(32px, 3.1vw, 58px); line-height: 1.06; text-transform: none;
}
.wine-collection .copy { color: var(--cream-2); line-height: 1.75; }
.wine-collection__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; margin-top: 22px; }
.wine-collection__actions a {
  display: inline-flex; align-items: center; min-height: 44px;
  color: var(--cream); font-size: 14px; line-height: 1.35;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px;
  text-decoration-color: color-mix(in srgb, var(--cream) 45%, transparent);
  transition: color .2s, text-decoration-color .2s;
}
.wine-collection__actions a:hover { color: var(--gold); text-decoration-color: currentColor; }
.wine-collection__actions a:focus-visible { outline: 1px solid var(--gold); outline-offset: 5px; }
.wine-collection .where-block { margin-top: var(--section-y); padding-block: 56px; border-block: 1px solid var(--wine-rule); background: var(--ink-2); }
.wine-collection .where-block .page-h2 { font-size: clamp(30px, 3vw, 48px); }
.wine-collection .wine-card {
  border-radius: 0; padding: 28px 16px; font-size: clamp(25px, 2.1vw, 34px);
  background: linear-gradient(180deg, color-mix(in srgb, var(--wine-bg) 75%, var(--ink)), var(--wine-bg));
}
.wine-collection .wine-card .style-line { font-size: 17px; line-height: 1.35; text-transform: none; min-height: 2.7em; }
.wine-collection .wine-card__img { height: clamp(200px, 20vw, 300px); margin-bottom: 26px; }
.wine-collection .page-head { padding-top: calc(var(--nav-h) + 24px); }
.wine-collection .page-head .crumbs { margin-bottom: 42px; }
.wine-collection__intro { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(32px, 8vw, 140px); align-items: end; }
.wine-collection .page-h1 { font-size: clamp(52px, 5.8vw, 106px); line-height: .94; max-width: 13ch; }
.wine-collection .page-head .page-answer { margin: 0 0 4px; max-width: 42ch; font-size: clamp(17px, 1.4vw, 23px); }
.wine-collection .others-block--first { padding-block: 48px 0; }
.wine-collection .others--six { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; overflow: visible; }
.wine-collection .others--six .wine-card { padding-block: 38px 24px; font-size: clamp(29px, 2.4vw, 42px); }
.wine-collection .others--six .wine-card__img { height: clamp(260px, 25vw, 380px); }
.wine-collection__notes { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; padding-block: 52px; }
.wine-collection__notes .copy { margin: 0; max-width: 58ch; }
.wine-collection .wines-gallery { padding-top: 0; }
.wine-collection .ph--gallery picture { aspect-ratio: 4 / 3; }
.wine-collection .compare { font-size: clamp(14px, 1vw, 18px); }
.wine-collection .compare th[scope="row"] a { font-size: clamp(27px, 2.1vw, 37px); }
.wine-collection .compare .style-line { text-transform: none; }
@media (min-width: 1600px) {
  .wine-collection .others--six { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .wine-collection .others--six .wine-card { font-size: 28px; }
  .wine-collection .others--six .wine-card__img { height: 300px; }
}
@media (max-width: 900px) {
  .wine-collection .wine-collection__intro { gap: 32px; }
  .wine-collection .page-h1 { font-size: clamp(48px, 7.5vw, 70px); }
  .wine-collection .others--six { gap: 12px; }
  .wine-collection .others--six .wine-card__img { height: 230px; }
  .wine-collection .others--six .wine-card { padding-inline: 10px; font-size: 28px; }
}
@media (max-width: 600px) {
  .wine-collection .page-head .crumbs { margin-bottom: 24px; }
  .wine-collection__intro { grid-template-columns: 1fr; gap: 22px; }
  .wine-collection .page-h1 { font-size: clamp(48px, 12vw, 64px); }
  .wine-collection .others--six { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .wine-collection .others--six .wine-card { padding: 24px 8px 18px; font-size: 27px; }
  .wine-collection .others--six .wine-card__img { height: clamp(200px, 54vw, 260px); margin-bottom: 20px; }
  .wine-collection .wine-card .style-line { font-size: 15px; }
  .wine-collection__notes { grid-template-columns: 1fr; gap: 24px; padding-block: 40px; }
  .wine-collection__notes .copy { font-size: 15px; line-height: 1.65; }   /* each sentence block stays within three lines */
  .wine-collection .compare tr { background: transparent; padding: 24px 0; border-bottom: 1px solid var(--wine-rule); border-radius: 0; }
}