/* Styles propres aux pages (repris du site statique) */
/* accueil */
body[data-page="accueil"] .feature-solo .feature-body{max-width:720px;}
body[data-page="accueil"] .hero{margin-top: calc(-1 * (var(--bar-h) + var(--header-h)));}
body[data-page="accueil"] .utilbar{position:relative; z-index:101; background:rgba(12,14,17,.42); backdrop-filter:saturate(140%) blur(8px); -webkit-backdrop-filter:saturate(140%) blur(8px);}
/* services */
body[data-page="services"] .svc-subnav{position:sticky; top:var(--header-h); z-index:40; background:rgba(255,255,255,.72); backdrop-filter:saturate(150%) blur(12px); -webkit-backdrop-filter:saturate(150%) blur(12px); border-bottom:1px solid var(--line);}
body[data-page="services"] .svc-subnav .container{display:flex; gap:8px; overflow-x:auto; padding-block:14px;}
body[data-page="services"] .svc-subnav a{font-family:var(--display); font-weight:600; font-size:.92rem; color:var(--ink-soft); padding:9px 18px; border-radius:40px; border:1px solid var(--line); background:#fff; white-space:nowrap; transition:.2s;}
body[data-page="services"] .svc-subnav a:hover{border-color:var(--red); color:var(--red);}
body[data-page="services"] .svc-anchor{scroll-margin-top:140px;}
body[data-page="services"] .feature.big-media{grid-template-columns:1.05fr 1fr; gap:clamp(32px,5vw,72px); align-items:stretch;}
body[data-page="services"] .feature.flip.big-media{grid-template-columns:1fr 1.05fr;}
body[data-page="services"] .feature.big-media .feature-media{align-self:stretch; min-height:0;}
body[data-page="services"] .feature.big-media .feature-media .slot{display:block; width:100%; height:100%; aspect-ratio:auto; box-shadow:var(--shadow-lg);}
@media(max-width:980px){body[data-page="services"] .feature.big-media,body[data-page="services"] .feature.flip.big-media{grid-template-columns:1fr;}
body[data-page="services"] .feature.big-media .feature-media .slot{height:clamp(360px,80vw,520px);}
}
/* depannage */
body[data-page="depannage"] .urgent-hero{position:relative; background:var(--bg-darker); color:#fff; overflow:hidden;}
body[data-page="depannage"] .urgent-hero .uh-bg{position:absolute; inset:0; opacity:.26;}
body[data-page="depannage"] .urgent-hero .uh-bg .slot{width:100%; height:100%;}
body[data-page="depannage"] .urgent-hero::after{content:""; position:absolute; inset:0; background:linear-gradient(105deg, rgba(12,14,17,.95), rgba(12,14,17,.6)); z-index:1;}
body[data-page="depannage"] .urgent-hero .container{position:relative; z-index:2; padding-block:clamp(70px,10vw,128px);}
body[data-page="depannage"] .urgent-badge{display:inline-flex; align-items:center; gap:9px; background:var(--red); color:#fff; font-family:var(--display); font-weight:600; font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; padding:8px 16px; border-radius:40px; margin-bottom:24px;}
body[data-page="depannage"] .urgent-badge .dot{width:8px; height:8px; border-radius:50%; background:#fff; animation:pulse2 1.6s infinite;}
@keyframes pulse2{ 0%{box-shadow:0 0 0 0 rgba(255,255,255,.7);} 70%{box-shadow:0 0 0 8px rgba(255,255,255,0);} 100%{box-shadow:0 0 0 0 rgba(255,255,255,0);} }
body[data-page="depannage"] .urgent-cta{display:inline-flex; align-items:center; gap:18px; background:#fff; color:var(--ink); padding:18px 30px; border-radius:var(--radius-lg); margin-top:14px; transition:transform .2s, box-shadow .2s;}
body[data-page="depannage"] .urgent-cta:hover{transform:translateY(-3px); box-shadow:0 18px 40px rgba(0,0,0,.3);}
body[data-page="depannage"] .urgent-cta .uc-ic{width:54px; height:54px; border-radius:50%; background:var(--red); color:#fff; display:grid; place-items:center;}
body[data-page="depannage"] .urgent-cta .uc-ic svg{width:26px; height:26px;}
body[data-page="depannage"] .urgent-cta small{display:block; font-family:var(--display); font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; color:var(--grey); font-weight:600;}
body[data-page="depannage"] .urgent-cta b{font-family:var(--display); font-size:1.7rem; line-height:1.05;}
body[data-page="depannage"] .step-line{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; counter-reset:step;}
body[data-page="depannage"] .step{position:relative; padding-top:18px; border-top:3px solid var(--line);}
body[data-page="depannage"] .step.on{border-top-color:var(--red);}
body[data-page="depannage"] .step .si{font-family:var(--display); font-weight:700; font-size:.85rem; color:var(--red); letter-spacing:.08em; margin-bottom:12px;}
body[data-page="depannage"] .step h3{font-size:1.16rem; margin-bottom:8px;}
body[data-page="depannage"] .step p{color:var(--grey); font-size:.92rem; margin:0;}
body[data-page="depannage"] .emerg-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
body[data-page="depannage"] .emerg{display:flex; gap:16px; align-items:flex-start; padding:24px; border:1px solid var(--line); border-radius:var(--radius-lg); background:#fff;}
body[data-page="depannage"] .emerg .e-ic{width:46px; height:46px; border-radius:9px; background:var(--red-tint); color:var(--red); display:grid; place-items:center; flex-shrink:0;}
body[data-page="depannage"] .emerg .e-ic svg{width:23px; height:23px;}
body[data-page="depannage"] .emerg b{font-family:var(--display); display:block; margin-bottom:4px;}
body[data-page="depannage"] .emerg p{font-size:.88rem; color:var(--grey); margin:0;}
@media(max-width:900px){body[data-page="depannage"] .step-line{grid-template-columns:repeat(2,1fr);}
body[data-page="depannage"] .emerg-grid{grid-template-columns:1fr;}
}
/* conseils */
body[data-page="conseils"] .conseil-subnav{position:sticky; top:var(--header-h); z-index:40; background:#fff; border-bottom:1px solid var(--line);}
body[data-page="conseils"] .conseil-subnav .container{display:flex; gap:8px; overflow-x:auto; padding-block:14px;}
body[data-page="conseils"] .conseil-subnav a{font-family:var(--display); font-weight:600; font-size:.92rem; color:var(--ink-soft); padding:9px 18px; border-radius:40px; border:1px solid var(--line); white-space:nowrap; transition:.2s;}
body[data-page="conseils"] .conseil-subnav a:hover{border-color:var(--red); color:var(--red);}
body[data-page="conseils"] .c-anchor{scroll-margin-top:140px;}
body[data-page="conseils"] .feature.big-media{grid-template-columns:1.05fr 1fr; gap:clamp(32px,5vw,72px); align-items:start;}
body[data-page="conseils"] .feature.flip.big-media{grid-template-columns:1fr 1.05fr;}
body[data-page="conseils"] .feature.big-media .feature-media{position:sticky; top:140px;}
body[data-page="conseils"] .feature.big-media .feature-media .slot{display:block; width:100%; height:clamp(340px,40vw,460px);}
@media(max-width:980px){body[data-page="conseils"] .feature.big-media,body[data-page="conseils"] .feature.flip.big-media{grid-template-columns:1fr;}
body[data-page="conseils"] .feature.big-media .feature-media{position:static;}
body[data-page="conseils"] .feature.big-media .feature-media .slot{height:clamp(300px,70vw,420px);}
}
body[data-page="conseils"] .tip-list{list-style:none; padding:0; margin:0; display:grid; gap:14px;}
body[data-page="conseils"] .tip-list li{display:flex; gap:14px; align-items:flex-start; padding:18px 20px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);}
body[data-page="conseils"] .tip-list .ti-n{font-family:var(--display); font-weight:700; color:var(--red); font-size:1.05rem; flex-shrink:0;}
body[data-page="conseils"] .tip-list b{font-family:var(--display); display:block; margin-bottom:2px;}
body[data-page="conseils"] .tip-list p{margin:0; color:var(--grey); font-size:.92rem;}
body[data-page="conseils"] .prod-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
body[data-page="conseils"] .prod{background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; transition:transform .25s, box-shadow .25s;}
body[data-page="conseils"] .prod:hover{transform:translateY(-5px); box-shadow:var(--shadow-md);}
body[data-page="conseils"] .prod .slot{width:100%; aspect-ratio:4/3;}
body[data-page="conseils"] .prod .p-body{padding:22px;}
body[data-page="conseils"] .prod .p-cat{font-family:var(--display); font-weight:600; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--red);}
body[data-page="conseils"] .prod h3{font-size:1.12rem; margin:8px 0 6px;}
body[data-page="conseils"] .prod p{font-size:.9rem; color:var(--grey); margin:0;}
@media(max-width:900px){body[data-page="conseils"] .prod-grid{grid-template-columns:1fr;}
}
/* contact */
body[data-page="contact"] .contact-grid{display:grid; grid-template-columns:1.2fr .9fr; gap:clamp(30px,5vw,64px); align-items:start;}
body[data-page="contact"] .contact-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:clamp(28px,4vw,44px); box-shadow:var(--shadow-sm);}
body[data-page="contact"] .map-slot{width:100%; aspect-ratio:16/10; border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--line); background:var(--bg-alt);}
body[data-page="contact"] .map-slot iframe{display:block; width:100%; height:100%; border:0;}
body[data-page="contact"] .map-link{display:inline-flex; margin-top:10px; font-size:.88rem;}
@media(max-width:880px){body[data-page="contact"] .contact-grid{grid-template-columns:1fr;}
}
/* news */
body[data-page="news"] .news-feature{display:grid; grid-template-columns:1.15fr 1fr; gap:0; border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; margin-bottom:44px; background:#fff; transition:box-shadow .25s;}
body[data-page="news"] .news-feature:hover{box-shadow:var(--shadow-md);}
body[data-page="news"] .news-feature .slot{width:100%; height:100%; min-height:340px;}
body[data-page="news"] .nf-body{padding:clamp(28px,4vw,52px); display:flex; flex-direction:column; justify-content:center;}
body[data-page="news"] .nf-tag{display:inline-flex; width:max-content; background:var(--red-tint); color:var(--red); border-radius:var(--radius); font-weight:600; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; padding:6px 12px; margin-bottom:16px;}
body[data-page="news"] .nf-date{font-weight:500; color:var(--grey); font-size:.85rem; margin-bottom:12px;}
@media(max-width:820px){body[data-page="news"] .news-feature{grid-template-columns:1fr;}
body[data-page="news"] .news-feature .slot{min-height:240px;}
}