/* HK Service Démolition, charte de location-benne-guerdner.fr (2026-11-05), hk-charte-20.css
   (3 : fonds imposés par !important ; 4 : chiffres alignés partout, pastilles à leur largeur ;
   5 : 2026-11-06, « une police un peu plus ronde » : titres en Rubik 600 au lieu de Raleway 700, autres polices rondes à
   comparer sur l'accueil pour un administrateur connecté, inc/choix-polices.php ;
   6 : même jour, « plus fin » : titres en Rubik 500 ;
   7 : même jour, « Quicksand go » : titres en Quicksand 700, choisie dans la barre de l'accueil, barre retirée ;
   8 : mots en vert des titres en Quicksand eux aussi (« pense aussi au… en vert »), titres réduits d'un cran ;
   9 : en-tête transparent : blanc seulement quand on défile ou qu'on ouvre le menu Prestations (avant, au simple survol
       de l'en-tête), plus de rectangle blanc derrière les liens, fondu commun ; textes des cartes prestations retirés ;
   10 : titres des cartes prestations plus petits, sur une ligne, et toujours blancs au survol ;
   13 : 2026-11-10, « un vrai formulaire de contact dans la bannière en haut » : les cinq champs à la place du cadre
        « Être rappelé » (.hkc-demande), colonne du formulaire à 480 px, bouton devis de la bannière masqué sur
        ordinateur, où le formulaire est juste à côté  ; 14 : prénom et nom côte à côte jusqu'à 360 px ;
   15 : 2026-11-10, « change la police du site, j'aime pas » : Unbounded 600 (titres) + Afacad (texte), choisies sur
        l'accueil parmi 9 propositions (?police=6), à la place de Quicksand 700 + Host Grotesk ;
   16 : titres des cartes prestations sur deux lignes sous 400 px, Unbounded étant plus large ;
   17 : en-tête plus bas au défilement sur téléphone et tablette, voir en fin de feuille ;
   18 : label éco-conception de l'agence dans le pied, voir en fin de feuille ;
   19 : les trois avis Google de l'accueil en grille de trois, voir en fin de feuille ;
   20 : H1 de la bannière un peu plus grand (« augmente un peu la taille du H1 ») : 76 → 86 px à 1440, 41 → 45 px sur téléphone)
   « Rebosse le site HK Service Démolition dans le même style que le site Sony Guerdner… Tu laisses le logo d'HK…
   au niveau des couleurs tu mets la même chose… vraiment un peu la même charte graphique, le même type de blocs. »
   Chargée après hk-4.css et hk-moderne-35.css (elle passe devant). Reprend lbg-29.css :
   - polices Raleway 700 (titres) et Host Grotesk (texte), servies par le thème, à la place de Pathway Extreme ;
   - fonds crème #FBF6EC, beige café #F2EADB et vert sapin #17351F, jamais deux fois le même à la suite, ronds pâles
     « comme Tigmi » sur une section crème sur deux ; vert #24935A / #35C67F pour les mots en couleur, orange #E2650F
     pour les boutons d'action ;
   - blocs de l'accueil (classes hkc-, inc/charte.php), en-tête transparent sur la bannière, pied vert nuit ;
   - pages de service, villes et pages outils : mêmes fonds, sur-titres en pastille, boutons, questions et contact. */

@font-face{font-family:"Unbounded";src:url("polices/unbounded-wght.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap;size-adjust:86%}
@font-face{font-family:"Afacad";src:url("polices/afacad-wght.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;size-adjust:106%}

:root{
	--police:"Afacad","Segoe UI",system-ui,sans-serif;
	--titres:"Unbounded","Segoe UI",system-ui,sans-serif;--titres-graisse:600;
	--ink:#0F2318;--nuit:#0C1D13;--sapin:#17351F;--sapin-2:#1E4029;--voile:15,35,24;
	--vert:#24935A;--vert-fonce:#1B7346;--vert-clair:#35C67F;--vert-pale:#E3EFE6;--sable:#F2EADB;
	--accent:#E2650F;--accent-survol:#B8500B;
	--creme:#FBF6EC;--bord:#E2D8C6;--bord-vert:#C6DCCD;
	--texte:#26352C;--texte-doux:#56665B;
	--shell:1640px;--gutter:clamp(20px,5vw,72px);
	--entete:88px;
	/* noms des anciennes feuilles, alignés sur la charte (lus aussi par la carte de zone) */
	--hk-ink:#0F2318;--hk-muted:#56665B;--hk-orange:#E2650F;--hk-rust:#B8500B;--hk-yellow:#35C67F;
	--hk-cream:#FBF6EC;--hk-border:#E2D8C6;--hk-line:#E2D8C6;--hk-sapin:#17351F;--hk-vert-pale:#E3EFE6;--hk-placeholder:#E2D8C6;
}

/* ------------------------------------------------------------------ */
/* Polices : Afacad partout, Unbounded 600 pour les titres              */
/* ------------------------------------------------------------------ */
html{scroll-padding-top:calc(var(--entete) + 12px)}
body{background:var(--creme);color:var(--texte);font-family:var(--police);font-variant-ligatures:no-common-ligatures}
.hk-site *{font-family:var(--police)!important}
.hk-site :is(h1,h2,h3,h4,.hkc-h1,.hkc-h2,.hk-h2,.hk-page__titre,.hkc-demande__titre,.hkc-devis__titre,.hkc-coord__tel,.hkc-pied__fort,.hkc-frise__num,.hkc-grille-prix__titre,.hkc-lignes strong,.hkc-fondateur__signature,.hk-prix-simple__prix,.hk-prix__montant strong,.hk-tarif__prix,.hk-tarif__prix span,.hk-poutre__prix,.hk-acc__t,.hk-svc-cas__txt strong,.hk-etape__n,.hk-acc__n,.hk-tarifs-liste__prix,.hk-phone-card a),.hk-site :is(h1,h2,h3,h4,.hkc-h1,.hkc-h2,.hk-h2,.hk-page__titre,.hkc-demande__titre,.hkc-devis__titre,.hkc-coord__tel,.hkc-pied__fort,.hkc-frise__num,.hkc-grille-prix__titre,.hkc-lignes strong,.hkc-fondateur__signature,.hk-prix-simple__prix,.hk-prix__montant strong,.hk-tarif__prix,.hk-tarif__prix span,.hk-poutre__prix,.hk-acc__t,.hk-svc-cas__txt strong,.hk-etape__n,.hk-acc__n,.hk-tarifs-liste__prix,.hk-phone-card a) *{font-family:var(--titres)!important}
.hk-site :is(h1,h2,h3,h4){font-weight:var(--titres-graisse);letter-spacing:-.01em}
/* Raleway dessine des chiffres elzéviriens par défaut : chiffres alignés partout (téléphone, prix, années) */
.hk-site,.hk-site *{font-variant-numeric:lining-nums!important}
.hk-site strong{font-weight:700}

/* ------------------------------------------------------------------ */
/* Cadre, sections, fonds                                              */
/* ------------------------------------------------------------------ */
.hkc-evitement{position:absolute;left:-9999px;top:8px;z-index:200;background:#fff;color:var(--ink);padding:12px 18px;border-radius:10px}
.hkc-evitement:focus{left:12px}
.hkc-cadre{max-width:var(--shell);margin:0 auto;padding:0 var(--gutter)}
.hkc-section{position:relative;padding:clamp(64px,7vw,112px) 0;font-size:19px;line-height:1.65}
.hkc-section p{margin:0 0 18px}
.hkc-fond--creme,.hk-sec--white,.hk-sec--cream.hkc-fond--creme{background:var(--creme)}
.hkc-fond--beige,.hk-sec--cream,.hk-sec--sand,.hk-sec--vert,.hk-sec--cream.hkc-fond--beige{background:var(--sable)}
.hkc-fond--sapin,.hk-sec--dark,.hk-sec--dark.hkc-fond--sapin{background:var(--sapin);color:#D6E2DA}
.hkc-fond--sapin h2,.hkc-fond--sapin h3{color:#fff}
.hkc-fond--sapin .hkc-mot{color:var(--vert-clair)}
.hkc-fond--sapin strong{color:#fff}
.hkc-fond--sapin a:not(.hkc-btn){color:#fff}

/* Ronds pâles « comme sur Tigmi », une section crème sur deux. Tout autre décor de fond des anciennes feuilles (ronds
   verts pâles posés par #services, #tarifs, #faq, .hk-svc-prix…) est retiré : !important, car ces règles passent par des
   identifiants. */
.hk-site main section{background-image:none!important}
/* Couleur de fond imposée elle aussi : d'anciennes règles posaient un dégradé (#tarifs, #chantiers…) dont il ne resterait
   qu'un fond transparent */
.hk-site main section:is(.hkc-fond--creme,.hk-sec--white){background-color:var(--creme)!important}
.hk-site main section:is(.hkc-fond--beige,.hk-sec--sand,.hk-sec--vert),.hk-site main section.hk-sec--cream:not(.hkc-fond--creme){background-color:var(--sable)!important}
.hk-site main section:is(.hkc-fond--sapin,.hk-sec--dark){background-color:var(--sapin)!important;color:#D6E2DA}
.hk-site main section.hkc-fond--creme.hkc-ronds-a{background-image:radial-gradient(circle 320px at right -100px top -120px,#EEE1C9 99.4%,transparent 100%),radial-gradient(circle 120px at left 5% bottom -72px,#F1E7D5 99.4%,transparent 100%)!important;background-repeat:no-repeat!important}
.hk-site main section.hkc-fond--creme.hkc-ronds-b{background-image:radial-gradient(circle 310px at left -110px top -120px,#F1E7D5 99.4%,transparent 100%),radial-gradient(circle 115px at right 7% bottom -70px,#EEE1C9 99.4%,transparent 100%)!important;background-repeat:no-repeat!important}
.hk-site main section.hkc-fond--beige.hkc-ronds-a{background-image:radial-gradient(circle 320px at right -100px top -120px,#E8DAC2 99.4%,transparent 100%),radial-gradient(circle 120px at left 5% bottom -72px,#ECE0CB 99.4%,transparent 100%)!important;background-repeat:no-repeat!important}
.hk-site main section.hkc-fond--beige.hkc-ronds-b{background-image:radial-gradient(circle 310px at left -110px top -120px,#ECE0CB 99.4%,transparent 100%),radial-gradient(circle 115px at right 7% bottom -70px,#E8DAC2 99.4%,transparent 100%)!important;background-repeat:no-repeat!important}
.hk-deco::before,.hk-deco::after{content:none!important;display:none!important}

/* ------------------------------------------------------------------ */
/* Titres, sur-titres, mots en vert                                    */
/* ------------------------------------------------------------------ */
.hkc-h1{font-size:clamp(46px,6.2vw,86px);line-height:1.04;letter-spacing:-.015em}
.hkc-h1__sous{display:block;margin-top:.32em;font-size:max(22px,.4em);line-height:1.2;letter-spacing:0;font-weight:500!important}
.hkc-h2,.hk-site .hk-h2{font-size:clamp(34px,3.7vw,56px);line-height:1.08;margin:0 0 24px;color:var(--ink)}
.hkc-mot,.hk-site .hk-mark,.hk-site .hk-mark span{color:var(--vert)}
.hk-sec--dark .hk-mark,.hk-sec--dark .hk-mark span,.hkc-fond--sapin .hk-mark span{color:var(--vert-clair)}
.hk-sec--dark .hk-h2{color:#fff}
.hkc-tete{max-width:1180px;margin-bottom:clamp(36px,4vw,58px)}
.hkc-tete .hkc-h2{margin-bottom:0}
.hkc-tete--ligne{max-width:none;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px}

.hkc-surtitre{display:inline-block;margin:0 0 18px!important;padding:8px 15px;border-radius:999px;background:rgba(36,147,90,.13);color:var(--vert-fonce);font:700 14px/1.2 var(--police);letter-spacing:.14em;text-transform:uppercase}
.hkc-surtitre--clair{background:rgba(255,255,255,.13);color:var(--vert-clair)}
.hk-site .hkc-surtitre{width:fit-content;max-width:100%}
/* Dans les blocs des pages de service, le titre suit la pastille */
.hk-site .hkc-surtitre+.hk-h2{margin-top:0}
.hk-svc-colonne>.hkc-surtitre,.hk-faq-col>.hkc-surtitre{align-self:flex-start}

/* ------------------------------------------------------------------ */
/* Boutons : texte grand, 62 px de haut                                */
/* ------------------------------------------------------------------ */
.hkc-boutons{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 0!important}
.hkc-boutons--centre{justify-content:center;margin-top:clamp(32px,3vw,44px)!important}
.hkc-btn,.hk-site .hk-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:62px;padding:0 30px;border-radius:14px;border:2px solid transparent;font:700 20.5px/1.15 var(--police);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .18s,color .18s,border-color .18s}
.hkc-btn svg,.hk-site .hk-btn svg{flex:none;transition:transform .18s}
.hkc-btn--accent,.hk-site .hk-btn--orange{background:var(--accent);color:#fff}
.hkc-btn--accent:hover,.hkc-btn--accent:focus-visible,.hk-site .hk-btn--orange:hover{background:var(--accent-survol);color:#fff}
.hkc-btn--accent:hover svg.hkc-fleche{transform:translateX(3px)}
.hkc-btn--blanc{background:#fff;color:var(--ink)}
.hkc-btn--blanc:hover{background:var(--vert-pale);color:var(--ink)}
.hkc-btn--blanc svg{color:var(--accent)}
.hkc-btn--contour,.hk-site .hk-btn--light{border-color:var(--bord);background:#fff;color:var(--ink)}
.hkc-btn--contour:hover,.hk-site .hk-btn--light:hover{border-color:var(--ink);color:var(--ink)}
.hkc-btn--contour svg,.hk-site .hk-btn--light svg{color:var(--accent)}
.hk-site .hk-sec--dark .hk-btn--light{border-color:transparent;background:#fff;color:var(--ink)}
.hk-site .hk-cta-row{gap:14px}

.hkc-coches{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.hkc-coches li{position:relative;margin:0;padding-left:30px}
.hkc-coches li::before{content:"";position:absolute;left:4px;top:.28em;width:8px;height:15px;border:solid var(--vert);border-width:0 3px 3px 0;transform:rotate(45deg)}

/* ------------------------------------------------------------------ */
/* En-tête blanc collant, transparent sur la bannière de l'accueil      */
/* ------------------------------------------------------------------ */
.hk-site .hk-header,.hk-site .hk-header.is-scrolled{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--bord);transition:background-color .25s ease,border-color .25s ease}
.hk-site .hk-header__in,.hk-site .hk-header.is-compact .hk-header__in{max-width:var(--shell);min-height:var(--entete);padding:0 var(--gutter);gap:24px}
.hk-site .hk-logo{display:inline-flex;align-items:center;flex:none;gap:0}
.hk-site .hk-logo source{display:none}
.hk-site .hk-logo img,.hk-site .hk-header.is-compact .hk-logo img{height:62px;width:auto}
.hk-site .hk-logo .hk-logo__clair{display:none}
.hk-site .hk-nav{margin-left:auto;gap:2px;flex-wrap:nowrap}
.hk-site .hk-nav__link{display:inline-flex;align-items:center;min-height:46px;padding:0 13px;white-space:nowrap;color:var(--ink);font:500 18px/1 var(--police);border-radius:10px}
.hk-site .hk-nav__link:hover,.hk-site .hk-nav__link[aria-current]{color:var(--vert)}
.hk-site .hk-header__actions{display:flex;align-items:center;gap:16px}
.hk-header__tel{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:700 19px/1 var(--police);white-space:nowrap}
.hk-header__tel svg{color:var(--accent)}
.hk-header__tel:hover{color:var(--vert)}
.hk-site .hk-header__devis{min-height:54px;padding:0 22px;font-size:19px}
.hk-site .hk-nav .hk-nav__mobile{display:none}
/* Panneau des prestations : collé sous le trait de l'en-tête, vert au survol */
.hk-site .hk-nav__sous a:hover .hk-nav__nom,.hk-site .hk-nav__sous a[aria-current] .hk-nav__nom{color:var(--vert-clair)}
.hk-site .hk-nav__nom{font-family:var(--titres)!important}

/* Transparent tant qu'on est en haut de l'accueil (hk-charte-1.js) ; blanc dès qu'on survole l'en-tête */
.hk-site .hk-header.est-haut:not(:has(.hk-nav__item:is(:hover,:focus-within))){background:transparent;border-bottom-color:transparent}
.hk-site .hk-header.est-haut:not(:has(.hk-nav__item:is(:hover,:focus-within))) .hk-logo .hk-logo__fonce{display:none}
.hk-site .hk-header.est-haut:not(:has(.hk-nav__item:is(:hover,:focus-within))) .hk-logo .hk-logo__clair{display:block}
.hk-site .hk-header.est-haut:not(:has(.hk-nav__item:is(:hover,:focus-within))) .hk-nav__link,.hk-site .hk-header.est-haut:not(:has(.hk-nav__item:is(:hover,:focus-within))) .hk-header__tel{color:#fff}
.hk-site .hk-header.est-haut:not(:has(.hk-nav__item:is(:hover,:focus-within))) .hk-nav__link:hover{color:var(--vert-clair)}
.hk-site .hk-header.est-haut:not(:has(.hk-nav__item:is(:hover,:focus-within))) .hk-header__tel svg{color:var(--vert-clair)}
.home .hkc-hero{margin-top:calc(-1 * var(--entete) - 1px);padding-top:calc(clamp(56px,5.5vw,96px) + var(--entete))}

/* ------------------------------------------------------------------ */
/* Bannière de l'accueil : photo plein fond, voile vert sapin           */
/* ------------------------------------------------------------------ */
.hkc-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:min(860px,calc(100vh - 0px));padding:clamp(56px,5.5vw,96px) 0;color:#fff;background:var(--sapin);font-size:19px;line-height:1.65}
.hkc-fond{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hkc-fond img,.hkc-fond picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hkc-hero .hkc-fond::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(var(--voile),.92) 0%,rgba(var(--voile),.78) 40%,rgba(var(--voile),.46) 72%,rgba(var(--voile),.3) 100%)}
.hkc-hero__in{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:clamp(36px,4.5vw,84px);align-items:center}
.hkc-hero .hkc-h1{color:#fff;max-width:980px}
.hkc-hero .hkc-mot{color:var(--vert-clair)}
.hkc-hero .hkc-h1__sous{color:rgba(255,255,255,.86)}
.hkc-hero__chapo{max-width:780px;margin:28px 0 0!important;font-size:clamp(19px,1.45vw,22px);line-height:1.55;color:rgba(255,255,255,.9)}
.hkc-hero__chapo strong{color:#fff}
.hk-site .hkc-hero__points{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:12px;max-width:820px;font:500 18px/1.4 var(--police);color:#fff}
.hkc-hero__points li{position:relative;padding-left:30px}
.hkc-hero__points li::before{content:"";position:absolute;left:4px;top:.08em;width:8px;height:15px;border:solid var(--vert-clair);border-width:0 3px 3px 0;transform:rotate(45deg)}
.hkc-hero__points strong{color:var(--vert-clair)}

/* Cadre « Être rappelé » : blanc plein */
.hkc-demande{padding:clamp(24px,2.4vw,34px);border-radius:24px;background:#fff;color:var(--texte)}
.hkc-demande__titre{margin:0 0 20px!important;font:700 clamp(28px,2.2vw,34px)/1.05 var(--titres);color:var(--ink)}

/* ------------------------------------------------------------------ */
/* Formulaires (cadre « Être rappelé » et demande de devis)             */
/* ------------------------------------------------------------------ */
.hkc-form{margin:0}
.hkc-form__ligne{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.hkc-champ{display:block;margin:0 0 16px}
.hkc-champ>span{display:block;margin:0 0 7px;font:700 16px/1.3 var(--police);color:#fff}
.hkc-champ>span i{font-style:normal;color:var(--accent)}
.hkc-form input:not([type=hidden]),.hkc-form textarea{display:block;width:100%;max-width:100%;padding:15px 16px;border:1px solid transparent;border-radius:12px;background:#fff;color:var(--texte);font:400 17.5px/1.4 var(--police)}
.hkc-form textarea{min-height:140px;resize:vertical}
.hkc-form input:focus,.hkc-form textarea:focus{outline:3px solid var(--vert-clair);outline-offset:1px}
.hkc-form .mp-as{margin:0 0 16px;gap:7px}
.hkc-form .mp-as .mp-as-question{font:700 16px/1.3 var(--police);color:#fff}
.hkc-form .mp-as .mp-as-reponse{max-width:180px}
.hkc-form__legal{margin:16px 0 0!important;font-size:15px;line-height:1.5;color:rgba(255,255,255,.82)}
.hkc-form__legal a{color:#fff;text-decoration:underline}
.hkc-envoyer{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:62px;padding:0 26px;border:0;border-radius:14px;background:var(--accent);color:#fff;font:700 20.5px/1.15 var(--police);cursor:pointer;transition:background-color .18s}
.hkc-envoyer:hover,.hkc-envoyer:focus-visible{background:var(--accent-survol)}
.hkc-msg{margin:0 0 18px;padding:15px 18px;border-radius:12px;font-size:17px;line-height:1.5}
.hkc-msg--ok{background:#E3F2E6;color:#1F5A2D}
.hkc-msg--err{background:#FDE4DA;color:#8A2A0A}
/* Dans le cadre blanc : libellés foncés, champs crème */
.hkc-demande .hkc-champ>span,.hkc-demande .mp-as .mp-as-question{color:var(--ink)}
.hkc-demande .hkc-form :is(input:not([type=hidden]),textarea){background:var(--creme);border-color:var(--bord)}
.hkc-demande .hkc-champ,.hkc-demande .hkc-form .mp-as{margin-bottom:14px}
.hkc-demande .hkc-form :is(input:not([type=hidden]),textarea){padding:13px 15px}
.hkc-demande .hkc-form textarea{min-height:104px}
/* Sur ordinateur, le formulaire est à côté du texte : le bouton « Demander un devis » de la bannière n'y mène nulle part */
@media (min-width:1101px){.hkc-hero .hkc-boutons .hkc-btn--accent{display:none}}
.hkc-demande .mp-as .mp-as-reponse{max-width:150px}
.hkc-demande .hkc-form__legal{margin:14px 0 0!important;font-size:14.5px;color:var(--texte-doux)}
.hkc-demande .hkc-form__legal a{color:var(--vert-fonce)}
.hk-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}

/* ------------------------------------------------------------------ */
/* Prestations : cartes photo, titre posé sur la photo                  */
/* ------------------------------------------------------------------ */
.hkc-cartes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(16px,1.6vw,24px)}
.hkc-carte{position:relative;isolation:isolate;grid-column:span 2;aspect-ratio:5/4;border-radius:24px;overflow:hidden;background:var(--sapin)}
.hkc-carte:nth-child(-n+2){grid-column:span 3;aspect-ratio:16/10}
.hkc-carte>img,.hkc-carte>picture,.hkc-carte>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hkc-carte:hover img{transform:scale(1.045)}
.hkc-carte::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(var(--voile),.95) 0%,rgba(var(--voile),.66) 38%,rgba(var(--voile),0) 68%)}
.hkc-carte__bas{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(18px,1.7vw,26px)}
.hkc-carte__bas h3{margin:0;color:#fff;font-size:clamp(26px,2vw,32px);line-height:1.15}
.hkc-carte__lien{color:#fff;text-decoration:none}
.hkc-carte__lien::after{content:"";position:absolute;inset:0;z-index:3}
.hkc-carte__texte{max-width:560px;margin:10px 0 0!important;font-size:16.5px;line-height:1.5;color:rgba(255,255,255,.88)}
.hkc-carte__plus{display:inline-flex;align-items:center;gap:10px;min-height:46px;margin-top:14px;padding:0 18px;border-radius:999px;background:#fff;color:var(--ink);font:700 17px/1 var(--police);transition:background-color .18s}
.hkc-carte__plus::after{content:"";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/14px no-repeat}
.hkc-carte:hover .hkc-carte__plus{background:var(--vert-pale)}
.hkc-carte:focus-within{outline:3px solid var(--vert-clair);outline-offset:3px}
.hkc-carte__lien:focus-visible{outline:none}

/* ------------------------------------------------------------------ */
/* Déroulé : frise sur le vert sapin, photo et texte en alternance       */
/* ------------------------------------------------------------------ */
.hkc-frise-tete{max-width:980px;margin-left:auto;margin-right:auto;text-align:center}
.hkc-frise-cadre{position:relative;max-width:1260px;margin:0 auto}
.hkc-frise{--axe:clamp(84px,7.2vw,116px);--pastille:clamp(64px,5.2vw,78px);list-style:none;margin:0;padding:0}
.hkc-frise__etape{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--axe) minmax(0,1fr);align-items:stretch;padding:clamp(14px,1.6vw,24px) 0}
.hkc-frise__etape::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;background-image:radial-gradient(circle,rgba(53,198,127,.62) 1.8px,transparent 2.4px);background-size:4px 12px;background-repeat:repeat-y;background-position:center top}
.hkc-frise__etape:first-child::before{top:50%}
.hkc-frise__etape:last-child::before{bottom:50%}
.hkc-frise__photo{grid-row:1;grid-column:1;position:relative;margin:0;min-height:clamp(270px,22vw,340px);overflow:hidden;border-radius:24px;background:var(--sapin-2)}
.hkc-frise__photo img,.hkc-frise__photo picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hkc-frise__num{grid-row:1;grid-column:2;justify-self:center;align-self:center;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--pastille);height:var(--pastille);border:6px solid var(--sapin);border-radius:50%;background:#fff;color:var(--ink);font:700 clamp(22px,1.8vw,28px)/1 var(--titres);transition:background-color .35s ease,color .35s ease}
.hkc-frise__num.est-atteint{background:var(--vert-clair);color:var(--ink)}
.hkc-frise__ligne{display:none;position:absolute;z-index:1;width:4px;margin-left:-2px;pointer-events:none}
.a-fil-js .hkc-frise__ligne{display:block}
.hkc-frise__ligne>span{display:block;width:100%;height:0;border-radius:2px;background:var(--vert-clair);transition:height .25s linear}
.a-fil-calme .hkc-frise__ligne>span{transition:none}
.hkc-frise__carte{grid-row:1;grid-column:3;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,2.6vw,40px);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:24px;color:rgba(255,255,255,.86)}
.hkc-frise__etape:nth-child(even) .hkc-frise__photo{grid-column:3}
.hkc-frise__etape:nth-child(even) .hkc-frise__carte{grid-column:1}
.hkc-fond--sapin .hkc-frise__carte h3{margin:0 0 14px;color:#fff;font-size:clamp(24px,1.9vw,30px);line-height:1.15}
.hkc-frise__carte p{margin:0!important;color:rgba(255,255,255,.86);font-size:19px;line-height:1.65}
.hkc-fond--sapin .hkc-frise__carte strong{color:#fff}
@media (hover:hover){
	.hkc-frise__photo img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
	.hkc-frise__etape:hover .hkc-frise__photo img{transform:scale(1.04)}
}

/* ------------------------------------------------------------------ */
/* Réalisations de l'accueil : format des pages de service              */
/* ------------------------------------------------------------------ */
.hkc-real{margin:0}
.hk-site .hk-real__legende{font:700 20px/1.25 var(--police)!important;color:var(--ink)}
.hk-sec--dark .hk-real__legende{color:#fff}
.hk-site .hk-real__photo{border-radius:24px}
.hk-site .hk-real__etq{font-family:var(--police)!important}

/* ------------------------------------------------------------------ */
/* Tarifs : photos à gauche, tableau blanc à lignes pointillées           */
/* ------------------------------------------------------------------ */
.hkc-tarifs{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(36px,4.5vw,80px);align-items:stretch}
.hkc-tarifs__photos{display:flex;flex-direction:column;gap:clamp(12px,1.2vw,18px)}
.hkc-tarifs__photo{position:relative;flex:1;min-height:340px;margin:0;border-radius:24px;overflow:hidden;background:var(--sapin-2)}
.hkc-tarifs__photo2{position:relative;flex:none;aspect-ratio:16/10;margin:0;border-radius:24px;overflow:hidden;background:var(--sapin-2)}
.hkc-tarifs__photo img,.hkc-tarifs__photo picture,.hkc-tarifs__photo2 img,.hkc-tarifs__photo2 picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hkc-tarifs__texte{display:flex;flex-direction:column}
.hkc-tarifs__texte>.hkc-surtitre{align-self:flex-start}
.hkc-tarifs__texte>p{max-width:760px}
.hkc-tarifs__texte .hkc-boutons{margin-top:auto!important;padding-top:8px}
.hkc-fond--sapin .hkc-tarifs__texte>p{color:rgba(255,255,255,.88)}
.hkc-grille-prix{margin:4px 0 28px;padding:clamp(24px,2.6vw,40px);border-radius:24px;background:#fff;color:var(--texte)}
.hkc-grille-prix__titre{margin:0!important;font:700 clamp(27px,2.2vw,34px)/1.1 var(--titres);color:var(--ink)}
.hkc-grille-prix__sous{margin:24px 0 4px!important;font:600 15.5px/1.4 var(--police);color:var(--texte-doux)}
.hkc-grille-prix__titre+.hkc-grille-prix__sous{margin-top:8px!important}
.hkc-lignes{list-style:none;margin:0;padding:0}
.hkc-lignes li{display:flex;align-items:flex-end;gap:12px;padding:13px 0;border-bottom:1px solid #ECE6DB}
.hkc-lignes li:last-child{border-bottom:0}
.hkc-lignes span{font:700 18.5px/1.3 var(--police);color:var(--ink)}
.hkc-lignes span a{color:var(--ink)!important;text-decoration:none}
.hkc-lignes span a:hover{color:var(--vert-fonce)!important;text-decoration:underline}
.hkc-lignes em{display:block;margin-top:4px;font-style:normal;font-weight:400;font-size:15.5px;line-height:1.4;color:var(--texte-doux)}
.hkc-lignes i{flex:1;min-width:18px;margin-bottom:7px;border-bottom:2px dotted #CFC3AE}
.hkc-lignes strong{flex:none;font:700 clamp(18px,1.4vw,21px)/1.15 var(--titres);font-variant-numeric:lining-nums;color:var(--ink)!important;white-space:nowrap}
.hkc-lignes--fort strong{font-size:clamp(22px,1.8vw,27px);color:var(--vert)!important}
.hkc-grille-prix .hkc-coches{font-size:17px;line-height:1.45;color:var(--ink)}
.hk-site .hkc-coches--deux{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin-top:10px}

/* ------------------------------------------------------------------ */
/* Le mot du fondateur : photo et grande carte blanche, même hauteur      */
/* ------------------------------------------------------------------ */
.hkc-fondateur{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,2.4vw,36px);align-items:stretch}
.hkc-fondateur__photo{position:relative;min-height:520px;border-radius:24px;overflow:hidden;background:var(--sapin-2)}
.hkc-fondateur__photo img,.hkc-fondateur__photo picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hkc-fondateur__carte{padding:clamp(30px,3.6vw,56px);border-radius:24px;background:#fff;color:var(--texte)}
.hkc-fondateur__carte p{font-size:19px}
.hkc-fondateur__carte a{color:var(--vert-fonce)}
.hkc-fondateur__annonce{margin:26px 0 12px!important;font-weight:700;color:var(--ink)}
.hkc-fondateur .hkc-coches{gap:12px;font-size:18px;line-height:1.5}
.hkc-fondateur .hkc-coches strong{color:var(--ink)}
.hkc-fondateur__signature{margin:30px 0 0!important;padding-top:22px;border-top:1px solid #ECE6DB;font:700 25px/1.2 var(--titres);color:var(--ink)}
.hkc-fondateur__signature span{display:block;margin-top:5px;font:500 16px/1.4 var(--police);color:var(--texte-doux)}

/* ------------------------------------------------------------------ */
/* Nos garanties : fonds légers sur le sapin, une icône au trait chacune  */
/* ------------------------------------------------------------------ */
.hkc-garanties{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.4vw,22px);margin:0;padding:0}
.hkc-garantie{display:flex;align-items:center;gap:18px;padding:clamp(18px,1.8vw,26px);border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13)}
.hkc-garantie__ico{flex:none;width:52px;height:52px;fill:none;stroke:var(--vert-clair);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hkc-garantie h3{margin:0 0 4px;font-size:clamp(20px,1.5vw,23px);line-height:1.2;color:#fff}
.hkc-garantie p{margin:0!important;font-size:16.5px;line-height:1.45;color:rgba(255,255,255,.85)}
.hkc-fond--sapin .hkc-garantie a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* ------------------------------------------------------------------ */
/* Zone : carte figée + communes en pastilles                          */
/* ------------------------------------------------------------------ */
.hkc-zone{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(30px,4vw,64px);align-items:stretch}
.hkc-zone__carte{display:flex;min-height:560px}
.hkc-carte-zone{position:relative;width:100%;min-height:560px;border-radius:24px;overflow:hidden;background:#F1EDE3;border:1px solid var(--bord)}
.hkc-zone__texte>*:last-child{margin-bottom:0!important}
.hk-site .hkc-communes{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 24px;padding:0}
.hkc-communes li{display:inline-flex}
.hkc-communes li>*,.hk-site .hk-villes li{display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 10px;border-radius:999px;background:#fff;border:1px solid var(--bord);font:500 15.5px/1.2 var(--police);color:var(--ink);text-decoration:none}
.hkc-communes li>*::before{content:"";flex:none;width:12px;height:15px;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 15'%3E%3Cpath d='M6 0a6 6 0 0 0-6 6c0 4.5 6 9 6 9s6-4.5 6-9a6 6 0 0 0-6-6zm0 8.3A2.3 2.3 0 1 1 6 3.7a2.3 2.3 0 0 1 0 4.6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 15'%3E%3Cpath d='M6 0a6 6 0 0 0-6 6c0 4.5 6 9 6 9s6-4.5 6-9a6 6 0 0 0-6-6zm0 8.3A2.3 2.3 0 1 1 6 3.7a2.3 2.3 0 0 1 0 4.6z'/%3E%3C/svg%3E") center/contain no-repeat}
/* Une commune qui a sa page : lien, avec une flèche */
.hkc-communes a{font-weight:700!important;border-color:var(--bord-vert)!important}
.hkc-communes a::after{content:"→";margin-left:2px;color:var(--vert);font-weight:700}
.hkc-communes a:hover{border-color:var(--vert)!important;color:var(--vert-fonce)!important}
.hkc-zone__appel{font-weight:700;color:var(--ink)}
.hkc-zone__appel a{color:var(--accent-survol);white-space:nowrap}

/* ------------------------------------------------------------------ */
/* Deux colonnes, questions fréquentes                                  */
/* ------------------------------------------------------------------ */
.hkc-duo{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(36px,5vw,92px);align-items:stretch}
.hkc-duo--faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.hkc-duo__photo,.hkc-duo__texte{display:flex;flex-direction:column}
.hkc-duo__texte .hkc-surtitre{align-self:flex-start}
.hkc-cadre-photo{position:relative;flex:1;overflow:hidden;width:100%;min-height:420px;border-radius:24px;background:var(--bord)}
.hkc-cadre-photo img,.hkc-cadre-photo picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hkc-faqs{display:grid;gap:12px;margin-top:8px}
.hkc-faq{background:#fff;border:1px solid var(--bord);border-radius:16px}
.hkc-faq summary{position:relative;list-style:none;cursor:pointer;padding:20px 66px 20px 24px;font:700 19px/1.35 var(--police);color:var(--ink)}
.hkc-faq summary::-webkit-details-marker{display:none}
.hkc-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--vert-pale);color:var(--vert-fonce);font:700 24px/1 var(--police)}
.hkc-faq[open] summary::after{content:"−"}
.hkc-faq summary:focus,.hkc-faq summary:focus-visible{outline:none}
.hkc-faq summary:hover{color:var(--vert-fonce)}
.hkc-faq__rep{padding:0 24px 20px}
.hkc-faq__rep p{margin:0 0 12px!important;font-size:18px}
.hkc-faq__rep .hkc-coches{margin:0 0 12px;font-size:18px}
.hkc-faq__rep>*:last-child{margin-bottom:0!important}
.hkc-faq__rep a{color:var(--vert-fonce)}

/* Questions des pages de service (boutons de hk-2.js) : même allure */
.hk-site .hk-faq__item{border:1px solid var(--bord)!important;border-radius:16px!important;background:#fff}
.hk-site .hk-faq__item.is-open{border-color:var(--bord-vert)!important}
.hk-site .hk-faq__q{padding:20px 18px 20px 24px}
.hk-site .hk-faq__label{font:700 19px/1.35 var(--police)!important;color:var(--ink)}
.hk-site .hk-faq__q:hover .hk-faq__label{color:var(--vert-fonce)}
.hk-site .hk-faq__sign{width:34px;height:34px;border-radius:50%;background:var(--vert-pale);color:var(--vert-fonce);font-size:24px}
.hk-site .hk-faq__txt{font-size:18px}

/* ------------------------------------------------------------------ */
/* Contact : coordonnées sur le vert sapin, formulaire sur une photo      */
/* ------------------------------------------------------------------ */
.hkc-devis{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);color:#fff;font-size:19px;line-height:1.65}
.hkc-devis__infos{display:flex;justify-content:flex-end;background:var(--sapin)}
.hkc-devis__in{width:100%;max-width:720px;padding:clamp(60px,6vw,100px) var(--gutter)}
.hkc-devis .hkc-h2{color:#fff}
.hkc-devis .hkc-mot{color:var(--vert-clair)}
.hkc-devis__sous{margin:30px 0 18px!important;font:700 14px/1 var(--police);letter-spacing:.16em;text-transform:uppercase;color:var(--vert-clair)}
.hkc-devis__form{position:relative;isolation:isolate;display:flex;align-items:center;background:var(--nuit)}
.hkc-devis__form .hkc-fond::after{content:"";position:absolute;inset:0;background:rgba(var(--voile),.83)}
.hkc-devis__champs{width:100%;max-width:820px;padding:clamp(52px,5vw,92px) var(--gutter)}
.hkc-devis__titre{margin:0 0 22px!important;font:700 clamp(24px,1.9vw,30px)/1.1 var(--titres);color:#fff}
.hkc-coord{list-style:none;display:grid;gap:18px;margin:0;padding:0}
.hkc-coord li{display:flex;align-items:center;gap:16px}
.hkc-coord__ico{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}
.hkc-coord__txt{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:18px;color:rgba(255,255,255,.92);overflow-wrap:anywhere}
.hkc-coord__lib{font:700 12.5px/1 var(--police);letter-spacing:.16em;text-transform:uppercase;color:var(--vert-clair)}
.hkc-coord a{color:#fff;text-decoration:none}
.hkc-coord a:hover{color:var(--vert-clair)}
.hkc-coord__tel{font:700 clamp(23px,1.8vw,28px)/1.1 var(--titres)}

/* ------------------------------------------------------------------ */
/* Pied de page                                                        */
/* ------------------------------------------------------------------ */
.hkc-pied{background:var(--nuit);color:#C3D2C8;padding:clamp(64px,6vw,96px) 0 0;font-size:16.5px;line-height:1.6}
.hkc-pied__grille,.hkc-pied__carte,.hkc-pied__bas,.hkc-pied__carbone{max-width:var(--shell);margin:0 auto;padding:0 var(--gutter)}
.hkc-pied__grille{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:40px}
.hkc-pied__logo{display:inline-block}
.hkc-pied__logo source{display:none}
.hkc-pied__logo img{display:block;width:auto;height:78px}
.hkc-pied__intro{max-width:440px;margin:22px 0 0;font-size:17px;line-height:1.6}
.hkc-pied__titre{margin:6px 0 16px;font:700 13.5px/1 var(--police);letter-spacing:.16em;text-transform:uppercase;color:var(--vert-clair)}
.hkc-pied__liste{list-style:none;display:grid;gap:10px;margin:0;padding:0;font-size:16.5px}
.hkc-pied__liste strong{color:#fff}
.hkc-pied a{color:#fff;text-decoration:none}
.hkc-pied a:hover{color:var(--vert-clair)}
.hkc-pied__fort{font:700 21px/1.1 var(--titres)}
.hkc-pied__carbone{margin-top:36px}
.hkc-pied__carte{margin-top:36px}
.hkc-pied__carte iframe{display:block;width:100%;height:300px;border:0;border-radius:20px;background:var(--sapin-2)}
.hkc-pied__gmb{display:inline-block;margin-top:14px;font-weight:700;text-decoration:underline!important;text-underline-offset:3px}
.hkc-pied__bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:36px;padding-top:24px;padding-bottom:30px;border-top:1px solid rgba(255,255,255,.1);font-size:15px;color:#9DB0A3}
.hkc-pied__bas a{color:#C3D2C8}
.hkc-pied__credit{flex-basis:100%}

/* ------------------------------------------------------------------ */
/* Pages intérieures : bannières sobres, blocs des pages de service      */
/* ------------------------------------------------------------------ */
.hk-site .hk-stripe{display:none}
.hk-site .hk-page__banniere{background:var(--sapin)}
.hk-site .hk-svc-banniere__fond::after{background:rgba(var(--voile),.74)}
.hk-site .hk-page__titre{font-size:clamp(40px,4.8vw,70px);line-height:1.04;letter-spacing:-.015em}
.hk-site .hk-page__titre .hk-mark span{color:var(--vert-clair)}
.hk-site .hk-fil{font:500 15.5px/1.35 var(--police)!important;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.78)}
.hk-site .hk-fil a{color:#fff;font-weight:700}
.hk-site .hk-fil a:hover{color:var(--vert-clair)}
.hk-site .hk-fil__ici{color:rgba(255,255,255,.8)}

/* Textes des blocs : un peu plus grands, comme Guerdner */
.hk-site .hk-body,.hk-site .hk-svc-corps p,.hk-site .hk-bullets li{font-size:19px;line-height:1.65;color:var(--texte)}
.hk-site .hk-sec--dark .hk-body,.hk-site .hk-sec--dark .hk-svc-corps p,.hk-site .hk-sec--dark .hk-bullets li{color:rgba(255,255,255,.88)}
.hk-site .hk-bullets li::before{width:8px;height:15px;margin-top:5px;background:none;border:solid var(--vert);border-width:0 3px 3px 0;transform:rotate(45deg)}
.hk-site .hk-sec--dark .hk-bullets li::before{border-color:var(--vert-clair)}

/* Cartes blanches arrondies comme Guerdner */
.hk-site :is(.hk-poutre,.hk-service,.hk-tarif,.hk-etape,.hk-valeur){border-radius:24px;border-color:var(--bord)}
.hk-site :is(.hk-photo,.hk-prix-duo__photo,.hk-poutre__photo,.hk-svc-galerie__photo,.hk-carte-v2,.hk-svc-carte){border-radius:24px}
.hk-site .hk-poutre__accroche,.hk-site .hk-prix-simple__avant,.hk-site .hk-prix__montant span{color:var(--vert-fonce);letter-spacing:.14em}
.hk-site .hk-sec--dark .hk-prix-simple__avant{color:var(--vert-clair)}
.hk-site .hk-prix-simple__prix{font-weight:700}
.hk-site .hk-prix__lien{color:var(--accent-survol)}
.hk-site .hk-etape__n,.hk-site .hk-acc__n{background:var(--vert-clair);color:var(--ink)}
.hk-site .hk-svc-cas__ico{background:var(--vert-pale);color:var(--vert-fonce)}
.hk-site .hk-sec--dark .hk-svc-cas__ico{background:rgba(255,255,255,.13);color:var(--vert-clair)}
.hk-site .hk-tarifs-liste__prix{color:var(--vert-clair)}
.hk-site .hk-depts li{background:#fff;border-color:var(--bord)}
.hk-site .hk-villes li.hk-villes__lien{padding:0;border:0;background:none}
.hk-site .hk-villes li.hk-villes__lien a{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:#fff;border:1px solid var(--bord-vert);font:700 15.5px/1.2 var(--police);color:var(--ink)}
.hk-site .hk-villes li.hk-villes__lien a:hover{border-color:var(--vert);color:var(--vert-fonce)}
.hk-site .hk-villes__fleche{color:var(--vert)}
.hk-site .hk-somm{border-radius:20px;background:#fff;border:1px solid var(--bord)}
.hk-site .hk-somm__titre{color:var(--vert-fonce)}
.hk-site .hk-page__content a{color:var(--vert-fonce)}

/* ================================================================== */
/* Écrans moyens et petits : toujours en dernier dans la feuille        */
/* ================================================================== */
@media (max-width:1400px){
	.hk-site .hk-nav__link{padding:0 10px;font-size:17px}
	.hk-header__tel span{display:none}
}
@media (max-width:1240px){
	.hk-site .hk-header__devis{display:none}
	.hkc-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}
	.hkc-carte,.hkc-carte:nth-child(-n+2){grid-column:span 1;aspect-ratio:5/4}
	.hkc-carte:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:16/7}
	.hkc-pied__grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.hkc-pied__grille>div:first-child{grid-column:1/-1}
}
@media (max-width:1180px){
	.hkc-duo,.hkc-duo--faq{grid-template-columns:minmax(0,1fr)}
	.hkc-duo__photo{order:-1}
	.hkc-cadre-photo{flex:none;min-height:0;aspect-ratio:16/9}
}
@media (max-width:1100px){
	.hkc-hero__in{grid-template-columns:minmax(0,1fr)}
	.hkc-demande{max-width:620px}
	.hkc-garanties{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1080px){
	/* Menu replié derrière le hamburger (hk-menu-1.js), bouton d'appel orange à côté */
	:root{--entete:76px}
	.hk-site .hk-header__in{gap:12px}
	.hk-site .hk-logo img,.hk-site .hk-header.is-compact .hk-logo img{height:52px}
	.hk-site .hk-header .hk-nav{padding:10px var(--gutter) 24px;background:#fff;border-top:1px solid var(--bord);border-bottom:1px solid var(--bord);max-height:calc(100vh - var(--entete));overflow-y:auto}
	.hk-site .hk-header .hk-nav .hk-nav__link{display:flex;min-height:56px;padding:0 6px;font-size:19.5px;border-radius:0;border-bottom:1px solid var(--bord);color:var(--ink)}
	.hk-site .hk-header .hk-nav .hk-nav__mobile{display:inline-flex;width:100%;min-height:60px;margin-top:12px;font-size:19.5px}
	.hk-site .hk-header .hk-nav .hkc-btn--contour.hk-nav__mobile{background:var(--creme)}
	.hk-site .hk-header__actions{margin-left:auto;gap:10px}
	.hk-header__tel{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:var(--accent)}
	.hk-header__tel svg{color:#fff}
	.hk-header__tel span{display:none}
	.hk-site .hk-burger{display:grid;place-content:center;gap:6px;width:50px;height:50px;margin:0;padding:0;border:1px solid var(--bord);border-radius:13px;background:#fff;cursor:pointer}
	.hk-site .hk-burger span{width:24px;height:2.5px;background:var(--ink)}
	.hk-site .hk-header.menu-ouvert .hk-burger span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
	.hk-site .hk-header.menu-ouvert .hk-burger span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}
	.hk-site .hk-header.est-haut:not(:has(.hk-nav__item:is(:hover,:focus-within))) .hk-header__tel{background:var(--accent)}
	.hk-site .hk-header.est-haut:not(:has(.hk-nav__item:is(:hover,:focus-within))) .hk-header__tel svg{color:#fff}
	.hk-site .hk-header.est-haut:not(:has(.hk-nav__item:is(:hover,:focus-within))) .hk-burger{background:transparent;border-color:rgba(255,255,255,.55)}
	.hk-site .hk-header.est-haut:not(:has(.hk-nav__item:is(:hover,:focus-within))) .hk-burger span{background:#fff}
	.hk-site .hk-header.est-haut:not(:has(.hk-nav__item:is(:hover,:focus-within))) .hk-nav .hk-nav__link{color:var(--ink)}
}
@media (max-width:1000px){
	.hkc-fondateur{grid-template-columns:minmax(0,1fr)}
	.hkc-fondateur__photo{min-height:0;aspect-ratio:4/3}
	.hkc-tarifs{grid-template-columns:minmax(0,1fr);gap:28px}
	.hkc-tarifs__photo{flex:none;min-height:0;aspect-ratio:4/3}
	.hkc-tarifs__photo2{display:none}
}
@media (max-width:900px){
	.hkc-zone{grid-template-columns:minmax(0,1fr)}
	.hkc-zone__carte{order:-1}
	.hkc-zone__carte,.hkc-carte-zone{min-height:400px}
	.hkc-devis{grid-template-columns:minmax(0,1fr)}
	.hkc-devis__infos{justify-content:flex-start}
	.hkc-devis__in{max-width:none}
	.hkc-hero .hkc-fond::after{background:linear-gradient(180deg,rgba(var(--voile),.86) 0%,rgba(var(--voile),.82) 60%,rgba(var(--voile),.9) 100%)}
	.hkc-frise-cadre{max-width:620px}
	.hkc-frise{--axe:48px;--pastille:48px}
	.hkc-frise__etape{grid-template-columns:var(--axe) minmax(0,1fr);column-gap:14px;align-items:start;padding:0 0 26px}
	.hkc-frise__etape:last-child{padding-bottom:0}
	.hkc-frise__etape::before{left:calc(var(--axe) / 2)}
	.hkc-frise__etape:first-child::before{top:calc(var(--pastille) / 2)}
	.hkc-frise__etape:last-child::before{bottom:auto;height:calc(var(--pastille) / 2)}
	.hkc-frise__num{grid-column:1;grid-row:1;align-self:start;border-width:4px;font-size:20px}
	.hkc-frise__photo,.hkc-frise__etape:nth-child(even) .hkc-frise__photo{grid-column:2;grid-row:1;min-height:0;aspect-ratio:4/3;border-radius:22px 22px 0 0}
	.hkc-frise__carte,.hkc-frise__etape:nth-child(even) .hkc-frise__carte{grid-column:2;grid-row:2;padding:20px 20px 24px;border-top:0;border-radius:0 0 22px 22px}
	.hkc-fond--sapin .hkc-frise__carte h3{font-size:25px}
	.hkc-frise__carte p{font-size:17.5px}
}
@media (max-width:760px){
	.hk-site main section.hkc-fond--creme.hkc-ronds-a{background-image:radial-gradient(circle 175px at right -70px top -80px,#EEE1C9 99.4%,transparent 100%),radial-gradient(circle 75px at left 4% bottom -48px,#F1E7D5 99.4%,transparent 100%)!important}
	.hk-site main section.hkc-fond--creme.hkc-ronds-b{background-image:radial-gradient(circle 175px at left -70px top -80px,#F1E7D5 99.4%,transparent 100%),radial-gradient(circle 72px at right 5% bottom -46px,#EEE1C9 99.4%,transparent 100%)!important}
	.hk-site main section.hkc-fond--beige.hkc-ronds-a{background-image:radial-gradient(circle 175px at right -70px top -80px,#E8DAC2 99.4%,transparent 100%),radial-gradient(circle 75px at left 4% bottom -48px,#ECE0CB 99.4%,transparent 100%)!important}
	.hk-site main section.hkc-fond--beige.hkc-ronds-b{background-image:radial-gradient(circle 175px at left -70px top -80px,#ECE0CB 99.4%,transparent 100%),radial-gradient(circle 72px at right 5% bottom -46px,#E8DAC2 99.4%,transparent 100%)!important}
	/* Bannière : la photo entière en haut, le texte dessous sur le vert sapin, peu de marge */
	.hkc-hero{flex-direction:column;align-items:stretch;min-height:0;padding:0 0 38px}
	.home .hkc-hero{padding-top:0}
	.hkc-hero .hkc-fond{position:relative;inset:auto;z-index:0;width:100%;aspect-ratio:4/3;margin:0 0 30px}
	.hkc-hero .hkc-fond::after{display:none}
	.hkc-hero .hkc-fond::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--entete) + 40px);z-index:1;background:linear-gradient(180deg,rgba(var(--voile),.72) 0%,rgba(var(--voile),0) 100%);pointer-events:none}
}
@media (max-width:700px){
	.hkc-section,.hkc-hero,.hkc-devis{font-size:18px}
	.hkc-h1{font-size:clamp(42px,11.6vw,56px)}
	.hkc-h1__sous{font-size:.5em}
	.hkc-h2,.hk-site .hk-h2{font-size:clamp(31px,8.6vw,40px)}
	.hk-site .hk-page__titre{font-size:clamp(35px,9.4vw,44px)}
	.hkc-cartes{grid-template-columns:minmax(0,1fr)}
	.hkc-carte,.hkc-carte:nth-child(-n+2),.hkc-carte:last-child:nth-child(odd){grid-column:auto;aspect-ratio:4/4.2}
	.hkc-hero__chapo{margin-top:22px!important}
	.hk-site .hkc-hero__points{margin-top:24px;gap:10px;font-size:17px}
	.hkc-btn,.hk-site .hk-btn{min-height:60px;font-size:19.5px;padding:0 22px}
	.hkc-boutons .hkc-btn{width:100%}
	.hkc-pied__grille{grid-template-columns:minmax(0,1fr)}
	.hkc-pied__bas{flex-direction:column}
	.hk-site .hkc-coches--deux{grid-template-columns:minmax(0,1fr)}
	.hkc-tete--ligne .hkc-btn{width:100%}
}
@media (max-width:640px){
	.hkc-form__ligne{grid-template-columns:minmax(0,1fr)}
	.hkc-demande .hkc-form__ligne--noms{grid-template-columns:repeat(2,minmax(0,1fr))}
	.hkc-faq summary,.hk-site .hk-faq__label{font-size:18px!important}
	.hkc-faq summary{padding-left:18px}
	.hkc-faq__rep{padding:0 18px 18px}
	.hkc-garanties{grid-template-columns:minmax(0,1fr)}
	.hkc-fondateur__carte{padding:26px 22px 30px}
	.hkc-fondateur__carte p{font-size:18px}
}
@media (max-width:560px){
	.hkc-grille-prix{padding:22px 18px}
	.hkc-lignes li{flex-direction:column;align-items:flex-start;gap:6px}
	.hkc-lignes i{display:none}
	.hkc-lignes strong{white-space:normal}
}
@media (max-width:420px){
	.hk-site .hk-logo img,.hk-site .hk-header.is-compact .hk-logo img{height:44px}
	.hkc-demande{padding:22px 18px}
}
@media (max-width:359px){.hkc-demande .hkc-form__ligne--noms{grid-template-columns:minmax(0,1fr)}}

/* hk-charte-9 : en-tête transparent sans à-coups. Sur ordinateur, le menu n'a jamais de fond à lui (l'ancienne règle
   « .hk-header.is-scrolled .hk-nav{background:#fff} » dessinait un rectangle blanc pendant le fondu de l'en-tête) ;
   fond, liens et logo changent ensemble, en 0,3 s. */
@media (min-width:1081px){
	.hk-site .hk-header .hk-nav,.hk-site .hk-header.is-scrolled .hk-nav{background:transparent!important;border:0!important}
}
.hk-site .hk-header{transition:background-color .3s ease,border-color .3s ease}
.hk-site .hk-header .hk-nav__link,.hk-site .hk-header .hk-header__tel,.hk-site .hk-header .hk-header__tel svg{transition:color .3s ease}

/* hk-charte-10 : titres des cartes prestations. Au survol, le titre restait sur « a:hover{color:ink} » (noir, « archi
   moche ») : il reste blanc, seul le bouton « En savoir plus » réagit. Taille réduite pour que le plus long
   (« Désamiantage avant démolition ») tienne sur une ligne. */
.hk-site .hkc-carte__lien,.hk-site .hkc-carte__lien:hover,.hk-site .hkc-carte__lien:focus{color:#fff!important}
.hkc-carte__bas h3{font-size:clamp(19px,1.5vw,23px);white-space:nowrap}
@media (max-width:1240px){.hkc-carte__bas h3{font-size:clamp(20px,2.4vw,24px)}}
@media (max-width:700px){.hkc-carte__bas h3{font-size:clamp(17px,5vw,21px)}}
@media (max-width:399px){.hkc-carte__bas h3{white-space:normal}} /* petits téléphones : le titre passe sur deux lignes plutôt que de toucher le bord (Unbounded, plus large) */

/* ------------------------------------------------------------------ */
/* En-tête réduit au défilement, téléphone et tablette (2026-11-10 :     */
/* « réduire header du mobile au scroll ») : 76 → 60 px une fois passé   */
/* 120 px (classe is-compact posée par hk-2.js, retour sous 60 px).      */
/* La marge du bas rend les 16 px : la page ne saute pas au passage.     */
/* ------------------------------------------------------------------ */
@media (max-width:1080px){
	.hk-site .hk-header{transition:background-color .3s ease,border-color .3s ease,margin-bottom .25s ease}
	.hk-site .hk-header__in{transition:min-height .25s ease}
	.hk-site .hk-logo img{transition:height .25s ease}
	.hk-site .hk-header__tel,.hk-site .hk-burger{transition:width .25s ease,height .25s ease,background-color .3s ease,border-color .3s ease}
	.hk-site .hk-header.is-compact{margin-bottom:16px}
	.hk-site .hk-header.is-compact .hk-header__in{min-height:60px}
	.hk-site .hk-header.is-compact .hk-logo img{height:38px}
	.hk-site .hk-header.is-compact :is(.hk-header__tel,.hk-burger){width:44px;height:44px;border-radius:12px}
}
@media (max-width:1080px) and (prefers-reduced-motion:reduce){
	.hk-site .hk-header,.hk-site .hk-header__in,.hk-site .hk-logo img,.hk-site .hk-header__tel,.hk-site .hk-burger{transition:none}
}

/* Label éco-conception du pied de page, commun aux sites de l'agence (Lyon, Reims, Grenoble, Lille).
   2026-11-06 : « faire comme un label, Nutri-Score ou classe énergétique, un truc qui donne envie ».
   Échelle Website Carbon A+ à F en couleurs, note du site agrandie et cerclée, « Éco-conception » et grammes par visite.
   Copie de référence : chaque site la reprend telle quelle dans sa feuille (seules les variables --eco-* changent). */
.mp-eco{--eco-texte:#E4DCCD;--eco-sous:#A69E8E;--eco-bord:rgba(255,255,255,.16);--eco-bord-survol:rgba(255,255,255,.38);--eco-anneau:#fff;display:inline-flex;align-items:center;gap:14px;max-width:100%;margin:0;padding:9px 16px 9px 11px;border:1px solid var(--eco-bord);border-radius:12px;background:transparent;color:var(--eco-texte);text-decoration:none!important;line-height:1.3;transition:border-color .2s ease}
.mp-eco:hover{border-color:var(--eco-bord-survol);text-decoration:none!important}
.mp-eco__echelle{flex:none;display:flex;align-items:center;padding:0 3px}
.mp-eco__n{display:grid;place-items:center;width:18px;height:22px;padding:0;color:#fff;font-size:10px;font-weight:700;font-style:normal;letter-spacing:0;line-height:1}
.mp-eco__n::before{content:attr(data-n)}
.mp-eco__n:first-child{border-radius:6px 0 0 6px}
.mp-eco__n:last-child{border-radius:0 6px 6px 0}
.mp-eco .mp-eco__site{position:relative;z-index:1;width:32px;height:34px;margin:0 -2px;border-radius:8px;outline:2px solid var(--eco-anneau);outline-offset:0;font-size:19px}
.mp-eco__site::before{content:none}
.mp-eco__ap{width:23px;background:#0A6E37}
.mp-eco__a{background:#18904A}
.mp-eco__b{background:#7CB342;color:#14240C}
.mp-eco__c{background:#F2C318;color:#2A2205}
.mp-eco__d{background:#F0962A;color:#2A1705}
.mp-eco__e{background:#E5602A}
.mp-eco__f{background:#D2362A}
.mp-eco__texte{display:flex;flex-direction:column;gap:2px;min-width:0;padding:0}
.mp-eco__titre{padding:0;font-size:14px;font-weight:600;color:var(--eco-texte)}
.mp-eco__g{padding:0;font-size:12.5px;font-weight:400;color:var(--eco-sous)}
.mp-eco sub{font-size:.75em;line-height:0}
.mp-eco__lu{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Place dans le pied de HK (vert nuit : variables --eco-* d'origine) */
.hkc-pied .mp-eco,.hkc-pied .mp-eco:hover{color:var(--eco-texte)}
.hkc-pied .mp-eco__titre{color:var(--eco-texte)}

/* ------------------------------------------------------------------ */
/* Avis Google de l'accueil (2026-11-10) : grille de trois cartes      */
/* blanches à bordure fine, une colonne sur téléphone                  */
/* ------------------------------------------------------------------ */
.hkc-avis .hkc-tete--ligne{align-items:flex-end}
.hkc-avis__note{display:inline-flex;align-items:center;gap:14px;padding:14px 20px;border:1px solid var(--bord);border-radius:16px;background:#fff;color:var(--texte);text-decoration:none;font-size:17px;line-height:1.35}
.hkc-avis__note>span{display:flex;flex-direction:column;gap:3px}
.hkc-avis__note strong{color:var(--ink)}
.hkc-avis__note:hover{border-color:var(--vert)}
.hkc-avis__etoiles{color:#F5A623;font-size:20px;letter-spacing:2px;line-height:1}
.hkc-avis__grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.6vw,24px);align-items:stretch}
.hkc-avis__carte{display:flex;flex-direction:column;gap:16px;min-width:0;margin:0;padding:clamp(24px,2.2vw,32px);border:1px solid var(--bord);border-radius:20px;background:#fff}
.hkc-avis__carte blockquote{flex:1;margin:0;font-size:18px;line-height:1.6;color:var(--texte)}
.hkc-avis__sans-texte{flex:1;margin:0!important;font-size:17px;line-height:1.6;color:var(--texte-doux);font-style:italic}
.hkc-avis__carte figcaption{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #ECE6DB;font-size:15px;line-height:1.35;color:var(--texte-doux)}
.hkc-avis__carte figcaption svg{flex:none}
.hkc-avis__carte figcaption>span{display:flex;flex-direction:column;gap:2px}
.hkc-avis__carte figcaption strong{font-size:17px;color:var(--ink)}
@media (max-width:900px){
	.hkc-avis__grille{grid-template-columns:minmax(0,1fr)}
	.hkc-avis__note{width:100%}
}