/*
  product-overview.css — mise en page du haut de fiche produit : galerie + bloc d'achat.
  Gabarit du template single-product (transposable en template WooCommerce).
*/
.product-overview {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
  padding-block: var(--space-5) var(--space-7);
}

.product-overview__category {
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-brown-dark);
  margin-bottom: var(--space-2);
}

.product-overview__category a {
  text-decoration: none;
}

.product-overview__category a:hover {
  text-decoration: underline;
}

.product-overview__info h1 {
  margin-bottom: var(--space-3);
}

.product-overview__rating-link {
  display: inline-block;
  text-decoration: none;
  margin-bottom: var(--space-5);
}

.product-overview__buy {
  margin-bottom: var(--space-5);
}

.product-overview__reassurance {
  border-top: 1px solid var(--color-line);
  padding-top: var(--space-2);
}