/* Source and licensing information for the line(s) below can be found at https://www.catlante-catamarans.com/themes/custom/catlante/dist/assets/stylesheets/devis-trust.css. */
/* =====================================================================
   Demande de devis (node 54) — engagements et réassurance (09/2026).
   Ordinateur : formulaire + colonne « Nos engagements » collante.
   Mobile : bandeau de 3 engagements au-dessus du formulaire, colonne
   complète après le formulaire.
   ===================================================================== */

.devis-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 36px; align-items: start; }
.devis-main { min-width: 0; }

.devis-strip { display: none; }

.devis-aside { position: sticky; top: 130px; margin-top: 8px; padding: 26px 24px; border-radius: 18px; background: #fbf6ef; color: #003849; }
.devis-page .devis-aside__title { margin: 0 0 16px; color: #003849; font-family: SangBleuSunrise-Medium, Georgia, serif; font-size: 24px; font-weight: 400; line-height: 1.2; text-align: left; }

.devis-trust { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.devis-trust li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: start; margin: 0; padding: 0; }
.devis-trust svg { width: 30px; height: 30px; fill: none; stroke: #003849; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.devis-trust svg.devis-sprite,
.devis-strip svg.devis-sprite { --color1: #003849; --color2: #f16846; stroke: none; }
.devis-page .devis-trust span { color: #29434b; font: 400 13.5px/1.45 Montserrat, sans-serif; }
.devis-page .devis-trust strong { display: block; margin-bottom: 2px; color: #003849; font: 700 14.5px/1.3 Montserrat, sans-serif; }

.devis-aside__help { margin-top: 22px; padding-top: 18px; border-top: 1px solid #e6dccd; }
.devis-page .devis-aside__help-title { margin: 0 0 6px; color: #003849; font: 700 14px/1.3 Montserrat, sans-serif; text-align: left; }
.devis-page a.devis-aside__tel { color: #003849; font: 700 20px/1.2 Montserrat, sans-serif; text-decoration: none; }
.devis-page a.devis-aside__tel:hover { color: #f16846; }
.devis-page .devis-aside__hours { margin: 2px 0 8px; color: #5b7178; font: 500 13px/1.3 Montserrat, sans-serif; text-align: left; }
.devis-page .devis-aside__links { margin: 0; color: #5b7178; font: 500 13.5px/1.4 Montserrat, sans-serif; text-align: left; }
.devis-page .devis-aside__links a { color: #003849; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.devis-page .devis-aside__links a:hover { color: #f16846; }
.devis-page .devis-aside a:focus-visible { outline: 2px solid #f16846; outline-offset: 2px; }

@media (max-width: 991.98px) {
  .devis-layout { grid-template-columns: 1fr; gap: 24px; }
  .devis-aside { position: static; margin-top: 0; }

  .devis-strip { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 4px 0 18px; padding: 12px 8px; border-radius: 14px; background: #fbf6ef; }
  .devis-page .devis-strip li { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 0; padding: 0; color: #003849; font: 600 11.5px/1.3 Montserrat, sans-serif; text-align: center; }
  .devis-strip svg { width: 26px; height: 26px; fill: none; stroke: #003849; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
  /* Les 3 premiers engagements sont déjà dans le bandeau */
  .devis-trust li:nth-child(-n+3) { display: none; }
}

/* Source and licensing information for the above line(s) can be found at https://www.catlante-catamarans.com/themes/custom/catlante/dist/assets/stylesheets/devis-trust.css. */