/* Accueil de studio-solaire.fr (D186) : aide au choix d'un pack, phrase par outil, agence locale, témoignages, « On vous rappelle ».
   Chargée par l'accueil et, pour les mêmes blocs, par Solutions et services, Packs, L'agence et Tarifs (D188) ; jetons sv3. */
.sv3-pack { position: relative; }
.sv3-pack:has(> .sv3-pk-badge) .sv3-pack-tete { margin-top: .7rem; }
.tarifs-studio .tarifs { grid-template-columns: 1fr; max-width: 420px; }
.tarifs-studio .liste-check { margin-bottom: var(--e-4); }
.tarifs-sommaire ul { list-style: none; margin: var(--e-4) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--e-2); }
.tarifs-sommaire .btn { min-height: var(--cible); }
#t-studio, #t-rank, #t-solutions, #packs, #solar-360, #prestations, #calculateur { scroll-margin-top: 90px; }
.sv3-solution-phrase { margin: 0; font-weight: 600; color: var(--sv3-nuit, #061024); line-height: 1.35; }
.sv3-choix { margin: 0 0 var(--e-5); padding: var(--e-4); background: var(--sv3-carte, #f3f7fd); border: 1px solid var(--sv3-ligne, #dbe5f3); border-radius: var(--rayon-lg); }
.sv3-choix h3 { margin: 0 0 .25rem; font-size: 1.15rem; }
.sv3-choix > p { margin: 0 0 var(--e-3); }
.sv3-choix-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--e-2); grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.sv3-choix-liste .btn { width: 100%; justify-content: center; text-align: center; white-space: normal; min-height: var(--cible); }
.sv3-pk-badge { position: absolute; top: -.75rem; left: var(--e-4); margin: 0; padding: .2rem .7rem; border-radius: 999px; background: var(--sv3-nuit, #061024); color: var(--blanc); font-size: .75rem; font-weight: 700; letter-spacing: .02em; }
.sv3-pk-surbrillance { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(37,87,214,.35); }
.sv3-pk:focus { outline: none; }
.sv3-pk:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.sv3-avis { margin-top: var(--e-3); }
.sv3-temoignages { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--e-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.sv3-temoignages blockquote { margin: 0 0 var(--e-3); font-size: 1.02rem; }
.sv3-agence { display: grid; gap: var(--e-5); align-items: center; }
@media (min-width: 900px) { .sv3-agence:has(.sv3-agence-image) { grid-template-columns: 2fr 3fr; } }
.sv3-agence-image img { width: 100%; height: auto; border-radius: var(--rayon-lg); }
.sv3-agence-texte h2 { margin-top: 0; }
.sv3-agence-faits { list-style: none; margin: var(--e-4) 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--e-2) var(--e-5); }
.sv3-agence-faits li { display: inline-flex; align-items: center; gap: .45rem; font-weight: 600; }
.sv3-agence-faits a { display: inline-flex; align-items: center; min-height: var(--cible); }
.sv3-rappel { background: var(--sv3-nuit-2, #0b1d3d); color: var(--blanc); scroll-margin-top: 80px; }
.sv3-rappel:focus { outline: none; }
.sv3-rappel-int { display: grid; gap: var(--e-5); align-items: start; }
@media (min-width: 900px) { .sv3-rappel-int { grid-template-columns: 1fr 1.2fr; } }
.sv3-rappel-texte h2 { margin-top: 0; color: var(--blanc); }
.sv3-rappel-tel a { display: inline-flex; align-items: center; gap: .4rem; min-height: var(--cible); color: var(--blanc); font-weight: 700; font-size: 1.1rem; }
.sv3-rappel-carte { background: var(--blanc); color: var(--texte, #1a2233); border-radius: var(--rayon-lg); padding: var(--e-5); }
.sv3-rappel-carte .formulaire { display: grid; gap: var(--e-3); }
.sv3-rappel-carte .btn { justify-self: start; }
.sv3-rappel-rgpd { margin: 0; color: var(--texte-doux, #4a5568); }