/* produit.css — assemblage de la page produit (grille galerie / infos), pas un composant. */
.product-layout{
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-7);
  padding-block: var(--space-6) var(--space-8);
}

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

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

.product-info__price{ margin-bottom: var(--space-6); }

.product-info__badge{ margin-bottom: var(--space-4); }

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

.product-info__actions{
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-bottom: var(--space-6);
}

.product-info__reassurance{
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding-block: var(--space-5);
  border-top: var(--border-hairline);
  border-bottom: var(--border-hairline);
  margin-bottom: var(--space-7);
}

.product-info__coupon-note{
  font-size: var(--fs-small);
  color: var(--color-ink-faint);
  margin-top: var(--space-3);
}
.product-info__coupon-note a{ color: var(--color-accent-text); text-decoration: underline; }

.product-section{ padding-block: var(--space-7); border-top: var(--border-hairline); }
.product-section__title{ margin-bottom: var(--space-5); }