/* ==========================================================================
   woo-wine: the wine page's page layer, verbatim from house-mockups/pages/wine.html <style>.
   Enqueued by inc/woo-wine.php on wine pages only (handle dvh-woo-wine, after dvh-woo).
   The mockup's "buy now" block is assets/woo/buynow.css (shared with other product pages).
   ========================================================================== */
/* ==========================================================================
   pages/wine.html · page layer (prefix pg-wine-)
   Layout only, kit tokens only. Components (critic line, trust list, label teaser and label crop,
   distinctions card, image view, single-house strip, visit strip, buy bar) are kit/components.css.
   ========================================================================== */

/* gallery badges: both medals from 600 px; on phones the first medal and "+1" (the bottle neck stays clear) */
.pg-wine-badge-more { display: none; }
@media (max-width: 599.98px) {
  .pg-wine-badge-rest { display: none; }
  .dvh-medal.pg-wine-badge-more { display: inline-flex; }
}

/* spec band: the blend reads across the band, five cells below */
.pg-wine-specband { margin-top: var(--sp-7); }
.pg-wine-specs > .pg-wine-spec-lead, .pg-wine-specs > .pg-wine-spec-last { grid-column: 1 / -1; }
@media (min-width: 900px) {
  .pg-wine-specs { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .pg-wine-specs > .pg-wine-spec-lead {
    display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-2) var(--sp-5);
    padding: var(--sp-5) 0; border-bottom: 1px solid var(--line);
  }
  .pg-wine-specs > .pg-wine-spec-lead dd { margin-top: 0; }
  .pg-wine-specs > .pg-wine-spec-lead + .dvh-spec { border-left: 0; padding-left: 0; }
  .pg-wine-specs > .pg-wine-spec-last { grid-column: auto; }
}

/* about the wine: tasting notes and distinctions (1:1 from 900 px, 7:5 from 1200 px) */
.pg-wine-about__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-7); align-items: start; }
@media (min-width: 900px) { .pg-wine-about__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--sp-7); } }
@media (min-width: 1200px) { .pg-wine-about__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--sp-8); } }
.pg-wine-about__col > * + * { margin-top: var(--sp-4); }
.pg-wine-notes { max-width: 20ch; }
.pg-wine-about .dvh-spectable { margin-top: var(--sp-6); max-width: 34rem; }

/* the 2016 label: the crop at the render's own size (212 px) until a scan of the label exists */
.pg-wine-label { background: var(--surface); padding-block: var(--section); }
.pg-wine-label__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-6); align-items: center; }
@media (min-width: 900px) { .pg-wine-label__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: var(--sp-8); } }
.pg-wine-label__figure { display: grid; justify-items: center; gap: var(--sp-3); padding: var(--sp-6) var(--sp-5) var(--sp-4); background: var(--house-tint); border-radius: var(--radius-media); }
.pg-wine-label__figure .dvh-labelart { width: min(100%, 212px); }
.pg-wine-label__text > * + * { margin-top: var(--sp-4); }
.pg-wine-label__text .dvh-quotebox { margin-top: var(--sp-6); }
.pg-wine-label__text .dvh-btn--tertiary { margin-top: var(--sp-5); }