/** Shopify CDN: Minification failed

Line 175:8 Expected identifier but found whitespace
Line 175:20 Unexpected ";"

**/
/*
 * Vitis product information — circle shell + per-type overlays
 *
 * Extracted from vitis-stats.css. Selectors unchanged.
 */

/*
 * Vitis product information — stat circle content types (wine)
 *
 * Overlay content shown inside the expanded circle on hover/focus:
 * vineyard, profile, process, aroma, wine-glass/radar, pairings, serving.
 */

.vitis-product-information .vitis-product__circle-contents {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.vitis-product-information .vitis-product__circle-content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--wine-top);
  color: var(--wine-circle-ink);
  opacity: 0;
  z-index: 2;
  transition: opacity 0s linear;
  overflow: hidden;
}

.vitis-product-information .vitis-product__circle-content:has(.vitis-product__circle-download) {
  overflow: visible;
}

.vitis-product-information .vitis-product__circle-content:has(.vitis-product__circle-download) .vitis-stat-circle {
  max-height: calc(100% - var(--circle-download-overhang));
}

.vitis-product-information .vitis-product__circle-content .vitis-stat-circle {
  opacity: 0;
  transform: translateY(8px);
  border-radius: 50%;
  overflow: hidden;
  transition: opacity 0s linear, transform 0s linear;
  transition-delay: 0s;
}

/* Wine fiche download pill — bottom center of stat circle (Figma 301:12696) */
.vitis-product-information .vitis-product__circle-download {
  position: absolute;
  left: 50%;
  bottom: 0;
  translate: -50% 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 12px;
  border: 1.5px solid var(--wine-download-border);
  border-radius: 999px;
  background-color: var(--wine-download-bg);
  color: var(--wine-download-ink);
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  z-index: 4;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  isolation: isolate;
  transition: opacity 0s linear;
}

.vitis-product-information .vitis-product__circle-download-icon {
  display: flex;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.vitis-product-information .vitis-product__circle-download-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.vitis-product-information .vitis-product__circle-download-label {
  word-break: break-word;
}

.vitis-product-information .vitis-product__circle-download:hover,
.vitis-product-information .vitis-product__circle-download:focus-visible {
  background-color: var(--wine-download-hover-bg);
}

.vitis-product-information .vitis-product__circle-content--vineyard .vitis-stat-circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: calc(100% - calc(var(--circle-size) * 0.1667));
  padding: calc(var(--circle-size) * 0.1167) calc(var(--circle-size) * 0.0833);
  text-align: center;
}

.vitis-product-information .vitis-product__circle-content--vineyard .vitis-stat-circle__heading {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
}

.vitis-product-information .vitis-product__circle-content--vineyard .vitis-stat-circle__body {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.vitis-product-information .vitis-product__circle-content--vineyard .vitis-stat-circle__body > * {
  margin: 0;
}

.vitis-product-information .vitis-product__circle-content--profile .vitis-stat-circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  max-width: calc(100% - calc(var(--circle-size) * 0.1667));
  padding: calc(var(--circle-size) * 0.1167) calc(var(--circle-size) * 0.0833);
  text-align: center;
  color: var(--wine-circle-ink);
}

.vitis-product-information .vitis-product__circle-content--profile .vitis-stat-circle__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--serving-pill-pad-y, 5px) var(--serving-pill-pad-x, 12px);
  border-radius: 999px;
  background-color: var(--wine-bottom);
  color: var(--wine-top);
  font-size: var(--serving-pill-size, 12px);
  font-weight: 600;
  line-height: 1.15;
}

.vitis-product-information .vitis-product__circle-content--profile .vitis-stat-circle__domaine {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  color: var(--wine-circle-ink);
}

display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0;
  padding: var(--serving-pill-pad-y, 5px) var(--serving-pill-pad-x, 12px);
  border-radius: 999px;
  background-color: var(--wine-pill-bg);
  color: var(--wine-pill-ink);
  font-size: var(--serving-pill-size, 12px);
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
}
 
.vitis-product-information .vitis-product__circle-content--profile .vitis-stat-circle__winemaker-label {
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
 
.vitis-product-information .vitis-product__circle-content--profile .vitis-stat-circle__winemaker-name {
  font-weight: 600;
}

.vitis-product-information .vitis-product__circle-content--profile .vitis-stat-circle__composition {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.vitis-product-information .vitis-product__circle-content--profile .vitis-stat-circle__composition-heading {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--wine-circle-ink);
}

.vitis-product-information .vitis-product__circle-content--profile .vitis-stat-circle__pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--serving-pill-gap, 6px);
  width: 100%;
}

.vitis-product-information .vitis-product__circle-content--profile .vitis-stat-circle__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  max-width: 100%;
  padding: var(--serving-pill-pad-y, 5px) var(--serving-pill-pad-x, 12px);
  border-radius: 999px;
  background-color: var(--wine-pill-bg);
  color: var(--wine-pill-ink);
  font-size: var(--serving-pill-size, 12px);
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
}

.vitis-product-information .vitis-product__circle-content--locatie .vitis-stat-circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: calc(100% - calc(var(--circle-size) * 0.1667));
  padding: calc(var(--circle-size) * 0.1167) calc(var(--circle-size) * 0.0833);
  text-align: center;
}

.vitis-product-information .vitis-product__circle-content--locatie .vitis-stat-circle__producer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.vitis-product-information .vitis-product__circle-content--locatie .vitis-stat-circle__country,
.vitis-product-information .vitis-product__circle-content--locatie .vitis-stat-circle__producer-name {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.vitis-product-information .vitis-product__circle-content--locatie .vitis-stat-circle__region {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
}

.vitis-product-information .vitis-product__circle-content--locatie .vitis-stat-circle__map {
  width: calc(var(--circle-size) * 0.4583);
  height: calc(var(--circle-size) * 0.4583);
  flex-shrink: 0;
}

.vitis-product-information .vitis-product__circle-content--locatie .vitis-stat-circle__map-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.vitis-product-information .vitis-product__circle-content--locatie .vitis-stat-circle__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
}

.vitis-product-information .vitis-product__circle-content--locatie .vitis-stat-circle__climate {
  margin: 0;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}

.vitis-product-information .vitis-product__circle-content--locatie .vitis-stat-circle__appellation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}

.vitis-product-information .vitis-product__circle-content--process .vitis-stat-circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.vitis-product-information .vitis-product__circle-content--process .vitis-stat-circle__background {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  overflow: hidden;
  opacity: 0.4;
  pointer-events: none;
}

.vitis-product-information .vitis-product__circle-content--process .vitis-stat-circle__background-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vitis-product-information .vitis-product__circle-content--process .vitis-stat-circle__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  max-width: calc(100% - calc(var(--circle-size) * 0.1667));
  max-height: 100%;
  padding: calc(var(--circle-size) * 0.0833);
  overflow: hidden;
  text-align: center;
}

.vitis-product-information .vitis-product__circle-content--process .vitis-stat-circle__heading {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
}

.vitis-product-information .vitis-product__circle-content--process .vitis-stat-circle__body {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.vitis-product-information .vitis-product__circle-content--process .vitis-stat-circle__body > * {
  margin: 0;
}

.vitis-product-information .vitis-product__circle-content--aroma .vitis-stat-circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: calc(100% - calc(var(--circle-size) * 0.1667));
  padding: calc(var(--circle-size) * 0.1167) calc(var(--circle-size) * 0.0833);
  text-align: center;
}

.vitis-product-information .vitis-product__circle-content--aroma .vitis-stat-circle__heading {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
}

.vitis-product-information .vitis-product__circle-content--aroma .vitis-stat-circle__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
  width: 100%;
}

.vitis-product-information .vitis-product__circle-content--aroma .vitis-stat-circle__tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 23px;
  padding: 4px 8px;
  border-radius: 999px;
  background-color: var(--wine-pill-bg);
  color: var(--wine-pill-ink);
}

.vitis-product-information .vitis-product__circle-content--aroma .vitis-stat-circle__tag-swatch {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.vitis-product-information .vitis-product__circle-content--aroma .vitis-stat-circle__tag[class*='vitis-stat-circle__tag--tier-']:not(.vitis-stat-circle__tag--tier-1) .vitis-stat-circle__tag-swatch {
  width: 15px;
  height: 15px;
}

.vitis-product-information .vitis-product__circle-content--aroma .vitis-stat-circle__tag[class*='vitis-stat-circle__tag--tier-']:not(.vitis-stat-circle__tag--tier-1) {
  padding-inline: 8px 8px;
  padding-left: 4px;
}

.vitis-product-information .vitis-product__circle-content--aroma .vitis-stat-circle__tag-label {
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
}

.vitis-product-information .vitis-product__circle-content--wine-glass .vitis-stat-circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  /* Extra side budget so longer west labels (e.g. MINERAAL) stay inside the circle. */
  width: calc(var(--circle-size) * 0.42 + 200px);
  max-width: calc(100% - calc(var(--circle-size) * 0.2));
  height: 100%;
  margin-inline: auto;
  padding: 0 calc(var(--circle-size) * 0.04);
  box-sizing: border-box;
  text-align: center;
  /* Non-square box + border-radius:50% was an elliptical clip that cut axis labels. */
  overflow: visible;
  border-radius: 0;
}

.vitis-product-information .vitis-product__circle-content--wine-glass .vitis-stat-circle__heading {
  margin: 0;
  width: 100%;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}

.vitis-product-information .vitis-product__circle-content--wine-glass .vitis-stat-circle__radar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  max-width: 100%;
}

.vitis-product-information .vitis-product__circle-content--wine-glass .vitis-stat-circle__radar-row {
  display: grid;
  /* Equal side columns keep the chart centred even when MINERAAL is wider than BODY. */
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  column-gap: 8px;
  width: 100%;
}

.vitis-product-information .vitis-product__circle-content--wine-glass .vitis-stat-circle__axis-label {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: 0.8;
  color: var(--wine-circle-ink);
}

.vitis-product-information .vitis-product__circle-content--wine-glass .vitis-stat-circle__axis-label--north,
.vitis-product-information .vitis-product__circle-content--wine-glass .vitis-stat-circle__axis-label--south {
  width: 100%;
  text-align: center;
}

.vitis-product-information .vitis-product__circle-content--wine-glass .vitis-stat-circle__axis-label--west {
  justify-self: end;
  text-align: right;
  white-space: nowrap;
}

.vitis-product-information .vitis-product__circle-content--wine-glass .vitis-stat-circle__axis-label--east {
  justify-self: start;
  text-align: left;
  white-space: nowrap;
}

.vitis-product-information .vitis-product__circle-content--wine-glass style-radar-chart {
  display: block;
  grid-column: 2;
  grid-row: 1;
  width: calc(var(--circle-size) * 0.42);
  max-width: 100%;
  min-width: 0;
  aspect-ratio: 1;
  justify-self: center;
}

.vitis-product-information .vitis-product__circle-content--wine-glass .radar-chart__svg {
  display: block;
  width: 100%;
  height: 100%;
}

.vitis-product-information .vitis-product__circle-content--wine-glass .radar-chart__grid-circle,
.vitis-product-information .vitis-product__circle-content--wine-glass .radar-chart__grid-axis {
  fill: none;
  stroke: var(--wine-radar-grid);
  stroke-width: 1;
  opacity: var(--wine-radar-grid-opacity);
}

.vitis-product-information .vitis-product__circle-content--wine-glass .radar-chart__polygon {
  fill: var(--wine-bottom);
  opacity: 0.85;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle {
  --serving-pad: calc(var(--circle-size) * 0.1);
  --serving-gap: calc(var(--circle-size) * 0.0333);
  --serving-label-size: 12px;
  --serving-pill-size: 12px;
  --serving-pill-pad-y: 5px;
  --serving-pill-pad-x: 12px;
  --serving-pill-gap: 6px;
  --serving-pill-cols: 2;
  --serving-safe-inset: calc(var(--circle-size) * 0.14);
  --serving-heading-size: 24px;
  --serving-temp-size: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--serving-gap);
  box-sizing: border-box;
  width: 100%;
  max-width: calc(100% - var(--serving-safe-inset));
  height: 100%;
  margin-inline: auto;
  padding: var(--serving-pad);
  text-align: center;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle--serving-dense {
  --serving-pill-pad-y: 4px;
  --serving-pill-pad-x: 10px;
  --serving-pill-gap: 5px;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__heading {
  margin: 0;
  width: 100%;
  font-size: var(--serving-heading-size);
  font-weight: 600;
  line-height: normal;
  text-align: center;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__serving-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(5.5rem, 0.7fr);
  grid-template-areas:
    'left temp'
    'left window';
  gap: var(--serving-gap);
  align-items: start;
  width: 100%;
  text-align: left;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__serving-left {
  grid-area: left;
  display: flex;
  flex-direction: column;
  gap: calc(var(--serving-gap) * 0.75);
  min-width: 0;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__serving-cell {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__serving-cell--temp {
  grid-area: temp;
  gap: 6px;
  align-self: start;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__serving-cell--window {
  grid-area: window;
  gap: 10px;
  align-self: end;
  min-width: 5.5rem;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__serving-grid:not(:has(.vitis-stat-circle__serving-left)):has(.vitis-stat-circle__serving-cell--temp) {
  grid-template-areas:
    'temp temp'
    'window window';
  grid-template-columns: minmax(0, 1fr);
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__serving-grid:has(.vitis-stat-circle__serving-left):not(:has(.vitis-stat-circle__serving-cell--temp)):not(:has(.vitis-stat-circle__serving-cell--window)) {
  grid-template-areas: 'left';
  grid-template-columns: minmax(0, 1fr);
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__serving-grid:has(.vitis-stat-circle__serving-left):has(.vitis-stat-circle__serving-cell--temp):not(:has(.vitis-stat-circle__serving-cell--window)) {
  grid-template-areas:
    'left temp';
  grid-template-columns: minmax(0, 1.3fr) minmax(5.5rem, 0.7fr);
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__serving-grid:has(.vitis-stat-circle__serving-left):not(:has(.vitis-stat-circle__serving-cell--temp)):has(.vitis-stat-circle__serving-cell--window) {
  grid-template-areas:
    'left window';
  grid-template-columns: minmax(0, 1.3fr) minmax(5.5rem, 0.7fr);
}

/* Pairings-only overlay (desktop + mobile): centre food/cheese blocks in the circle. */
.vitis-product-information .vitis-product__circle-content--pairings[data-variant='pairings'] .vitis-stat-circle__serving-grid {
  text-align: center;
  justify-items: center;
}

.vitis-product-information .vitis-product__circle-content--pairings[data-variant='pairings'] .vitis-stat-circle__serving-left,
.vitis-product-information .vitis-product__circle-content--pairings[data-variant='pairings'] .vitis-stat-circle__serving-cell {
  align-items: center;
  width: 100%;
}

.vitis-product-information .vitis-product__circle-content--pairings[data-variant='pairings'] .vitis-stat-circle__section-label {
  text-align: center;
  width: 100%;
}

.vitis-product-information .vitis-product__circle-content--pairings[data-variant='pairings'] .vitis-stat-circle__pills--grid {
  justify-content: center;
  align-items: center;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__section-label {
  margin: 0;
  font-size: var(--serving-label-size);
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0.8;
  color: var(--wine-circle-ink);
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__pills--grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--serving-pill-gap);
  align-items: flex-start;
  width: 100%;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle--serving-dense .vitis-stat-circle__pills--grid {
  display: grid;
  grid-template-columns: repeat(var(--serving-pill-cols), minmax(0, 1fr));
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__pills--grid[data-pill-count='1'] {
  display: flex;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: auto;
  max-width: 100%;
  flex: 0 1 auto;
  min-width: 0;
  padding: var(--serving-pill-pad-y) var(--serving-pill-pad-x);
  border-radius: 999px;
  background-color: var(--wine-pill-bg);
  color: var(--wine-pill-ink);
  font-size: var(--serving-pill-size);
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle--serving-dense .vitis-stat-circle__pill {
  display: flex;
  width: 100%;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__temperature {
  margin: 0;
  font-size: var(--serving-temp-size);
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--wine-circle-ink);
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__window {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  min-width: 0;
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__window-bar {
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 999px;
  background-color: var(--wine-bottom);
}

.vitis-product-information .vitis-product__circle-content--pairings .vitis-stat-circle__window-labels {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  font-size: var(--serving-label-size);
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
  color: var(--wine-circle-ink);
}

