/* Calm CBD, compléments du front câblé (30/09/2026) : contenus Odoo dans les onglets, sélection de variante, lien du toast. */
.odoo-content img { max-width: 100%; height: auto; }
.odoo-content .container, .odoo-content .row, .odoo-content [class*="col-"] { max-width: 100%; }
.odoo-content .row { display: flex; flex-wrap: wrap; gap: 1rem; }
.odoo-content [class*="col-lg-"] { flex: 1 1 240px; }
.odoo-content i.fa { display: none; }
.odoo-content section { padding: 0 !important; background: none !important; }
#variant-select { width: 100%; min-height: 44px; font: inherit; font-size: 16px; margin: .25rem 0 1rem; }
#toast a { color: inherit; text-decoration: underline; margin-left: .5rem; }
.detail-price small, .price small { font-weight: 400; }
/* 30/09 (recette #156) : largeur de contenu bornée. Sans borne, grilles, rangées et visuel d accueil
   suivaient la largeur de la fenêtre : au zoom arrière (Ctrl + molette) la fenêtre s élargit en px CSS
   et les images restaient à la même taille à l écran pendant que le texte rapetissait. Au-delà de
   --calm-contenu-max, les marges latérales absorbent l excédent ; en dessous, rien ne change. */
:root { --calm-contenu-max: 1360px; }
@media (min-width: 851px) {
  .announcement, .site-header, .majority, .section, .reassurance { padding-inline: max(var(--page-margin), calc((100% - var(--calm-contenu-max)) / 2)); }
  .hero { padding-inline: max(0px, calc((100% - var(--calm-contenu-max) - 2 * var(--page-margin)) / 2)); }
}