/* ==========================================================================
     pages/kavi.html · page "KAVI" (theme: assets/pages/kavi.css; prefix pg-kavi-)
     KAVI, the Doina Vin sparkling wine (not one of the 14 catalogue houses): owner decisions 2026-10-17, one
     label concept (the cut-out vine leaf), 150 MDL / sticlă, on sale (the buy box of inc/woo-lines.php: the
     wine page's form, trust list and marks); no vote, no launch date, no stock promise.
     Layout only: kit tokens, kit components (factlist, buttons, price, stepper, trust), no new colours or sizes.
     ========================================================================== */
  .pg-kavi-head { padding-block: var(--sp-7) var(--sp-8); }
  .pg-kavi-head__grid { display: grid; gap: var(--sp-7); }
  .pg-kavi-head h1 { margin-top: var(--sp-2); }
  .pg-kavi-head .dvh-lead { margin-top: var(--sp-4); max-width: 42ch; text-wrap: pretty; }
  .pg-kavi-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-1) var(--sp-2); margin-top: var(--sp-5); }
  .pg-kavi-price__unit { font-size: var(--fs-ui); line-height: var(--lh-ui); color: var(--muted); }
  /* the buy box under the price, as wide as the lead text */
  .pg-kavi-buy { max-width: 32rem; }
  .pg-kavi-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3) var(--sp-5); margin-top: var(--sp-6); }

  /* the one label concept: a 2:3 crop around the bottle, never wider than 360 px */
  .pg-kavi-concept { margin: 0; justify-self: center; inline-size: min(100%, 360px); }
  .pg-kavi-concept__frame { aspect-ratio: 2 / 3; overflow: clip; border-radius: var(--radius-media); background: var(--surface); }
  .pg-kavi-concept__frame > img { width: 100%; height: 100%; object-fit: cover; }
  /* the 360 viewer (page-kavi.php, turn.css): the well fills the 2:3 frame on the clip's own tint */
  .pg-kavi-concept__frame.dvh-gallery--turn { background: var(--house-tint); }
  .pg-kavi-concept__frame .dvh-gallery__well { aspect-ratio: auto; height: 100%; max-height: none; border-radius: 0; }
  .pg-kavi-concept figcaption { display: grid; gap: 2px; margin-top: var(--sp-3); }
  .pg-kavi-concept__name { font-family: var(--font-display); font-size: var(--fs-card); line-height: var(--lh-card); font-weight: var(--fw-title); }

  /* in short: the fact list, then the note on the picture */
  .pg-kavi-sec { padding-block: var(--section); }
  .pg-kavi-brief .dvh-factlist { margin-top: var(--sp-3); max-width: 46rem; }
  .pg-kavi-brief dd a { white-space: nowrap; }
  .pg-kavi-fineprint { margin-top: var(--sp-6); max-width: var(--text-measure); }

  /* phones: the action full width, in the thumb zone */
  @media (max-width: 599.98px) {
    .pg-kavi-actions .dvh-btn { flex: 1 1 100%; }
  }

  @media (min-width: 900px) {
    .pg-kavi-head { padding-block: var(--sp-8); }
    .pg-kavi-head__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--sp-8); align-items: center; }
  }