/* Garage Volt — technical, direct and built around choosing the right visit. */
.demo.demo-garage-volt{--paper:#f2f4f7;--ink:#101821;--accent:#b8f364;--soft:#e1e6ed;--surface:#fff;--heading-font:'Barlow Condensed',Impact,sans-serif;--volt-blue:#183cc7}
.demo-garage-volt .demo-header{background:var(--ink);color:var(--paper);border-bottom:1px solid #ffffff30}.demo-garage-volt .demo-header-inner{max-width:1440px;padding-block:17px}.demo-garage-volt .demo-brand>span{font:600 37px/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.015em}.demo-garage-volt .demo-brand>small{color:#c3ceda;font-size:9px;letter-spacing:.15em;margin-top:4px}.demo-garage-volt .demo-nav{font-size:12px;font-weight:600}.demo-garage-volt .demo-nav>.nav-action{background:var(--accent);color:var(--ink);border-color:var(--accent);padding:12px 18px}.demo-garage-volt .demo-nav>.nav-action:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}.demo-garage-volt .menu-toggle{border-color:#ffffff50}.demo-garage-volt .volt-wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.demo-garage-volt .volt-opening{background:var(--volt-blue);color:#fff}.demo-garage-volt .volt-status{display:flex;justify-content:space-between;gap:20px;max-width:1440px;margin:auto;padding:14px 40px;border-bottom:1px solid #ffffff40;font-size:10px;font-weight:650;letter-spacing:.1em}.demo-garage-volt .volt-status>span:first-child{display:flex;align-items:center;gap:8px}.demo-garage-volt .volt-status i{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.demo-garage-volt .volt-hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:710px}.demo-garage-volt .volt-heading{padding:43px 40px 55px max(40px,calc((100vw - 1240px)/2))}.demo-garage-volt .volt-label{font-size:10px;font-weight:750;letter-spacing:.13em}.demo-garage-volt .volt-heading h1{font:600 clamp(74px,7.3vw,112px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.005em;margin:22px 0 27px}.demo-garage-volt .volt-heading h1 span{color:var(--accent)}.demo-garage-volt .volt-heading>p:not(.volt-label){font-size:14px;max-width:390px;line-height:1.85}.demo-garage-volt .volt-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:51px;padding:14px 20px;background:var(--accent);color:var(--ink);font-size:12px;font-weight:800;border:1px solid var(--ink)}.demo-garage-volt .volt-button:hover{background:#fff;color:var(--ink)}.demo-garage-volt .volt-heading .volt-button{margin-top:25px;border-color:var(--accent)}.demo-garage-volt .volt-hero-grid>figure{position:relative;min-height:0;overflow:hidden}.demo-garage-volt .volt-hero-grid>figure>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.5) contrast(1.05)}.demo-garage-volt .volt-hero-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:25px 30px;background:var(--ink);font-family:'Barlow Condensed',Impact,sans-serif;line-height:1.1}.demo-garage-volt .volt-hero-grid figcaption>span{display:block;font-size:24px;font-weight:600;letter-spacing:.02em}.demo-garage-volt .volt-hero-grid figcaption>strong{display:block;font-size:40px;color:var(--accent);margin-top:5px;font-weight:600;letter-spacing:.01em}.demo-garage-volt .volt-site h2{font:600 clamp(38px,4vw,60px)/1.02 'Barlow Condensed',Impact,sans-serif;letter-spacing:0;text-transform:uppercase}.demo-garage-volt .volt-selector{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;padding-block:85px}.demo-garage-volt .volt-selector h2{margin-top:23px}.demo-garage-volt .volt-needs{position:relative;min-width:0}.demo-garage-volt .volt-need-radio{position:absolute;width:1px;height:1px;opacity:0}.demo-garage-volt .volt-needs>label{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;border-top:1px solid #10182140;min-height:66px;font-size:15px;font-weight:700;cursor:pointer}.demo-garage-volt .volt-needs>input:checked+label{background:var(--ink);color:var(--paper)}.demo-garage-volt .volt-needs>input:focus-visible+label{outline:3px solid var(--volt-blue);outline-offset:3px}.demo-garage-volt .volt-needs>label>span{font-size:23px;font-weight:400}.demo-garage-volt .volt-need-panel{display:none;padding:25px 0 0;border-top:1px solid #10182140}.demo-garage-volt #volt-need-entretien:checked~.volt-maintenance,.demo-garage-volt #volt-need-voyant:checked~.volt-diagnostic,.demo-garage-volt #volt-need-depart:checked~.volt-check{display:block}.demo-garage-volt .volt-need-panel h3{font-size:18px;letter-spacing:-.02em}.demo-garage-volt .volt-need-panel p{font-size:13px;line-height:1.8;margin-top:10px;max-width:520px}.demo-garage-volt .volt-inline-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:700;border-bottom:1px solid currentColor;gap:15px}.demo-garage-volt .volt-need-panel .volt-inline-link{margin-top:12px}.demo-garage-volt .volt-services{background:var(--ink);color:var(--paper);padding-block:75px}.demo-garage-volt .volt-services header{display:grid;grid-template-columns:1fr 1fr;gap:20px 70px;align-items:end;margin-bottom:40px}.demo-garage-volt .volt-services header>.volt-label{grid-column:1/-1;color:#b8f364}.demo-garage-volt .volt-services header>p:not(.volt-label){max-width:440px;font-size:13px;color:#c1ccda;line-height:1.85}.demo-garage-volt .volt-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #ffffff45}.demo-garage-volt .volt-service-list>article{padding:30px 35px;border-bottom:1px solid #ffffff45;min-width:0}.demo-garage-volt .volt-service-list>article:nth-child(odd){border-right:1px solid #ffffff45;padding-left:0}.demo-garage-volt .volt-service-list>article:nth-child(even){padding-right:0}.demo-garage-volt .volt-service-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;letter-spacing:.08em}.demo-garage-volt .volt-service-top strong{font-size:24px;letter-spacing:-.04em;color:var(--accent);font-weight:650}.demo-garage-volt .volt-service-list h3{font-size:24px;line-height:1.3;margin-top:23px;letter-spacing:-.04em}.demo-garage-volt .volt-service-list p{font-size:13px;color:#c1ccda;margin-top:12px;max-width:440px;line-height:1.8}.demo-garage-volt .volt-service-time{display:block;font-size:9px;letter-spacing:.12em;margin-top:20px}.demo-garage-volt .volt-service-list article>div:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:10px 25px;margin-top:22px}.demo-garage-volt .volt-service-list .volt-button{font-size:11px;padding:12px 17px;min-height:46px}.demo-garage-volt .volt-service-list .volt-inline-link{font-size:11px}.demo-garage-volt .volt-prepare{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px;padding-block:90px}.demo-garage-volt .volt-prepare figure>img{width:100%;aspect-ratio:1.1;object-fit:cover}.demo-garage-volt .volt-prepare h2{margin-top:22px}.demo-garage-volt .volt-prepare ul{list-style:none;padding:0;margin:25px 0 15px;font-size:13px}.demo-garage-volt .volt-prepare li{padding:14px 0 14px 25px;border-bottom:1px solid var(--line);position:relative}.demo-garage-volt .volt-prepare li:before{content:'+';position:absolute;left:0;font-size:17px;font-weight:700;color:var(--volt-blue)}.demo-garage-volt .volt-access{border-top:2px solid var(--ink);padding-block:60px 80px}.demo-garage-volt .volt-access h2{font-size:clamp(55px,6.5vw,94px);margin:22px 0}.demo-garage-volt .volt-access>p:not(.volt-label){font-size:13px}.demo-garage-volt .volt-access>div{display:flex;gap:30px;flex-wrap:wrap;align-items:center;margin-top:26px}.demo-garage-volt .demo-footer{background:var(--volt-blue);color:#fff;--line:#ffffff45}.demo-garage-volt .footer-brand{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:44px;letter-spacing:.01em}.demo-garage-volt .footer-bottom>small{color:#fff}.demo-garage-volt .de-page-heading{background:var(--volt-blue);color:white;padding:38px 35px;margin-top:30px;margin-bottom:35px;--muted:#d4def8}.demo-garage-volt .de-page-heading h1{font:600 clamp(45px,5.3vw,75px)/1.02 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:0}.demo-garage-volt .de-page-heading>p:not(.de-kicker){font-size:14px;max-width:800px;color:#e0e8ff}.demo-garage-volt .de-breadcrumb{color:#e0e8ff;font-size:11px}.demo-garage-volt .de-kicker{color:var(--accent);font-size:10px}.demo-garage-volt .de-panel{border:1px solid #10182140;background:#fff}.demo-garage-volt .de-panel h2{font:600 33px/1.15 'Barlow Condensed',Impact,sans-serif;letter-spacing:0}.demo-garage-volt .de-form-section legend{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:24px;letter-spacing:.02em}.demo-garage-volt .de-button,.demo-garage-volt .demo-button{background:var(--volt-blue);color:#fff;border-color:var(--volt-blue);font-size:12px}.demo-garage-volt .de-button-secondary{background:transparent;color:var(--volt-blue)}.demo-garage-volt .de-button:hover,.demo-garage-volt .demo-button:hover{background:var(--accent);color:var(--ink);border-color:var(--ink)}.demo-garage-volt .de-service-card{padding:25px;border:1px solid #10182130;background:#fff}.demo-garage-volt .de-service-card h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:35px;letter-spacing:0}.demo-garage-volt .de-service-price strong{font-size:22px;color:var(--volt-blue)}.demo-garage-volt .de-services{gap:25px}.demo-garage-volt .de-service-card>img{aspect-ratio:1.85;filter:saturate(.6)}.demo-garage-volt .de-service-detail .de-service-price{background:var(--accent);color:var(--ink);padding:16px 18px;border:0}.demo-garage-volt .de-service-detail .de-service-price strong{color:var(--ink)}.demo-garage-volt .de-progress li{border-bottom:2px solid var(--line);padding:0 18px 12px 0}.demo-garage-volt .de-progress [aria-current]{border-color:var(--volt-blue);color:var(--volt-blue)}.demo-garage-volt .booking-calendar-days button[aria-pressed=true],.demo-garage-volt .de-slots button[aria-pressed=true]{background:var(--volt-blue);color:white;border-color:var(--volt-blue)}.demo-garage-volt .de-booking-aside{padding:22px;background:var(--ink);color:var(--paper);--muted:#cbd4df}.demo-garage-volt .de-booking-aside h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;text-transform:uppercase;letter-spacing:.01em}
@media(max-width:1050px){.demo-garage-volt .demo-nav{background:var(--ink);color:var(--paper)}.demo-garage-volt .volt-heading{padding-left:30px}.demo-garage-volt .volt-heading h1{font-size:88px}.demo-garage-volt .volt-selector{gap:40px}.demo-garage-volt .volt-prepare{gap:40px}.demo-garage-volt .volt-service-list>article{padding-inline:25px}.demo-garage-volt .demo-brand>span{font-size:33px}}
@media(max-width:800px){.demo-garage-volt .volt-wrap{width:calc(100% - 40px)}.demo-garage-volt .volt-status{padding:13px 20px;font-size:9px}.demo-garage-volt .volt-status>span:last-child{display:none}.demo-garage-volt .volt-hero-grid{display:flex;flex-direction:column;min-height:0}.demo-garage-volt .volt-heading{padding:35px 20px 40px}.demo-garage-volt .volt-heading h1{font-size:clamp(76px,12vw,100px)}.demo-garage-volt .volt-heading>p:not(.volt-label){max-width:550px}.demo-garage-volt .volt-hero-grid>figure{height:380px}.demo-garage-volt .volt-hero-grid>figure>img{height:100%;object-position:center 35%}.demo-garage-volt .volt-hero-grid figcaption{padding:20px}.demo-garage-volt .volt-hero-grid figcaption>span{font-size:22px}.demo-garage-volt .volt-hero-grid figcaption>strong{font-size:34px}.demo-garage-volt .volt-selector{grid-template-columns:1fr;gap:30px;padding-block:55px}.demo-garage-volt .volt-selector h2{margin-top:18px;font-size:44px}.demo-garage-volt .volt-needs>label{font-size:14px;padding-inline:15px}.demo-garage-volt .volt-services{padding-block:50px}.demo-garage-volt .volt-services header{display:block;margin-bottom:30px}.demo-garage-volt .volt-services h2{font-size:44px;margin:20px 0}.demo-garage-volt .volt-service-list{grid-template-columns:1fr}.demo-garage-volt .volt-service-list>article:nth-child(odd),.demo-garage-volt .volt-service-list>article:nth-child(even){padding:25px 0;border-right:0}.demo-garage-volt .volt-service-list h3{font-size:23px}.demo-garage-volt .volt-prepare{display:flex;flex-direction:column-reverse;align-items:stretch;gap:30px;padding-block:55px}.demo-garage-volt .volt-prepare h2{font-size:44px}.demo-garage-volt .volt-prepare figure>img{aspect-ratio:1.4}.demo-garage-volt .volt-access{padding-block:45px 55px}.demo-garage-volt .volt-access h2{font-size:65px}.demo-garage-volt .volt-access>div{gap:15px}.demo-garage-volt .de-page-heading{padding:28px 22px;margin-block:20px 30px}.demo-garage-volt .de-page-heading h1{font-size:43px}.demo-garage-volt .de-service-card{padding:20px}.demo-garage-volt .de-booking-aside{padding:20px}.demo-garage-volt .de-booking-grid .de-panel{width:100%}}
@media(max-width:370px){.demo-garage-volt .volt-heading h1{font-size:73px}.demo-garage-volt .volt-wrap{width:calc(100% - 32px)}.demo-garage-volt .volt-heading{padding-inline:16px}.demo-garage-volt .volt-service-list article>div:last-child{gap:10px}.demo-garage-volt .volt-label{font-size:9px}}

@media(max-width:800px){.demo-garage-volt .volt-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);padding-bottom:30px}.demo-garage-volt .volt-heading{display:contents}.demo-garage-volt .volt-hero-title{grid-row:1;padding:30px 20px 5px}.demo-garage-volt .volt-hero-title h1{font-size:clamp(65px,11vw,90px);margin-block:20px 25px}.demo-garage-volt .volt-hero-grid>figure{grid-row:2;height:280px}.demo-garage-volt .volt-hero-grid figcaption{padding:15px 20px}.demo-garage-volt .volt-hero-grid figcaption>span{font-size:18px}.demo-garage-volt .volt-hero-grid figcaption>strong{font-size:28px}.demo-garage-volt .volt-lead{grid-row:3;margin:23px 20px 0;font-size:14px;max-width:600px;line-height:1.85}.demo-garage-volt .volt-heading>.volt-button{grid-row:4;justify-self:start;margin:20px 20px 0;max-width:calc(100% - 40px)}.demo-garage-volt .volt-prepare{display:grid;grid-template-columns:minmax(0,1fr);gap:23px}.demo-garage-volt .volt-prepare-copy{display:contents}.demo-garage-volt .volt-prepare-copy>header{grid-row:1}.demo-garage-volt .volt-prepare>figure{grid-row:2}.demo-garage-volt .volt-prepare>figure>img{aspect-ratio:auto;height:260px}.demo-garage-volt .volt-prepare-copy>ul{grid-row:3;margin:0}.demo-garage-volt .volt-prepare-copy>.volt-inline-link{grid-row:4;justify-self:start}}

.demo-garage-volt .volt-hero-grid{grid-template-rows:auto auto 1fr}.demo-garage-volt .volt-hero-title{grid-column:1;grid-row:1;padding:43px 40px 0 max(40px,calc((100vw - 1240px)/2))}.demo-garage-volt .volt-hero-title h1{font:600 clamp(74px,7.3vw,112px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.005em;margin:22px 0 27px}.demo-garage-volt .volt-hero-title h1 span{color:var(--accent)}.demo-garage-volt .volt-hero-grid>figure{grid-column:2;grid-row:1/4}.demo-garage-volt .volt-hero-grid>.volt-lead{grid-column:1;grid-row:2;font-size:14px;line-height:1.85;max-width:430px;margin:0 40px 0 max(40px,calc((100vw - 1240px)/2))}.demo-garage-volt .volt-hero-grid>.volt-button{grid-column:1;grid-row:3;align-self:start;justify-self:start;margin:25px 40px 55px max(40px,calc((100vw - 1240px)/2));border-color:var(--accent)}.demo-garage-volt .volt-prepare{row-gap:0}.demo-garage-volt .volt-prepare>header{grid-column:2;grid-row:1;align-self:end}.demo-garage-volt .volt-prepare>figure{grid-column:1;grid-row:1/4}.demo-garage-volt .volt-prepare>ul{grid-column:2;grid-row:2}.demo-garage-volt .volt-prepare>.volt-inline-link{grid-column:2;grid-row:3;justify-self:start;align-self:start}
@media(max-width:1050px){.demo-garage-volt .volt-hero-title{padding-left:30px}.demo-garage-volt .volt-hero-title h1{font-size:88px}.demo-garage-volt .volt-hero-grid>.volt-lead,.demo-garage-volt .volt-hero-grid>.volt-button{margin-left:30px}}
@media(max-width:800px){.demo-garage-volt .volt-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.demo-garage-volt .volt-hero-title{grid-column:1;grid-row:1;padding:30px 20px 5px}.demo-garage-volt .volt-hero-title h1{font-size:clamp(65px,11vw,90px);margin-block:20px 25px}.demo-garage-volt .volt-hero-grid>figure{grid-column:1;grid-row:2;height:280px}.demo-garage-volt .volt-hero-grid>.volt-lead{grid-column:1;grid-row:3;margin:23px 20px 0;font-size:14px;max-width:600px}.demo-garage-volt .volt-hero-grid>.volt-button{grid-column:1;grid-row:4;margin:20px 20px 0;max-width:calc(100% - 40px)}.demo-garage-volt .volt-prepare{grid-template-columns:minmax(0,1fr);gap:23px}.demo-garage-volt .volt-prepare>header{grid-column:1;grid-row:1}.demo-garage-volt .volt-prepare>figure{grid-column:1;grid-row:2}.demo-garage-volt .volt-prepare>ul{grid-column:1;grid-row:3;margin:0}.demo-garage-volt .volt-prepare>.volt-inline-link{grid-column:1;grid-row:4}}