/* FREDELECT 4.1 — organisation complète de la page d'accueil */
html{scroll-padding-top:112px}
.home-flow-section{scroll-margin-top:108px}
.home-flow-section .section-head{max-width:820px;margin-inline:auto;text-align:center}
.home-flow-section .section-head p{max-width:680px;margin-inline:auto}
.home-quick-nav-wrap{position:relative;z-index:8;padding:24px 0 8px;background:transparent}
.home-quick-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:13px;border:1px solid rgba(255,255,255,.9);border-radius:27px;background:rgba(255,255,255,.82);box-shadow:0 22px 58px rgba(7,25,41,.13);backdrop-filter:blur(24px) saturate(150%)}
.home-quick-nav a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;padding:11px 12px;border:1px solid transparent;border-radius:18px;color:var(--ink);font-size:11px;font-weight:850;transition:.25s}
.home-quick-nav a:hover{transform:translateY(-3px);border-color:rgba(255,48,74,.18);background:rgba(255,48,74,.07);box-shadow:0 12px 28px rgba(7,25,41,.09)}
.home-quick-nav .icon{width:20px;height:20px;color:var(--red)}
#services-accueil{padding:90px 0 98px}
#services-accueil .service-showcase{display:grid;grid-template-columns:repeat(4,1fr)}
#zones-intervention{padding:96px 0}
#secteurs{padding:100px 0}
#garanties{padding:96px 0;background:linear-gradient(180deg,#fff,rgba(241,247,251,.82))}
#garanties .why-grid{display:grid;grid-template-columns:repeat(4,1fr)}
#garanties .why-card{height:100%;align-items:flex-start}
#realisations{padding:100px 0;background:linear-gradient(180deg,rgba(239,246,251,.72),#fff)}
#realisations .projects-grid{display:grid;grid-template-columns:repeat(4,1fr)}
#avis-clients{padding:96px 0}
#avis-clients .testimonial-row{display:grid;grid-template-columns:repeat(3,1fr)}
#methode{padding:100px 0;background:radial-gradient(circle at 92% 8%,rgba(90,169,224,.12),transparent 28%),#fff}
#planifier{padding:102px 0}
#entreprise{padding:104px 0;background:linear-gradient(180deg,#fff,rgba(242,247,251,.76))}
#entreprise .about-preview-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center}
#entreprise .about-copy{height:max-content}
#direction{padding:98px 0;background:radial-gradient(circle at 9% 40%,rgba(255,48,74,.1),transparent 28%),#fff}
#questions{padding:100px 0}
#conseils{padding:100px 0;background:linear-gradient(180deg,rgba(243,248,252,.84),#fff)}
#conseils .articles-grid{display:grid;grid-template-columns:repeat(3,1fr)}
#conseils .article-card{height:100%;display:flex;flex-direction:column}
#conseils .article-card-body{display:flex;flex:1;flex-direction:column}
#conseils .article-meta{margin-top:auto}
#services-accueil .section-actions,
#realisations .section-actions{margin-top:38px;text-align:center}
#secteurs .sector-grid,
#methode .process-showcase{margin-top:8px}
#avis-clients .section-head h2{color:#fff}
#avis-clients .section-head .eyebrow{color:#fff}
#avis-clients .section-head{margin-bottom:42px}
.home-flow-section img{max-width:100%}
.home-flow-section a:focus-visible,
.home-quick-nav a:focus-visible{outline:3px solid rgba(255,48,74,.35);outline-offset:4px}
@media(max-width:1100px){
  .home-quick-nav{grid-template-columns:repeat(3,1fr)}
  #services-accueil .service-showcase{grid-template-columns:repeat(2,1fr)}
  #garanties .why-grid{grid-template-columns:repeat(2,1fr)}
  #realisations .projects-grid{grid-template-columns:repeat(2,1fr)}
  #entreprise .about-preview-grid{grid-template-columns:1fr 1fr;gap:44px}
}
@media(max-width:850px){
  html{scroll-padding-top:92px}
  .home-flow-section{scroll-margin-top:88px}
  .home-quick-nav-wrap{padding-top:18px}
  .home-quick-nav{grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;border-radius:22px}
  .home-quick-nav a{min-height:54px;font-size:10px;border-radius:15px}
  #avis-clients .testimonial-row{grid-template-columns:1fr}
  #entreprise .about-preview-grid{grid-template-columns:1fr;gap:32px}
  #conseils .articles-grid{grid-template-columns:1fr 1fr}
  #methode .process-showcase{grid-template-columns:1fr 1fr}
  #services-accueil,#zones-intervention,#secteurs,#garanties,#realisations,
  #methode,#planifier,#entreprise,#direction,#questions,#conseils{padding-top:82px;padding-bottom:82px}
}
@media(max-width:560px){
  .home-quick-nav-wrap{padding:14px 0 2px}
  .home-quick-nav{grid-template-columns:repeat(2,1fr);gap:7px;padding:8px;border-radius:19px}
  .home-quick-nav a{justify-content:flex-start;min-height:50px;padding:10px;font-size:9.5px}
  .home-quick-nav .icon{width:18px;height:18px}
  .home-flow-section .section-head{text-align:left;margin-bottom:32px}
  .home-flow-section .section-head p{margin-inline:0}
  #services-accueil .service-showcase,
  #garanties .why-grid,
  #realisations .projects-grid,
  #conseils .articles-grid,
  #methode .process-showcase{grid-template-columns:1fr}
  #services-accueil,#zones-intervention,#secteurs,#garanties,#realisations,
  #methode,#planifier,#entreprise,#direction,#questions,#conseils{padding-top:68px;padding-bottom:68px}
  #realisations .project-image{height:225px}
  #entreprise .about-copy{padding:22px}
  #direction .ceo-home-card{padding:16px}
  #questions .home-faq-intro{padding:22px}
  #avis-clients{padding:72px 0}
}