/* Polices locales (Anton, Barlow Condensed, Rubik) : fichiers woff2 servis par nawcar.fr, plus d'appel à Google Fonts. Sous-ensembles latin et latin-ext. */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-condensed-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-condensed-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-condensed-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-condensed-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/rubik-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/rubik-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ==========================================================================
   NAWCAR — feuille de styles unique (mobile-first)
   Palette : anthracite #14181C · sable #F4F2EF · accent rouge #C8321B
   Typo    : Barlow Condensed (titres/libelles) + Rubik (corps) + Anton (option)
   ========================================================================== */

:root{
  --ink:#0D0E10;
  --ink-2:#08090B;
  --ink-3:#16181C;
  --line-dark:#24272C;
  --sand:#FFFFFF;
  --sand-2:#FFFFFF;
  --line:#E3E5E9;
  --line-2:#E9EBEE;
  --accent:#E11D18;
  --accent-hi:#FF352C;
  --accent-lo:#9E120E;
  --accent-soft:#FF5247;
  --gold:#FFFFFF;
  --txt:#0D0E10;
  --txt-2:#4A4E55;
  --txt-3:#6A6E76;
  --txt-inv:#FFFFFF;
  --txt-inv-2:#C5C8CD;
  --txt-inv-3:#8D929A;
  --wrap:1180px;
  --r:5px;
  --cond:'Barlow Condensed','Arial Narrow',sans-serif;
  --body:'Rubik',system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,monospace;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--sand);overflow-x:hidden}
body{font-family:var(--body);color:var(--txt);-webkit-font-smoothing:antialiased;padding-bottom:76px}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{color:#B01410}
h1,h2,h3{margin:0}

.wrap{max-width:var(--wrap);margin:0 auto;padding-left:20px;padding-right:20px}

/* --- Typographie --- */
.display{font-family:var(--cond);font-weight:700;text-transform:uppercase;line-height:.98;letter-spacing:-.005em;text-wrap:balance}
.h1{font-size:clamp(38px,9.5vw,74px);line-height:.95}
.h2{font-size:clamp(28px,7vw,44px);line-height:1}
.h3{font-size:clamp(26px,6.5vw,40px);line-height:1}
.eyebrow{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:14px}
.label{font-family:var(--cond);text-transform:uppercase;letter-spacing:.07em;font-size:15px}
.lead{font-size:clamp(16px,4.2vw,19px);line-height:1.55;text-wrap:pretty}
p{line-height:1.6;text-wrap:pretty}
.muted{color:var(--txt-3)}

/* --- Boutons --- */
.btn{display:inline-block;text-align:center;padding:16px 22px;border-radius:4px;font-family:var(--cond);font-size:19px;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn--primary{background:var(--accent);color:#fff;border-bottom:3px solid var(--accent-lo)}
.btn--primary:hover{background:var(--accent-hi);color:#fff}
.btn--ghost-dark{border-color:#3A3E45;color:var(--txt-inv)}
.btn--ghost-dark:hover{background:var(--sand);color:var(--ink)}
.btn--ghost-light{border-color:#CBCFD5;color:var(--ink)}
.btn--ghost-light:hover{background:var(--ink);color:var(--sand)}
.btn--dark{background:var(--ink);color:var(--sand)}
.btn--dark:hover{background:var(--accent);color:#fff}
.btn--sm{padding:10px 16px;font-size:17px;letter-spacing:.05em}
.btn-row{display:flex;flex-wrap:wrap;gap:10px}
.btn-row .btn{flex:1 1 200px}

/* --- Bandeau + en-tete --- */
.topbar{background:var(--ink);color:var(--txt-inv-2);font-family:var(--cond);font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.topbar .wrap{padding-top:9px;padding-bottom:9px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:space-between}
.topbar strong{color:var(--sand);font-weight:500}
.site-header{position:sticky;top:0;z-index:50;background:var(--sand);border-bottom:1px solid var(--line)}
.site-header .wrap{padding-top:4px;padding-bottom:4px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.site-header .logo img{height:58px!important;width:auto;display:block}
.logo{font-family:var(--cond);font-weight:700;font-size:26px;letter-spacing:.02em;color:var(--ink);line-height:1;display:flex;align-items:baseline;gap:2px}
.logo span{width:7px;height:7px;background:var(--accent);display:inline-block;border-radius:1px}
.nav{display:flex;flex-wrap:nowrap;gap:0 13px;font-family:var(--cond);font-weight:700;font-size:clamp(13px,3.7vw,20px);text-transform:uppercase;letter-spacing:.01em;margin-left:auto;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{flex:none}
.nav a{color:var(--ink)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--accent)}

/* --- Sections --- */
.section{padding-top:clamp(28px,5vw,52px);padding-bottom:clamp(28px,5vw,52px)}
.section--dark{background:var(--ink);color:var(--txt-inv)}
.section--dark p{color:var(--txt-inv-2)}
.section--band{background:var(--sand-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section--white{background:#fff;border-top:1px solid var(--line-2)}
.section-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.grid{display:grid;gap:clamp(22px,4vw,44px);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.grid--cards{gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.grid--steps{gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.grid--mid{align-items:center}

/* --- Hero --- */
.hero{background:var(--ink);color:var(--txt-inv)}
.hero .wrap{padding-top:clamp(36px,7vw,72px);padding-bottom:clamp(32px,5vw,56px)}
.rating{display:inline-flex;align-items:center;gap:9px;border:1px solid #2E3137;padding:6px 12px;border-radius:4px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.09em;font-size:14px;color:var(--gold);margin-bottom:18px}
.rating i{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.55}}
.hero-usp{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line-dark);font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em;font-size:15px;color:var(--txt-inv-3)}

/* --- Images / emplacements photo --- */
.media{position:relative;overflow:hidden;border-radius:6px;background:var(--sand-2);border:1px solid var(--line)}
.media--dark{background:var(--ink-3);border-color:#26292E}
.media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.media--4x3{aspect-ratio:4/3;min-height:220px}
.media--16x10{aspect-ratio:16/10}
.media--1x1{aspect-ratio:1/1}
.media:not(:has(img)) .media-note{display:block}
.media-note{display:none;position:absolute;left:12px;bottom:12px;font-family:var(--mono);font-size:12px;color:#6A6E76;background:var(--sand);padding:6px 9px;border-radius:3px}
.media--dark .media-note{color:#9BA1A9;background:var(--ink)}

/* --- Encart diagnostic (widget) --- */
.quote-box{border:2px solid var(--ink);border-radius:6px;background:#fff;overflow:hidden}
.quote-box__flag{background:var(--accent);color:#fff;padding:10px 20px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:15px}
.quote-box__body{padding:clamp(20px,4vw,34px);display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:center}
.widget-slot{min-height:230px;border:2px dashed #C3C7CD;border-radius:var(--r);background:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center}
.widget-slot b{font-family:var(--cond);font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:15px;color:#6A6E76}
.widget-slot code{font-family:var(--mono);font-size:12.5px;color:#6A6E76;line-height:1.6}
.ticks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;font-size:15px}
.ticks li{display:flex;gap:10px;align-items:flex-start}
.ticks li::before{content:"";width:8px;height:8px;background:var(--accent);margin-top:7px;flex:none;border-radius:1px}

/* --- Cartes services --- */
.card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line-2);border-radius:var(--r);padding:22px;color:var(--ink)}
.card{transition:border-color .15s,box-shadow .15s,transform .15s}
.card:hover,.card:active,.card:focus-visible{border-color:var(--accent);color:var(--ink);background:#ffffff;box-shadow:0 8px 26px rgba(200,50,27,.16);transform:translateY(-2px)}.card:hover .card__title,.card:active .card__title,.card:hover .card__num,.card:active .card__num{color:var(--accent)}.card:active .card__num,.card:hover .card__num{border-color:var(--accent)}
.card__num{width:34px;height:34px;border:2px solid var(--accent);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-weight:700;font-size:15px;color:var(--accent)}
.card__title{font-family:var(--cond);font-weight:600;font-size:25px;text-transform:uppercase;letter-spacing:.01em;line-height:1.12}
.card__text{font-size:15px;line-height:1.55;color:var(--txt-2);flex:1}
.card__more{font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.07em;font-size:15px;color:var(--accent)}

/* --- Chiffres cles --- */
.stats{display:grid;gap:1px;background:var(--line-dark);border:1px solid var(--line-dark);border-radius:var(--r);overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));align-content:start}
.stats div{background:var(--ink-3);padding:22px 18px}
.stats b{display:block;font-family:var(--cond);font-weight:700;font-size:clamp(24px,6vw,34px);color:var(--sand);line-height:1}
.stats span{display:block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em;font-size:15px;color:var(--txt-inv-3);margin-top:6px}
.stats--inline{background:none;border:none;border-radius:0}
.stats--inline div{background:none;padding:10px 14px}
.stats--inline b{font-size:clamp(22px,5.5vw,30px)}
.stats--inline span{font-size:14px}

/* --- Avant / apres --- */
.ba{margin:0;background:#fff;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden}
.ba__pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-2)}
.ba__shot{border:none;border-radius:0}
.ba__tag{position:absolute;left:8px;top:8px;z-index:1;background:var(--ink);color:var(--sand);font-family:var(--cond);font-size:12px;letter-spacing:.1em;padding:3px 7px;border-radius:2px}
.ba__tag--after{background:var(--accent);color:#fff}
.ba .media-note{left:8px;bottom:8px;padding:3px 6px;font-size:11px}
.ba figcaption{padding:14px 16px}
.ba figcaption b{display:block;font-family:var(--cond);font-weight:600;font-size:21px;text-transform:uppercase;line-height:1.15}
.ba figcaption span{display:block;font-size:14px;color:#6A6E76;margin-top:4px}

/* --- Etapes --- */
.step{border-top:3px solid var(--ink);padding-top:14px}
.step b{display:block;font-family:var(--cond);font-weight:700;font-size:36px;color:var(--accent);line-height:1}
.step strong{display:block;font-family:var(--cond);font-weight:600;font-size:22px;text-transform:uppercase;margin:6px 0;line-height:1.15}
.step span{font-size:15px;line-height:1.55;color:var(--txt-2)}

/* --- Zones --- */
.zones{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.zones li{border:1px solid #DADEE3;background:#fff;padding:7px 12px;border-radius:4px;font-family:var(--cond);font-size:16px;letter-spacing:.03em;text-transform:uppercase}
.zones li{transition:border-color .15s,color .15s,background .15s}
.zones li:hover,.zones li:active{border-color:var(--accent);color:var(--accent);background:#ffffff}

/* --- Blog --- */
.post{display:flex;flex-direction:column;gap:12px;color:var(--ink)}
.post:hover{color:var(--ink)}
.post:hover .post__title{color:var(--accent)}
.post__cat{font-family:var(--cond);text-transform:uppercase;letter-spacing:.09em;font-size:13px;color:var(--accent)}
.post__title{font-family:var(--cond);font-weight:600;font-size:22px;line-height:1.15;text-transform:uppercase}
.post__text{font-size:15px;line-height:1.55;color:var(--txt-2)}

/* --- Formulaire --- */
.form{background:var(--ink-3);border:1px solid var(--line-dark);border-radius:var(--r);padding:clamp(18px,4vw,28px);display:flex;flex-direction:column;gap:12px}
.form__legend{font-family:var(--cond);text-transform:uppercase;letter-spacing:.09em;font-size:15px;color:var(--txt-inv-3)}
.form input,.form textarea{background:var(--ink);border:1px solid #2C2F35;border-radius:4px;padding:13px 14px;color:var(--sand);font-family:var(--body);font-size:16px;width:100%}
.form textarea{resize:vertical}
.form input::placeholder,.form textarea::placeholder{color:#8D929A}
.form input:focus,.form textarea:focus{outline:2px solid var(--accent-soft);outline-offset:1px}
.form button{background:var(--sand);color:var(--ink);border:none;border-radius:4px;padding:15px;font-family:var(--cond);font-size:19px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.form button:hover{background:var(--accent);color:#fff}
.form small{font-size:12.5px;color:#8D929A;line-height:1.5}
.contact-lines{margin-top:24px;font-size:15px;line-height:1.7;color:var(--txt-inv-3)}
.contact-actions{display:flex;flex-direction:column;gap:10px;max-width:360px}

/* --- FAQ --- */
.faq details{border-bottom:1px solid var(--line-2);padding:14px 0}
.faq summary{font-family:var(--cond);font-weight:600;font-size:20px;text-transform:uppercase;cursor:pointer;line-height:1.2;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent)}
.faq details[open] summary::after{content:"\2013"}
.faq p{font-size:15px;line-height:1.6;color:var(--txt-2);margin:10px 0 0}

/* --- Fil d'ariane + aside --- */
.crumbs{padding-top:14px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.07em;font-size:14px;color:var(--txt-3)}
.crumbs a{color:var(--txt-3)}
.crumbs b{color:var(--ink);font-weight:500}
.aside{background:#fff;border:1px solid var(--line-2);border-radius:var(--r);padding:clamp(18px,4vw,26px)}
.list-items{display:flex;flex-direction:column;gap:14px}
.list-items > div{display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px}
.list-items i{width:9px;height:9px;background:var(--accent);margin-top:8px;flex:none;border-radius:1px}
.list-items b{display:block;font-family:var(--cond);font-weight:600;font-size:21px;text-transform:uppercase;line-height:1.15}
.list-items span{display:block;font-size:15px;line-height:1.55;color:var(--txt-2);margin-top:3px}

/* --- Pied de page --- */
.site-footer{background:var(--ink-2);color:#8D929A;border-top:1px solid #191B1F}
.site-footer .wrap{padding-top:20px;padding-bottom:20px;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between}
.site-footer a{color:#8D929A;transition:color .15s}
.site-footer a:hover{color:var(--accent)}
.ft-left{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;font-size:14px}
.ft-logo{height:34px;width:auto;display:block}
.ft-tel{color:var(--accent)!important;font-weight:700}
.ft-right{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;font-family:var(--cond);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:14px}
.ft-copy{color:#5b6067}
@media(max-width:640px){.site-footer .wrap{flex-direction:column;align-items:flex-start;gap:14px}}

/* --- Barre d'action mobile --- */
.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--ink);border-top:1px solid var(--line-dark);padding:8px;display:flex;gap:8px}
.actionbar a{flex:1;text-align:center;padding:14px 8px;border:1px solid #3A3E45;border-radius:4px;color:var(--sand);font-family:var(--cond);font-size:17px;text-transform:uppercase;letter-spacing:.05em}
.actionbar a.is-primary{flex:1.3;background:var(--accent);border-color:var(--accent);color:#fff}

@media (min-width:900px){
  .actionbar{display:none}
  body{padding-bottom:0}
}

/* --- Bandeau de titre de page --- */
.page-head{background:var(--ink);color:var(--txt-inv)}
.page-head h1{line-height:1.4;margin-bottom:12px}
.page-head .wrap{padding-top:clamp(26px,5vw,52px);padding-bottom:clamp(26px,5vw,52px)}
.page-head p{color:var(--txt-inv-2);max-width:52ch;margin:14px 0 0;font-size:clamp(16px,4vw,18px)}
.page-head .crumbs{padding:0 0 14px;color:var(--txt-inv-3)}
.page-head .crumbs a{color:var(--txt-inv-3)}
.page-head .crumbs b{color:var(--sand);font-weight:500}

/* --- Article --- */
.prose{max-width:68ch;font-size:16.5px;color:var(--txt)}
.prose h2{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(24px,5.5vw,32px);line-height:1.05;margin:34px 0 12px}
.prose h3{font-family:var(--cond);font-weight:600;text-transform:uppercase;font-size:clamp(20px,4.5vw,24px);line-height:1.15;margin:26px 0 10px}
.prose p{margin:0 0 16px}
.prose ul{margin:0 0 16px;padding-left:20px}
.prose li{margin-bottom:8px;line-height:1.6}
.prose blockquote{margin:22px 0;padding:16px 20px;border-left:3px solid var(--accent);background:#fff;border-radius:0 var(--r) var(--r) 0;font-size:17px}
.article-meta{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:14px;color:var(--txt-inv-3);display:flex;gap:16px;flex-wrap:wrap;margin-top:14px}

/* --- Encart CTA compact --- */
.cta-strip{background:var(--sand-2);border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,4vw,26px);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:center}
.cta-strip h2{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(22px,5vw,30px);line-height:1.05}
.cta-strip p{margin:8px 0 0;font-size:15.5px;color:var(--txt-2)}

/* --- Tableau simple --- */
.table{width:100%;border-collapse:collapse;font-size:15px}
.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
.table th{font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em;font-size:15px;font-weight:600}
.table tr:last-child td{border-bottom:none}
/* ===== Blog en LISTE, photo à gauche (Rui 21/09) ===== */
.blog-list{display:flex;flex-direction:column;gap:16px}.blog-list .post{display:grid;grid-template-columns:clamp(150px,32%,300px) 1fr;align-items:stretch;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s}.blog-list .post:hover{border-color:var(--accent);box-shadow:0 8px 26px rgba(200,50,27,.10)}.blog-list .post:hover .post__title{color:var(--accent)}.blog-list .post .media{border:none;border-radius:0;align-self:stretch;height:100%;aspect-ratio:auto}.blog-list .post .post__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;padding:20px 24px}.blog-list .post .post__cat,.blog-list .post .post__title,.blog-list .post .post__text{margin:0}.blog-list .post .post__title{font-size:clamp(19px,2.3vw,24px)}.blog-list .post .card__more{margin:6px 0 0}@media(max-width:640px){.blog-list .post{grid-template-columns:1fr}.blog-list .post .media{flex:0 0 auto;min-height:200px;aspect-ratio:16/10}.blog-list .post .post__body{padding:18px}}
/* Tag "sur RDV uniquement" à côté de l'adresse (Rui 21/09) */
.rdv-tag{display:inline-block;background:#FFD400;color:#141414;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:11px;line-height:1.5;padding:1px 8px;border-radius:3px;white-space:nowrap;vertical-align:middle;margin-left:6px}
/* Widget : masquer la pastille flottante (Rui 21/09) + plaque en majuscules */
.nw-sim .nw-tab,.nw-sim .nw-tease{display:none!important}
.nw-sim .nw-plate{text-transform:uppercase!important}


/* ===== LOT2 : barre d'appel mobile (click-to-call) ===== */
.callbar{display:none}
@media(max-width:720px){
  .callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:800;background:var(--ink,#0D0E10);padding:8px;gap:8px;box-shadow:0 -6px 18px rgba(0,0,0,.30)}
  .callbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 8px;border-radius:6px;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:17px;text-transform:uppercase;letter-spacing:.02em;text-decoration:none;line-height:1}
  .callbar .cb-call{background:var(--accent,#E11D18);color:#fff}
  .callbar .cb-wa{background:#25D366;color:#08351f}
  .callbar svg{width:19px;height:19px;flex:none}
  body{padding-bottom:70px}
}


/* ===== LOT2 : section Avis Google ===== */
.gbadge{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:10px 16px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin:14px auto 0}
.gbadge .gstars{color:#FBBC04;letter-spacing:1px;font-size:18px;line-height:1}
.gbadge b{font-size:20px}
.gbadge .gsub{color:var(--txt-2);font-size:14px}
.gbadge a{color:var(--accent);font-weight:600;text-decoration:none;font-size:14px;white-space:nowrap}
.grev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.grev{background:#fff;border:1px solid #ececec;border-radius:8px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:10px}
.grev-top{display:flex;align-items:center;gap:12px}
.grev-av{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:19px;flex:none}
.grev-id{flex:1;min-width:0}
.grev-id b{display:block;font-size:15px;line-height:1.2}
.grev-id span{font-size:12.5px;color:var(--txt-2)}
.grev-stars{color:#FBBC04;font-size:15px;letter-spacing:1px;line-height:1}
.grev p{margin:0;font-size:14.5px;line-height:1.55}
.grev-g{margin-top:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--txt-2)}
@media(max-width:900px){.grev-grid{grid-template-columns:1fr}}

/* Cartes services avec photo */
.card--photo{padding:0;overflow:hidden}
.card--photo .card__ph{display:block;aspect-ratio:16/10;overflow:hidden;background:#e9edf1;margin:0;line-height:0}
.card--photo .card__ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.card--photo:hover .card__ph img,.card--photo:active .card__ph img{transform:scale(1.06)}
.card--photo .card__body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.card--photo .card__title{min-height:2.24em}


/* ===== HERO CHAT NAWAL (export Claude Design, intégré 02/10) ===== */
/* =====================================================================
   NAWCAR — BLOC HERO · styles (toutes les classes préfixées nwh-)
   Aucun reset global : tout est scopé sous .nwh-top / .nwh-hero
   Fond #0D0E10 · rouge #E11D18 · texte #FFFFFF · bordures #24272C
   ===================================================================== */

/* ---------- Animations ---------- */
@keyframes nwh-pulse { 0%,100% { opacity: 1 } 50% { opacity: .5 } }
@keyframes nwh-blink { 0%,49% { opacity: 1 } 50%,100% { opacity: 0 } }
@keyframes nwh-glow  {
  0%,100% { box-shadow: 0 0 0 0 rgba(52,199,89,.55); filter: brightness(1) }
  50%     { box-shadow: 0 0 0 6px rgba(52,199,89,0); filter: brightness(1.18) }
}
@keyframes nwh-dot   { 0%,80%,100% { opacity: .25 } 40% { opacity: 1 } }

/* ---------- Barre collante (optionnelle) ---------- */
.nwh-top {
  position: sticky; top: 0; z-index: 50;
  background: rgba(13,14,16,.92);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-bottom: 1px solid #24272C;
}
.nwh-top-in {
  max-width: 1180px; margin: 0 auto; height: 60px; padding: 0 20px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  box-sizing: border-box;
}
.nwh-logo {
  display: flex; align-items: baseline; gap: 3px; text-decoration: none;
  font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 27px;
  letter-spacing: .03em; line-height: 1; color: #FFFFFF;
}
.nwh-logo-dot { width: 7px; height: 7px; background: #E11D18; border-radius: 1px; display: inline-block; }
.nwh-tel {
  display: flex; align-items: center; gap: 10px; text-decoration: none; color: #FFFFFF;
  font-family: 'Barlow Condensed', sans-serif; font-weight: 600; font-size: 20px; letter-spacing: .04em;
}
.nwh-tel-ico {
  width: 34px; height: 34px; border-radius: 50%; background: #E11D18;
  display: flex; align-items: center; justify-content: center;
}

/* ---------- Conteneur hero ---------- */
.nwh-hero {
  background: #0D0E10; color: #FFFFFF;
  font-family: 'Rubik', sans-serif; -webkit-font-smoothing: antialiased;
}
.nwh-hero *, .nwh-hero *::before, .nwh-hero *::after { box-sizing: border-box; }
.nwh-hero [hidden] { display: none !important; }

/* Grille : mobile = texte / conversation (boutons masqués)
            desktop = texte + boutons à gauche, conversation à droite */
.nwh-grid {
  max-width: 1180px; margin: 0 auto; padding: 24px 20px 28px;
  display: grid; gap: 22px; grid-template-columns: 1fr;
  grid-template-areas: "text" "chat" "btns"; align-items: center;
}
.nwh-text { grid-area: text; }
.nwh-chat { grid-area: chat; }
.nwh-btns { grid-area: btns; display: none; }

@media (min-width: 820px) {
  .nwh-grid {
    padding: clamp(34px,6vw,72px) 20px; column-gap: clamp(26px,4vw,52px); row-gap: 0;
    grid-template-columns: 1.05fr .95fr;
    grid-template-areas: "text chat" "btns chat";
  }
  .nwh-text { align-self: end; }
  .nwh-btns { align-self: start; display: block; }
}

/* ---------- Texte ---------- */
.nwh-badge {
  display: inline-flex; align-items: center; gap: 9px; margin-bottom: 12px;
  border: 1px solid #24272C; padding: 6px 12px; border-radius: 4px;
  font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase;
  letter-spacing: .09em; font-size: 14px; color: #FF5247;
}
.nwh-badge-dot { width: 6px; height: 6px; background: #E11D18; border-radius: 50%; animation: nwh-pulse 2.4s ease-in-out infinite; }
.nwh-title {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 700; text-transform: uppercase;
  font-size: clamp(40px,9vw,76px); line-height: .95; letter-spacing: -.01em;
  margin: 0 0 18px; color: #FFFFFF; text-wrap: balance;
}
.nwh-title-accent { color: #E11D18; }
.nwh-lead {
  font-size: clamp(16px,4vw,19px); line-height: 1.55; color: #C5C8CD;
  margin: 0; max-width: 46ch; text-wrap: pretty;
}
.nwh-hl {
  color: #FFFFFF; font-weight: 500;
  text-decoration: underline; text-decoration-color: #E11D18;
  text-decoration-thickness: 2px; text-underline-offset: 3px;
}
.nwh-only-desk { display: none; }
@media (min-width: 820px) {
  .nwh-badge { margin-bottom: 18px; }
  .nwh-lead  { margin-bottom: 26px; }
  .nwh-only-desk { display: inline; }
  .nwh-only-mob  { display: none; }
}

/* ---------- Boutons (desktop) ---------- */
.nwh-btn {
  display: block; text-align: center; text-decoration: none; border-radius: 4px;
  font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase;
  transition: background .15s, color .15s;
}
.nwh-btn--main {
  background: #E11D18; color: #FFFFFF; padding: 16px 22px; margin-bottom: 12px;
  font-size: 19px; letter-spacing: .04em; border-bottom: 3px solid #9E120E;
}
.nwh-btn--main:hover { background: #FF352C; color: #FFFFFF; }
.nwh-btns-sec { display: flex; flex-wrap: wrap; gap: 10px; }
.nwh-btn--ghost {
  flex: 1 1 150px; color: #FFFFFF; padding: 13px 18px; border: 1px solid #3A3E45;
  font-size: 17px; letter-spacing: .05em;
}
.nwh-btn--ghost:hover { background: #FFFFFF; color: #0D0E10; }

/* ---------- Conversation ---------- */
.nwh-chat {
  position: relative; height: 500px; display: flex; flex-direction: column; overflow: hidden;
  background: #000000; border: 1px solid #24272C; border-radius: 10px;
  box-shadow: 0 20px 60px -30px rgba(0,0,0,.9);
}
@media (min-width: 820px) { .nwh-chat { height: clamp(520px,50vw,600px); } }

.nwh-chat-head {
  flex: none; height: 54px; display: flex; align-items: center; gap: 10px; padding: 0 12px 0 8px;
  background: rgba(22,22,24,.96); border-bottom: 1px solid #1C1C1E;
}
.nwh-back { font-size: 26px; line-height: 1; color: #34C759; font-weight: 300; margin-top: -2px; }
.nwh-avatar {
  flex: none; width: 32px; height: 32px; border-radius: 50%;
  background: linear-gradient(180deg,#A1A1A6,#7C7C80); color: #FFFFFF;
  display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600;
}
.nwh-who { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.nwh-who-name { font-size: 15px; font-weight: 600; line-height: 1.15; color: #FFFFFF; }
.nwh-who-status { font-size: 12px; line-height: 1.2; color: #8E8E93; }

/* Fil : défile à l'intérieur du cadre, les messages restent en bas */
.nwh-thread { position: relative; flex: 1; overflow-y: auto; scrollbar-width: none; }
.nwh-thread::-webkit-scrollbar { display: none; }
.nwh-thread-in {
  min-height: 100%; display: flex; flex-direction: column; justify-content: flex-end;
  gap: 8px; padding: 12px 14px;
}
.nwh-date { align-self: center; font-size: 11.5px; color: #8E8E93; margin-bottom: 4px; }

.nwh-row {
  display: flex; flex-direction: column; gap: 6px;
  opacity: 0; transform: translateY(8px); transition: opacity .3s ease, transform .3s ease;
}
.nwh-row--me   { align-items: flex-end; }
.nwh-row--them { align-items: flex-start; }
.nwh-row.nwh-in  { opacity: 1; transform: none; }
.nwh-row.nwh-old { opacity: .42; }   /* messages précédents de l'intro */

.nwh-bubble {
  max-width: 80%; padding: 8px 13px; font-size: 16px; line-height: 1.35;
  letter-spacing: -.01em; overflow-wrap: anywhere; color: #FFFFFF;
}
.nwh-row--them .nwh-bubble { background: #262629; border-radius: 18px 18px 18px 5px; }
.nwh-row--me   .nwh-bubble { background: #34C759; border-radius: 18px 18px 5px 18px; }

.nwh-photo {
  width: min(220px, 68%); aspect-ratio: 1 / 1; border-radius: 18px; overflow: hidden; background: #141619;
}
.nwh-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

.nwh-typing {
  align-self: flex-start; display: flex; gap: 5px; padding: 13px 15px;
  background: #262629; border-radius: 18px 18px 18px 5px;
}
.nwh-typing span { width: 7px; height: 7px; border-radius: 50%; background: #8E8E93; animation: nwh-dot 1.2s infinite; }
.nwh-typing span:nth-child(2) { animation-delay: .15s; }
.nwh-typing span:nth-child(3) { animation-delay: .3s; }

/* ---------- Barre de saisie ---------- */
.nwh-chat-foot { flex: none; padding: 12px; background: rgba(22,22,24,.96); border-top: 1px solid #1C1C1E; }
.nwh-choices { display: flex; gap: 8px; margin-bottom: 10px; }
.nwh-choice {
  flex: 1; height: 40px; border-radius: 18px; border: 1px solid #34C759; background: transparent;
  color: #34C759; font-family: 'Rubik', sans-serif; font-size: 15px; font-weight: 500; cursor: pointer;
}
.nwh-choice:hover { background: #34C759; color: #0D0E10; }

.nwh-form { display: flex; align-items: center; gap: 8px; margin: 0; }
.nwh-cam {
  position: relative; flex: none; width: 36px; height: 36px; border-radius: 50%; background: #2C2C2E;
  display: flex; align-items: center; justify-content: center; cursor: pointer;
}
.nwh-cam:hover { background: #3A3A3C; }
.nwh-file { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
/* icône appareil photo dessinée en CSS */
.nwh-cam-ico { position: relative; width: 20px; height: 15px; border: 2px solid #8E8E93; border-radius: 3px; }
.nwh-cam-ico::before {
  content: ""; position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px;
  border: 2px solid #8E8E93; border-radius: 50%;
}
.nwh-cam-ico::after { content: ""; position: absolute; left: 3px; top: -5px; width: 6px; height: 3px; background: #8E8E93; border-radius: 1px 1px 0 0; }

.nwh-field {
  flex: 1; min-width: 0; height: 38px; display: flex; align-items: center; gap: 6px; padding: 0 5px 0 6px;
  border: 1px solid #3A3A3C; border-radius: 19px; background: #000000;
}
.nwh-chip { position: relative; flex: none; width: 30px; height: 30px; }
.nwh-chip img { width: 30px; height: 30px; border-radius: 15px; object-fit: cover; display: block; }
.nwh-chip-x {
  position: absolute; right: -5px; top: -5px; width: 17px; height: 17px; padding: 0; border: none;
  border-radius: 50%; background: #FFFFFF; color: #0D0E10; font-size: 12px; line-height: 17px; cursor: pointer;
}
.nwh-input-wrap { position: relative; flex: 1; min-width: 0; display: flex; align-items: center; }
.nwh-input {
  width: 100%; height: 36px; border: none; background: transparent; color: #FFFFFF; outline: none;
  padding: 0 10px; font-family: 'Rubik', sans-serif; font-size: 16px; /* 16px = pas de zoom iOS */
}
.nwh-input::placeholder { color: #8E8E93; }
.nwh-input--caret { padding-left: 18px; }
/* curseur vert clignotant affiché tant que le champ est vide et non sélectionné */
.nwh-caret {
  position: absolute; left: 10px; top: 50%; width: 2px; height: 20px; margin-top: -10px;
  background: #34C759; border-radius: 1px; animation: nwh-blink 1s steps(1) infinite; pointer-events: none;
}
.nwh-send {
  flex: none; width: 28px; height: 28px; padding: 0; border: none; border-radius: 50%; background: #34C759;
  display: flex; align-items: center; justify-content: center; cursor: pointer;
  animation: nwh-glow 1.6s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .nwh-badge-dot, .nwh-caret, .nwh-send, .nwh-typing span { animation: none; }
  .nwh-row { transition: none; }
}

/* ===== Retouches 02/10 : header + bordure chat ===== */
.hdr-call__num{margin-left:.45em}
@media (min-width:820px){
  .nwh-chat{border-color:rgba(255,255,255,.14);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 24px 70px -34px rgba(0,0,0,.95)}
}

/* ===== Retouches 02/10 (2) : avis en or ===== */
.nwh-badge{color:#C5C8CD;font-size:15px}
.nwh-stars{color:#FFC107;font-size:1.25em;letter-spacing:.08em;vertical-align:-1px}
@media (max-width:819px){ .nwh-badge{font-size:16px} .nwh-stars{font-size:1.35em} }

/* ===== Mobile : la callbar du bas couvre déjà appel/WhatsApp → retirer les doublons inline ===== */
@media (max-width:819px){
  .btn-row > a[href^="tel:"], .btn-row > a[href*="wa.me"]{display:none}
  .contact-actions{display:none}
}

/* ===== Chat : bulle d'écriture côté client (droite, verte) ===== */
.nwh-typing--me{align-self:flex-end;background:#34C759}
.nwh-typing--me span{background:rgba(255,255,255,.9)}

/* ===== Chat : champ de saisie visiblement interactif (bordure qui pulse) ===== */
@keyframes nwh-fieldpulse{0%,100%{border-color:#3A3A3C}50%{border-color:#34C759}}
.nwh-field{animation:nwh-fieldpulse 2.2s ease-in-out infinite}
.nwh-field:focus-within{animation:none;border-color:#34C759}
@media (prefers-reduced-motion: reduce){ .nwh-field{animation:none} }

/* ===== Callbar : bouton Estimation (action primaire) mis en avant ===== */
.callbar .cb-devis{background:#fff;color:#0D0E10;font-weight:700}

/* ===== Avis Google : entête 2 lignes + bouton pleine largeur ===== */
.gbadge{display:flex;flex-direction:column;align-items:center;gap:0}
.gbadge-top{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.gbadge-top .gsub{white-space:nowrap}
.gbadge-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:420px;margin-top:12px;padding:12px 18px;border:1px solid var(--line);border-radius:10px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--ink);text-decoration:none;transition:background .15s,color .15s}
.gbadge-link:hover{background:var(--ink);color:#fff}
.gbadge-link svg{flex:none}
/* ===== Footer : mots-clés services petits + espacés ===== */
.ft-svc{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11px;opacity:.75;margin-top:14px}
.ft-svc a{white-space:nowrap}
/* ===== Menu mobile : retrait bouton appeler, items en encadrés, actif noir ===== */
@media (max-width:819px){
  .hdr-call{display:none}
  .nav{gap:8px;font-size:16px;margin-left:0}
  .nav a{border:1px solid var(--line);border-radius:8px;padding:8px 12px}
  .nav a[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}
}

/* ===== Supprime l'ancienne barre mobile (.actionbar) : remplacée par .callbar (fin du double-sticky) ===== */
.actionbar{display:none!important}

/* ===== Menu mobile : pas de scroll horizontal (wrap) + Réalisations mis en avant ===== */
@media (max-width:819px){
  .nav{flex-wrap:wrap;overflow-x:visible;justify-content:center;row-gap:8px}
  .nav a[href*="realisations"]{background:var(--accent);color:#fff;border-color:var(--accent)}
}

/* ===== Header : masquer TOUT bouton d'appel du header sur mobile (toutes variantes) — la callbar le gère ===== */
@media (max-width:819px){ .site-header a[href^="tel:"]{display:none!important} }

/* ===== Header : Réalisations sur la ligne du logo (droite), reste du menu sur une ligne dessous ===== */
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.site-header .logo{margin-right:auto}
.nav-real{order:5;display:inline-flex;align-items:center;font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:16px;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:8px;padding:9px 16px;text-decoration:none}
.nav-real:hover{background:#c01510}
.hdr-call{order:6}
.site-header .nav{order:10;flex-basis:100%;margin-left:0}
@media (max-width:819px){
  .site-header .nav{gap:6px;flex-wrap:nowrap;justify-content:stretch}
  .site-header .nav a{flex:1;text-align:center;padding:8px 4px;font-size:13px;border:1px solid var(--line);border-radius:8px}
  .site-header .nav a[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}
}

/* ===== Header desktop : menu en encadrés (chips) centrés, actif en noir (comme mobile) ===== */
@media (min-width:820px){
  .site-header .nav{justify-content:center;gap:10px}
  .site-header .nav a{border:1px solid var(--line);border-radius:8px;padding:9px 16px}
  .site-header .nav a:hover{border-color:var(--ink)}
  .site-header .nav a[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}
}

/* ===== Header desktop (corr.) : tout sur UNE ligne — logo | menu centré | Réalisations + Appeler ===== */
@media (min-width:820px){
  .site-header .wrap{flex-wrap:nowrap}
  .site-header .logo{margin-right:0}
  .site-header .nav{order:2;flex-basis:auto;margin:0 auto;gap:10px;justify-content:center}
  .site-header .nav a{border:1px solid var(--line);border-radius:8px;padding:9px 16px}
  .site-header .nav a:hover{border-color:var(--ink)}
  .site-header .nav a[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}
  .nav-real{order:3}
  .hdr-call{order:4}
}

/* ===== Header 03/10 (maj) : Appeler Nawal = UNE puce numéro (fond blanc, bordure noire, texte+icône noirs), sans libellé ni fond noir ; même hauteur que Réalisations mais plus large ===== */
@media (min-width:820px){
  .hdr-call{background:none!important;border:none!important;box-shadow:none!important;padding:0;display:inline-flex;align-items:center}
  .hdr-call:hover{background:none!important}
  .hdr-call__lbl{display:none}
  .hdr-call__num{margin:0;display:inline-flex;align-items:center;gap:9px;background:#fff;color:#0D0E10;border:1px solid #0D0E10;border-radius:8px;padding:8px 28px;font-family:var(--cond);font-size:23px;font-weight:700;letter-spacing:.03em;transition:background .15s,color .15s}
  .hdr-call__num svg{flex:none;width:20px;height:20px;color:#0D0E10;transition:color .15s}
  .hdr-call:hover .hdr-call__num{background:var(--ink);color:#fff}
  .hdr-call:hover .hdr-call__num svg{color:#fff}
  .nav-real{margin-right:10px}
}

/* ===== Header 03/10 : Réalisations qui scintille pour attirer l'oeil (balayage + halo) ===== */
.nav-real{position:relative;overflow:hidden;animation:nav-real-glow 2.6s ease-in-out infinite}
.nav-real::after{content:"";position:absolute;top:0;left:-150%;width:55%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);pointer-events:none;animation:nav-real-shine 3.4s ease-in-out infinite}
@keyframes nav-real-shine{0%{left:-150%}40%{left:160%}100%{left:160%}}
@keyframes nav-real-glow{0%,100%{box-shadow:0 0 0 0 rgba(224,30,22,0)}50%{box-shadow:0 0 14px 2px rgba(224,30,22,.55)}}
@media (prefers-reduced-motion: reduce){ .nav-real,.nav-real::after{animation:none} }

/* Bandeau cookies m363 : la barre collante du bas n'existe qu'en mobile (max-width:720px), donc pas de décalage de 64 px au-dessus (data-bottom) en bureau */
@media(min-width:721px){#m363-consent,#m363-pastille{--m363-bas:0px!important}}