@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101b21;--gold:#d4b778;--paper:#f7f5f0;--muted:#647077;--line:#dedfd9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #a77b24;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.preview{background:var(--gold);text-align:center;font-size:12px;padding:5px 12px;letter-spacing:.04em}header{background:#101b21;color:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff20}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{font-family:Georgia,serif;font-size:30px;color:var(--gold);font-weight:bold;white-space:nowrap}.brand small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:.25em;color:#ddd}.navlinks{display:flex;gap:25px;font-size:14px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 23px;background:var(--gold);color:var(--ink);font-weight:700;border-radius:5px;border:1px solid var(--gold);cursor:pointer}.button.outline{background:transparent;color:inherit;border-color:#ffffff55}.button.light{background:transparent;border-color:var(--line)}.menu{display:none;background:none;border:1px solid #ffffff50;color:white;border-radius:4px;padding:8px 12px}.hero{background:var(--ink);color:white;padding:75px 0 55px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#a77b24}.hero .eyebrow{color:var(--gold)}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(38px,4.4vw,62px);margin:20px 0 24px;font-weight:800}h1 em{font-style:normal;color:var(--gold)}h2{font-size:clamp(30px,3vw,43px);margin:12px 0 22px}h3{font-size:23px;margin:15px 0}p{margin:0 0 20px}.hero p{color:#cad1d4;font-size:17px;max-width:550px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0}.hero-media{position:relative}.hero-media img{width:100%;height:410px;object-fit:cover;border-radius:8px;border:1px solid #ffffff20}.photo-label{position:absolute;bottom:24px;left:24px;background:var(--paper);color:var(--ink);padding:16px 22px;border-radius:4px;max-width:calc(100% - 48px)}.photo-label small{display:block;color:var(--muted)}.trust{display:flex;gap:26px;margin-top:32px;border-top:1px solid #ffffff25;padding-top:24px;font-size:13px;color:#dbe0e2}.trust b{color:var(--gold)}.strip{background:#eae7df;border-bottom:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:13px;font-weight:600}.section{padding:80px 0}.intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}.intro p{max-width:430px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:8px;padding:28px;display:flex;flex-direction:column}.card p{color:var(--muted);font-size:15px}.card .more{margin-top:auto;padding-top:15px;font-weight:700;font-size:14px;color:#866320}.icon{color:#9c752d;width:45px;height:45px}.icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5}.two{display:grid;grid-template-columns:1fr 1fr;gap:26px}.dark{background:var(--ink);color:white}.dark p{color:#cad1d4}.dark .eyebrow{color:var(--gold)}.shop{background:white;border:1px solid var(--line);border-radius:8px;padding:36px}.shop .tag{color:#876727;font-size:12px;letter-spacing:.12em;font-weight:700}.shop h3{font-size:30px}.shop address{font-style:normal;color:var(--muted)}.shop .phone{font-size:22px;font-weight:700;display:block;margin:20px 0}.hours{font-size:14px;border-top:1px solid var(--line);padding-top:18px}.hours div{display:flex;justify-content:space-between;gap:20px;margin:7px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.step b{color:var(--gold);font-size:14px}.step h3{font-size:24px}.review{padding:30px;border:1px solid var(--line);border-radius:8px;background:white}.rating{font:800 46px Manrope,sans-serif}.stars{color:#946b1d;letter-spacing:.15em}.review small{color:var(--muted)}.towns{display:flex;gap:10px;flex-wrap:wrap}.towns a{padding:10px 16px;border:1px solid var(--line);border-radius:5px;background:white;font-size:14px}.towns a:hover,.card:hover{border-color:#a98b50}.cta{padding:45px;background:#e9dfc9;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{font-size:32px;margin-top:0}.cta p{margin-bottom:0}.crumb{font-size:13px;color:var(--muted);padding:24px 0}.prose{max-width:800px}.prose li{margin:10px 0}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-weight:700;cursor:pointer}.faq details p{margin-top:15px;color:var(--muted)}footer{background:#0a141a;color:#c5ced2;padding:55px 0 25px;font-size:14px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px}footer a{display:block;margin:9px 0}footer h3{color:white;font-size:17px}.fine{border-top:1px solid #ffffff20;margin-top:35px;padding-top:20px;font-size:12px}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.notice{padding:18px 22px;background:#eee7d7;border-left:3px solid #a77b24;color:#4e4c43;font-size:14px}.mobile-bar{display:none}body ul{padding-left:22px}.sale-list{display:flex;gap:15px;flex-wrap:wrap;color:var(--gold);font-weight:600}.active{color:var(--gold)}
@media(max-width:950px){.navlinks{gap:15px;font-size:12px}.hero-grid{gap:30px}.grid{grid-template-columns:repeat(2,1fr)}.hero-media img{height:350px}.trust{gap:15px}.intro{display:block}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{min-height:74px}.brand{font-size:27px}.menu{display:block}.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:var(--ink);padding:25px;flex-direction:column;align-items:stretch;font-size:16px}.navlinks.open{display:flex}.hero{padding:40px 0}.hero-grid,.two,.steps,.foot,.contact-options{grid-template-columns:1fr}.hero-grid{gap:30px}.hero-media img{height:270px}h1{font-size:39px}.section{padding:48px 0}.strip .wrap{flex-wrap:wrap;gap:9px 18px;font-size:11px}.grid{gap:12px}.card{padding:20px}.card h3{font-size:19px}.card p{font-size:13px}.trust{flex-wrap:wrap;font-size:12px}.shop{padding:26px}.cta{display:block;padding:28px}.cta .button{margin-top:22px}.mobile-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--ink);z-index:12;padding:10px;gap:10px}.mobile-bar a{flex:1;padding:10px;font-size:13px}footer{padding-bottom:95px}.hours div{font-size:12px}.intro{margin-bottom:20px}}
/* Premium editorial presentation */
:root{--paper:#f5f3ee;--gold:#d9bd84;--ink:#101a21}.preview{font-size:10px;padding:4px;letter-spacing:.15em}.nav{min-height:82px}.brand{font-style:italic;font-size:32px}.navlinks{gap:22px}.button{border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px);background:#e8ce99}.button.outline:hover{background:#ffffff12}.hero-home{padding:62px 0 64px;background:radial-gradient(ellipse at 78% 40%,#26323a 0,#101a21 65%)}.hero-home .hero-grid{grid-template-columns:1fr 1.15fr;gap:45px}.hero-home h1{font-size:clamp(40px,4.5vw,64px);line-height:1.08;letter-spacing:-.05em}.hero-home h1 em{font-family:Georgia,serif;font-weight:400}.hero-home p{font-size:17px;line-height:1.75;max-width:460px}.hero-media{margin:5px -25px 25px 0}.hero-media img{height:445px;border-radius:8px 8px 60px 8px;box-shadow:0 25px 70px #0005;object-position:62% center}.image-credit{position:absolute;bottom:13px;right:20px;font-size:10px;color:#e9e6e0;text-shadow:0 1px 4px #000}.floating-note{position:absolute;bottom:-24px;left:-26px;background:#fff;color:var(--ink);padding:19px 24px;display:flex;align-items:center;gap:16px;border-radius:5px;box-shadow:0 15px 40px #0002}.floating-note strong{font-size:14px}.floating-note small{display:block;font-size:12px;color:var(--muted)}.status-dot{width:11px;height:11px;border-radius:50%;background:#ad8843;box-shadow:0 0 0 6px #ad88431a}.hero-inner{padding:28px 0 32px;background:#eae5db;color:var(--ink);border-bottom:1px solid #d6d0c5}.hero-inner .hero-grid{grid-template-columns:1.35fr .65fr;gap:45px}.hero-inner h1{font-size:clamp(27px,3.2vw,42px);line-height:1.15;margin:12px 0 13px;max-width:780px}.hero-inner h1 em{color:#8c6728}.hero-inner p{color:#59636a;font-size:15px;max-width:730px;margin-bottom:8px}.hero-inner .eyebrow{color:#8b6628;font-size:10px}.hero-inner .actions{margin:18px 0 0}.hero-inner .button{font-size:13px;padding:10px 18px}.inner-media{position:relative;height:215px}.inner-media img{width:100%;height:100%;object-fit:cover;border-radius:4px 4px 35px 4px;box-shadow:0 14px 28px #12202b20}.strip{background:#fff}.strip .wrap{font-size:11px;letter-spacing:.14em;padding:19px 0}.section{padding:70px 0}.intro h2{font-weight:800;letter-spacing:-.045em}.card{overflow:hidden;padding:0 23px 24px;border-radius:5px;box-shadow:0 9px 30px #19232e05;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #19232e12}.card-image{margin:0 -23px 22px;position:relative;background:#142028;height:190px;overflow:hidden}.card-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.card:hover .card-image img{transform:scale(1.05)}.card-image span{position:absolute;left:13px;bottom:13px;background:#101a21b8;color:#f2ddb3;font-size:9px;letter-spacing:.12em;padding:6px 9px}.card .icon{display:none}.card h3{font-size:22px;margin:0 0 14px}.card p{font-size:14px}.card .more{font-size:12px}.editorial{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.editorial-section{background:#ebe7df}.visual{margin:0;position:relative}.visual img{width:100%;height:360px;object-fit:cover;border-radius:5px 5px 50px 5px}.visual figcaption{font-size:10px;position:absolute;bottom:16px;left:18px;color:#eee;text-shadow:0 1px 4px #000}.editorial p{color:#56616a}.editorial h2{font-size:38px}.symptoms{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.symptoms span{font-size:12px;border:1px solid #ccc3b3;padding:7px 12px;border-radius:3px;background:#ffffff50}.store-story{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.store-story img{width:100%;height:310px;object-fit:cover;border-radius:5px}.store-story p{color:var(--muted)}.shop{border-top:3px solid #bd9b60;box-shadow:0 12px 35px #16232d06}.review{position:relative;overflow:hidden;border-radius:5px}.review:after{content:'G';position:absolute;right:25px;top:24px;font:700 42px Georgia;color:#ddd8ce}.cta{background:linear-gradient(115deg,#e8ddc5,#f0e9dc);border:1px solid #d8c7a5;border-radius:5px}.steps{gap:30px}.step{padding-top:24px;border-top:1px solid #ffffff30}.dark{background:#101a21}h2{letter-spacing:-.045em}.towns a{transition:background .2s}.towns a:hover{background:#e8ddc5}
@media(max-width:950px){.hero-home .hero-grid{gap:28px}.hero-media{margin-right:0}.hero-media img{height:380px}.floating-note{left:-12px;padding:16px}.editorial{gap:35px}.editorial h2{font-size:32px}.hero-inner .hero-grid{gap:25px}.card-image{height:220px}}
@media(max-width:700px){.nav{min-height:74px}.hero-home{padding:32px 0 42px}.hero-home .hero-grid,.hero-inner .hero-grid,.editorial,.store-story{grid-template-columns:1fr;gap:25px}.hero-home h1{font-size:43px}.hero-home p{font-size:15px}.hero-media{margin:0 0 20px}.hero-media img{height:295px;border-radius:5px 5px 35px 5px}.floating-note{left:12px;right:12px;bottom:-18px;padding:14px 18px}.floating-note strong{font-size:12px}.floating-note small{font-size:11px}.hero-inner{padding:23px 0}.hero-inner h1{font-size:29px}.hero-inner h1 br{display:none}.hero-inner h1 br + em::before{content:'\00a0'}.hero-inner p{font-size:14px}.inner-media{height:145px}.hero-inner .hero-grid{gap:20px}.section{padding:45px 0}.card{padding:0 17px 20px}.card-image{margin:0 -17px 18px;height:145px}.card-image span{font-size:8px;left:8px;bottom:8px;padding:4px 5px}.card h3{font-size:19px}.card p{font-size:13px}.visual img{height:265px}.editorial h2{font-size:31px}.store-story img{height:250px}.strip .wrap{font-size:9px;padding:16px 0;gap:10px 16px}.brand{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Hero expertise — maquette validée */
.expertise-hero{position:relative;background:#080a0b;color:#fff;isolation:isolate;min-height:550px;display:flex;align-items:center;overflow:hidden}.expertise-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.expertise-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.88),rgba(5,7,8,.68) 32%,transparent 70%);z-index:-1}.expertise-content{padding-top:65px;padding-bottom:80px}.expertise-content h1{font-family:Georgia,serif;font-size:clamp(42px,4.7vw,68px);font-weight:400;line-height:1.05;letter-spacing:-.04em;max-width:650px;margin:25px 0}.expertise-content h1 em{font-style:italic;color:#e3bf7d}.expertise-content p{max-width:490px;font-size:19px;color:#ede9e2;line-height:1.6}.expertise-content .eyebrow{color:#e3bf7d}.expertise-content .actions{max-width:580px;gap:14px;margin:30px 0 10px}.expertise-content .button{border-radius:7px;font-size:14px}.expertise-content .outline{border-color:#d4b778;color:#f4e9d4}.expertise-content small{font-size:12px;color:#ddd4c5}.technical-note{position:absolute;right:5%;bottom:40px;border:1px solid #d4b77860;border-radius:9px;background:#101112c9;padding:18px 25px;backdrop-filter:blur(10px)}.technical-note span{display:block;color:#d4b778;font-size:11px;letter-spacing:.1em;margin-bottom:7px}.technical-note strong{font-family:Georgia,serif;font-weight:400;font-size:20px;line-height:1.3;display:block}.technical-note small{display:block;font-size:10px;color:#ada89e;margin-top:8px}.estimate-intro{max-width:740px;margin-bottom:30px}.estimate-form{border:1px solid #b89455;background:white;padding:36px;border-radius:12px;box-shadow:0 15px 50px #101b2108}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0;padding:12px;border:1px solid #d3d6d7;border-radius:5px;background:#fbfbfa;color:var(--ink);font-size:15px}.form-grid textarea{resize:vertical}.form-grid small{font-size:12px;font-weight:400;color:#657077}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{outline:2px solid #b89455;outline-offset:2px}.price-confirmation{margin:26px 0 16px;font-size:14px}.price-confirmation strong{display:block}.estimate-form>.button{margin:20px 0 5px}#estimate-status{margin-top:15px;font-size:14px}.estimate-form .notice{margin:0;font-size:14px}
@media(max-width:950px){.expertise-content h1{font-size:52px}.expertise-content p{max-width:410px}.technical-note{right:3%;bottom:25px;padding:12px}.expertise-content .actions{max-width:440px}.expertise-bg{object-position:62% center}}
@media(max-width:700px){.expertise-hero{min-height:740px;align-items:flex-start}.expertise-content{padding-top:38px;padding-bottom:340px}.expertise-content h1{font-size:44px}.expertise-content p{font-size:16px}.expertise-content .actions{gap:10px}.expertise-content .button{padding:12px 16px;font-size:13px}.expertise-bg{height:350px;top:auto;bottom:0;object-position:right center}.expertise-hero:after{background:linear-gradient(180deg,#080a0b 48%,transparent 80%)}.technical-note{bottom:20px;right:20px}.technical-note strong{font-size:17px}.estimate-form{padding:22px 18px}.form-grid{grid-template-columns:1fr;gap:18px}.form-grid .full{grid-column:auto}}
/* Densité, lisibilité et contrastes */
.section{padding:46px 0}.section:not(.dark):not(.editorial-section)+.section:not(.dark):not(.editorial-section){padding-top:14px}.section .intro{margin-bottom:22px}.intro p{margin-bottom:6px}.actions{margin:20px 0}.shop .actions{margin-bottom:0}.hero-inner{padding:22px 0}.hero-inner .hero-grid{gap:30px;grid-template-columns:1.45fr .55fr}.inner-media{height:185px}.hero-inner h1{font-size:clamp(27px,3vw,39px)}.hero-inner .actions{margin-top:13px}.editorial{gap:42px}.editorial h2{font-size:34px}.visual img{height:310px}.store-story{gap:40px}.store-story img{height:270px}.steps{margin-top:24px;gap:24px}.step{padding-top:18px}.cta{padding:30px}.cta h2{font-size:28px;margin-bottom:12px}.mobile-bar{color:#fff}.mobile-bar .button.outline{color:#fff;border-color:#d9bd84}.dark .button.light{color:#f4e9d4;border-color:#d9bd84}.button.light:hover{background:#e8ddc5;color:#101a21}.dark .button.light:hover{background:#d9bd84;color:#101a21}.button.outline:hover{color:#fff;border-color:#e8ce99}.shop .button.light{color:#26323a;border-color:#a98b50}.problem-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.problem-guides article{padding:22px;background:#fff;border:1px solid #ded9cf;border-top:2px solid #b7975d;border-radius:6px}.problem-guides h3{font-size:21px;margin:0 0 14px;line-height:1.3}.problem-guides p{font-size:15px;color:#505d65;margin:0}.faq{max-width:920px}.faq details{padding:0;border:1px solid #ded9cf;border-radius:6px;background:#fff;margin-bottom:10px}.faq summary{padding:17px 20px;font-size:16px;line-height:1.5;list-style-position:inside}.faq details[open]{border-color:#b7975d}.faq details p{padding:0 20px 20px;margin:0;font-size:15px;color:#505d65}.faq-heading h2{font-size:32px;max-width:850px}.local-advice{max-width:850px}.local-advice+.button{margin:0 0 22px}.contact-estimate{max-width:850px;margin-top:28px;padding:24px;border:1px solid #d1bd97;border-radius:6px;background:#eee7d7}.expertise-hero{min-height:490px}.expertise-content{padding-top:48px;padding-bottom:55px}.expertise-content h1{margin:19px 0 23px}.estimate-intro{margin-bottom:22px}.estimate-form{padding:28px}.form-grid{gap:18px 24px}
@media(max-width:950px){.problem-guides{grid-template-columns:1fr}.problem-guides article{padding:20px}.hero-inner .hero-grid{grid-template-columns:1.2fr .65fr}.editorial{gap:28px}}
@media(max-width:700px){.section{padding:32px 0}.section:not(.dark):not(.editorial-section)+.section:not(.dark):not(.editorial-section){padding-top:12px}.hero-inner .hero-grid{grid-template-columns:1fr;gap:16px}.hero-inner{padding:20px 0}.inner-media{height:125px}.hero-inner h1{font-size:28px}.editorial,.store-story{gap:22px}.visual img{height:225px}.store-story img{height:215px}.editorial h2,.faq-heading h2{font-size:28px}.problem-guides{gap:14px;margin-top:18px}.cta{padding:24px}.cta h2{font-size:26px}.expertise-hero{min-height:0}.expertise-content{padding-top:30px;padding-bottom:265px}.expertise-bg{height:285px}.expertise-hero:after{background:linear-gradient(180deg,#080a0b 47%,transparent 78%)}.technical-note{bottom:18px;padding:12px 16px;max-width:230px}.technical-note strong{font-size:16px}.expertise-content h1{font-size:40px}.faq summary{padding:15px 16px;font-size:15px}.faq details p{padding:0 16px 16px}.estimate-form{padding:20px 16px}.mobile-bar .button{min-height:44px}.hours div{flex-wrap:wrap;gap:2px}.steps{gap:16px}}
/* Appel permanent avec choix de la boutique */
.desktop-call{position:fixed;right:24px;bottom:24px;z-index:20}.call-trigger{gap:10px;min-height:48px;background:#d9bd84;color:#101a21;border:1px solid #b4914f;border-radius:8px;box-shadow:0 6px 24px #0003}.call-trigger svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.call-trigger:hover{background:#e8ce99;color:#101a21}.mobile-bar .call-trigger{flex:1;box-shadow:none}#call-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid #c5a66e;border-radius:12px;background:#f7f5f0;color:#101a21;box-shadow:0 24px 80px #0005}#call-dialog::backdrop{background:#070c10b8;backdrop-filter:blur(4px)}.call-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.call-close{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #d5c5a7;border-radius:50%;background:#fff;color:#101a21;font-size:28px;line-height:1;cursor:pointer}#call-dialog h2{font-size:28px;margin:0 0 14px;line-height:1.2}#call-dialog p{font-size:15px;color:#56616a;margin-bottom:20px}.call-choices{display:grid;gap:12px}.call-choice{display:flex;flex-direction:column;gap:5px;padding:18px;background:#fff;border:1px solid #d5c5a7;border-radius:7px}.call-choice:hover{background:#eee5d2;border-color:#a77b24}.call-choice strong{font-size:19px}.call-choice span{color:#78591f;font-size:17px;font-weight:700}.call-choice small{font-size:12px;color:#56616a}body:has(#call-dialog[open]){overflow:hidden}@media(max-width:700px){.desktop-call{display:none}.mobile-bar{padding-bottom:max(10px,env(safe-area-inset-bottom))}.mobile-bar .call-trigger{font-size:14px;padding:10px}.mobile-bar .call-trigger svg{width:18px;height:18px}#call-dialog{padding:22px}#call-dialog h2{font-size:25px}.call-choice{padding:16px}}
.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.social-links a{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid #c7aa74;border-radius:5px;font-size:14px;min-height:44px}.social-links a:hover{background:#d9bd8420}.social-symbol{font:bold 22px Georgia,serif;color:#c7aa74}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.contact-social{margin-top:28px}.contact-social h2{font-size:24px}.contact-social .social-links a{background:white;color:#101a21}



/* Hero reproduit depuis la maquette validée */
.mockup-hero{max-width:1600px;margin:0 auto;background:#06111b;color:#fff;overflow:hidden}.mh-main{display:grid;grid-template-columns:40.5% 59.5%;min-height:585px}.mh-copy{position:relative;z-index:3;padding:42px 28px 28px clamp(30px,4.5vw,72px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 95% 40%,rgba(12,75,118,.55),transparent 47%),linear-gradient(90deg,#06111b 80%,rgba(6,17,27,.9))}
.mh-script{font:italic clamp(2.15rem,3.1vw,3.8rem)/1 Georgia,serif;color:#f3c35d;margin-bottom:25px}.mh-script span{display:inline-block;border:3px solid #f3c35d;border-radius:8px;padding:.02em .13em;margin:0 .08em}.mh-script small{display:block;color:#fff;font:500 .29em/1.6 Arial,sans-serif;letter-spacing:.25em;margin:7px 0 0 8px}.mh-copy h1{font-size:clamp(2.7rem,4vw,4.85rem);line-height:.93;letter-spacing:-.035em;text-transform:uppercase;margin:0 0 12px}.mh-copy h1 em{color:#f5c557;font-style:normal}.mh-copy>p{font-size:clamp(1rem,1.4vw,1.45rem);line-height:1.25;margin:0;color:#f4f6f8}.mh-icons{display:flex;gap:26px;margin:20px 0 18px}.mh-icons>span{font-size:2rem;text-align:center}.mh-icons small{display:block;font:bold .7rem Arial,sans-serif;margin-top:4px;white-space:nowrap}.mh-actions{display:flex;gap:9px}.mh-actions a{background:#f2bd4d;color:#07111b;text-decoration:none;font-weight:800;border-radius:30px;padding:14px 22px}.mh-actions .blue{background:#0869ef;color:#fff;border:1px solid #61a0ff}
.mh-photos{display:grid;grid-template-columns:1fr 1fr;position:relative;background:#0b1824;overflow:hidden}.mh-photo{position:relative;overflow:hidden;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);margin-left:-7%;color:#fff}.mh-photo.right{margin-left:-13%;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}.mh-photo img{width:100%;height:100%;object-fit:cover;display:block}.mh-photo.left img{object-position:50% 50%}.mh-photo.right img{object-position:58% 50%}.mh-photo:after{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(transparent,rgba(2,8,13,.65))}.mh-photo>span{position:absolute;z-index:2;left:18%;bottom:18px;background:rgba(4,14,24,.86);padding:9px 17px;border-radius:8px;display:grid;min-width:225px}.mh-photo.right>span{left:20%}.mh-photo b{font-size:1rem}.mh-photo b:first-letter{color:#0878ff}.mh-photo small{font-size:.82rem;margin:3px 0 0 23px}
.mh-benefits{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #34424e;background:#07131f}.mh-benefits>span{min-height:78px;padding:13px 18px;display:flex;align-items:center;gap:14px;border-right:1px solid #35424d}.mh-benefits>span>b{color:#f0bd52;font-size:2rem}.mh-benefits strong{font-size:.9rem}.mh-benefits small{display:block;color:#e1e5e9;font-weight:400;margin-top:4px;font-size:.75rem}
@media(max-width:900px){.mh-main{grid-template-columns:1fr}.mh-copy{min-height:560px}.mh-photos{height:500px}.mh-benefits{grid-template-columns:1fr 1fr}.mh-photo{margin-left:0}.mh-photo.right{margin-left:-8%}}
@media(max-width:600px){.mh-copy{padding:34px 20px;min-height:auto}.mh-copy h1{font-size:clamp(2.55rem,12vw,3.55rem)}.mh-script{font-size:2.2rem}.mh-icons{gap:12px;justify-content:space-between}.mh-icons>span{font-size:1.55rem}.mh-icons small{font-size:.6rem}.mh-actions{flex-direction:column}.mh-actions a{text-align:center}.mh-photos{height:auto;grid-template-columns:1fr}.mh-photo,.mh-photo.right{height:330px;margin:0;clip-path:none}.mh-photo>span,.mh-photo.right>span{left:16px}.mh-benefits{grid-template-columns:1fr}.mh-benefits>span{min-height:65px}}

/* Hero v2 — fidèle au visuel validé, mobile composé et non empilé */
.mockup-hero{width:100%;max-width:none}
.mh-main{grid-template-columns:39% 61%;min-height:610px}
.mh-copy{padding-left:max(34px,calc((100vw - 1460px)/2 + 34px))}
.mh-photos{grid-template-columns:1fr 1fr}
.mh-photo.left{clip-path:polygon(13% 0,100% 0,88% 100%,0 100%)}
.mh-photo.right{clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
@media(max-width:900px){
 .mh-main{display:grid;grid-template-columns:1fr;min-height:0}
 .mh-copy{min-height:0;padding:30px 26px 24px}
 .mh-copy h1{font-size:clamp(2.55rem,8vw,4.2rem);max-width:720px}
 .mh-photos{height:390px;grid-template-columns:1fr 1fr}
 .mh-photo,.mh-photo.right{height:390px}
 .mh-benefits{grid-template-columns:repeat(5,1fr)}
 .mh-benefits>span{padding:10px 8px;gap:7px}
 .mh-benefits strong{font-size:.72rem}.mh-benefits small{font-size:.62rem}
}
@media(max-width:600px){
 .mockup-hero{overflow:hidden}
 .mh-main{display:block}
 .mh-copy{padding:22px 18px 18px;background:radial-gradient(circle at 95% 55%,rgba(12,75,118,.48),transparent 48%),#06111b}
 .mh-script{font-size:1.72rem;margin-bottom:15px}
 .mh-script small{font-size:.27em;margin-top:5px}
 .mh-copy h1{font-size:clamp(2.05rem,10.2vw,3rem);line-height:.91;margin-bottom:10px}
 .mh-copy>p{font-size:.95rem;line-height:1.28}
 .mh-icons{margin:14px 0 13px;gap:4px}
 .mh-icons>span{font-size:1.35rem;flex:1}
 .mh-icons small{font-size:.51rem;white-space:normal}
 .mh-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 .mh-actions a{font-size:.73rem;padding:11px 7px;white-space:nowrap}
 .mh-photos{height:270px;display:grid;grid-template-columns:1fr 1fr;overflow:visible}
 .mh-photo,.mh-photo.right{height:270px;margin:0;clip-path:none}
 .mh-photo.left{clip-path:polygon(0 0,100% 0,91% 100%,0 100%);z-index:2}
 .mh-photo.right{margin-left:-9%;width:109%;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}
 .mh-photo img{object-position:center 48%}
 .mh-photo:after{inset:55% 0 0}
 .mh-photo>span,.mh-photo.right>span{left:8px;right:8px;bottom:8px;min-width:0;padding:7px 8px;border-radius:6px}
 .mh-photo.right>span{left:15%}
 .mh-photo b{font-size:.7rem}.mh-photo small{font-size:.56rem;margin-left:0}
 .mh-benefits{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;grid-template-columns:none;scrollbar-width:none}
 .mh-benefits::-webkit-scrollbar{display:none}
 .mh-benefits>span{flex:0 0 45%;min-height:62px;padding:9px 11px;scroll-snap-align:start}
 .mh-benefits>span>b{font-size:1.45rem}
 .mh-benefits strong{font-size:.69rem}.mh-benefits small{font-size:.57rem;margin-top:2px}
}

/* Logo menu + hero final validé */
header{background:#071018;border-bottom:1px solid rgba(218,181,103,.24)}
.brand-logo{display:flex!important;align-items:center;gap:12px;color:#e7c77f!important;text-decoration:none}
.brand-logo .brand-mark{display:grid;place-items:center;width:42px;height:58px;border:2px solid #d8b566;border-radius:7px;font:700 25px/1 Arial,sans-serif;color:#d8b566;position:relative}
.brand-logo .brand-mark:after{content:"";position:absolute;bottom:7px;width:4px;height:4px;border-radius:50%;background:#d8b566}
.brand-logo .brand-name{font:italic 34px/1 Georgia,serif;letter-spacing:-.03em;white-space:nowrap}
.brand-logo .brand-name small{display:block;font:500 9px/1.4 Arial,sans-serif;letter-spacing:.28em;color:#fff;margin:6px 0 0 2px}
.mockup-hero{background:#050a0e}
.mh-copy{background:radial-gradient(circle at 100% 40%,rgba(27,65,82,.42),transparent 44%),linear-gradient(90deg,#05090c 80%,#08121a)}
.mh-copy h1{margin-top:0}
.mh-actions a{border-radius:7px}
.mh-actions .blue{background:transparent;color:#fff;border:1px solid #d6aa53}
.mh-benefits{background:#050a0e}
@media(max-width:700px){
 .brand-logo .brand-mark{width:35px;height:48px;font-size:21px}
 .brand-logo .brand-name{font-size:27px}
 .brand-logo .brand-name small{font-size:7px;letter-spacing:.22em}
 .nav{min-height:72px}
 .mockup-hero .mh-copy{padding-top:25px}
 .mh-copy h1{font-size:clamp(2.25rem,10.8vw,3.1rem);line-height:.92}
}

/* Mobile hero 5 — cadrage fidèle à la maquette */
@media(max-width:600px){
 header{position:relative}
 .mockup-hero{overflow:hidden}
 .mh-copy{padding:28px 20px 22px!important}
 .mh-copy:before{content:"VENTE & RÉPARATION · SAINT-CHÉRON & DOURDAN";display:block;color:#c9cdd1;font-size:.63rem;letter-spacing:.18em;margin-bottom:15px}
 .mh-copy h1{font-size:clamp(2.15rem,10vw,2.85rem)!important;line-height:.94!important;letter-spacing:-.045em!important;margin:0 0 14px!important}
 .mh-copy h1 em{display:inline;color:#e2bd6d}
 .mh-copy>p{font-size:1rem;line-height:1.35}
 .mh-icons{display:grid!important;grid-template-columns:repeat(4,1fr);gap:5px!important;margin:18px 0 17px!important}
 .mh-icons>span{font-size:1.25rem!important}
 .mh-icons small{font-size:.56rem!important;line-height:1.15}
 .mh-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
 .mh-actions a{font-size:.76rem!important;padding:12px 6px!important;white-space:normal!important}
 .mh-photos{height:230px!important;display:grid!important;grid-template-columns:1fr 1fr!important}
 .mh-photo,.mh-photo.right{height:230px!important;margin:0!important;width:auto!important}
 .mh-photo.left{clip-path:polygon(0 0,100% 0,91% 100%,0 100%)!important;z-index:2}
 .mh-photo.right{clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)!important;margin-left:-9%!important;width:109%!important}
 .mh-photo.left img{object-position:52% 53%!important}
 .mh-photo.right img{object-position:55% 50%!important}
 .mh-photo>span,.mh-photo.right>span{left:7px!important;right:7px!important;bottom:7px!important;padding:6px 7px!important}
 .mh-photo.right>span{left:14%!important}
 .mh-photo b{font-size:.64rem!important}.mh-photo small{font-size:.51rem!important}
 .mh-benefits{display:grid!important;grid-template-columns:repeat(5,1fr)!important;overflow:hidden!important}
 .mh-benefits>span{min-width:0!important;min-height:58px!important;padding:7px 3px!important;gap:3px!important;justify-content:center;text-align:center;flex-direction:column}
 .mh-benefits>span>b{font-size:1.05rem!important}
 .mh-benefits strong{font-size:.5rem!important;line-height:1.05}
 .mh-benefits small{display:none!important}
}

/* Logo graphique validé */
.brand-logo{display:flex!important;align-items:center!important;padding:0!important}.brand-logo img{display:block;width:min(310px,31vw);height:auto;max-height:76px}.brand-logo .brand-mark,.brand-logo .brand-name{display:none!important}@media(max-width:700px){.brand-logo img{width:255px;max-width:calc(100vw - 125px);max-height:66px}.nav{min-height:78px}}

/* Mobile exact mockup v7 */
@media(max-width:600px){
 body{background:#05090c}
 .topbar{font-size:.56rem;letter-spacing:.16em;padding:7px 8px}
 header{background:#05090c!important}
 .nav{min-height:68px!important;padding:8px 15px!important}
 .brand-logo img{width:205px!important;max-width:calc(100vw - 105px)!important;max-height:54px!important}
 .nav-toggle{width:54px;height:48px;padding:0!important;font-size:0!important;border:0!important;position:relative}
 .nav-toggle:before,.nav-toggle:after,.nav-toggle{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-size:27px 2px;background-repeat:no-repeat;background-position:center 14px,center 23px,center 32px}
 .mockup-hero{border-top:1px solid #1e272d}
 .mh-main{display:block!important}
 .mh-copy{padding:24px 18px 20px!important;background:radial-gradient(circle at 100% 48%,rgba(18,54,71,.5),transparent 52%),#05090c!important}
 .mh-copy:before{font-size:.54rem!important;letter-spacing:.16em!important;line-height:1.35;margin-bottom:8px!important;max-width:330px}
 .mh-copy:after{content:"";display:block;width:38px;height:2px;background:#e1b552;position:absolute;top:57px;left:18px}
 .mh-copy{position:relative}
 .mh-copy h1{font-size:clamp(2rem,9.4vw,2.55rem)!important;line-height:.94!important;letter-spacing:-.045em!important;margin:21px 0 12px!important;max-width:345px}
 .mh-copy>p{font-size:.9rem!important;line-height:1.3!important;max-width:330px}
 .mh-icons{margin:15px 0 14px!important;gap:6px!important}
 .mh-icons>span{border:1px solid #394148;border-radius:7px;padding:8px 2px 6px;font-size:1.12rem!important}
 .mh-icons small{font-size:.48rem!important;margin-top:5px}
 .mh-actions{gap:7px!important}
 .mh-actions a{min-height:46px;font-size:.72rem!important;padding:9px 4px!important;border-radius:7px!important}
 .mh-photos{height:190px!important;border-top:1px solid #222}
 .mh-photo,.mh-photo.right{height:190px!important}
 .mh-photo.left{clip-path:polygon(0 0,100% 0,92% 100%,0 100%)!important}
 .mh-photo.right{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)!important;margin-left:-8%!important;width:108%!important}
 .mh-photo img{object-position:center 50%!important}
 .mh-photo>span,.mh-photo.right>span{top:8px!important;bottom:auto!important;left:8px!important;right:auto!important;width:auto!important;background:#05090c!important;border:1px solid #d7aa4e!important;border-radius:18px!important;padding:5px 8px!important}
 .mh-photo.right>span{left:15%!important}
 .mh-photo b{font-size:.52rem!important;color:#efbd55}.mh-photo small{display:none!important}
 .mh-benefits{height:64px;grid-template-columns:repeat(5,1fr)!important;background:#05090c!important}
 .mh-benefits>span{border-right:1px solid #20282e!important;padding:5px 1px!important}
 .mh-benefits>span>b{font-size:.9rem!important;color:#e4b85d}
 .mh-benefits strong{font-size:.43rem!important;color:#fff}
 .category-strip{padding:13px 15px!important;gap:14px!important;background:#fff!important}
 .category-strip a{font-size:.59rem!important;letter-spacing:.13em!important}
}

/* MOBILE IMAGE 1 — référence validée : texte d'abord, boutiques ensuite */
@media(max-width:600px){
 .mockup-hero{background:#05090c!important}
 .mh-main{display:flex!important;flex-direction:column!important}
 .mh-copy{order:1!important;position:relative!important;padding:28px 20px 22px!important;background:radial-gradient(circle at 92% 45%,rgba(25,58,72,.42),transparent 55%),#05090c!important}
 .mh-copy:before{content:"VENTE & RÉPARATION · SAINT-CHÉRON & DOURDAN"!important;display:block!important;color:#d5d7d9!important;font-size:.55rem!important;letter-spacing:.18em!important;margin:0 0 22px!important}
 .mh-copy:after{content:""!important;position:absolute!important;top:52px!important;left:20px!important;width:42px!important;height:2px!important;background:#e3b75d!important}
 .mh-copy h1{max-width:350px!important;margin:0 0 15px!important;font-size:clamp(2.15rem,10.2vw,2.85rem)!important;line-height:.93!important;letter-spacing:-.05em!important;color:#fff!important}
 .mh-copy h1 em{color:#e5b85b!important;font-style:normal!important}
 .mh-copy>p{max-width:340px!important;margin:0!important;font-size:.94rem!important;line-height:1.35!important;color:#f1f1f1!important}
 .mh-icons{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;margin:18px 0 17px!important}
 .mh-icons>span{border:1px solid #39434a!important;border-radius:7px!important;padding:9px 2px 7px!important;color:#e5b85b!important;font-size:1.2rem!important;text-align:center!important}
 .mh-icons small{display:block!important;margin-top:5px!important;color:#fff!important;font-size:.5rem!important;line-height:1.1!important}
 .mh-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
 .mh-actions a{min-height:48px!important;padding:10px 5px!important;border-radius:7px!important;font-size:.72rem!important;font-weight:800!important}
 .mh-photos{order:2!important;display:grid!important;grid-template-columns:1fr 1fr!important;height:245px!important;position:relative!important;overflow:hidden!important;border-top:1px solid #242a2e!important}
 .mh-photo,.mh-photo.right{height:245px!important;margin:0!important;width:auto!important;position:relative!important}
 .mh-photo.left{clip-path:polygon(0 0,100% 0,88% 100%,0 100%)!important;z-index:2!important}
 .mh-photo.right{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)!important;margin-left:-12%!important;width:112%!important}
 .mh-photo.left img{object-position:50% 50%!important}
 .mh-photo.right img{object-position:53% 50%!important}
 .mh-photo:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.16))!important}
 .mh-photo>span,.mh-photo.right>span{z-index:3!important;top:10px!important;bottom:auto!important;left:10px!important;right:auto!important;width:auto!important;border:1px solid #d9aa4d!important;border-radius:18px!important;background:rgba(4,9,13,.92)!important;padding:6px 10px!important}
 .mh-photo.right>span{left:18%!important}
 .mh-photo b{font-size:.57rem!important;color:#e9b955!important}.mh-photo small{display:none!important}
 .mh-benefits{order:3!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;height:68px!important;overflow:hidden!important;background:#05090c!important;border-top:1px solid #343b40!important}
 .mh-benefits>span{min-width:0!important;min-height:68px!important;padding:7px 2px!important;border-right:1px solid #30383e!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;text-align:center!important}
 .mh-benefits>span>b{font-size:1rem!important;color:#e4b85d!important}
 .mh-benefits strong{font-size:.44rem!important;line-height:1.05!important;color:#fff!important}
 .mh-benefits small{display:none!important}
}

/* Séparateur diagonal doré visible entre les deux boutiques */
@media(max-width:600px){
 .mh-photos:after{
   content:""!important;
   display:block!important;
   position:absolute!important;
   z-index:8!important;
   top:-12%!important;
   left:50%!important;
   width:4px!important;
   height:125%!important;
   background:linear-gradient(to bottom,#f7d47d,#d59d32,#f7d47d)!important;
   box-shadow:0 0 9px rgba(229,184,91,.75)!important;
   transform:rotate(8deg)!important;
   transform-origin:center!important;
   pointer-events:none!important;
 }
}

/* FINAL MOBILE — copie structurelle de la maquette Image 1 */
@media(max-width:600px){
 .mockup-hero{background:#05090c!important}
 .mh-main{display:block!important}
 .mh-copy{padding:26px 20px 22px!important;background:#05090c!important;position:relative!important}
 .mh-copy:before{content:"VENTE & RÉPARATION · SAINT-CHÉRON & DOURDAN"!important;display:block!important;font-size:.54rem!important;letter-spacing:.18em!important;color:#d8d8d8!important;margin:0 0 20px!important}
 .mh-copy:after{content:""!important;position:absolute!important;left:20px!important;top:50px!important;width:42px!important;height:2px!important;background:#e6b955!important}
 .mh-copy h1{margin:0 0 14px!important;max-width:350px!important;font-size:clamp(2.15rem,10vw,2.8rem)!important;line-height:.94!important;letter-spacing:-.05em!important;color:#fff!important}
 .mh-copy h1 em{color:#e5b85b!important}
 .mh-copy>p{font-size:.94rem!important;line-height:1.35!important;color:#f1f1f1!important;max-width:335px!important}
 .mh-icons{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin:18px 0 16px!important}
 .mh-icons>span{border:1px solid #344149!important;border-radius:7px!important;padding:9px 2px 7px!important;color:#e4b65b!important;font-size:1.15rem!important;text-align:center!important}
 .mh-icons small{display:block!important;color:#fff!important;font-size:.49rem!important;margin-top:5px!important}
 .mh-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
 .mh-actions a{min-height:48px!important;border-radius:7px!important;padding:10px 4px!important;font-size:.72rem!important}
 .mh-photos{display:grid!important;grid-template-columns:1fr 1fr!important;height:210px!important;overflow:hidden!important;position:relative!important;background:#05090c!important}
 .mh-photo,.mh-photo.right{height:210px!important;width:100%!important;margin:0!important;clip-path:none!important;position:relative!important}
 .mh-photo.left{z-index:1!important}
 .mh-photo.right{z-index:1!important}
 .mh-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
 .mh-photo.left img{object-position:47% 50%!important}
 .mh-photo.right img{object-position:52% 50%!important}
 .mh-photo:after{background:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.12))!important}
 .mh-photo>span,.mh-photo.right>span{top:10px!important;bottom:auto!important;left:10px!important;right:auto!important;z-index:12!important;background:rgba(4,9,13,.93)!important;border:1px solid #e1b34f!important;border-radius:18px!important;padding:6px 10px!important}
 .mh-photo.right>span{left:12px!important}
 .mh-photo b{font-size:.56rem!important;color:#e8b852!important}.mh-photo small{display:none!important}
 .mh-photos:after{content:""!important;position:absolute!important;z-index:10!important;top:-22px!important;left:50%!important;width:3px!important;height:260px!important;background:#e6b34d!important;box-shadow:0 0 6px rgba(230,179,77,.55)!important;transform:rotate(13deg)!important;transform-origin:center!important}
 .mh-benefits{display:grid!important;grid-template-columns:repeat(5,1fr)!important;height:70px!important;background:#05090c!important;overflow:hidden!important;border-top:1px solid #30383e!important}
 .mh-benefits>span{height:70px!important;min-width:0!important;padding:6px 2px!important;border-right:1px solid #30383e!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;text-align:center!important}
 .mh-benefits>span>b{font-size:1rem!important;color:#e5b75a!important}
 .mh-benefits strong{font-size:.43rem!important;line-height:1.08!important;color:#fff!important}
 .mh-benefits small{display:none!important}
}


/* ===== HOMEPAGE DESIGN CLEANUP 13 =====
   Final layer: remove mobile conflicts from previous hero iterations */
@media(max-width:700px){
  body{background:#f7f5f0!important;color:#101b21!important;padding-bottom:72px}
  .preview{background:#d7ad58!important;color:#081016!important;font-weight:800!important;font-size:9px!important;letter-spacing:.14em!important;padding:5px 10px!important}
  header{position:sticky!important;top:0!important;background:rgba(5,9,12,.97)!important;backdrop-filter:blur(12px);z-index:40!important}
  .nav{min-height:68px!important;padding:8px 18px!important}
  .brand-logo img{width:190px!important;max-width:calc(100vw - 92px)!important;max-height:52px!important}
  .menu{display:grid!important;place-items:center!important;width:46px!important;height:42px!important;padding:0!important;border:1px solid rgba(229,184,91,.55)!important;border-radius:8px!important;color:#e5b85b!important;background:#0b1115!important;font-size:24px!important;line-height:1!important}
  .navlinks{top:68px!important;background:#070c10!important;border-top:1px solid #253039!important;padding:18px!important;gap:8px!important}
  .navlinks a{padding:11px 8px!important;border-bottom:1px solid #1c252b!important}
  .navlinks .button{border-bottom:0!important;margin-top:7px!important}

  .mockup-hero{background:#05090c!important;color:#fff!important;border-top:1px solid #202a30!important;overflow:hidden!important}
  .mh-main{display:flex!important;flex-direction:column!important}
  .mh-copy{order:1!important;padding:25px 20px 21px!important;background:radial-gradient(circle at 100% 42%,rgba(32,68,84,.34),transparent 48%),#05090c!important}
  .mh-copy:before{font-size:.52rem!important;letter-spacing:.16em!important;color:#d3d7d9!important;margin:0 0 21px!important}
  .mh-copy:after{top:49px!important;left:20px!important;width:40px!important;height:2px!important;background:#e1b557!important}
  .mh-copy h1{font-size:clamp(2.08rem,9.7vw,2.72rem)!important;line-height:.94!important;letter-spacing:-.045em!important;margin:0 0 13px!important;max-width:355px!important}
  .mh-copy h1 em{color:#e4b75b!important}
  .mh-copy>p{font-size:.92rem!important;line-height:1.4!important;color:#d9dee1!important;max-width:330px!important;margin-bottom:0!important}

  .mh-icons{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin:17px 0 16px!important}
  .mh-icons>span{min-width:0!important;border:1px solid #344049!important;background:#091015!important;border-radius:8px!important;padding:9px 2px 7px!important;color:#e4b75b!important;font-size:1.12rem!important;line-height:1!important}
  .mh-icons small{margin-top:6px!important;font-size:.47rem!important;line-height:1.15!important;color:#f7f7f7!important}
  .mh-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .mh-actions a{min-height:47px!important;padding:10px 6px!important;border-radius:8px!important;font-size:.69rem!important;font-weight:800!important;line-height:1.15!important}
  .mh-actions a:first-child{background:#e0b454!important;border-color:#e0b454!important;color:#10161a!important}
  .mh-actions .blue{background:#080d11!important;border:1px solid #d7aa50!important;color:#fff!important}

  .mh-photos{order:2!important;display:grid!important;grid-template-columns:1fr 1fr!important;height:228px!important;position:relative!important;overflow:hidden!important;border-top:1px solid #222d33!important}
  .mh-photo,.mh-photo.right{height:228px!important;width:100%!important;margin:0!important;clip-path:none!important;position:relative!important;background:#111!important}
  .mh-photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
  .mh-photo.left img{object-position:50% 57%!important}
  .mh-photo.right img{object-position:50% 58%!important}
  .mh-photo:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(to bottom,rgba(0,0,0,.04),rgba(0,0,0,.18))!important}
  .mh-photos:after{content:""!important;position:absolute!important;z-index:9!important;top:-25px!important;left:50%!important;width:4px!important;height:285px!important;background:linear-gradient(#f0cf78,#d49c35,#f0cf78)!important;box-shadow:0 0 7px rgba(225,181,87,.5)!important;transform:rotate(11deg)!important;transform-origin:center!important;pointer-events:none!important}
  .mh-photo>span,.mh-photo.right>span{position:absolute!important;z-index:12!important;top:11px!important;left:10px!important;right:auto!important;bottom:auto!important;width:auto!important;padding:6px 10px!important;border-radius:18px!important;background:rgba(4,9,13,.92)!important;border:1px solid #dcae51!important;box-shadow:0 3px 12px #0005!important}
  .mh-photo b{font-size:.55rem!important;color:#efbf5c!important;letter-spacing:.04em!important}
  .mh-photo small{display:none!important}

  .mh-benefits{display:grid!important;grid-template-columns:repeat(5,1fr)!important;height:72px!important;background:#05090c!important;border-top:1px solid #2c363c!important;overflow:hidden!important}
  .mh-benefits>span{min-width:0!important;height:72px!important;padding:6px 2px!important;border-right:1px solid #30383e!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-align:center!important}
  .mh-benefits>span>b{font-family:Arial,sans-serif!important;font-size:.98rem!important;color:#e2b559!important;line-height:1!important}
  .mh-benefits strong{font-size:.42rem!important;line-height:1.12!important;color:#fff!important}
  .mh-benefits small{display:none!important}

  .strip{background:#fff!important;border-bottom:1px solid #e3e0d8!important;overflow-x:auto!important;scrollbar-width:none!important}
  .strip::-webkit-scrollbar{display:none}
  .strip .wrap{width:max-content!important;min-width:100%!important;display:flex!important;flex-wrap:nowrap!important;gap:28px!important;padding:15px 20px!important;font-size:.62rem!important;letter-spacing:.13em!important;white-space:nowrap!important;justify-content:flex-start!important}

  .section:not(.dark):not(.editorial-section){background:#f7f5f0!important;color:#101b21!important}
  .editorial-section{background:#ebe7df!important;color:#101b21!important}
  .section{padding:46px 0!important}
  .section h2,.section h3{color:#101b21!important}
  .dark h2,.dark h3{color:#fff!important}
  .intro{margin-bottom:23px!important}
  .intro h2{font-size:2rem!important;line-height:1.03!important;margin-top:9px!important}
  .intro p{font-size:.93rem!important;line-height:1.55!important;color:#667178!important}
  .eyebrow{font-size:.7rem!important;letter-spacing:.18em!important;color:#9d7327!important}

  .grid{grid-template-columns:1fr!important;gap:15px!important}
  .card{border-radius:10px!important;border:1px solid #dedfd9!important;box-shadow:0 8px 24px rgba(16,27,33,.06)!important}
  .card-image{height:190px!important}
  .card h3{font-size:1.28rem!important}
  .card p{font-size:.9rem!important;line-height:1.55!important}

  .two{grid-template-columns:1fr!important;gap:16px!important}
  .shop,.review{border-radius:10px!important;padding:24px!important}
  .store-story{grid-template-columns:1fr!important;gap:24px!important}
  .store-story img{height:260px!important;border-radius:10px!important}
  .editorial{grid-template-columns:1fr!important;gap:26px!important}
  .visual img{height:270px!important;border-radius:10px!important}
  .steps{grid-template-columns:1fr!important;gap:22px!important}

  .mobile-bar{height:72px!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;background:rgba(5,12,16,.96)!important;border-top:1px solid #29333a!important;backdrop-filter:blur(12px)!important;gap:9px!important}
  .mobile-bar .button,.mobile-bar a,.mobile-bar button{flex:1!important;min-width:0!important;min-height:49px!important;padding:9px 7px!important;border-radius:9px!important;font-size:.78rem!important;font-weight:800!important;white-space:nowrap!important}
  footer{padding-bottom:88px!important}
}


/* ===== DESIGN RESET 13 — maquette Phone Art's ===== */
:root{--pa-bg:#05090c;--pa-panel:#0a1116;--pa-gold:#e5b85b;--pa-gold2:#f2c86f;--pa-line:#2d3940;--pa-white:#fff;--pa-ink:#10151a}
body{background:#fff;color:var(--pa-ink)}
header{background:var(--pa-bg)!important}
.menu{display:none;border:1px solid #3b464d;background:transparent;color:#fff;border-radius:8px;padding:10px 14px;font-weight:800}
.strip{background:#fff!important;border-bottom:1px solid #e7e7e7}
.strip .wrap{display:flex;gap:34px;align-items:center;flex-wrap:wrap;padding-top:19px;padding-bottom:19px}
.strip span{font-size:.78rem;font-weight:900;letter-spacing:.17em;color:#171b1f}
.section:not(.dark):not(.editorial-section){background:#fff!important;color:#111820!important}
.section:not(.dark):not(.editorial-section) h2,.section:not(.dark):not(.editorial-section) h3{color:#101820!important}
.section:not(.dark):not(.editorial-section) p{color:#5c646b!important}
.section .eyebrow{color:#b17a22!important}
.card{background:#fff!important;border:1px solid #e2e5e7!important;box-shadow:0 12px 32px rgba(5,9,12,.06)}
.card h3{color:#101820!important}
.card p{color:#5c646b!important}
.dark{background:#071016!important;color:#fff!important}
.dark h2,.dark h3,.dark p{color:#fff!important}
.editorial-section{background:#f4f1eb!important;color:#111820!important}
.editorial-section h2{color:#111820!important}
.editorial-section p{color:#555e64!important}

@media(max-width:700px){
 .preview{font-size:.5rem!important;letter-spacing:.12em!important;padding:5px 8px!important}
 .nav{min-height:68px!important;padding:8px 16px!important}
 .brand-logo img{width:188px!important;max-width:calc(100vw - 105px)!important;max-height:52px!important}
 .menu{display:block!important;font-size:0!important;width:48px;height:44px;position:relative;padding:0!important}
 .menu:before{content:"";position:absolute;left:11px;right:11px;top:12px;height:2px;background:#fff;box-shadow:0 8px 0 #fff,0 16px 0 #fff}
 .navlinks{display:none}
 .navlinks.open,.navlinks[data-open="true"]{display:flex}
 .mockup-hero{background:var(--pa-bg)!important;border:0!important}
 .mh-copy{padding:24px 20px 20px!important;background:radial-gradient(circle at 100% 55%,rgba(24,61,78,.42),transparent 52%),var(--pa-bg)!important}
 .mh-copy:before{font-size:.52rem!important;letter-spacing:.16em!important;margin-bottom:20px!important}
 .mh-copy:after{top:47px!important;background:var(--pa-gold)!important}
 .mh-copy h1{font-size:clamp(1.85rem,8.8vw,2.4rem)!important;line-height:.94!important;margin:0 0 12px!important}
 .mh-copy h1 em{color:var(--pa-gold)!important}
 .mh-copy>p{font-size:.91rem!important;color:#e8ecee!important}
 .mh-icons{gap:6px!important;margin:17px 0 15px!important}
 .mh-icons>span{min-width:0!important;border-color:#334048!important;background:#081016!important;padding:9px 2px 8px!important}
 .mh-icons small{font-size:.48rem!important}
 .mh-actions a{min-height:48px!important;font-size:.71rem!important}
 .mh-actions a:first-child{background:var(--pa-gold2)!important;color:#101418!important;border:1px solid var(--pa-gold2)!important}
 .mh-actions .blue{background:transparent!important;color:#fff!important;border:1px solid var(--pa-gold)!important}

 .mh-photos{height:250px!important;display:grid!important;grid-template-columns:1fr 1fr!important;position:relative!important;overflow:hidden!important;background:#111!important}
 .mh-photo,.mh-photo.right{height:250px!important;width:100%!important;margin:0!important;clip-path:none!important}
 .mh-photo img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.92) contrast(1.04)}
 .mh-photo.left img{object-position:50% 55%!important}
 .mh-photo.right img{object-position:50% 52%!important}
 .mh-photo:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.12))!important}
 .mh-photo>span,.mh-photo.right>span{top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;z-index:12!important;padding:7px 11px!important;background:rgba(5,9,12,.9)!important;border:1px solid var(--pa-gold)!important;border-radius:20px!important}
 .mh-photo b{font-size:.57rem!important;color:var(--pa-gold2)!important}
 .mh-photo small{display:none!important}
 .mh-photos:after{content:""!important;position:absolute!important;z-index:20!important;top:-30px!important;left:50%!important;width:4px!important;height:315px!important;background:linear-gradient(#f6d17b,#d99f35,#f6d17b)!important;box-shadow:0 0 8px rgba(229,184,91,.55)!important;transform:rotate(11deg)!important;transform-origin:center!important}

 .mh-benefits{height:72px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;background:var(--pa-bg)!important;border-top:1px solid #313b41!important}
 .mh-benefits>span{height:72px!important;padding:6px 2px!important;border-right:1px solid #303940!important}
 .mh-benefits>span>b{font-size:1rem!important;color:var(--pa-gold)!important}
 .mh-benefits strong{font-size:.44rem!important;line-height:1.1!important;color:#fff!important}
 .mh-benefits small{display:none!important}

 .strip .wrap{gap:0!important;justify-content:space-between!important;padding:16px 20px 17px!important}
 .strip span{font-size:.59rem!important;letter-spacing:.12em!important;margin:5px 9px 5px 0!important}
 .section{padding:54px 0!important}
 .section .wrap{padding-left:20px!important;padding-right:20px!important}
 .intro{display:block!important}
 .intro h2,.section h2{font-size:clamp(2rem,9vw,2.65rem)!important;line-height:1.02!important;letter-spacing:-.035em!important}
 .intro>p{margin-top:18px!important;font-size:1rem!important;line-height:1.55!important}
 .grid{grid-template-columns:1fr!important;gap:18px!important}
 .card{border-radius:12px!important;overflow:hidden!important}
 .card-image{height:190px!important}
 .two,.editorial,.store-story{grid-template-columns:1fr!important;gap:28px!important}
 .sticky-actions{z-index:50}
}


/* ===== HERO SINGLE PHOTO FIX =====
   Une seule photo boutique, pleine largeur, sans ancien séparateur 50/50 */
.mh-photos.single-photo{
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#05090c!important;
}
.mh-photos.single-photo:after{
  content:none!important;
  display:none!important;
}
.mh-photos.single-photo .hero-single{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  clip-path:none!important;
  position:relative!important;
  overflow:hidden!important;
  background:#05090c!important;
}
.mh-photos.single-photo .hero-single img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 52%!important;
}
.mh-photos.single-photo .hero-single:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.18))!important;
  pointer-events:none!important;
}
.mh-photos.single-photo .hero-single>span{
  position:absolute!important;
  z-index:3!important;
  top:18px!important;
  left:22px!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  min-width:0!important;
  padding:10px 16px!important;
  border:1px solid var(--pa-gold,#e5b85b)!important;
  border-radius:999px!important;
  background:rgba(5,9,12,.9)!important;
}
.mh-photos.single-photo .hero-single>span b{
  color:var(--pa-gold2,#f2c86f)!important;
}
@media(max-width:700px){
  .mh-photos.single-photo{
    height:250px!important;
  }
  .mh-photos.single-photo .hero-single{
    height:250px!important;
  }
  .mh-photos.single-photo .hero-single img{
    object-position:center 54%!important;
  }
  .mh-photos.single-photo .hero-single>span{
    top:12px!important;
    left:12px!important;
    padding:7px 11px!important;
  }
  .mh-photos.single-photo .hero-single>span b{
    font-size:.57rem!important;
  }
  .mh-photos.single-photo .hero-single>span small{
    display:none!important;
  }
}


/* ===== TRANSITION HERO -> CONTENU =====
   Prolonge l'univers sombre du hero puis fait une transition plus douce vers le contenu. */
.strip{
  background:#071016!important;
  border-top:1px solid #2c373e!important;
  border-bottom:0!important;
  box-shadow:inset 0 1px 0 rgba(229,184,91,.05)!important;
}
.strip .wrap{
  padding-top:18px!important;
  padding-bottom:18px!important;
}
.strip span{
  color:#e8d5aa!important;
  opacity:.95!important;
}
.strip + .section{
  position:relative!important;
  background:
    linear-gradient(180deg,#f1ece3 0,#faf8f4 95px,#fff 230px)!important;
  padding-top:64px!important;
  border-top:1px solid rgba(181,139,70,.18)!important;
}
.strip + .section:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(1180px,calc(100% - 40px))!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(229,184,91,.5),transparent)!important;
}
.strip + .section .eyebrow{
  color:#a87320!important;
}
.strip + .section .intro{
  margin-bottom:28px!important;
}
@media(max-width:700px){
  .strip{
    background:#071016!important;
    border-top:1px solid #27333a!important;
  }
  .strip .wrap{
    padding:14px 20px 17px!important;
    gap:24px!important;
  }
  .strip span{
    color:#ead7ac!important;
  }
  .strip + .section{
    padding-top:42px!important;
    background:
      linear-gradient(180deg,#eee8de 0,#f8f5ef 70px,#fff 180px)!important;
  }
  .strip + .section:before{
    width:calc(100% - 40px)!important;
  }
  .strip + .section .intro{
    margin-bottom:22px!important;
  }
}


/* ===== HOMEPAGE CONTENT REFRESH ===== */
.service-intro-section{background:linear-gradient(180deg,#f4efe6 0,#fff 78%)!important;padding-top:58px!important}
.service-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:end}
.service-intro-grid h2{font-size:clamp(2.3rem,4.5vw,4.5rem);line-height:.98;letter-spacing:-.045em;margin:10px 0 0}
.service-intro-grid p{font-size:1.05rem;line-height:1.7;color:#5d676e;margin:0 0 20px}
.service-pills{display:flex;flex-wrap:wrap;gap:9px}
.service-pills span{padding:8px 12px;border:1px solid #cfb77f;border-radius:999px;background:#fff8eb;color:#75591f;font-size:.78rem;font-weight:800}

.workshop-section{background:#0a1116!important;color:#fff!important;padding:64px 0!important}
.workshop-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center}
.workshop-photo{margin:0;position:relative;border-radius:18px;overflow:hidden;min-height:520px;background:#111}
.workshop-photo img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block}
.workshop-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55))}
.workshop-photo figcaption{position:absolute;z-index:2;left:18px;bottom:16px;color:#f1d89d;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.workshop-copy .eyebrow{color:#e5b85b!important}
.workshop-copy h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1;letter-spacing:-.04em;margin:10px 0 20px;color:#fff!important}
.workshop-copy>p{font-size:1rem;line-height:1.7;color:#cfd5d9!important;max-width:670px}
.workshop-points{display:grid;gap:13px;margin:28px 0}
.workshop-points>div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:14px 0;border-top:1px solid #28333a}
.workshop-points strong{color:#e5b85b;font-size:.82rem;letter-spacing:.08em}
.workshop-points span{display:grid;gap:4px}
.workshop-points b{font-size:1rem;color:#fff}
.workshop-points small{font-size:.86rem;color:#aeb8be;line-height:1.45}

.devices-section{background:#fff!important}
.compact-intro{align-items:end}
.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.device-card{display:block;padding:26px 22px 24px;border:1px solid #e1ddd3;border-radius:14px;background:#fff;color:#111820;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.device-card:hover{transform:translateY(-3px);border-color:#c9a25c;box-shadow:0 12px 30px rgba(10,17,22,.08)}
.device-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c9a25c;border-radius:10px;color:#b5812c;background:#fff9ed;font-size:1.5rem;margin-bottom:20px}
.device-card h3{font-size:1.25rem;margin:0 0 10px}
.device-card p{font-size:.92rem;line-height:1.55;color:#5f696f!important;min-height:86px}
.device-card .more{font-size:.84rem;font-weight:800;color:#8d651f}

.trust-section{padding:64px 0!important}
.trust-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.trust-grid h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1;letter-spacing:-.04em;margin:10px 0 18px}
.trust-grid p{color:#c8d0d5!important;line-height:1.7;max-width:580px}
.trust-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #2a343a;border-left:1px solid #2a343a}
.trust-list>div{padding:24px 22px;border-right:1px solid #2a343a;border-bottom:1px solid #2a343a;display:grid;gap:8px}
.trust-list b{color:#f1cf83;font-size:1rem}
.trust-list span{color:#c7cfd4;font-size:.9rem;line-height:1.5}

@media(max-width:900px){
 .service-intro-grid,.workshop-grid,.trust-grid{grid-template-columns:1fr;gap:32px}
 .device-grid{grid-template-columns:1fr 1fr}
 .workshop-photo,.workshop-photo img{min-height:420px}
}
@media(max-width:700px){
 .service-intro-section{padding-top:38px!important}
 .service-intro-grid{gap:22px}
 .service-intro-grid h2{font-size:2.35rem!important}
 .service-intro-grid p{font-size:.96rem}
 .service-pills{gap:7px}
 .service-pills span{font-size:.7rem;padding:7px 10px}
 .workshop-section{padding:42px 0!important}
 .workshop-grid{gap:28px}
 .workshop-photo,.workshop-photo img{min-height:360px;height:360px}
 .workshop-photo{border-radius:12px}
 .workshop-copy h2{font-size:2.3rem!important}
 .workshop-copy>p{font-size:.94rem!important}
 .workshop-points>div{grid-template-columns:34px 1fr;padding:12px 0}
 .device-grid{grid-template-columns:1fr}
 .device-card{padding:22px 18px}
 .device-card p{min-height:0}
 .trust-section{padding:46px 0!important}
 .trust-grid{gap:28px}
 .trust-grid h2{font-size:2.3rem!important}
 .trust-list{grid-template-columns:1fr}
}


/* ===== HOMEPAGE DENSITY =====
   Réduit les grands blancs sur l'accueil sans toucher aux pages internes. */
.home-page .section{padding-top:38px!important;padding-bottom:38px!important}
.home-page .service-intro-section{padding-top:34px!important;padding-bottom:32px!important}
.home-page .workshop-section{padding-top:42px!important;padding-bottom:42px!important}
.home-page .devices-section{padding-top:38px!important;padding-bottom:38px!important}
.home-page .trust-section{padding-top:42px!important;padding-bottom:42px!important}
.home-page .section .intro{margin-bottom:18px!important}
.home-page .service-intro-grid{gap:38px!important}
.home-page .workshop-grid{gap:34px!important}
.home-page .trust-grid{gap:42px!important}
.home-page .store-story{gap:28px!important}
.home-page .steps{margin-top:16px!important;gap:18px!important}
.home-page .cta{padding:24px!important}
.home-page .faq-heading{margin-bottom:14px!important}
.home-page .towns{margin-top:12px!important}
.home-page .section + .section{border-top:0!important}
.home-page .strip + .section{padding-top:34px!important}

@media(max-width:700px){
 .home-page .section{padding-top:28px!important;padding-bottom:28px!important}
 .home-page .service-intro-section{padding-top:26px!important;padding-bottom:24px!important}
 .home-page .workshop-section{padding-top:30px!important;padding-bottom:30px!important}
 .home-page .devices-section{padding-top:28px!important;padding-bottom:28px!important}
 .home-page .trust-section{padding-top:30px!important;padding-bottom:30px!important}
 .home-page .section .intro{margin-bottom:15px!important}
 .home-page .service-intro-grid{gap:16px!important}
 .home-page .workshop-grid{gap:20px!important}
 .home-page .trust-grid{gap:22px!important}
 .home-page .store-story{gap:18px!important}
 .home-page .shop,.home-page .review{padding:20px!important}
 .home-page .cta{padding:20px!important}
 .home-page .faq details{margin-bottom:8px!important}
 .home-page .strip + .section{padding-top:26px!important}
}


/* ===== PAGE NOS BOUTIQUES ===== */
.boutiques-hero-media{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  height:215px!important;
}
.boutique-hero-photo{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:8px 8px 28px 8px;
  min-width:0;
  background:#111;
}
.boutique-hero-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.boutique-hero-photo:after{
  content:"";
  position:absolute;
  inset:55% 0 0;
  background:linear-gradient(transparent,rgba(0,0,0,.68));
}
.boutique-hero-photo span{
  position:absolute;
  z-index:2;
  left:12px;
  bottom:10px;
  color:#fff;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(max-width:700px){
  .boutiques-hero-media{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    height:170px!important;
  }
  .boutique-hero-photo{
    border-radius:7px!important;
  }
  .boutique-hero-photo span{
    left:8px;
    bottom:7px;
    font-size:.62rem;
  }
}


/* ===== PHOTOS CARTES BOUTIQUES ===== */
.shop .shop-photo{
  display:block;
  margin:-36px -36px 24px;
  height:220px;
  overflow:hidden;
  background:#111;
  border-radius:5px 5px 0 0;
}
.shop .shop-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.shop .shop-photo:hover img{
  transform:scale(1.025);
}
@media(max-width:700px){
  .shop .shop-photo{
    margin:-26px -26px 20px;
    height:185px;
  }
}


/* ===== AJUSTEMENT CARTES BOUTIQUES ===== */
.boutiques-page-hero .wrap{
  max-width:1200px;
}
.boutiques-page-hero p{
  max-width:760px;
}
.shop{
  position:relative;
  overflow:hidden;
}
.shop .shop-photo{
  float:right;
  width:230px;
  height:160px;
  margin:0 0 20px 28px;
  border-radius:9px;
  overflow:hidden;
  background:#111;
}
.shop .shop-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.shop .tag,
.shop h3,
.shop address,
.shop .phone{
  position:relative;
}
.shop .hours,
.shop .actions{
  clear:both;
}
@media(max-width:700px){
  .shop .shop-photo{
    width:150px;
    height:108px;
    margin:0 0 14px 18px;
    border-radius:7px;
  }
}


/* ===== BOUTON APPEL CARTES BOUTIQUES ===== */
.shop-call-top{
  display:flex;
  justify-content:center;
  margin:-6px 0 22px;
  clear:both;
}
.shop-call-top .button{
  min-width:190px;
  text-align:center;
}
@media(max-width:700px){
  .shop-call-top{
    margin:-2px 0 18px;
  }
  .shop-call-top .button{
    min-width:175px;
  }
}


/* ===== CENTRAGE FICHE GOOGLE BOUTIQUES ===== */
.shop .actions{
  display:flex;
  justify-content:center;
  align-items:center;
}
.shop .actions .button{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}


/* ===== DEVIS GRATUIT FIXE PC ===== */
@media(min-width:701px){
  .mobile-bar{
    display:flex!important;
    position:fixed!important;
    left:auto!important;
    right:24px!important;
    bottom:24px!important;
    width:390px!important;
    height:auto!important;
    padding:10px!important;
    gap:9px!important;
    z-index:80!important;
    border:1px solid #ffffff24!important;
    border-radius:14px!important;
    background:rgba(5,12,16,.96)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.28)!important;
    backdrop-filter:blur(12px)!important;
  }
  .mobile-bar .button,
  .mobile-bar a,
  .mobile-bar button{
    flex:1!important;
    min-width:0!important;
    min-height:48px!important;
    padding:11px 14px!important;
    border-radius:9px!important;
    font-size:.84rem!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
}


/* ===== CORRECTION LISIBILITE ATELIER =====
   Garantit un contraste suffisant sur le bloc 01 / 02 / 03, notamment sur mobile. */
.home-page .workshop-section{
  background:#0a1116!important;
  color:#fff!important;
}
.home-page .workshop-section .workshop-copy h2,
.home-page .workshop-section .workshop-points b{
  color:#fff!important;
}
.home-page .workshop-section .workshop-copy>p{
  color:#d7dde1!important;
}
.home-page .workshop-section .workshop-points small{
  color:#c5cdd2!important;
}
.home-page .workshop-section .workshop-points>div{
  border-top-color:#465159!important;
}
@media(max-width:700px){
  .home-page .workshop-section .workshop-points b{
    display:block!important;
    font-size:1rem!important;
    line-height:1.35!important;
    color:#fff!important;
  }
  .home-page .workshop-section .workshop-points small{
    display:block!important;
    font-size:.94rem!important;
    line-height:1.5!important;
    color:#cbd2d7!important;
  }
  .home-page .workshop-section .workshop-points strong{
    color:#e5b85b!important;
  }
}


/* ===== PREUVE LOCALE SAINT-CHERON ===== */
.local-proof-section{
  background:#f7f3eb!important;
}
.local-proof-grid{
  display:grid;
  grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);
  gap:52px;
  align-items:center;
}
.local-proof-photo{
  margin:0;
  position:relative;
  max-width:420px;
}
.local-proof-photo img{
  display:block;
  width:100%;
  height:auto;
  border-radius:16px;
  box-shadow:0 16px 36px rgba(10,17,22,.12);
}
.local-proof-photo figcaption{
  margin-top:10px;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#7b6a49;
}
.local-proof-copy h2{
  margin:10px 0 18px;
}
.local-proof-copy p{
  max-width:680px;
}
.local-proof-copy .actions{
  margin-top:22px;
}
@media(max-width:700px){
  .local-proof-grid{
    grid-template-columns:1fr;
    gap:24px;
  }
  .local-proof-photo{
    max-width:100%;
  }
  .local-proof-photo img{
    width:min(100%,360px);
    margin:0 auto;
    border-radius:12px;
  }
  .local-proof-photo figcaption{
    text-align:center;
  }
}

/* Atelier : photo contenue et contenu aligné en haut. */
.home-page .workshop-section{padding:28px 0!important}
.home-page .workshop-grid{grid-template-columns:minmax(240px,360px) minmax(0,1fr);align-items:start;gap:28px!important}
.home-page .workshop-photo{min-height:0;height:360px}
.home-page .workshop-photo img{min-height:0;height:100%;object-fit:cover}
.home-page .workshop-copy h2{font-size:clamp(2rem,3vw,3rem);margin:8px 0 14px}
.home-page .workshop-points{margin:18px 0;gap:8px}
.home-page .workshop-points>div{padding:10px 0}
@media(max-width:900px){
 .home-page .workshop-grid{grid-template-columns:1fr;gap:18px!important}
 .home-page .workshop-photo{height:300px;max-width:520px;width:100%;margin:0 auto}
}
@media(max-width:700px){
 .home-page .workshop-section{padding:22px 0!important}
 .home-page .workshop-photo{height:260px;max-width:420px}
 .home-page .workshop-grid{gap:16px!important}
}

/* Atelier : texte noir sur fond blanc, sur tous les écrans. */
.home-page .workshop-section{background:#fff!important;color:#111!important}
.home-page .workshop-section .workshop-copy{background:#fff!important;color:#111!important}
.home-page .workshop-section .workshop-copy h2,
.home-page .workshop-section .workshop-copy>p,
.home-page .workshop-section .workshop-points strong,
.home-page .workshop-section .workshop-points b,
.home-page .workshop-section .workshop-points small{color:#111!important}
.home-page .workshop-section .workshop-copy .eyebrow{color:#6b501c!important}
.home-page .workshop-section .workshop-points>div{border-top-color:#d7d7d7!important}

/* Pictogrammes appareils : médaillon noir, tracé or uniforme. */
.home-page .device-icon{width:64px;height:64px;border-radius:18px;border:1px solid #554327;background:linear-gradient(145deg,#182127,#080d11);color:#e4bd75;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 7px 16px rgba(10,17,22,.12);margin-bottom:22px}
.home-page .device-icon svg{display:block;width:32px;height:32px}
.home-page .device-card:hover .device-icon{border-color:#c9a25c;color:#f2d18e}
@media(max-width:700px){.home-page .device-icon{width:56px;height:56px;border-radius:16px;margin-bottom:18px}.home-page .device-icon svg{width:29px;height:29px}}

/* Pages internes : espacement mobile compact. */
@media(max-width:700px){
 body:not(.home-page) .section{padding-top:28px!important;padding-bottom:28px!important}
 body:not(.home-page) .section+.section{padding-top:18px!important}
 body:not(.home-page) .hero-inner{padding:22px 0!important;min-height:0!important}
 body:not(.home-page) .hero-inner .hero-grid{gap:18px!important}
 body:not(.home-page) .hero-inner h1{margin-top:12px;margin-bottom:16px}
 body:not(.home-page) .intro{margin-bottom:18px!important}
 body:not(.home-page) .intro>p{margin-top:12px!important;margin-bottom:0!important}
 body:not(.home-page) .two,body:not(.home-page) .editorial,body:not(.home-page) .store-story,body:not(.home-page) .contact-options{gap:18px!important}
 body:not(.home-page) .grid{gap:16px!important}
 body:not(.home-page) .card,body:not(.home-page) .shop,body:not(.home-page) .review{padding:20px!important}
 body:not(.home-page) .actions{margin:16px 0!important}
 body:not(.home-page) .shop .actions{margin-bottom:0!important}
 body:not(.home-page) .steps{gap:18px;margin-top:22px}
 body:not(.home-page) .problem-guides{gap:14px;margin-top:18px}
 body:not(.home-page) .faq-heading{margin-bottom:16px}
 body:not(.home-page) .cta{padding:22px!important;gap:18px!important}
 body:not(.home-page) footer{padding-top:32px}
 body:not(.home-page) .foot{gap:24px}
}


/* ===== ACCUEIL PARCOURS COMMERCIAL ===== */
.quick-repair-section{padding-top:58px!important;padding-bottom:38px!important}
.quick-repair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.quick-repair-grid article{padding:28px;border:1px solid #e4ded2;border-radius:14px;background:#fff}
.quick-repair-grid h3{margin:12px 0 8px;font-size:1.15rem}
.quick-repair-grid p{margin:0;color:#59636b;line-height:1.65}
.quick-icon{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:52px;padding:0 12px;border-radius:50%;background:#0a1115;color:#ddb96f;font-weight:900;font-size:1.05rem}

.popular-repairs-section{padding-top:38px!important;padding-bottom:42px!important}
.popular-repairs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.popular-repair-card{display:block;padding:24px;border:1px solid #ded8cb;border-radius:12px;background:#f8f6f1;color:#101820;text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.popular-repair-card>span{font-size:.78rem;font-weight:900;letter-spacing:.12em;color:#a9751d}
.popular-repair-card h3{font-size:1.18rem;margin:14px 0 8px}
.popular-repair-card p{color:#5c646a;line-height:1.55;min-height:74px;margin:0 0 18px}
.popular-repair-card b{font-size:.9rem}
@media(hover:hover){.popular-repair-card:hover{transform:translateY(-3px);border-color:#c9a45d}}

.repair-journey-section{background:#081015;color:#fff;padding-top:54px!important;padding-bottom:58px!important}
.repair-journey-section .eyebrow{color:#d8b268}
.repair-journey-section .compact-intro p{color:#c4cbd0}
.repair-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:30px;border:1px solid #28323a;border-radius:14px;overflow:hidden}
.repair-journey>div{padding:26px;border-right:1px solid #28323a;min-height:190px}
.repair-journey>div:last-child{border-right:0}
.repair-journey strong{font-size:.78rem;letter-spacing:.14em;color:#d8b268}
.repair-journey h3{margin:14px 0 8px;color:#fff}
.repair-journey p{margin:0;color:#b7c0c6;line-height:1.55}
.journey-action{margin-top:24px;text-align:center}

@media(max-width:900px){
  .popular-repairs-grid{grid-template-columns:repeat(2,1fr)}
  .repair-journey{grid-template-columns:repeat(2,1fr)}
  .repair-journey>div:nth-child(2){border-right:0}
  .repair-journey>div:nth-child(-n+2){border-bottom:1px solid #28323a}
}
@media(max-width:700px){
  .quick-repair-section{padding-top:36px!important;padding-bottom:24px!important}
  .quick-repair-grid{grid-template-columns:1fr;gap:12px;margin-top:20px}
  .quick-repair-grid article{padding:21px}
  .popular-repairs-section{padding-top:24px!important}
  .popular-repairs-grid{grid-template-columns:1fr 1fr;gap:10px}
  .popular-repair-card{padding:18px}
  .popular-repair-card p{min-height:0;font-size:.91rem}
  .repair-journey{grid-template-columns:1fr}
  .repair-journey>div{min-height:0;border-right:0!important;border-bottom:1px solid #28323a!important;padding:22px}
  .repair-journey>div:last-child{border-bottom:0!important}
}

/* Site creation attribution */
.fine .site-credit { display: inline; color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.fine .site-credit:hover { text-decoration-thickness: 2px; }