/* Vitrine_PageTarifs.css - styles de la page vitrine, repris de la maquette. */
/* Les polices communes aux quatre pages vivent dans Vitrine_Fonts.css. */

/* Filet : les feuilles de page sont chargées APRÈS, et une règle de classe
   (display:flex, display:grid…) bat [hidden] sans le !important. Le gabarit
   vitrine ne charge pas site.css, qui porte ce filet pour le reste du site. */
[hidden]{display:none!important;}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;}
::selection{background:#2388be;color:#fff;}
a{color:#2388be;}
a:hover{color:#1c7099;}
@keyframes tf-aurora1{0%{transform:translate(0,0) scale(1);}50%{transform:translate(46px,26px) scale(1.14);}100%{transform:translate(0,0) scale(1);}}
@keyframes tf-aurora2{0%{transform:translate(0,0) scale(1);}50%{transform:translate(-38px,18px) scale(.93);}100%{transform:translate(0,0) scale(1);}}
@keyframes tf-sheen{0%,72%{left:-120%;}90%,100%{left:130%;}}
header nav a{white-space:nowrap;}
@media (max-width:1080px){ a[data-navlink]{display:none !important;} }
@media (max-width:900px){
  [data-stack]{grid-template-columns:1fr !important;}
  [data-divider]{display:none !important;}
  [data-col]{padding:8px 0 !important;}
  [data-plans]{grid-template-columns:1fr !important;}
}

/* Téléphone (375 px de référence). Les styles de la maquette sont EN LIGNE : d'où les
   !important et un sélecteur de structure (la 3e section est l'encart bleu « Où va votre
   abonnement »), à relire si l'ordre des sections change. */
@media (max-width:600px){
  h1{font-size:38px !important;}
  section{padding-left:16px !important;padding-right:16px !important;}
  [data-card]{padding:26px 20px 28px !important;}
  /* Bascule à l'année / au mois : 40 px de haut sous le doigt. */
  [data-plan]{padding:11px 10px !important;}
  /* Encart bleu : 60/56 px de marge interne ne laissaient que 200 px au texte. */
  section:nth-of-type(3) > div{padding:40px 22px 36px !important;border-radius:22px !important;}
  section:nth-of-type(3) h2{font-size:30px !important;}
  [data-faq]{padding:16px 18px !important;}
  [data-faq-inner]{padding-left:18px !important;padding-right:18px !important;}
  footer img{height:72px !important;}
}