*,*::before,*::after{box-sizing:border-box}
body{margin:0; background:var(--blanc); color:var(--encre);
  font-family:var(--sans); font-size:var(--t-0); line-height:1.6; -webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0; font-weight:300; line-height:1.2; letter-spacing:0; text-wrap:balance}
h1{font-size:var(--t-3); line-height:1.12}
h2{font-size:var(--t-2)}
h3{font-size:var(--t-1); font-weight:300}
p{margin:0; text-wrap:pretty}
a{color:inherit; text-decoration:none}
ul,ol{margin:0; padding:0; list-style:none}
img,svg{display:block; max-width:100%}
button,input,select{font:inherit; color:inherit}
strong,b{font-weight:700}
::selection{background:var(--bleu); color:var(--blanc)}
:focus-visible{outline:2px solid var(--bleu); outline-offset:2px}
.shell{width:var(--shell); margin-inline:auto}

.lbl{font-size:var(--t--1); letter-spacing:.12em; text-transform:uppercase; font-weight:500; color:var(--gris); display:block}
.ref{font-family:var(--mono); font-size:.8rem; letter-spacing:.02em; color:var(--gris); white-space:nowrap}
.ref b{color:var(--encre); font-weight:500}
.code{font-weight:700; letter-spacing:-.01em; line-height:1; font-variant-numeric:tabular-nums}
.slot{font-family:var(--mono); font-size:.8rem; color:var(--gris); border-bottom:1px dashed var(--gris-clair)}

.ph{position:relative; display:grid; place-items:center; overflow:hidden; background:var(--papier)}
.ph img{width:100%; height:100%; object-fit:cover; position:relative}
.ph--contain img{object-fit:contain; padding:var(--s-4); mix-blend-mode:multiply}
.ph__cap{font-family:var(--mono); font-size:.66rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gris-clair)}

.btn{display:inline-flex; align-items:center; justify-content:center; gap:.7em;
  min-height:52px; padding:0 24px; border:1px solid var(--bleu); border-radius:var(--r);
  font-size:15px; font-weight:500; letter-spacing:0; line-height:1.2;
  cursor:pointer; background:var(--bleu); color:var(--blanc);
  transition:background-color 180ms var(--ease), border-color 180ms var(--ease), color 180ms var(--ease)}
.btn--ligne{background:transparent; color:var(--encre); border-color:var(--encre)}
.btn--blanc{background:transparent; color:var(--blanc); border-color:var(--blanc)}
.btn:disabled{opacity:.4; cursor:not-allowed}
@media (hover:hover) and (pointer:fine){
  .btn:hover{background:var(--bleu-fonce); border-color:var(--bleu-fonce); color:var(--blanc)}
  .btn--ligne:hover{background:var(--encre); border-color:var(--encre); color:var(--blanc)}
  .btn--blanc:hover{background:var(--blanc); border-color:var(--blanc); color:var(--encre)}
}

.head{background:var(--noir); color:var(--blanc); position:relative; z-index:10}
body.home .head{position:absolute; inset:0 0 auto 0; background:linear-gradient(180deg, #000000B3 0%, #00000000 100%)}
.head__in{display:flex; align-items:center; gap:var(--s-6); min-height:var(--head-h)}
.logo{display:flex; align-items:center; gap:.85rem; flex:none}
.logo__mark{width:44px; height:44px; flex:none}
.logo__txt{display:flex; flex-direction:column; line-height:1.15}
.logo__txt b{font-weight:700; font-size:1.05rem; letter-spacing:.01em}
.logo__txt em{font-style:normal; font-size:.64rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gris-mid)}
.nav{flex:1; min-width:0}
.nav ul{display:flex; gap:var(--s-5); overflow-x:auto; scrollbar-width:none}
.nav ul::-webkit-scrollbar{display:none}
.nav a{display:inline-flex; align-items:center; min-height:44px; white-space:nowrap; font-size:15px; font-weight:500; border-bottom:2px solid transparent; transition:border-color 150ms var(--ease)}
.nav a[aria-current]{border-bottom-color:var(--blanc)}
@media (hover:hover) and (pointer:fine){ .nav a:hover{border-bottom-color:#FFFFFF80} }
.tools{display:flex; align-items:center; gap:var(--s-4); margin-left:auto; flex:none}
.tool{display:inline-flex; align-items:center; gap:.4rem; min-height:44px; font-size:13px; font-weight:400; background:none; border:0; padding:0 .25rem; cursor:pointer; color:inherit; white-space:nowrap}
.tool svg{flex:none}
@media (max-width:1500px){ .tool span{display:none} }
@media (max-width:1080px){
  .head__in{flex-wrap:wrap; row-gap:0}
  .nav{order:3; width:100%; border-top:1px solid #FFFFFF26}
  .accueil .nav{border-top-color:#FFFFFF40}
  .nav ul{gap:var(--s-4)}
  .nav a{font-size:14px}
}
.search{display:flex; gap:var(--s-3); padding-block:var(--s-3) var(--s-4)}
.search[hidden]{display:none}
.search input{flex:1; min-height:48px; padding:0 var(--s-4); border:1px solid var(--trait); border-radius:var(--r); background:var(--blanc); color:var(--encre); min-width:0}
.search input:focus{outline:2px solid var(--bleu); outline-offset:0; border-color:var(--bleu)}

.hero{position:relative; background:var(--noir); color:var(--blanc); overflow:hidden}
.hero__media{position:absolute; inset:0}
.hero__media .ph{width:100%; height:100%}
.hero__media img{object-position:center 66%}
.hero__voile{position:absolute; inset:0; background:linear-gradient(100deg, #000000E0 0%, #000000B8 30%, #00000073 52%, #0000002E 74%, #00000014 100%)}
.hero__in{position:relative; z-index:2; display:grid; gap:clamp(1.5rem,3vw,2.75rem); align-items:end;
  padding-block:calc(var(--head-h) + clamp(1rem,2vw,2rem)) clamp(1.5rem,2.5vw,2.5rem)}
@media (min-width:1020px){ .hero__in{grid-template-columns:1.05fr .95fr; align-items:center} }
.hero .lbl{color:var(--gris-mid)}
.hero h1{margin:var(--s-2) 0 var(--s-3); max-width:18ch; font-weight:300}
.hero__lead{color:#E0E0E0; max-width:44ch; font-size:var(--t-0); line-height:1.55}
.hero__preuve{display:flex; flex-wrap:wrap; gap:var(--s-3) 0; margin-top:var(--s-4); border-top:1px solid #FFFFFF2E; padding-top:var(--s-4)}
.hero__preuve div{flex:1 1 10rem; padding-right:var(--s-6)}
.hero__preuve svg{width:20px; height:20px; color:var(--bleu-clair); margin-bottom:.6rem}
.hero__preuve b{display:block; font-size:1rem; font-weight:500; line-height:1.2; color:var(--blanc)}
.hero__preuve span{display:block; margin-top:.3rem; font-size:.8125rem; color:#C4C4C4; line-height:1.4}

.picker{background:var(--blanc); color:var(--encre); box-shadow:0 30px 70px #00000059; border-radius:var(--r)}
.picker__head{padding:.8rem var(--s-5); border-bottom:1px solid var(--trait); background:var(--papier); display:flex; justify-content:space-between; align-items:center; gap:var(--s-3); border-radius:var(--r) var(--r) 0 0}
.picker__head .ref{font-size:.7rem}
.picker__body{padding:var(--s-4) var(--s-5) var(--s-5)}
.field{display:block; margin-bottom:var(--s-3)}
.field .lbl{margin-bottom:.35rem}
.ctl{width:100%; min-height:48px; padding:0 var(--s-4); background:var(--blanc); border:1px solid var(--gris-mid); border-radius:var(--r); appearance:none; transition:border-color 150ms var(--ease)}
select.ctl{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%234D4D4D' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 1rem center; padding-right:2.5rem}
select.ctl:disabled{color:var(--gris-clair); background-color:var(--papier); border-color:var(--trait); cursor:not-allowed}
.ctl:hover:not(:disabled){border-color:var(--encre)}
.ctl--mono{font-family:var(--mono); text-transform:uppercase; letter-spacing:.1em}
.picker .btn{width:100%}
.picker__deduit{display:flex; align-items:center; gap:.7rem; background:var(--encre); color:var(--blanc); padding:.6rem .85rem; margin:0 0 var(--s-3); font-size:.92rem; line-height:1.3; min-height:56px; border-radius:var(--r)}
.picker__deduit .code{font-size:1.9rem; color:var(--bleu-clair); flex:none; min-width:3.4ch}
.picker__deduit span{display:block; font-size:.8rem; color:var(--gris-mid)}
.picker__deduit--vide{background:var(--papier); color:var(--gris)}
.picker__deduit--vide .code{color:var(--gris-mid)}
.plate{display:grid; grid-template-columns:1fr auto; gap:var(--s-3); align-items:end; margin-top:var(--s-3); padding-top:var(--s-3); border-top:1px solid var(--trait)}
.plate .btn{width:auto; min-height:48px}
.note{margin-top:var(--s-3); font-size:var(--t--1); color:var(--gris); line-height:1.45}

.sec{padding-block:clamp(3.5rem,7vw,6rem)}
.sec--papier{background:var(--papier)}
.sec__head{display:grid; gap:var(--s-3); margin-bottom:var(--s-7)}
.sec__head p{color:var(--gris); max-width:60ch}
.sec__head h2{margin-top:var(--s-2)}
.sec__head--centre{justify-items:center; text-align:center}
.sec__head--centre p{max-width:64ch}

.cartes{display:grid; gap:var(--s-5)}
@media (min-width:640px){ .cartes{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1000px){ .cartes{grid-template-columns:repeat(3,1fr)} }
.carte{display:grid; grid-template-rows:auto 1fr; background:var(--blanc); border:1px solid var(--trait); transition:border-color 200ms var(--ease)}
.carte__img{aspect-ratio:4/3; background:var(--papier); display:grid; place-items:center; overflow:hidden}
.carte__img img{width:100%; height:100%; object-fit:contain; padding:var(--s-5); mix-blend-mode:multiply}
.carte__txt{padding:var(--s-5); display:grid; gap:var(--s-3); justify-items:center; text-align:center; align-content:start}
.carte__txt h3{font-size:var(--t-1)}
.carte__note{font-size:var(--t--1); color:var(--gris); line-height:1.5; max-width:34ch}
.carte__txt .btn{margin-top:var(--s-2)}
@media (hover:hover) and (pointer:fine){
  .carte:hover{border-color:var(--gris-clair)}
  .carte:hover .btn--ligne{background:var(--encre); color:var(--blanc)}
}

.produits{display:grid; gap:var(--s-4)}
@media (min-width:520px){ .produits{grid-template-columns:repeat(2,1fr)} }
@media (min-width:860px){ .produits{grid-template-columns:repeat(3,1fr)} }
@media (min-width:1180px){ .produits{grid-template-columns:repeat(4,1fr)} }
.prod{border:1px solid var(--trait); background:var(--blanc); display:flex; flex-direction:column; transition:border-color 200ms var(--ease)}
.prod .ph{aspect-ratio:1/1; border-bottom:1px solid var(--trait)}
.prod__txt{padding:var(--s-4); display:flex; flex-direction:column; gap:.45rem; flex:1}
.prod__cat{font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--gris)}
.prod__nom{font-weight:400; line-height:1.4; font-size:var(--t-0); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
.prod__compat{display:flex; flex-wrap:wrap; gap:.3rem}
.prod__bas{margin-top:auto; padding-top:var(--s-3); border-top:1px solid var(--trait); display:flex; justify-content:space-between; align-items:baseline; gap:var(--s-3); flex-wrap:wrap}
.prod__prix{font-weight:700; font-size:var(--t-1); font-variant-numeric:tabular-nums}
.prod__prix small{font-size:.66rem; letter-spacing:.06em; color:var(--gris); font-weight:400; margin-left:.3rem}
@media (hover:hover) and (pointer:fine){ .prod:hover{border-color:var(--gris-clair)} }
.vide{grid-column:1/-1; padding:var(--s-7) var(--s-5); border:1px dashed var(--gris-mid); text-align:center; display:grid; gap:var(--s-3); justify-items:center}
.vide p{color:var(--gris); max-width:48ch}

.veh__onglets{display:flex; gap:var(--s-5); overflow-x:auto; scrollbar-width:none; border-bottom:1px solid var(--gris-mid); margin-bottom:var(--s-6); justify-content:center}
.veh__onglets::-webkit-scrollbar{display:none}
.veh__ong{background:none; border:0; padding:0 0 var(--s-3); cursor:pointer; white-space:nowrap; font-size:var(--t-0); font-weight:500; color:var(--gris); border-bottom:2px solid transparent; transition:color 160ms var(--ease), border-color 160ms var(--ease)}
.veh__ong.is-on{color:var(--encre); border-bottom-color:var(--encre)}
@media (hover:hover) and (pointer:fine){ .veh__ong:hover{color:var(--encre)} }
.veh__panneau{display:none; gap:var(--s-4); grid-template-columns:1fr}
.veh__panneau.is-on{display:grid}
@media (min-width:640px){ .veh__panneau.is-on{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1020px){ .veh__panneau.is-on{grid-template-columns:repeat(3,1fr)} }
.veh__carte{background:var(--blanc); border:1px solid var(--trait); display:grid; grid-template-columns:1fr auto; align-items:center; gap:var(--s-3); padding:var(--s-5); min-height:150px; transition:border-color 200ms var(--ease)}
.veh__img{order:2; width:180px; min-height:1px}
.veh__img img{width:100%; height:auto; object-fit:contain}
.veh__txt{order:1; display:flex; flex-direction:column; gap:.2rem; min-width:0}
.veh__txt b{font-size:clamp(1.15rem,1.05rem+.4vw,1.5rem); font-weight:500; line-height:1.15}
.veh__txt em{font-style:normal; font-size:var(--t--1); color:var(--gris)}
.veh__txt .lbl{font-size:.66rem; margin-bottom:.3rem}
@media (hover:hover) and (pointer:fine){ .veh__carte:hover{border-color:var(--encre)} }
.choix-code{padding-block:var(--s-5) 0}
.choix-code .lbl{margin-bottom:var(--s-3)}
.choix-code__liste{display:flex; flex-wrap:wrap; gap:.5rem}
.plaque{flex:none; display:inline-grid; gap:.15rem; padding:.55rem .85rem .5rem; background:var(--blanc); border:1px solid var(--gris-mid); border-radius:var(--r); min-height:44px; cursor:pointer; text-align:left; transition:border-color 160ms var(--ease), background-color 160ms var(--ease), color 160ms var(--ease)}
.plaque .code{font-size:1.3rem; color:var(--encre)}
.plaque small{font-family:var(--mono); font-size:.62rem; letter-spacing:.06em; color:var(--gris); text-transform:uppercase; white-space:nowrap}
.plaque--on{background:var(--encre); border-color:var(--encre)}
.plaque--on .code{color:var(--blanc)}
.plaque--on small{color:var(--gris-mid)}
@media (hover:hover) and (pointer:fine){ .plaque:hover{border-color:var(--encre); background:var(--papier)} .plaque--on:hover{background:var(--encre)} }
.plaque--mini{padding:.35rem .55rem .3rem; min-height:34px; gap:0}
.plaque--mini .code{font-size:.9rem}
.prod__compat .plaque--mini{padding:.15rem .45rem; min-height:0; border-radius:2px; border-color:var(--trait)}
.prod__compat .plaque--mini .code{font-size:.74rem; font-weight:500}

.origine{display:grid; gap:clamp(2rem,5vw,4.5rem)}
@media (min-width:1000px){ .origine{grid-template-columns:1fr 1fr; align-items:center} }
.etapes{display:grid; gap:var(--s-5); margin-top:var(--s-6)}
.etapes li{display:grid; grid-template-columns:auto 1fr; gap:var(--s-4); padding-top:var(--s-4); border-top:1px solid var(--trait)}
.etapes b{display:block; margin-bottom:.15rem; font-weight:500}
.etapes span{font-size:var(--t--1); color:var(--gris); line-height:1.5}
.num{font-family:var(--mono); font-size:.78rem; color:var(--bleu-fonce)}
.fiche{border:1px solid var(--trait); background:var(--blanc)}
.fiche__head{padding:var(--s-4) var(--s-5); border-bottom:1px solid var(--trait); background:var(--papier); display:flex; justify-content:space-between; gap:var(--s-3); align-items:center}
.fiche__body{padding:var(--s-5); display:grid; gap:var(--s-4)}
.fiche dl{display:grid; grid-template-columns:auto 1fr; gap:.5rem var(--s-5); margin:0; font-size:var(--t--1)}
.fiche dt{letter-spacing:.06em; text-transform:uppercase; color:var(--gris); font-size:.72rem; padding-top:.15rem}
.fiche dd{margin:0}
.fiche__ecritures{display:flex; flex-wrap:wrap; gap:.4rem}
.fiche__ecritures code{font-family:var(--mono); font-size:.8rem; padding:.3rem .55rem; border:1px solid var(--trait); background:var(--papier)}

.bande{position:relative; background:var(--noir); color:var(--blanc); overflow:hidden; min-height:520px; display:grid; align-items:end}
.bande__media{position:absolute; inset:0}
.bande__media img{width:100%; height:100%; object-fit:cover; object-position:center 40%}
.bande__voile{position:absolute; inset:0; background:linear-gradient(180deg, #00000000 30%, #000000A6 100%)}
.bande__in{position:relative; z-index:2; padding-block:clamp(2.5rem,5vw,4rem); display:grid; gap:var(--s-3); max-width:44rem}
.bande .lbl{color:var(--gris-mid)}
.bande p{color:#E0E0E0; max-width:52ch}
.bande__act{display:flex; flex-wrap:wrap; gap:var(--s-3); margin-top:var(--s-3)}
.concessions{display:grid; gap:var(--s-4)}
@media (min-width:560px){ .concessions{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1000px){ .concessions{grid-template-columns:repeat(4,1fr)} }
.concession{background:var(--blanc); border:1px solid var(--trait); padding:var(--s-5); display:grid; gap:.35rem}
.concession b{font-weight:500; font-size:var(--t-1)}
.concession span{font-size:var(--t--1); color:var(--gris)}
.concession em{font-style:normal; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--bleu-fonce)}

.final{background:var(--blanc); border-top:1px solid var(--trait)}
.final__in{padding-block:clamp(3rem,7vw,5rem); display:grid; gap:var(--s-5); max-width:48rem}
.final__in--centre{margin-inline:auto; justify-items:center; text-align:center}
.final__act{display:flex; flex-wrap:wrap; gap:var(--s-3); justify-content:center}

.foot{background:var(--blanc); color:var(--gris); border-top:1px solid var(--trait)}
.foot__in{display:grid; gap:var(--s-6); padding-block:var(--s-8) var(--s-7)}
@media (min-width:820px){ .foot__in{grid-template-columns:1.4fr 1fr 1fr 1fr} }
.foot h4{margin:0 0 var(--s-4); color:var(--encre); font-size:var(--t-0); font-weight:500}
.foot li{margin-bottom:.6rem; font-size:var(--t-0); font-weight:300}
.foot p{font-size:var(--t-0); font-weight:300; line-height:1.6; max-width:40ch}
.foot__tel{margin-top:var(--s-4)}
@media (hover:hover) and (pointer:fine){ .foot a:hover{color:var(--encre)} }
.foot__bas{border-top:1px solid var(--trait)}
.foot__bas-in{padding-block:var(--s-5); display:grid; gap:var(--s-4)}
.foot__bas ul{display:flex; flex-wrap:wrap; gap:.5rem var(--s-5)}
.foot__bas li{margin:0; font-size:var(--t--1)}
.foot__bas p{font-size:.78rem; line-height:1.55; max-width:none; color:var(--gris)}
.foot__bas strong{color:var(--encre); font-weight:500}

.fil{padding-block:var(--s-4); font-size:var(--t--1); color:var(--gris); display:flex; flex-wrap:nowrap; gap:.5rem; align-items:center; overflow:hidden}
.fil>*{flex:none}
.fil>span:last-child{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.fil a{color:var(--encre)}
.fil svg{color:var(--gris-clair)}

.bandeau{background:var(--papier); color:var(--encre); border-block:1px solid var(--trait)}
.bandeau__in{display:grid; gap:var(--s-5); padding-block:clamp(2rem,4vw,3.5rem); align-items:center}
@media (min-width:900px){ .bandeau__in{grid-template-columns:auto 1fr auto} }
.bandeau .code{font-size:var(--t-plaque); color:var(--encre)}
.bandeau__txt{display:grid; gap:.3rem}
.bandeau__txt h1{font-size:var(--t-2)}
.bandeau__txt p{color:var(--gris); font-size:var(--t-0)}
.bandeau .lbl{color:var(--bleu-fonce)}
.bandeau .btn--clair{background:transparent; color:var(--encre); border-color:var(--encre)}
@media (hover:hover) and (pointer:fine){ .bandeau .btn--clair:hover{background:var(--encre); color:var(--blanc)} }

.filtres{display:flex; flex-wrap:wrap; gap:.5rem; padding-block:var(--s-5); border-bottom:1px solid var(--trait); margin-bottom:var(--s-6); align-items:center}
.filtres .lbl{width:100%; margin-bottom:.25rem}
.chip{display:inline-flex; align-items:center; min-height:40px; padding:0 .95rem; border:1px solid var(--gris-mid); border-radius:999px; background:var(--blanc); font-size:var(--t--1); font-weight:500; cursor:pointer; transition:border-color 150ms var(--ease), background-color 150ms var(--ease), color 150ms var(--ease)}
.chip[aria-pressed="true"]{background:var(--encre); border-color:var(--encre); color:var(--blanc)}
@media (hover:hover) and (pointer:fine){ .chip:hover{border-color:var(--encre)} }
.compte{margin-left:auto; font-family:var(--mono); font-size:.75rem; color:var(--gris); letter-spacing:.04em}

.pf{display:grid; gap:clamp(2rem,4vw,4rem); padding-block:var(--s-6) var(--s-8)}
@media (min-width:960px){ .pf{grid-template-columns:1.05fr .95fr; align-items:start} }
.pf__media{background:var(--papier); aspect-ratio:1/1; display:grid; place-items:center; overflow:hidden; position:sticky; top:var(--s-4)}
.pf__media img{width:100%; height:100%; object-fit:contain; padding:var(--s-7); mix-blend-mode:multiply}
.pf__info{display:grid; gap:var(--s-4)}
.pf__info h1{font-size:var(--t-2); font-weight:300}
.pf__refs{display:flex; flex-wrap:wrap; gap:.4rem .9rem; align-items:center}
.pf__prix{display:flex; align-items:baseline; gap:var(--s-3); flex-wrap:wrap}
.pf__prix b{font-weight:300; font-size:var(--t-3); line-height:1; font-variant-numeric:tabular-nums}
.pf__prix span{font-size:var(--t--1); color:var(--gris)}
.pf__compat{display:grid; gap:var(--s-3); padding:var(--s-4); border:1px solid var(--trait); background:var(--papier)}
.pf__compat .lbl{display:flex; justify-content:space-between; gap:var(--s-3)}
.pf__compat .plaques{display:flex; flex-wrap:wrap; gap:.4rem}
.pf__compat--ok{border-color:var(--bleu); background:var(--bleu-voile)}
.pf__compat--ok .lbl b{color:var(--bleu-fonce)}
.pf__act{display:grid; gap:var(--s-3)}
@media (min-width:560px){ .pf__act{grid-template-columns:1fr 1fr} }
@media (max-width:559px){ .pf__act{grid-template-columns:auto 1fr} .qte{grid-template-columns:1fr} .qte .lbl{display:none} .qte input{width:4.25rem} }
.pf__act .btn{width:100%}
.qte{display:grid; grid-template-columns:auto 1fr; gap:var(--s-3); align-items:center}
.qte input{width:5rem; min-height:52px; text-align:center; border:1px solid var(--gris-mid); border-radius:var(--r); font-family:var(--mono)}
.spec{display:grid; grid-template-columns:auto 1fr; gap:.6rem var(--s-5); font-size:var(--t--1); margin:0}
.spec dt{font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color:var(--gris); padding-top:.2rem}
.spec dd{margin:0}
.pf__blocs{display:grid; gap:var(--s-4); margin-top:var(--s-4)}
.bloc{display:grid; grid-template-columns:auto 1fr; gap:var(--s-4); padding:var(--s-4); border:1px solid var(--trait)}
.bloc svg{color:var(--bleu-fonce); margin-top:2px}
.bloc b{display:block; font-weight:500}
.bloc span{font-size:var(--t--1); color:var(--gris); line-height:1.5}

.fcat__grp{font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; color:var(--encre); font-weight:500; margin:1.9rem 0 .9rem; padding-bottom:.5rem; border-bottom:1px solid var(--trait)}
.fcat__grp:first-of-type{margin-top:0}
.fcat__grid{display:grid; grid-template-columns:repeat(2,1fr); gap:1rem}
@media (min-width:640px){ .fcat__grid{grid-template-columns:repeat(3,1fr)} }
@media (min-width:1100px){ .fcat__grid{grid-template-columns:repeat(5,1fr)} }
.fcat__c{display:flex; flex-direction:column; align-items:center; background:var(--papier); border:1px solid var(--trait); padding:1.1rem .9rem 1rem; transition:background-color .15s, border-color .15s}
.fcat__main{display:flex; flex-direction:column; align-items:center; width:100%; color:inherit}
.fcat__im{display:block; width:100%; height:110px; position:relative}
.fcat__im img{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply}
.fcat__im--ref{display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; font-family:var(--mono); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--gris)}
.fcat__im--ref b{font-size:1.8rem; letter-spacing:0; color:var(--encre); font-weight:500; line-height:1; margin-bottom:.35rem}
.fcat__sep{display:block; width:100%; height:1px; background:var(--trait); position:relative; margin:.8rem 0 .65rem}
.fcat__sep i{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:9px; height:9px; border-radius:50%; background:var(--bleu)}
.fcat__n{font-size:.94rem; color:var(--encre); text-align:center; font-weight:500}
.fcat__s{margin:.45rem 0 0; min-height:2.6em; display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; gap:.1rem .65rem; font-size:.78rem; line-height:1.3; color:var(--gris); text-align:center}
.fcat__s a{color:var(--gris); position:relative}
.fcat__s a+a::before{content:"·"; position:absolute; left:-.45rem; color:var(--gris-mid)}
.fcat__s .fcat__plus{font-family:var(--mono); font-size:.7rem; color:var(--bleu-fonce)}
@media (hover:hover) and (pointer:fine){
  .fcat__c:hover{background:var(--blanc); border-color:var(--gris-mid)}
  .fcat__c:hover .fcat__sep i{box-shadow:0 0 0 4px color-mix(in srgb, var(--bleu) 14%, transparent)}
  .fcat__c:hover .fcat__n{color:var(--bleu-fonce)}
  .fcat__s a:hover{color:var(--encre); text-decoration:underline; text-underline-offset:.15em}
}

.promos{display:grid; gap:1px; background:var(--trait); border:1px solid var(--trait)}
@media (min-width:860px){ .promos{grid-template-columns:1.25fr 1fr} }
.promo{background:var(--blanc); display:grid; position:relative}
.promo--vedette{grid-template-columns:1fr; align-items:stretch}
@media (min-width:600px){ .promo--vedette{grid-template-columns:1fr .9fr} }
.promo__texte{padding:clamp(1.5rem,3vw,2.5rem); display:flex; flex-direction:column; gap:var(--s-3); justify-content:center}
.promo__media{background:var(--papier); min-height:190px; display:grid; place-items:center; overflow:hidden}
.promo__media img{width:100%; height:100%; object-fit:cover}
.promo__eti{display:inline-flex; align-self:flex-start; align-items:center; background:var(--bleu); color:var(--blanc); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; padding:.3rem .6rem; font-weight:500; border-radius:2px}
.promo h3{font-size:clamp(1.2rem,1.05rem+.5vw,1.55rem); line-height:1.2; font-weight:400}
.promo p{font-size:var(--t--1); color:var(--gris); line-height:1.55; max-width:44ch}
.promo__cond{font-size:.75rem; color:var(--gris); border-top:1px solid var(--trait); padding-top:var(--s-3); margin-top:var(--s-2)}
.promo__lien{display:inline-flex; align-items:center; gap:.5rem; font-size:15px; font-weight:500; color:var(--bleu-fonce); align-self:flex-start}
.promo__lien svg{transition:transform 220ms var(--ease)}
@media (hover:hover) and (pointer:fine){ .promo:hover .promo__lien svg{transform:translateX(4px)} }

.edito{max-width:52rem}
.edito__titre{margin:var(--s-3) 0 var(--s-5); font-size:clamp(1.9rem,1.5rem+1.6vw,3rem)}
.edito__lead{font-size:clamp(1.1rem,1rem+.4vw,1.35rem); line-height:1.5; color:var(--encre); max-width:46ch; margin-bottom:var(--s-4); font-weight:300}
.edito__lead strong{font-weight:500; box-shadow:inset 0 -.35em 0 var(--bleu-voile)}
.edito__texte{color:var(--gris); max-width:56ch; line-height:1.65}
.atouts{display:grid; gap:var(--s-5); margin:var(--s-8) 0 0}
@media (min-width:700px){ .atouts{grid-template-columns:repeat(2,1fr); gap:var(--s-6) var(--s-7)} }
@media (min-width:1100px){ .atouts{grid-template-columns:repeat(4,1fr)} }
.atouts li{border-top:2px solid var(--bleu); padding-top:var(--s-4)}
.atouts__num{font-family:var(--mono); font-size:.72rem; color:var(--bleu-fonce); letter-spacing:.1em; display:block; margin-bottom:var(--s-3)}
.atouts b{display:block; margin-bottom:.35rem; font-size:var(--t-0); line-height:1.35; font-weight:500}
.atouts span{font-size:var(--t--1); color:var(--gris); line-height:1.55}

.sec--noir{background:var(--noir); color:var(--blanc)}
.sec--noir .sec__head p{color:var(--gris-mid)}
.sec--noir .lbl{color:var(--gris-mid)}
.reseau__in{display:grid; gap:clamp(2rem,5vw,4rem)}
@media (min-width:1000px){ .reseau__in{grid-template-columns:.9fr 1.1fr; align-items:center} }
.reseau__cols{display:grid; gap:var(--s-6)}
@media (min-width:640px){ .reseau__cols{grid-template-columns:repeat(3,1fr)} }
.reseau__cols h3{font-size:var(--t-0); margin-bottom:var(--s-2); font-weight:500}
.reseau__cols p{font-size:var(--t--1); color:var(--gris-mid); line-height:1.55}
.reseau__cols li{padding-top:var(--s-4); border-top:1px solid #FFFFFF26}

.couverture{display:grid; gap:var(--s-6)}
@media (min-width:900px){ .couverture{grid-template-columns:1.2fr 1fr 1fr} }
.couv__titre{font-size:var(--t-0); font-weight:500; padding-bottom:var(--s-3); border-bottom:2px solid var(--bleu); margin-bottom:var(--s-4)}
.couv__liste{display:grid; gap:var(--s-3)}
.couv__liste li{display:flex; flex-wrap:wrap; align-items:baseline; gap:.5rem}
.couv__liste b{font-weight:500; min-width:6.5rem}
.couv__codes{display:flex; flex-wrap:wrap; gap:.3rem}
.bm{display:inline-block; font-family:var(--mono); font-size:.72rem; letter-spacing:.04em; padding:.22em .5em; border:1px solid var(--gris-mid); border-radius:2px; color:var(--gris); white-space:nowrap; background:var(--blanc); transition:border-color 160ms var(--ease), color 160ms var(--ease)}
@media (hover:hover) and (pointer:fine){ .bm:hover{border-color:var(--encre); color:var(--encre)} }

.faq{display:grid; border-top:1px solid var(--trait)}
.faq details{border-bottom:1px solid var(--trait)}
.faq summary{display:flex; align-items:center; justify-content:space-between; gap:var(--s-4); padding:var(--s-4) 0; cursor:pointer; font-weight:500; list-style:none; font-size:var(--t-0)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; font-family:var(--mono); font-size:1.3rem; color:var(--bleu-fonce); flex:none; transition:transform 200ms var(--ease)}
.faq details[open] summary::after{content:"–"}
.faq__rep{padding:0 0 var(--s-5); color:var(--gris); max-width:66ch; line-height:1.65}
@media (hover:hover) and (pointer:fine){ .faq summary:hover{color:var(--bleu-fonce)} }

.conc-grid{display:grid; gap:var(--s-4)}
@media (min-width:700px){ .conc-grid{grid-template-columns:repeat(3,1fr)} }
.conc-veh{background:#2E2E2E; border:1px solid #3A3A3A; display:flex; flex-direction:column}
.conc-veh__img{aspect-ratio:16/10; background:#333; display:grid; place-items:center; overflow:hidden}
.conc-veh__img img{width:90%; height:auto; object-fit:contain}
.conc-veh__body{padding:var(--s-5); display:flex; flex-direction:column; gap:.4rem; flex:1}
.conc-veh__tag{font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--bleu-clair)}
.conc-veh h3{font-size:var(--t-1); font-weight:500; color:var(--blanc)}
.conc-veh__spec{font-size:var(--t--1); color:var(--gris-mid)}
.conc-veh__foot{margin-top:auto; padding-top:var(--s-4); display:flex; justify-content:space-between; align-items:baseline; gap:var(--s-3)}
.conc-veh__prix{font-size:var(--t-1); font-weight:500}
.conc-veh__prix .slot{color:var(--blanc); border-bottom-color:var(--gris-clair)}
.conc-veh__lien{font-size:var(--t--1); color:var(--bleu-clair)}
.conc-cta{display:grid; justify-items:center; gap:var(--s-3); margin-top:var(--s-6); text-align:center}
.conc-note{font-size:.78rem; color:var(--gris-mid); max-width:56ch; line-height:1.5}

.devis-inv{background:var(--papier); border:1px solid var(--trait)}
.devis-inv__in{display:grid; gap:var(--s-5); padding:clamp(2rem,5vw,3.5rem); align-items:center}
@media (min-width:900px){ .devis-inv__in{grid-template-columns:1.3fr auto} }
.devis-inv p{color:var(--gris); max-width:52ch; margin-top:var(--s-3)}

.js .rv{opacity:0; transform:translateY(12px); transition:opacity 560ms var(--ease), transform 560ms var(--ease)}
.js .rv.is-in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important; transition-duration:.01ms!important}
  .js .rv{opacity:1; transform:none}
}
@media (max-width:1019px){
  .picker{order:-1}
  .hero__preuve{display:none}
  .picker__deduit--vide{display:none}
  .bande{min-height:420px}
}
@media (max-width:959px){
  .pf__media{aspect-ratio:16/10; position:static}
  .pf__media img{padding:var(--s-5)}
  .pf{padding-top:var(--s-2); gap:var(--s-5)}
  .pf__info h1{font-size:1.35rem; font-weight:400}
  .pf__refs .ref:nth-child(2){display:none}
  .pf__prix b{font-size:2rem}
}
@media (max-height:760px) and (min-width:1020px){ .picker .note{display:none} }


body{font-family:var(--sans)}
.entry-content h1,.entry-content h2,.entry-content h3,.page-title,.woocommerce-products-header__title,.product_title{font-family:var(--sans); font-weight:300; letter-spacing:0}
.ct-container,.ct-container-narrow{--theme-content-width:84rem}
:root{--theme-font-family:var(--sans); --theme-palette-color-1:var(--bleu); --theme-palette-color-2:var(--bleu-fonce); --theme-palette-color-3:var(--encre); --theme-palette-color-4:var(--gris); --theme-palette-color-5:var(--trait); --theme-palette-color-6:var(--papier); --theme-palette-color-7:var(--blanc); --theme-button-background-initial-color:var(--bleu); --theme-button-background-hover-color:var(--bleu-fonce); --theme-button-border-radius:var(--r)}

.woocommerce ul.products li.product,.wc-block-grid__product{border:1px solid var(--trait); background:var(--blanc); padding:0; display:flex; flex-direction:column; transition:border-color 200ms var(--ease)}
.woocommerce ul.products li.product a img{aspect-ratio:1/1; object-fit:contain; background:var(--papier); padding:var(--s-4); mix-blend-mode:multiply; margin:0}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:var(--t-0); font-weight:400; line-height:1.4; padding:var(--s-4) var(--s-4) 0}
.woocommerce ul.products li.product .price{display:block; padding:var(--s-3) var(--s-4) var(--s-4); font-size:var(--t-1); font-weight:700; color:var(--encre); font-variant-numeric:tabular-nums}
.woocommerce ul.products li.product .button{margin:0 var(--s-4) var(--s-4)}
@media (hover:hover) and (pointer:fine){ .woocommerce ul.products li.product:hover{border-color:var(--gris-clair)} }

.woocommerce div.product div.images img{background:var(--papier); mix-blend-mode:multiply}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--encre); font-size:var(--t-3); font-weight:300; line-height:1; font-variant-numeric:tabular-nums}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-weight:500}
.woocommerce table.shop_attributes th{font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color:var(--gris); font-weight:400}

.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wp-block-button__link{background:var(--bleu); color:var(--blanc); border:1px solid var(--bleu); border-radius:var(--r); min-height:52px; padding:0 24px; font-size:15px; font-weight:500; display:inline-flex; align-items:center; justify-content:center; line-height:1.2; transition:background-color 180ms var(--ease), border-color 180ms var(--ease)}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.wp-block-button__link:hover{background:var(--bleu-fonce); border-color:var(--bleu-fonce); color:var(--blanc)}
.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--bleu); border-color:var(--bleu)}
.is-style-outline .wp-block-button__link{background:transparent; color:var(--encre); border-color:var(--encre)}

.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{border-top-color:var(--bleu)}
.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{color:var(--bleu)}
.woocommerce span.onsale{background:var(--bleu); color:var(--blanc); border-radius:2px; font-weight:500}
.woocommerce .quantity .qty{min-height:52px; border:1px solid var(--gris-mid); border-radius:var(--r); font-family:var(--mono)}
.woocommerce-breadcrumb{font-size:var(--t--1); color:var(--gris)}
.woocommerce-breadcrumb a{color:var(--encre)}

body,body h1,body h2,body h3,body h4,body h5,body h6,body p,body a,body li,body span,body label,body td,body th,body dt,body dd,body button,body input,body select,body textarea,body .entry-title,body .page-title,body .product_title,body .woocommerce-loop-product__title,body .price,body .button,body .wp-block-button__link{font-family:var(--sans)}
body h1,body h2,body h3,body .page-title,body .woocommerce-products-header__title,body .product_title{font-weight:300;letter-spacing:0}
body .ref,body .slot,body .prod__cat,body .num,body .atouts__num,body .bm,body code,body .ctl--mono,body .fiche__ecritures code{font-family:var(--mono)}
body a.button,body button.button,body .woocommerce a.button,body .woocommerce button.button,body .woocommerce #respond input#submit,body .wp-block-button__link{background-color:var(--bleu);border-color:var(--bleu);color:#fff}
body a.button:hover,body button.button:hover,body .woocommerce a.button:hover,body .woocommerce button.button:hover,body .wp-block-button__link:hover{background-color:var(--bleu-fonce);border-color:var(--bleu-fonce)}

body.home .page-title,body.home .ct-page-title,body.home .entry-header{display:none}
body.home .wp-block-cover{min-height:min(84svh,620px)}
body.home .wp-block-cover .wp-block-cover__inner-container{width:var(--shell);max-width:var(--shell)}
body .wp-block-group.alignfull>:where(:not(.alignfull):not(.alignwide)){max-width:var(--shell);margin-inline:auto}
body .fcat__grid,body .produits,body .couverture,body .veh{width:var(--shell);max-width:100%;margin-inline:auto}

body.home .head{position:absolute;inset:0 0 auto 0;background:linear-gradient(180deg,#000000B3 0%,#00000000 100%);z-index:20}
body.home .wp-block-cover{padding-top:var(--head-h)}
body .site-main,body #main-container,body .ct-container{padding-top:0}
body.home main,body.home #main{margin-top:0}

body .wp-block-details{border-bottom:1px solid var(--trait);padding:0}
body .wp-block-details:first-of-type{border-top:1px solid var(--trait)}
body .wp-block-details summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) 0;cursor:pointer;font-weight:500;font-size:var(--t-0);list-style:none}
body .wp-block-details summary::-webkit-details-marker,body .wp-block-details summary::marker{display:none;content:""}
body .wp-block-details summary::after{content:"+";font-family:var(--mono);font-size:1.3rem;color:var(--bleu-fonce);flex:none}
body .wp-block-details[open] summary::after{content:"\2013"}
body .wp-block-details p{padding:0 0 var(--s-5);color:var(--gris);max-width:66ch;line-height:1.65}
@media (hover:hover) and (pointer:fine){body .wp-block-details summary:hover{color:var(--bleu-fonce)}}

body.admin-bar.home .head{top:32px}
@media screen and (max-width:782px){body.admin-bar.home .head{top:46px}}
body .veh__img{width:180px;min-height:1px}
body .veh__img img{width:100%;height:auto;object-fit:contain}
@media (max-width:640px){body .veh__img{width:120px}}

body.home .ct-container-full,body.home .ct-container,body.home .site-main,body.home article.page{padding-top:0;margin-top:0}
body.home .entry-content>.wp-block-cover:first-child{margin-top:0}

body.home .ct-container-full,body.home .ct-container{--content-vertical-spacing:0px;--theme-content-vertical-spacing:0px}
body.home main.site-main>*:first-child{margin-block-start:0}

body.home .entry-content>.wp-block-cover:first-child{margin-top:calc(-1 * var(--bp-decalage-hero,40px))}

.bp-util{background:var(--noir);color:var(--gris-mid)}
.bp-util ul{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);padding-block:.6rem;font-size:.8125rem;margin:0;list-style:none}
.bp-util li{display:flex;align-items:center;gap:.45rem}
.bp-util svg{flex:none;color:var(--bleu-clair)}
.bp-util__tel{margin-left:auto}
.bp-util__tel .slot{color:var(--blanc);border-bottom-color:var(--gris-clair)}
@media (max-width:1100px){.bp-util li:nth-child(n+3):not(.bp-util__tel){display:none}}
@media (max-width:640px){.bp-util li:nth-child(n+2):not(.bp-util__tel){display:none}}
body.home .bp-util{position:relative;z-index:21}
body.home .head{top:var(--bp-util-h,38px)}
body.admin-bar.home .head{top:calc(32px + var(--bp-util-h,38px))}
.search--entete{flex:1;display:flex;min-width:0;max-width:40rem;border:1px solid #FFFFFF33;border-radius:var(--r);overflow:hidden;background:#FFFFFF14}
.search--entete input{flex:1;min-width:0;border:0;background:transparent;color:var(--blanc);padding:0 var(--s-4);min-height:44px}
.search--entete input::placeholder{color:var(--gris-mid)}
.search--entete input:focus{outline:0}
.search--entete button{flex:none;width:48px;border:0;background:var(--bleu);color:var(--blanc);display:grid;place-items:center;cursor:pointer}
.tool--loupe{display:none}
@media (max-width:1100px){.search--entete{display:none}.tool--loupe{display:inline-flex}}

.conc{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1px;list-style:none;margin:var(--s-6) 0 0;padding:0;background:var(--trait);border:1px solid var(--trait)}
.conc__i{display:flex;flex-direction:column;gap:.35rem;padding:var(--s-4) var(--s-4) var(--s-5);background:var(--blanc)}
.conc__i b{font-size:var(--t-0);font-weight:500;letter-spacing:.01em}
.conc__i span{font-size:var(--t--1);color:var(--gris);line-height:1.5}
.conc__tel{margin-top:auto;font-family:var(--mono);font-size:var(--t--1);color:var(--bleu);text-decoration:none}
.conc__tel:hover{text-decoration:underline}
.chiffres{display:flex;flex-wrap:wrap;gap:var(--s-7);list-style:none;margin:var(--s-6) 0 0;padding:0;justify-content:center}
.chiffres li{display:flex;flex-direction:column;gap:.25rem;text-align:center}
.chiffres b{font-size:var(--t-3);font-weight:300;line-height:1;color:var(--bleu)}
.chiffres span{font-size:var(--t--1);color:var(--gris);letter-spacing:.06em;text-transform:uppercase}
.foot__conc a{color:inherit}

.head{background:var(--noir);color:var(--blanc);position:relative;z-index:10}
.head__haut{border-bottom:1px solid #FFFFFF1A}
.head__in{display:flex;align-items:center;gap:var(--s-6);min-height:var(--head-h)}
.head__bas-in{display:flex;align-items:center;gap:var(--s-5);min-height:52px}
.head__bas .nav{flex:1;min-width:0}
.head__veh{display:inline-flex;align-items:center;gap:.5rem;flex:none;font-size:14px;color:var(--gris-mid);text-decoration:none}
.head__veh:hover{color:var(--blanc)}
.head__veh svg{width:18px;height:18px}
.search--entete{flex:1;display:flex;min-width:0;max-width:42rem;border:0;border-radius:var(--r);overflow:hidden;background:var(--blanc)}
.search--entete input{flex:1;min-width:0;border:0;background:transparent;color:var(--encre);padding:0 var(--s-4);min-height:46px;font-size:15px}
.search--entete input::placeholder{color:var(--gris-clair)}
.search--entete input:focus{outline:0}
.search--entete button{flex:none;width:52px;border:0;background:var(--bleu);color:var(--blanc);display:grid;place-items:center;cursor:pointer}
.search--entete button:hover{background:var(--bleu-fonce)}
.tools{display:flex;align-items:center;gap:var(--s-5);flex:none}
body.home .head{position:absolute;inset:auto 0 auto 0;top:var(--bp-util-h,40px);background:linear-gradient(180deg,#000000CC 0%,#00000080 55%,#00000000 100%);z-index:20}
body.home .head__haut{border-bottom-color:#FFFFFF26}
body.admin-bar.home .head{top:calc(32px + var(--bp-util-h,40px))}
@media screen and (max-width:782px){body.admin-bar.home .head{top:calc(46px + var(--bp-util-h,40px))}}
.bp-util{background:var(--bleu);color:#FFFFFFE6}
.bp-util svg{color:#FFFFFF}
.bp-util ul{padding-block:.65rem}
.bp-util__tel a{color:var(--blanc);text-decoration:none;border-bottom:1px solid #FFFFFF66}
@media (max-width:1100px){
	.search--entete{display:none}
	.tool--loupe{display:inline-flex}
	.head__in{gap:var(--s-4)}
}
@media (max-width:860px){
	.head__bas-in{min-height:46px}
	.head__veh span{display:none}
	.tool--lieu{display:none}
}

body.home .entry-content > .wp-block-cover:first-child,
body.home .wp-block-cover.alignfull:first-of-type{padding-top:calc(var(--head-total, 132px) + var(--s-7))}
@media (max-width:860px){body.home .entry-content > .wp-block-cover:first-child,body.home .wp-block-cover.alignfull:first-of-type{padding-top:calc(var(--head-total-m, 112px) + var(--s-5))}}
@media (max-width:640px){
	.bp-util ul{flex-wrap:nowrap;gap:var(--s-4);overflow:hidden}
	.bp-util li:nth-child(n+2):not(.bp-util__tel){display:none}
	.bp-util li:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.bp-util__tel{white-space:nowrap}
}

.bp-util ul{min-height:40px;padding-block:0;align-items:center}
.head__in{flex-wrap:nowrap}
.tools{margin-left:auto}
@media (max-width:860px){
	.logo__txt em{display:none}
	.tools{gap:var(--s-4)}
}

.hero-args{display:flex;flex-wrap:wrap;gap:var(--s-6);list-style:none;margin:var(--s-6) 0 0;padding:var(--s-5) 0 0;border-top:1px solid #FFFFFF33}
.hero-args li{display:flex;flex-direction:column;gap:.2rem;flex:1 1 9rem;min-width:0}
.hero-args b{font-size:var(--t-0);font-weight:500;color:var(--blanc)}
.hero-args span{font-size:var(--t--1);color:#FFFFFFB3;line-height:1.45}
@media (max-width:860px){.hero-args{gap:var(--s-4)}.hero-args li{flex:1 1 100%}}

@media (max-width:860px){
	.head__veh{display:none}
	.head__bas-in{position:relative}
	.head__bas-in::after{content:"";position:absolute;inset:0 0 0 auto;width:2.5rem;pointer-events:none;background:linear-gradient(90deg,#00000000,var(--noir))}
	body.home .head__bas-in::after{background:linear-gradient(90deg,#00000000,#000000A6)}
}

.bp-fond-clair{background:var(--papier)}
.bp-fond-sombre{background:var(--noir);color:var(--blanc)}
.bp-fond-sombre h2,.bp-fond-sombre h3,.bp-fond-sombre b{color:var(--blanc)}
.bp-fond-sombre p,.bp-fond-sombre .chiffres span{color:var(--gris-mid)}
.bp-fond-sombre .chiffres b{color:var(--bleu-clair)}
.bp-fond-sombre .wp-block-button__link{background:var(--bleu)}

.entry-content > .alignfull{margin-block:0}
.entry-content > .alignfull + .alignfull{margin-top:0}
.foot__tel a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}

.logo__txt em{color:var(--gris-mid)}
@media (max-width:860px){.logo__txt em{display:block;font-size:.6rem}}

body.home .bp-hero{min-height:min(100svh - 60px, 885px)}
@media (max-width:860px){body.home .bp-hero{min-height:auto}}

.woocommerce div.product .ct-media-container,
.woocommerce ul.products li.product .ct-media-container,
.woocommerce-page ul.products li.product .ct-media-container{aspect-ratio:4/3;background:var(--papier)}
.woocommerce div.product .ct-media-container img,
.woocommerce ul.products li.product .ct-media-container img,
.woocommerce-page ul.products li.product .ct-media-container img{object-fit:contain;width:100%;height:100%}

.bp-offre-img{margin:0 0 var(--s-5)}
.bp-offre-img img{width:100%;aspect-ratio:16/10;object-fit:contain;background:var(--papier)}
body.home .head,body.admin-bar.home .head{top:auto}
