/*
 * Carte produit VINÉA commune.
 * Le composant conserve les mêmes zones et la même hauteur ; seule la grille
 * passe de 4 à 2 puis 1 colonne selon l'espace disponible.
 */
#autres-vins-domaine .prestige-grid,
#autres-vins-domaine .vinea-domain-product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  align-items: stretch !important;
}

#autres-vins-domaine .prestige-card,
#autres-vins-domaine .vinea-domain-product-card,
#autres-vins-domaine .prestige-card.is-quantity-open,
#autres-vins-domaine .prestige-card.is-quantity-selected {
  position: relative !important;
  display: grid !important;
  grid-template-rows: 44px 198px 58px 44px 50px 40px !important;
  width: 100% !important;
  height: 458px !important;
  min-height: 458px !important;
  max-height: 458px !important;
  padding: 14px 16px 18px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: #fff !important;
}

#autres-vins-domaine .prestige-awards {
  position: static !important;
  grid-row: 1 !important;
  align-self: start !important;
  width: 100% !important;
  height: 42px !important;
  margin: 0 !important;
  padding-right: 34px !important;
  overflow: hidden !important;
}

#autres-vins-domaine .prestige-card > img.wine-bottle-img {
  position: static !important;
  grid-row: 2 !important;
  align-self: center !important;
  justify-self: center !important;
  width: auto !important;
  height: 198px !important;
  max-width: 128px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

#autres-vins-domaine .prestige-card h3 {
  grid-row: 3 !important;
  align-self: center !important;
  justify-self: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

#autres-vins-domaine .prestige-info,
#autres-vins-domaine .vinea-card-meta {
  grid-row: 4 !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  text-align: center !important;
}

#autres-vins-domaine .prestige-price-container,
#autres-vins-domaine .vinea-card-price-row {
  position: static !important;
  grid-row: 5 !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 2px !important;
  box-sizing: border-box !important;
}

#autres-vins-domaine .prestige-actions {
  position: static !important;
  grid-row: 6 !important;
  align-self: end !important;
  display: flex !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
}

#autres-vins-domaine .prestige-express {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

/* Le tableau quantité/prix recouvre la carte sans modifier ses dimensions. */
#autres-vins-domaine .vinea-domain-quantity-panel,
#autres-vins-domaine .vinea-quantity-panel {
  max-width: calc(100% - 32px) !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  #autres-vins-domaine .prestige-grid,
  #autres-vins-domaine .vinea-domain-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  #autres-vins-domaine .prestige-grid,
  #autres-vins-domaine .vinea-domain-product-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #autres-vins-domaine .prestige-card,
  #autres-vins-domaine .vinea-domain-product-card {
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
  }
}

#autres-vins-domaine .prestige-card.is-quantity-open .prestige-express {
  background: #193153 !important;
  color: #fff !important;
}

#autres-vins-domaine .prestige-card.is-quantity-selected .prestige-express {
  background: #193153 !important;
  color: #fff !important;
}

#autres-vins-domaine .vinea-domain-quantity-close {
  top: 12px !important;
  right: 2px !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: auto !important;
}

#autres-vins-domaine .vinea-domain-quantity-close svg {
  display: block !important;
  width: 13px !important;
  height: 13px !important;
  fill: none !important;
  stroke: #000 !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
}

#autres-vins-domaine .vinea-domain-product-title-link {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

#autres-vins-domaine .prestige-card {
  cursor: pointer;
}

#autres-vins-domaine .prestige-price-left,
#autres-vins-domaine .vinea-card-sale {
  flex: 0 0 112px !important;
  width: 112px !important;
  min-width: 112px !important;
  white-space: nowrap !important;
  text-align: center !important;
}

#autres-vins-domaine .prestige-price-right,
#autres-vins-domaine .vinea-card-price {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

#autres-vins-domaine .vinea-domain-product-title-link:hover,
#autres-vins-domaine .vinea-domain-product-title-link:focus {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

#autres-vins-domaine .wine-bottle-img {
  cursor: pointer;
}

#autres-vins-domaine .vinea-domain-zoom-trigger {
  position: absolute;
  right: 12px;
  top: 224px;
  z-index: 4;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #000;
  cursor: zoom-in;
}

#autres-vins-domaine .vinea-domain-zoom-trigger svg {
  display: block;
  width: 23px;
  height: 23px;
  margin: auto;
  fill: none;
  stroke: #000;
  stroke-width: 1.8;
  stroke-linecap: round;
}

.vinea-domain-bottle-zoom {
  position: fixed;
  inset: 0;
  z-index: 30000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 32px;
  background: rgba(255,255,255,.96);
}

.vinea-domain-bottle-zoom.is-open {
  display: flex;
}

.vinea-domain-bottle-zoom img {
  display: block;
  width: auto;
  height: min(90vh, 900px);
  max-width: 90vw;
  object-fit: contain;
}

.vinea-domain-bottle-zoom-close {
  position: fixed;
  top: 20px;
  right: 26px;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #000;
  font: 400 34px/38px Arial, sans-serif;
  cursor: pointer;
}
