:root{--wine:#641c31;--deep:#351019;--gold:#ba7c54;--ink:#171416;--cream:#f4efe8;--paper:#fbf9f6;--white:#fff;--muted:#6d6665;--line:rgba(40,23,27,.13);--ease:cubic-bezier(.22,1,.36,1);--shadow:0 25px 80px rgba(37,19,23,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 "DM Sans",sans-serif;overflow-x:hidden}body.lock{overflow:hidden}::selection{background:var(--wine);color:#fff}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1220px,calc(100% - 64px));margin:auto}.progress{position:fixed;left:0;top:0;z-index:1000;height:3px;width:0;background:linear-gradient(90deg,var(--gold),#e9bd9b)}
.topbar{background:var(--ink);color:#ddd1d3;font-size:.78rem;letter-spacing:.06em}.topbar .wrap{height:35px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:#fff}.nav{position:sticky;top:0;z-index:100;background:rgba(251,249,246,.91);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.3s}.nav.scrolled{border-color:var(--line);box-shadow:0 10px 35px rgba(30,18,20,.06)}.nav-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand-monogram{display:grid;place-items:center;width:45px;height:45px;color:#fff;background:var(--wine);font-family:"Playfair Display",serif;font-size:1.7rem;box-shadow:8px 8px 0 #e5d8d4}.brand-copy{display:grid;line-height:1}.brand-copy small{font-size:.57rem;letter-spacing:.26em;text-transform:uppercase}.brand-copy strong{font-family:"Playfair Display",serif;font-size:1.65rem;letter-spacing:.04em}.links{display:flex;align-items:center;gap:30px;font-size:.86rem;font-weight:700}.links>a:not(.btn){position:relative}.links>a:not(.btn):after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:var(--wine);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.links>a:hover:after{transform:scaleX(1);transform-origin:left}.menu-button{display:none;background:none;border:0;font-size:1.6rem}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:1px solid var(--wine);background:var(--wine);color:#fff;font-weight:700;overflow:hidden;cursor:pointer;transition:.35s var(--ease)}.btn:before{content:"";position:absolute;inset:0;background:var(--deep);transform:translateY(102%);transition:.35s var(--ease)}.btn:hover:before{transform:none}.btn span{position:relative;z-index:1}.btn-outline{background:transparent;border-color:rgba(255,255,255,.48)}.btn-outline:before{background:#fff}.btn-outline:hover{color:var(--wine)}
.hero{position:relative;min-height:calc(100vh - 123px);display:grid;align-items:center;background:#171416;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(16,12,14,.97) 0%,rgba(16,12,14,.77) 48%,rgba(16,12,14,.25) 100%)}.hero-media:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(18,14,16,.75))}.hero-media img{width:100%;height:110%;object-fit:cover;animation:heroZoom 14s var(--ease) forwards}@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}.hero .wrap{position:relative;z-index:3}.hero-content{max-width:760px;padding:96px 0 124px}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.eyebrow:before{content:"";width:43px;height:2px;background:currentColor}.hero h1,.title{font-family:"Playfair Display",serif}.hero h1{max-width:800px;margin:24px 0 28px;font-size:clamp(3.5rem,6.9vw,6.4rem);font-weight:600;line-height:.9;letter-spacing:-.04em}.hero h1 em{color:#debcae;font-weight:600}.hero-text{display:grid;grid-template-columns:3px 1fr;gap:20px;max-width:620px;margin:0 0 35px;font-size:1.02rem;color:#dfd8d8}.hero-text:before{content:"";background:var(--gold)}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero-note{position:absolute;z-index:4;right:4.5%;bottom:105px;display:flex;align-items:center;gap:16px;color:#fff;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.scroll-line{width:70px;height:1px;background:rgba(255,255,255,.3);overflow:hidden}.scroll-line:after{content:"";display:block;width:30px;height:1px;background:#fff;animation:scroll 2s infinite}@keyframes scroll{from{transform:translateX(-30px)}to{transform:translateX(75px)}}
.signature{position:relative;z-index:5;margin-top:-65px}.signature-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);background:#fff;box-shadow:var(--shadow)}.signature-intro{display:flex;align-items:center;padding:30px 35px;background:var(--wine);color:#fff;font-family:"Playfair Display",serif;font-size:1.35rem}.signature-item{padding:27px 28px;border-right:1px solid var(--line)}.signature-item strong{display:block;font-family:"Playfair Display",serif;font-size:1.35rem}.signature-item span{color:var(--muted);font-size:.86rem}
section{padding:120px 0}.section-head{display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:56px;margin-bottom:54px}.title{margin:12px 0 0;font-size:clamp(2.15rem,4vw,3.9rem);line-height:1;letter-spacing:-.03em}.section-head p{margin:0;color:var(--muted);font-size:1rem}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.service{position:relative;grid-column:auto;min-height:280px;padding:32px;background:#fff;border:1px solid var(--line);overflow:hidden;transition:.45s var(--ease)}.service:nth-child(1),.service:nth-child(5),.service:nth-child(2),.service:nth-child(6){grid-column:auto}.service:before{content:"";position:absolute;inset:auto 0 0;height:5px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:.45s var(--ease)}.service:after{content:attr(data-number);position:absolute;right:8px;bottom:-22px;color:rgba(100,28,49,.04);font:700 7rem/1 "Playfair Display",serif}.service:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:transparent}.service:hover:before{transform:scaleX(1)}.service-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid #d8c8c4;color:var(--wine);font:600 1.05rem "Playfair Display",serif}.service h3{margin:30px 0 10px;font:600 1.38rem/1.18 "Playfair Display",serif}.service p{max-width:470px;margin:0;color:var(--muted);font-size:.98rem}.service-link{display:inline-flex;gap:8px;margin-top:18px;color:var(--wine);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.showcase{background:var(--ink);color:#fff;overflow:hidden}.showcase .section-head p{color:#bdb4b5}.filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filter button{padding:9px 14px;color:#cfc6c7;background:transparent;border:1px solid #40383b;cursor:pointer;transition:.25s}.filter button.active,.filter button:hover{background:var(--wine);border-color:var(--wine);color:#fff}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:220px;gap:14px}.gallery-card{position:relative;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.08)}.gallery-card:first-child{grid-row:auto}.gallery-card:nth-child(4){grid-column:auto}.gallery-card.hidden{display:none}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}.gallery-card:after{content:"Voir le chantier ↗";position:absolute;inset:0;display:grid;place-items:center;background:rgba(65,17,31,.78);opacity:0;transition:.35s;color:#fff;font-weight:700}.gallery-card:hover img{transform:scale(1.06)}.gallery-card:hover:after{opacity:1}.gallery-meta{position:absolute;z-index:2;left:16px;bottom:14px;padding:6px 10px;background:rgba(18,14,16,.8);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.before-section{background:var(--cream)}.before-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px}.before-copy p{color:var(--muted);max-width:510px}.range-wrap{position:relative;height:560px;overflow:hidden;box-shadow:var(--shadow);background:#ddd}.range-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.range-after{clip-path:inset(0 50% 0 0)}.range-line{position:absolute;z-index:3;top:0;bottom:0;left:50%;width:3px;background:#fff;pointer-events:none}.range-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:#fff;color:var(--wine);display:grid;place-items:center;font-weight:900;box-shadow:0 6px 25px rgba(0,0,0,.22)}.range{position:absolute;z-index:4;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.tag{position:absolute;z-index:2;top:20px;padding:8px 12px;background:rgba(18,14,16,.8);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.tag.before{left:20px}.tag.after{right:20px}
.story{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.story-media{position:relative;padding:0 0 45px 45px}.story-media:before{content:"";position:absolute;left:0;bottom:0;width:70%;height:72%;background:var(--wine)}.story-media img{position:relative;width:100%;height:630px;object-fit:cover;box-shadow:var(--shadow)}.experience{position:absolute;z-index:2;right:-28px;bottom:0;width:190px;height:190px;display:grid;place-content:center;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:50%}.experience strong{font:700 3rem/1 "Playfair Display",serif;color:var(--wine)}.story-copy>p{color:var(--muted);font-size:1.05rem}.values{margin:34px 0;border-top:1px solid var(--line)}.value{display:grid;grid-template-columns:44px 1fr;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.value b{color:var(--wine)}.value strong{display:block}.value span{color:var(--muted);font-size:.9rem}
.numbers{background:var(--wine);color:#fff;padding:65px 0}.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr)}.number{text-align:center;border-right:1px solid rgba(255,255,255,.2)}.number:last-child{border:0}.number strong{display:block;font:600 clamp(3rem,6vw,5.5rem)/1 "Playfair Display",serif}.number span{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:#decdd2}
.contact{position:relative;background:#231d20;color:#fff;overflow:hidden}.contact:after{content:"SIMON";position:absolute;right:-40px;bottom:-140px;color:rgba(255,255,255,.025);font:700 20vw/1 "Playfair Display",serif}.contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.contact-copy p{color:#c9c0c1}.contact-list{display:grid;gap:13px;margin-top:35px}.contact-list a{font-size:1.05rem;font-weight:600}.contact-list small{color:#aa9fa1}.form{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:42px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.field{display:grid;gap:7px}.field.full,.notice{grid-column:1/-1}.field label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.field input,.field select,.field textarea{width:100%;padding:14px 2px;background:transparent;border:0;border-bottom:1px solid #cfc5c0;border-radius:0;outline:none;transition:.25s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--wine)}.field textarea{min-height:120px;resize:vertical}.notice{padding:11px 14px;background:#eaf5eb;color:#28552d}.notice.error{background:#fff0f0;color:#7a2525}
.footer{padding:42px 0;background:#110e10;color:#9d9496}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:40px}.footer strong{color:#fff}.footer-title{font:600 1.3rem "Playfair Display",serif;color:#fff}.footer a{display:block;margin:4px 0}.legal{margin-top:32px;padding-top:22px;border-top:1px solid #2d2729;display:flex;justify-content:space-between;font-size:.78rem}.floating-call{position:fixed;z-index:80;right:20px;bottom:20px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--wine);color:#fff;box-shadow:0 12px 35px rgba(67,18,34,.4);font-size:1.3rem;transform:scale(0);transition:.4s var(--ease)}.floating-call.show{transform:scale(1)}
.lightbox{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:50px;background:rgba(10,7,8,.94);opacity:0;visibility:hidden;transition:.35s}.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:min(1100px,90vw);max-height:82vh;box-shadow:0 25px 80px #000}.lightbox-close{position:absolute;right:30px;top:25px;color:#fff;background:none;border:0;font-size:2.2rem;cursor:pointer}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.services{grid-template-columns:1fr 1fr}.service,.service:nth-child(n){grid-column:auto}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.gallery-card:first-child{grid-row:auto}.gallery-card:nth-child(4){grid-column:auto}.before-grid,.story,.contact-grid{gap:45px}.signature-grid{grid-template-columns:1fr 1fr}.signature-intro{grid-column:1/-1}.story-media img{height:530px}}
@media(max-width:760px){.wrap{width:min(100% - 32px,1220px)}.topbar .wrap{justify-content:center}.topbar .area{display:none}.menu-button{display:block}.links{position:absolute;top:88px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;padding:25px;background:var(--paper);border-bottom:1px solid var(--line);transform:translateY(-130%);opacity:0;pointer-events:none;transition:.35s var(--ease)}.links.open{transform:none;opacity:1;pointer-events:auto}.hero{min-height:690px}.hero-content{padding:72px 0 126px}.hero h1{font-size:clamp(3rem,14vw,4.5rem);line-height:.94}.hero-note{display:none}.signature{margin-top:-40px}.signature-grid{grid-template-columns:1fr}.signature-intro{grid-column:auto}.signature-item{padding:20px 25px}section{padding:85px 0}.section-head{grid-template-columns:1fr;gap:22px;margin-bottom:34px}.title{font-size:clamp(1.95rem,10vw,2.8rem);line-height:1.02}.service,.service:nth-child(n){grid-column:1/-1;min-height:240px;padding:26px}.service h3{font-size:1.26rem}.gallery{grid-template-columns:1fr;grid-auto-rows:260px}.before-grid,.story,.contact-grid{grid-template-columns:1fr}.before-copy{margin-bottom:35px}.range-wrap{height:440px}.story-media{padding:0 0 30px 25px}.story-media img{height:470px}.experience{right:0;width:145px;height:145px}.numbers-grid{grid-template-columns:1fr}.number{padding:25px;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.form{grid-template-columns:1fr;padding:28px 20px}.field.full,.notice{grid-column:auto}.footer-grid{grid-template-columns:1fr}.legal{display:block}.lightbox{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.brand-logo{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:13px 31px 15px;column-gap:13px;row-gap:0;align-items:center;min-width:285px;padding:7px 18px 7px 11px;color:var(--ink);isolation:isolate}.logo-brush{position:absolute;z-index:0;left:0;right:0;top:3px;height:8px;background:var(--wine);clip-path:polygon(0 44%,8% 16%,25% 34%,43% 6%,67% 31%,84% 0,100% 48%,94% 79%,68% 62%,47% 94%,20% 72%,4% 100%);opacity:.95}.logo-main{position:relative;z-index:1;grid-row:1/3;grid-column:1;display:grid;line-height:.8;text-align:center}.logo-main small{font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600}.logo-main strong{font-family:"DM Sans",sans-serif;font-size:2.25rem;line-height:.95;letter-spacing:-.06em;font-weight:700}.logo-signature{position:relative;z-index:1;grid-row:2;grid-column:2;align-self:end;font-family:"Playfair Display",serif;font-size:1.05rem;font-style:italic;white-space:nowrap;color:var(--wine);transform:rotate(-3deg)}.logo-experience{position:relative;z-index:1;grid-row:3;grid-column:1/3;justify-self:center;font-size:.56rem;line-height:1;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.nav.scrolled .brand-logo{transform:scale(.94);transform-origin:left center}.brand-logo{transition:transform .3s var(--ease)}
@media(max-width:760px){.brand-logo{min-width:225px;grid-template-rows:11px 28px 13px;column-gap:8px;padding-right:5px}.logo-main strong{font-size:1.9rem}.logo-main small{font-size:.5rem}.logo-signature{font-size:.85rem}.logo-experience{font-size:.48rem;letter-spacing:.09em}.nav-inner{height:82px}.links{top:82px}}
@media(max-width:390px){.brand-logo{min-width:200px;transform:scale(.9);transform-origin:left center}.logo-experience{display:none}.menu-button{padding:4px}}


/* ===== V5 : composants PHP partagés et SEO local ===== */
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:18px;top:18px;z-index:9999;background:#fff;color:#111;padding:10px 14px;border-radius:6px}
.topbar .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.topbar a{color:inherit}.nav .links a.active{color:var(--wine,#641c31)}
.hero .hero-content{max-width:820px}.hero h1{max-width:900px}.hero-local{margin-top:18px;font-size:.95rem;opacity:.86}
.seo-intro{padding:86px 0;background:#fff}.seo-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.seo-intro p{font-size:1.08rem;line-height:1.85;color:#4e4a48}.seo-intro strong{color:#231d1f}
.local-zone{background:#f2ede8;padding:92px 0}.local-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.city-list{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.city-list span{background:#fff;padding:9px 13px;border-radius:999px;border:1px solid #ded7d2;font-size:.9rem}.local-card{background:#fff;padding:36px;border-radius:4px;box-shadow:0 20px 45px rgba(20,10,14,.08)}.local-card h3{margin-top:0}.local-card p{line-height:1.75;color:#5a5351}
.home-faq{padding:90px 0;background:#fff}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-list details{border-top:1px solid #ded7d2;padding:20px 0}.faq-list details:last-child{border-bottom:1px solid #ded7d2}.faq-list summary{font-weight:700;cursor:pointer}.faq-list p{color:#5f5957;line-height:1.75}
.page-shell{min-height:60vh}.breadcrumb-bar{padding:20px 0;background:#f5f1ed;font-size:.86rem}.breadcrumb-bar a{color:#641c31}.page-content{padding:80px 0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:70px}.rich-copy h1{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.02;margin:.2em 0 .35em}.rich-copy h2{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.5rem);margin:1.7em 0 .55em}.rich-copy p,.rich-copy li{line-height:1.85;color:#4f4947}.rich-copy ul{padding-left:20px}.rich-copy .lead{font-size:1.18rem;color:#30292b}.side-sticky{position:sticky;top:120px;height:max-content}.side-card-v5{background:#641c31;color:#fff;padding:30px}.side-card-v5 p{color:rgba(255,255,255,.82);line-height:1.7}.side-card-v5 a:not(.btn){display:block;color:#fff;margin:10px 0}.side-links{margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2)}.side-links a{font-size:.93rem}
.service-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.service-links a{display:block;border:1px solid #ddd5d1;padding:16px;background:#fff;font-weight:700}.service-links a:hover{border-color:#641c31;color:#641c31}
.zone-hero{padding:105px 0 70px;background:#241b1e;color:#fff}.zone-hero h1{font-family:Georgia,serif;font-size:clamp(2.7rem,5vw,5.4rem);line-height:1.02;max-width:940px;margin:12px 0 20px}.zone-hero p{max-width:760px;color:rgba(255,255,255,.76);font-size:1.12rem;line-height:1.8}
.legal-note{background:#fff3cd;border:1px solid #ffe69c;padding:18px;margin:22px 0;color:#664d03}
.notice{padding:14px 18px;margin-bottom:18px;background:#e7f4eb;color:#185b2d;border-left:4px solid #2f8b4b}.notice.error{background:#fbe8e8;color:#8f2424;border-color:#c74343}
.footer-address{font-style:normal;color:rgba(255,255,255,.7);line-height:1.6}.footer .footer-grid{grid-template-columns:1.25fr 1fr 1fr 1fr}.footer .footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer a{color:inherit}.footer-service-links a{font-size:.9rem}.legal{gap:18px;flex-wrap:wrap}
@media(max-width:900px){.seo-intro-grid,.local-grid,.faq-grid,.content-grid{grid-template-columns:1fr}.side-sticky{position:static}.footer .footer-grid{grid-template-columns:1fr 1fr}.topbar .wrap{align-items:flex-start;flex-direction:column;gap:4px}.service-links{grid-template-columns:1fr}}
@media(max-width:620px){.footer .footer-grid{grid-template-columns:1fr}.seo-intro,.local-zone,.home-faq,.page-content{padding:60px 0}.zone-hero{padding:82px 0 52px}}

/* Message de retour du formulaire, préparé côté Controller */
.contact-status{margin:18px 0 0;padding:13px 15px;border-radius:10px;font-size:14px;font-weight:700}.contact-status.success{background:#e9f7ef;color:#1c6944}.contact-status.error{background:#fdebed;color:#982b3a}


/* ===== V12 : plusieurs comparateurs Avant / Après ===== */
.before-section{background:var(--cream)}
.before-section-head{margin-bottom:42px}
.before-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.before-card{min-width:0;background:#fff;border:1px solid var(--line);box-shadow:0 18px 55px rgba(37,19,23,.08);overflow:hidden}
.before-card .range-wrap{height:auto;aspect-ratio:4/3;box-shadow:none}
.before-card .range-wrap img{object-fit:cover}
.before-card-copy{padding:24px 25px 27px}
.before-card-copy>span{display:block;margin-bottom:7px;color:var(--wine);font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.before-card-copy h3{margin:0 0 8px;font:600 1.35rem/1.15 "Playfair Display",serif}
.before-card-copy p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}
.before-card .range-handle{width:52px;height:52px}
.before-card .tag{top:14px;padding:7px 10px;font-size:.65rem}
.before-card .tag.before{left:14px}
.before-card .tag.after{right:14px}
.before-cta{display:flex;justify-content:center;margin-top:34px}
@media(max-width:1000px){.before-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.before-gallery{grid-template-columns:1fr}.before-card .range-wrap{aspect-ratio:4/3}.before-card-copy{padding:20px}.before-cta{justify-content:stretch}.before-cta .btn{width:100%}}


/* V13 - interaction fiable des comparateurs avant/après */
.range-wrap{touch-action:pan-y}
.range{touch-action:pan-y;-webkit-tap-highlight-color:transparent}


/* V14 - cadrage synchronisé des comparateurs */
.before-card .range-wrap{
    width:100%;
    aspect-ratio:4/3;
    overflow:hidden;
    position:relative;
}
.before-card .range-wrap>img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 50%;
}


/* V15 - 4e avant/après et grille 2x2 plus lisible */
.before-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.before-gallery{grid-template-columns:1fr}}

/* Security: honeypot without inline style (CSP compatible) */
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* CSP-safe dynamic positions: generated classes, no style attributes */

.progress.progress-p-0{width:0%}
.progress.progress-p-1{width:1%}
.progress.progress-p-2{width:2%}
.progress.progress-p-3{width:3%}
.progress.progress-p-4{width:4%}
.progress.progress-p-5{width:5%}
.progress.progress-p-6{width:6%}
.progress.progress-p-7{width:7%}
.progress.progress-p-8{width:8%}
.progress.progress-p-9{width:9%}
.progress.progress-p-10{width:10%}
.progress.progress-p-11{width:11%}
.progress.progress-p-12{width:12%}
.progress.progress-p-13{width:13%}
.progress.progress-p-14{width:14%}
.progress.progress-p-15{width:15%}
.progress.progress-p-16{width:16%}
.progress.progress-p-17{width:17%}
.progress.progress-p-18{width:18%}
.progress.progress-p-19{width:19%}
.progress.progress-p-20{width:20%}
.progress.progress-p-21{width:21%}
.progress.progress-p-22{width:22%}
.progress.progress-p-23{width:23%}
.progress.progress-p-24{width:24%}
.progress.progress-p-25{width:25%}
.progress.progress-p-26{width:26%}
.progress.progress-p-27{width:27%}
.progress.progress-p-28{width:28%}
.progress.progress-p-29{width:29%}
.progress.progress-p-30{width:30%}
.progress.progress-p-31{width:31%}
.progress.progress-p-32{width:32%}
.progress.progress-p-33{width:33%}
.progress.progress-p-34{width:34%}
.progress.progress-p-35{width:35%}
.progress.progress-p-36{width:36%}
.progress.progress-p-37{width:37%}
.progress.progress-p-38{width:38%}
.progress.progress-p-39{width:39%}
.progress.progress-p-40{width:40%}
.progress.progress-p-41{width:41%}
.progress.progress-p-42{width:42%}
.progress.progress-p-43{width:43%}
.progress.progress-p-44{width:44%}
.progress.progress-p-45{width:45%}
.progress.progress-p-46{width:46%}
.progress.progress-p-47{width:47%}
.progress.progress-p-48{width:48%}
.progress.progress-p-49{width:49%}
.progress.progress-p-50{width:50%}
.progress.progress-p-51{width:51%}
.progress.progress-p-52{width:52%}
.progress.progress-p-53{width:53%}
.progress.progress-p-54{width:54%}
.progress.progress-p-55{width:55%}
.progress.progress-p-56{width:56%}
.progress.progress-p-57{width:57%}
.progress.progress-p-58{width:58%}
.progress.progress-p-59{width:59%}
.progress.progress-p-60{width:60%}
.progress.progress-p-61{width:61%}
.progress.progress-p-62{width:62%}
.progress.progress-p-63{width:63%}
.progress.progress-p-64{width:64%}
.progress.progress-p-65{width:65%}
.progress.progress-p-66{width:66%}
.progress.progress-p-67{width:67%}
.progress.progress-p-68{width:68%}
.progress.progress-p-69{width:69%}
.progress.progress-p-70{width:70%}
.progress.progress-p-71{width:71%}
.progress.progress-p-72{width:72%}
.progress.progress-p-73{width:73%}
.progress.progress-p-74{width:74%}
.progress.progress-p-75{width:75%}
.progress.progress-p-76{width:76%}
.progress.progress-p-77{width:77%}
.progress.progress-p-78{width:78%}
.progress.progress-p-79{width:79%}
.progress.progress-p-80{width:80%}
.progress.progress-p-81{width:81%}
.progress.progress-p-82{width:82%}
.progress.progress-p-83{width:83%}
.progress.progress-p-84{width:84%}
.progress.progress-p-85{width:85%}
.progress.progress-p-86{width:86%}
.progress.progress-p-87{width:87%}
.progress.progress-p-88{width:88%}
.progress.progress-p-89{width:89%}
.progress.progress-p-90{width:90%}
.progress.progress-p-91{width:91%}
.progress.progress-p-92{width:92%}
.progress.progress-p-93{width:93%}
.progress.progress-p-94{width:94%}
.progress.progress-p-95{width:95%}
.progress.progress-p-96{width:96%}
.progress.progress-p-97{width:97%}
.progress.progress-p-98{width:98%}
.progress.progress-p-99{width:99%}
.progress.progress-p-100{width:100%}
.range-wrap.range-p-0 .range-after{clip-path:inset(0 100% 0 0)}.range-wrap.range-p-0 .range-line,.range-wrap.range-p-0 .range-handle{left:0%}
.range-wrap.range-p-1 .range-after{clip-path:inset(0 99% 0 0)}.range-wrap.range-p-1 .range-line,.range-wrap.range-p-1 .range-handle{left:1%}
.range-wrap.range-p-2 .range-after{clip-path:inset(0 98% 0 0)}.range-wrap.range-p-2 .range-line,.range-wrap.range-p-2 .range-handle{left:2%}
.range-wrap.range-p-3 .range-after{clip-path:inset(0 97% 0 0)}.range-wrap.range-p-3 .range-line,.range-wrap.range-p-3 .range-handle{left:3%}
.range-wrap.range-p-4 .range-after{clip-path:inset(0 96% 0 0)}.range-wrap.range-p-4 .range-line,.range-wrap.range-p-4 .range-handle{left:4%}
.range-wrap.range-p-5 .range-after{clip-path:inset(0 95% 0 0)}.range-wrap.range-p-5 .range-line,.range-wrap.range-p-5 .range-handle{left:5%}
.range-wrap.range-p-6 .range-after{clip-path:inset(0 94% 0 0)}.range-wrap.range-p-6 .range-line,.range-wrap.range-p-6 .range-handle{left:6%}
.range-wrap.range-p-7 .range-after{clip-path:inset(0 93% 0 0)}.range-wrap.range-p-7 .range-line,.range-wrap.range-p-7 .range-handle{left:7%}
.range-wrap.range-p-8 .range-after{clip-path:inset(0 92% 0 0)}.range-wrap.range-p-8 .range-line,.range-wrap.range-p-8 .range-handle{left:8%}
.range-wrap.range-p-9 .range-after{clip-path:inset(0 91% 0 0)}.range-wrap.range-p-9 .range-line,.range-wrap.range-p-9 .range-handle{left:9%}
.range-wrap.range-p-10 .range-after{clip-path:inset(0 90% 0 0)}.range-wrap.range-p-10 .range-line,.range-wrap.range-p-10 .range-handle{left:10%}
.range-wrap.range-p-11 .range-after{clip-path:inset(0 89% 0 0)}.range-wrap.range-p-11 .range-line,.range-wrap.range-p-11 .range-handle{left:11%}
.range-wrap.range-p-12 .range-after{clip-path:inset(0 88% 0 0)}.range-wrap.range-p-12 .range-line,.range-wrap.range-p-12 .range-handle{left:12%}
.range-wrap.range-p-13 .range-after{clip-path:inset(0 87% 0 0)}.range-wrap.range-p-13 .range-line,.range-wrap.range-p-13 .range-handle{left:13%}
.range-wrap.range-p-14 .range-after{clip-path:inset(0 86% 0 0)}.range-wrap.range-p-14 .range-line,.range-wrap.range-p-14 .range-handle{left:14%}
.range-wrap.range-p-15 .range-after{clip-path:inset(0 85% 0 0)}.range-wrap.range-p-15 .range-line,.range-wrap.range-p-15 .range-handle{left:15%}
.range-wrap.range-p-16 .range-after{clip-path:inset(0 84% 0 0)}.range-wrap.range-p-16 .range-line,.range-wrap.range-p-16 .range-handle{left:16%}
.range-wrap.range-p-17 .range-after{clip-path:inset(0 83% 0 0)}.range-wrap.range-p-17 .range-line,.range-wrap.range-p-17 .range-handle{left:17%}
.range-wrap.range-p-18 .range-after{clip-path:inset(0 82% 0 0)}.range-wrap.range-p-18 .range-line,.range-wrap.range-p-18 .range-handle{left:18%}
.range-wrap.range-p-19 .range-after{clip-path:inset(0 81% 0 0)}.range-wrap.range-p-19 .range-line,.range-wrap.range-p-19 .range-handle{left:19%}
.range-wrap.range-p-20 .range-after{clip-path:inset(0 80% 0 0)}.range-wrap.range-p-20 .range-line,.range-wrap.range-p-20 .range-handle{left:20%}
.range-wrap.range-p-21 .range-after{clip-path:inset(0 79% 0 0)}.range-wrap.range-p-21 .range-line,.range-wrap.range-p-21 .range-handle{left:21%}
.range-wrap.range-p-22 .range-after{clip-path:inset(0 78% 0 0)}.range-wrap.range-p-22 .range-line,.range-wrap.range-p-22 .range-handle{left:22%}
.range-wrap.range-p-23 .range-after{clip-path:inset(0 77% 0 0)}.range-wrap.range-p-23 .range-line,.range-wrap.range-p-23 .range-handle{left:23%}
.range-wrap.range-p-24 .range-after{clip-path:inset(0 76% 0 0)}.range-wrap.range-p-24 .range-line,.range-wrap.range-p-24 .range-handle{left:24%}
.range-wrap.range-p-25 .range-after{clip-path:inset(0 75% 0 0)}.range-wrap.range-p-25 .range-line,.range-wrap.range-p-25 .range-handle{left:25%}
.range-wrap.range-p-26 .range-after{clip-path:inset(0 74% 0 0)}.range-wrap.range-p-26 .range-line,.range-wrap.range-p-26 .range-handle{left:26%}
.range-wrap.range-p-27 .range-after{clip-path:inset(0 73% 0 0)}.range-wrap.range-p-27 .range-line,.range-wrap.range-p-27 .range-handle{left:27%}
.range-wrap.range-p-28 .range-after{clip-path:inset(0 72% 0 0)}.range-wrap.range-p-28 .range-line,.range-wrap.range-p-28 .range-handle{left:28%}
.range-wrap.range-p-29 .range-after{clip-path:inset(0 71% 0 0)}.range-wrap.range-p-29 .range-line,.range-wrap.range-p-29 .range-handle{left:29%}
.range-wrap.range-p-30 .range-after{clip-path:inset(0 70% 0 0)}.range-wrap.range-p-30 .range-line,.range-wrap.range-p-30 .range-handle{left:30%}
.range-wrap.range-p-31 .range-after{clip-path:inset(0 69% 0 0)}.range-wrap.range-p-31 .range-line,.range-wrap.range-p-31 .range-handle{left:31%}
.range-wrap.range-p-32 .range-after{clip-path:inset(0 68% 0 0)}.range-wrap.range-p-32 .range-line,.range-wrap.range-p-32 .range-handle{left:32%}
.range-wrap.range-p-33 .range-after{clip-path:inset(0 67% 0 0)}.range-wrap.range-p-33 .range-line,.range-wrap.range-p-33 .range-handle{left:33%}
.range-wrap.range-p-34 .range-after{clip-path:inset(0 66% 0 0)}.range-wrap.range-p-34 .range-line,.range-wrap.range-p-34 .range-handle{left:34%}
.range-wrap.range-p-35 .range-after{clip-path:inset(0 65% 0 0)}.range-wrap.range-p-35 .range-line,.range-wrap.range-p-35 .range-handle{left:35%}
.range-wrap.range-p-36 .range-after{clip-path:inset(0 64% 0 0)}.range-wrap.range-p-36 .range-line,.range-wrap.range-p-36 .range-handle{left:36%}
.range-wrap.range-p-37 .range-after{clip-path:inset(0 63% 0 0)}.range-wrap.range-p-37 .range-line,.range-wrap.range-p-37 .range-handle{left:37%}
.range-wrap.range-p-38 .range-after{clip-path:inset(0 62% 0 0)}.range-wrap.range-p-38 .range-line,.range-wrap.range-p-38 .range-handle{left:38%}
.range-wrap.range-p-39 .range-after{clip-path:inset(0 61% 0 0)}.range-wrap.range-p-39 .range-line,.range-wrap.range-p-39 .range-handle{left:39%}
.range-wrap.range-p-40 .range-after{clip-path:inset(0 60% 0 0)}.range-wrap.range-p-40 .range-line,.range-wrap.range-p-40 .range-handle{left:40%}
.range-wrap.range-p-41 .range-after{clip-path:inset(0 59% 0 0)}.range-wrap.range-p-41 .range-line,.range-wrap.range-p-41 .range-handle{left:41%}
.range-wrap.range-p-42 .range-after{clip-path:inset(0 58% 0 0)}.range-wrap.range-p-42 .range-line,.range-wrap.range-p-42 .range-handle{left:42%}
.range-wrap.range-p-43 .range-after{clip-path:inset(0 57% 0 0)}.range-wrap.range-p-43 .range-line,.range-wrap.range-p-43 .range-handle{left:43%}
.range-wrap.range-p-44 .range-after{clip-path:inset(0 56% 0 0)}.range-wrap.range-p-44 .range-line,.range-wrap.range-p-44 .range-handle{left:44%}
.range-wrap.range-p-45 .range-after{clip-path:inset(0 55% 0 0)}.range-wrap.range-p-45 .range-line,.range-wrap.range-p-45 .range-handle{left:45%}
.range-wrap.range-p-46 .range-after{clip-path:inset(0 54% 0 0)}.range-wrap.range-p-46 .range-line,.range-wrap.range-p-46 .range-handle{left:46%}
.range-wrap.range-p-47 .range-after{clip-path:inset(0 53% 0 0)}.range-wrap.range-p-47 .range-line,.range-wrap.range-p-47 .range-handle{left:47%}
.range-wrap.range-p-48 .range-after{clip-path:inset(0 52% 0 0)}.range-wrap.range-p-48 .range-line,.range-wrap.range-p-48 .range-handle{left:48%}
.range-wrap.range-p-49 .range-after{clip-path:inset(0 51% 0 0)}.range-wrap.range-p-49 .range-line,.range-wrap.range-p-49 .range-handle{left:49%}
.range-wrap.range-p-50 .range-after{clip-path:inset(0 50% 0 0)}.range-wrap.range-p-50 .range-line,.range-wrap.range-p-50 .range-handle{left:50%}
.range-wrap.range-p-51 .range-after{clip-path:inset(0 49% 0 0)}.range-wrap.range-p-51 .range-line,.range-wrap.range-p-51 .range-handle{left:51%}
.range-wrap.range-p-52 .range-after{clip-path:inset(0 48% 0 0)}.range-wrap.range-p-52 .range-line,.range-wrap.range-p-52 .range-handle{left:52%}
.range-wrap.range-p-53 .range-after{clip-path:inset(0 47% 0 0)}.range-wrap.range-p-53 .range-line,.range-wrap.range-p-53 .range-handle{left:53%}
.range-wrap.range-p-54 .range-after{clip-path:inset(0 46% 0 0)}.range-wrap.range-p-54 .range-line,.range-wrap.range-p-54 .range-handle{left:54%}
.range-wrap.range-p-55 .range-after{clip-path:inset(0 45% 0 0)}.range-wrap.range-p-55 .range-line,.range-wrap.range-p-55 .range-handle{left:55%}
.range-wrap.range-p-56 .range-after{clip-path:inset(0 44% 0 0)}.range-wrap.range-p-56 .range-line,.range-wrap.range-p-56 .range-handle{left:56%}
.range-wrap.range-p-57 .range-after{clip-path:inset(0 43% 0 0)}.range-wrap.range-p-57 .range-line,.range-wrap.range-p-57 .range-handle{left:57%}
.range-wrap.range-p-58 .range-after{clip-path:inset(0 42% 0 0)}.range-wrap.range-p-58 .range-line,.range-wrap.range-p-58 .range-handle{left:58%}
.range-wrap.range-p-59 .range-after{clip-path:inset(0 41% 0 0)}.range-wrap.range-p-59 .range-line,.range-wrap.range-p-59 .range-handle{left:59%}
.range-wrap.range-p-60 .range-after{clip-path:inset(0 40% 0 0)}.range-wrap.range-p-60 .range-line,.range-wrap.range-p-60 .range-handle{left:60%}
.range-wrap.range-p-61 .range-after{clip-path:inset(0 39% 0 0)}.range-wrap.range-p-61 .range-line,.range-wrap.range-p-61 .range-handle{left:61%}
.range-wrap.range-p-62 .range-after{clip-path:inset(0 38% 0 0)}.range-wrap.range-p-62 .range-line,.range-wrap.range-p-62 .range-handle{left:62%}
.range-wrap.range-p-63 .range-after{clip-path:inset(0 37% 0 0)}.range-wrap.range-p-63 .range-line,.range-wrap.range-p-63 .range-handle{left:63%}
.range-wrap.range-p-64 .range-after{clip-path:inset(0 36% 0 0)}.range-wrap.range-p-64 .range-line,.range-wrap.range-p-64 .range-handle{left:64%}
.range-wrap.range-p-65 .range-after{clip-path:inset(0 35% 0 0)}.range-wrap.range-p-65 .range-line,.range-wrap.range-p-65 .range-handle{left:65%}
.range-wrap.range-p-66 .range-after{clip-path:inset(0 34% 0 0)}.range-wrap.range-p-66 .range-line,.range-wrap.range-p-66 .range-handle{left:66%}
.range-wrap.range-p-67 .range-after{clip-path:inset(0 33% 0 0)}.range-wrap.range-p-67 .range-line,.range-wrap.range-p-67 .range-handle{left:67%}
.range-wrap.range-p-68 .range-after{clip-path:inset(0 32% 0 0)}.range-wrap.range-p-68 .range-line,.range-wrap.range-p-68 .range-handle{left:68%}
.range-wrap.range-p-69 .range-after{clip-path:inset(0 31% 0 0)}.range-wrap.range-p-69 .range-line,.range-wrap.range-p-69 .range-handle{left:69%}
.range-wrap.range-p-70 .range-after{clip-path:inset(0 30% 0 0)}.range-wrap.range-p-70 .range-line,.range-wrap.range-p-70 .range-handle{left:70%}
.range-wrap.range-p-71 .range-after{clip-path:inset(0 29% 0 0)}.range-wrap.range-p-71 .range-line,.range-wrap.range-p-71 .range-handle{left:71%}
.range-wrap.range-p-72 .range-after{clip-path:inset(0 28% 0 0)}.range-wrap.range-p-72 .range-line,.range-wrap.range-p-72 .range-handle{left:72%}
.range-wrap.range-p-73 .range-after{clip-path:inset(0 27% 0 0)}.range-wrap.range-p-73 .range-line,.range-wrap.range-p-73 .range-handle{left:73%}
.range-wrap.range-p-74 .range-after{clip-path:inset(0 26% 0 0)}.range-wrap.range-p-74 .range-line,.range-wrap.range-p-74 .range-handle{left:74%}
.range-wrap.range-p-75 .range-after{clip-path:inset(0 25% 0 0)}.range-wrap.range-p-75 .range-line,.range-wrap.range-p-75 .range-handle{left:75%}
.range-wrap.range-p-76 .range-after{clip-path:inset(0 24% 0 0)}.range-wrap.range-p-76 .range-line,.range-wrap.range-p-76 .range-handle{left:76%}
.range-wrap.range-p-77 .range-after{clip-path:inset(0 23% 0 0)}.range-wrap.range-p-77 .range-line,.range-wrap.range-p-77 .range-handle{left:77%}
.range-wrap.range-p-78 .range-after{clip-path:inset(0 22% 0 0)}.range-wrap.range-p-78 .range-line,.range-wrap.range-p-78 .range-handle{left:78%}
.range-wrap.range-p-79 .range-after{clip-path:inset(0 21% 0 0)}.range-wrap.range-p-79 .range-line,.range-wrap.range-p-79 .range-handle{left:79%}
.range-wrap.range-p-80 .range-after{clip-path:inset(0 20% 0 0)}.range-wrap.range-p-80 .range-line,.range-wrap.range-p-80 .range-handle{left:80%}
.range-wrap.range-p-81 .range-after{clip-path:inset(0 19% 0 0)}.range-wrap.range-p-81 .range-line,.range-wrap.range-p-81 .range-handle{left:81%}
.range-wrap.range-p-82 .range-after{clip-path:inset(0 18% 0 0)}.range-wrap.range-p-82 .range-line,.range-wrap.range-p-82 .range-handle{left:82%}
.range-wrap.range-p-83 .range-after{clip-path:inset(0 17% 0 0)}.range-wrap.range-p-83 .range-line,.range-wrap.range-p-83 .range-handle{left:83%}
.range-wrap.range-p-84 .range-after{clip-path:inset(0 16% 0 0)}.range-wrap.range-p-84 .range-line,.range-wrap.range-p-84 .range-handle{left:84%}
.range-wrap.range-p-85 .range-after{clip-path:inset(0 15% 0 0)}.range-wrap.range-p-85 .range-line,.range-wrap.range-p-85 .range-handle{left:85%}
.range-wrap.range-p-86 .range-after{clip-path:inset(0 14% 0 0)}.range-wrap.range-p-86 .range-line,.range-wrap.range-p-86 .range-handle{left:86%}
.range-wrap.range-p-87 .range-after{clip-path:inset(0 13% 0 0)}.range-wrap.range-p-87 .range-line,.range-wrap.range-p-87 .range-handle{left:87%}
.range-wrap.range-p-88 .range-after{clip-path:inset(0 12% 0 0)}.range-wrap.range-p-88 .range-line,.range-wrap.range-p-88 .range-handle{left:88%}
.range-wrap.range-p-89 .range-after{clip-path:inset(0 11% 0 0)}.range-wrap.range-p-89 .range-line,.range-wrap.range-p-89 .range-handle{left:89%}
.range-wrap.range-p-90 .range-after{clip-path:inset(0 10% 0 0)}.range-wrap.range-p-90 .range-line,.range-wrap.range-p-90 .range-handle{left:90%}
.range-wrap.range-p-91 .range-after{clip-path:inset(0 9% 0 0)}.range-wrap.range-p-91 .range-line,.range-wrap.range-p-91 .range-handle{left:91%}
.range-wrap.range-p-92 .range-after{clip-path:inset(0 8% 0 0)}.range-wrap.range-p-92 .range-line,.range-wrap.range-p-92 .range-handle{left:92%}
.range-wrap.range-p-93 .range-after{clip-path:inset(0 7% 0 0)}.range-wrap.range-p-93 .range-line,.range-wrap.range-p-93 .range-handle{left:93%}
.range-wrap.range-p-94 .range-after{clip-path:inset(0 6% 0 0)}.range-wrap.range-p-94 .range-line,.range-wrap.range-p-94 .range-handle{left:94%}
.range-wrap.range-p-95 .range-after{clip-path:inset(0 5% 0 0)}.range-wrap.range-p-95 .range-line,.range-wrap.range-p-95 .range-handle{left:95%}
.range-wrap.range-p-96 .range-after{clip-path:inset(0 4% 0 0)}.range-wrap.range-p-96 .range-line,.range-wrap.range-p-96 .range-handle{left:96%}
.range-wrap.range-p-97 .range-after{clip-path:inset(0 3% 0 0)}.range-wrap.range-p-97 .range-line,.range-wrap.range-p-97 .range-handle{left:97%}
.range-wrap.range-p-98 .range-after{clip-path:inset(0 2% 0 0)}.range-wrap.range-p-98 .range-line,.range-wrap.range-p-98 .range-handle{left:98%}
.range-wrap.range-p-99 .range-after{clip-path:inset(0 1% 0 0)}.range-wrap.range-p-99 .range-line,.range-wrap.range-p-99 .range-handle{left:99%}
.range-wrap.range-p-100 .range-after{clip-path:inset(0 0% 0 0)}.range-wrap.range-p-100 .range-line,.range-wrap.range-p-100 .range-handle{left:100%}