/* ============================================================
SERVA VOLVO WERKPLAATS — CENTRALE CSS
Geen paginafixes of noodregels. Standaard CSS blijft leidend.
============================================================ */

/* 01. BASIS */
.sv-workshop-page{--ws-ink:#101820;--ws-dark:#111111;--ws-soft:#f6f6f4;--ws-ice:#f7f7f5;--ws-line:rgba(16,24,32,.13);--ws-muted:#626c73;color:var(--ws-ink);background:#fff;overflow:hidden}
.sv-workshop-page *,.sv-workshop-page *:before,.sv-workshop-page *:after{box-sizing:border-box}
.sv-workshop-page .sv-container{width:min(calc(100% - 48px),1280px);margin-inline:auto}
.sv-workshop-page .sv-section-eyebrow{display:block;margin:0 0 14px;color:#68737a;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.22em;text-transform:uppercase}
.sv-workshop-page h1,.sv-workshop-page h2,.sv-workshop-page h3,.sv-workshop-page p{margin-top:0}
.sv-workshop-page h1:not(.serva-accessory-v15__display){max-width:720px;margin-bottom:18px;font-size:clamp(48px,5.5vw,74px);line-height:.92;letter-spacing:-.055em}
.sv-workshop-page h2{font-size:clamp(34px,4vw,62px);line-height:.98;letter-spacing:-.045em}
.sv-workshop-page h3{font-size:clamp(22px,2vw,30px);line-height:1.05;letter-spacing:-.03em}
.sv-workshop-page p{line-height:1.55}
.sv-workshop-page .sv-lead:not(.serva-accessory-v15__lead){max-width:620px;color:var(--ws-muted);font-size:21px;line-height:1.45}







/* 02. BANNER — DEZELFDE MAATVOERING ALS ACCESSOIRES */
.sv-workshop-hero{background:#f6f6f4}
.sv-workshop-hero__copy{align-items:flex-start}


.sv-workshop-hero__media{position:relative;overflow:hidden}
.sv-workshop-hero__media:after{content:"VOLVO SERVICE";position:absolute;right:24px;bottom:22px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.24em;text-shadow:0 1px 12px rgba(0,0,0,.45)}
.sv-workshop-hero__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.sv-workshop-hero:hover .sv-workshop-hero__media img{transform:scale(1.025)}
.sv-workshop-price:not(.serva-accessory-v15__hero-price){margin:10px 0 20px;display:block}
.sv-workshop-price:not(.serva-accessory-v15__hero-price)>span{display:block;margin-bottom:2px;color:#687078;font-size:12px}
.sv-workshop-price:not(.serva-accessory-v15__hero-price) strong{display:block;font-size:clamp(32px,3vw,44px);line-height:1;letter-spacing:-.04em}
.sv-workshop-price small{display:none}.serva-accessory-v15__hero-price .sv-central-price,.serva-accessory-v15__hero-price .sv-central-price__value{font:inherit;color:inherit;line-height:inherit;text-decoration:none}
.sv-workshop-actions:not(.serva-accessory-v15__hero-actions){width:100%;display:flex;flex-wrap:wrap;gap:10px}


/* 03. EDITORIALE INTRO */
.sv-workshop-intro{padding:clamp(76px,9vw,132px) 0;background:#fff}
.sv-workshop-intro__grid{max-width:980px;display:block;text-align:center}
.sv-workshop-intro h2{max-width:900px;margin:0 auto 22px}
.sv-workshop-intro__grid>div:last-child{max-width:760px;margin:0 auto;padding:0;border:0;color:var(--ws-muted);font-size:18px}

/* 04. VERKOOPARGUMENTEN
   De losse driekaart-rij herhaalde de inhoud en is daarom visueel verwijderd.
   De inhoud blijft in de redactionele secties aanwezig. */
.sv-workshop-benefits{display:none}

/* 05. GROOT FOTOVERHAAL */
.sv-workshop-story{min-height:680px;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(380px,.78fr);background:var(--ws-dark);color:#fff}
.sv-workshop-story__media{min-height:620px;overflow:hidden}
.sv-workshop-story__media img{width:100%;height:100%;display:block;object-fit:cover}
.sv-workshop-story__copy{padding:clamp(60px,7vw,110px);display:flex;flex-direction:column;justify-content:center}
.sv-workshop-story__copy .sv-section-eyebrow{color:#9a9a96}
.sv-workshop-story__copy h2{max-width:620px;margin-bottom:22px}
.sv-workshop-story__copy>p{max-width:560px;color:#c7d0d5;font-size:18px}
.sv-workshop-story__facts{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18)}
.sv-workshop-story__facts span{padding:17px 14px 17px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:700}
.sv-workshop-story__facts span:before{content:"✓";margin-right:9px;color:#9a9a96}

/* 06. VOLBREDE USP-BALK EN SERVICEHIERARCHIE */
.sv-workshop-page{display:flex;flex-direction:column}
.sv-workshop-page>.sv-workshop-hero{order:10}
.sv-workshop-page>.sv-workshop-drive-choice,.sv-workshop-page>.sv-workshop-seasonpanels{order:14}
.sv-workshop-page>.sv-workshop-uspbar{order:17}
.sv-workshop-page>.sv-workshop-intro{order:20}
.sv-workshop-page>.sv-workshop-booking{order:40}
.sv-workshop-page>.sv-workshop-benefits{order:45}
.sv-workshop-page>.sv-workshop-proof{order:50}
.sv-workshop-page>.sv-workshop-services{order:55}
.sv-workshop-page>.sv-workshop-story{order:60}
.sv-workshop-page>.sv-workshop-links{order:70}
.sv-workshop-page>.sv-workshop-faq{order:80}
.sv-workshop-page>.sv-workshop-cta{order:90}

.sv-workshop-uspbar{background:#101010;color:#fff}
.sv-workshop-uspbar__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.sv-workshop-uspbar__grid>div{min-height:150px;padding:26px 28px;border-right:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;justify-content:center}
.sv-workshop-uspbar__grid>div:last-child{border-right:0}
.sv-workshop-uspbar span{display:block;margin-bottom:9px;color:rgba(255,255,255,.48);font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.sv-workshop-uspbar strong{display:block;margin-bottom:8px;color:#fff;font-size:18px;line-height:1.2}
.sv-workshop-uspbar p{margin:0;color:rgba(255,255,255,.7);font-size:13px;line-height:1.45}

.sv-workshop-services{padding:clamp(88px,9vw,138px) 0;background:#fff}
.sv-workshop-services__head{max-width:820px;margin:0 auto 46px;text-align:center}
.sv-workshop-services__head h2{margin-bottom:16px}
.sv-workshop-services__head p{max-width:690px;margin:0 auto;color:var(--ws-muted);font-size:17px}
.sv-workshop-services__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sv-workshop-services__grid>a{min-height:430px;border:1px solid var(--ws-line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;background:#f7f7f5;color:#111;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.sv-workshop-services__grid>a:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(0,0,0,.1)}
.sv-workshop-services__media{height:220px;min-height:220px;overflow:hidden;background:#e8e8e5}
.sv-workshop-services__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}
.sv-workshop-services__grid>a:hover img{transform:scale(1.035)}
.sv-workshop-services__copy{min-height:210px;padding:28px;display:flex;flex-direction:column}
.sv-workshop-services__copy small{margin-bottom:10px;color:#72767a;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.sv-workshop-services__copy strong,.sv-workshop-services__copy .sv-workshop-services__title{margin-bottom:12px;font-size:clamp(23px,2vw,30px);line-height:1.04;letter-spacing:-.035em}
.sv-workshop-services__copy .sv-workshop-services__title{display:block;color:var(--sv-apk-ink,#111);font-weight:520} .sv-workshop-services__copy>span{color:var(--ws-muted);font-size:14px;line-height:1.55}
.sv-workshop-services__copy em{margin-top:auto;padding-top:22px;color:#111;font-size:12px;font-style:normal;font-weight:700}
/* 07. VISUELE DOORLINKKAARTEN */
.sv-workshop-links{padding:clamp(76px,9vw,130px) 0;background:var(--ws-soft)}
.sv-workshop-links h2{max-width:760px;margin:0 auto 42px;text-align:center}
.sv-workshop-linkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sv-workshop-linkgrid a{min-height:330px;border:1px solid var(--ws-line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;background:#fff;color:var(--ws-ink);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.sv-workshop-linkgrid a:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(16,24,32,.1)}
.sv-workshop-linkgrid a:before{content:"";height:190px;display:block;flex:0 0 190px;background:#dce5e9 center/cover no-repeat}
.sv-workshop-linkgrid a strong{padding:24px 24px 8px;font-size:23px;line-height:1.1}
.sv-workshop-linkgrid a span{padding:0 24px 26px;color:var(--ws-muted);font-size:14px}
.sv-workshop-page[id*="onderhoud"] .sv-workshop-linkgrid a:before,.sv-workshop-page[id*="apk"] .sv-workshop-linkgrid a:before,.sv-workshop-page[id*="jaar"] .sv-workshop-linkgrid a:before{background-image:url("https://sepore.nl/wp-content/uploads/Jaarbeurt-4-1.jpg")}
.sv-workshop-page[id*="band"] .sv-workshop-linkgrid a:before,.sv-workshop-page[id*="wiel"] .sv-workshop-linkgrid a:before{background-image:url("https://sepore.nl/wp-content/uploads/Volvo-Winterbanden.webp")}
.sv-workshop-page[id*="schade"] .sv-workshop-linkgrid a:before{background-image:url("https://sepore.nl/wp-content/uploads/schadeherstel-2.jpg")}
.sv-workshop-page[id*="ruit"] .sv-workshop-linkgrid a:before{background-image:url("https://sepore.nl/wp-content/uploads/Ruiten.jpg")}
.sv-workshop-page[id*="assistance"] .sv-workshop-linkgrid a:before{background-image:url("https://sepore.nl/wp-content/uploads/Volvo-Assistance.jpg")}
.sv-workshop-page[id*="service"] .sv-workshop-linkgrid a:before{background-image:url("https://sepore.nl/wp-content/uploads/Volvo-Personal-Service-2.jpg")}

/* 08. FAQ */
.sv-workshop-faq{padding:clamp(86px,10vw,150px) 0;background:#fff}
.sv-workshop-faq__grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:clamp(50px,9vw,140px);align-items:start}
.sv-workshop-faq h2{position:sticky;top:140px;max-width:540px}
.sv-workshop-faq details{border-top:1px solid var(--ws-line)}
.sv-workshop-faq details:last-child{border-bottom:1px solid var(--ws-line)}
.sv-workshop-faq summary{padding:24px 48px 24px 0;position:relative;cursor:pointer;list-style:none;font-size:18px;font-weight:700}
.sv-workshop-faq summary:after{content:"+";position:absolute;right:0;font-size:24px;font-weight:400}
.sv-workshop-faq details[open] summary:after{content:"−"}
.sv-workshop-faq details p{max-width:680px;padding:0 40px 24px 0;color:var(--ws-muted)}

/* 09. PERSOONLIJKE WERKPLAATSPLANNER */
.sv-workshop-booking{padding:clamp(76px,8vw,116px) 0;background:#fafafa}
.sv-workshop-booking>.sv-container{width:min(calc(100% - (var(--sv-page-gutter) * 2)),1180px);min-height:520px;padding:0;border:1px solid var(--ws-line);border-radius:24px;display:grid;grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr);overflow:hidden;background:#fff;box-shadow:0 22px 68px rgba(0,0,0,.08)}
.sv-workshop-booking__head{min-height:520px;padding:clamp(34px,4vw,56px);position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;background-color:#20262a;background-image:url("https://sepore.nl/wp-content/uploads/Volvo-Personal-Service-2.jpg");background-position:center;background-size:cover;color:#fff;text-align:left}
.sv-workshop-booking__head::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,10,12,.04) 22%,rgba(7,10,12,.82) 100%)}
.sv-workshop-booking__head .sv-section-eyebrow{display:block;margin-bottom:14px;color:rgba(255,255,255,.76)}
.sv-workshop-booking__head h2{max-width:470px;margin:0 0 18px;color:#fff;font-size:clamp(38px,4.2vw,58px);line-height:.98}
.sv-workshop-booking__head p{max-width:470px;margin:0;color:rgba(255,255,255,.84);font-size:17px;line-height:1.58}
.sv-workshop-booking__panel{padding:clamp(30px,4vw,52px);display:flex;flex-direction:column;justify-content:center;background:#fff}
.sv-workshop-booking__form{width:min(100%,410px);margin:0 auto;padding:0;border:0;display:flex;flex-direction:column;gap:13px;background:transparent;box-shadow:none}
.sv-workshop-booking__fields{display:grid;grid-template-columns:1fr;gap:13px}
.sv-workshop-field{display:block;min-width:0}
.sv-workshop-field__label{display:block;margin:0 0 7px 2px;color:#6d7175;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.sv-licenseplate{height:60px;border:1px solid #c9a600;border-radius:10px;display:grid;grid-template-columns:48px minmax(0,1fr);overflow:hidden;background:#f2c900;box-shadow:none}
.sv-licenseplate__nl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:#073b91;color:#fff;line-height:1}
.sv-licenseplate__nl::before{content:"";width:22px;height:22px;display:block;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%3E%3Cg%20fill%3D'%23ffcc00'%3E%3Cpath%20d%3D'M16%202.2l.65%201.32%201.46.21-1.06%201.03.25%201.45L16%205.52l-1.31.69.25-1.45-1.05-1.03%201.46-.21z'%20transform%3D'rotate(0%2016%2016)'%2F%3E%3Cpath%20d%3D'M16%202.2l.65%201.32%201.46.21-1.06%201.03.25%201.45L16%205.52l-1.31.69.25-1.45-1.05-1.03%201.46-.21z'%20transform%3D'rotate(30%2016%2016)'%2F%3E%3Cpath%20d%3D'M16%202.2l.65%201.32%201.46.21-1.06%201.03.25%201.45L16%205.52l-1.31.69.25-1.45-1.05-1.03%201.46-.21z'%20transform%3D'rotate(60%2016%2016)'%2F%3E%3Cpath%20d%3D'M16%202.2l.65%201.32%201.46.21-1.06%201.03.25%201.45L16%205.52l-1.31.69.25-1.45-1.05-1.03%201.46-.21z'%20transform%3D'rotate(90%2016%2016)'%2F%3E%3Cpath%20d%3D'M16%202.2l.65%201.32%201.46.21-1.06%201.03.25%201.45L16%205.52l-1.31.69.25-1.45-1.05-1.03%201.46-.21z'%20transform%3D'rotate(120%2016%2016)'%2F%3E%3Cpath%20d%3D'M16%202.2l.65%201.32%201.46.21-1.06%201.03.25%201.45L16%205.52l-1.31.69.25-1.45-1.05-1.03%201.46-.21z'%20transform%3D'rotate(150%2016%2016)'%2F%3E%3Cpath%20d%3D'M16%202.2l.65%201.32%201.46.21-1.06%201.03.25%201.45L16%205.52l-1.31.69.25-1.45-1.05-1.03%201.46-.21z'%20transform%3D'rotate(180%2016%2016)'%2F%3E%3Cpath%20d%3D'M16%202.2l.65%201.32%201.46.21-1.06%201.03.25%201.45L16%205.52l-1.31.69.25-1.45-1.05-1.03%201.46-.21z'%20transform%3D'rotate(210%2016%2016)'%2F%3E%3Cpath%20d%3D'M16%202.2l.65%201.32%201.46.21-1.06%201.03.25%201.45L16%205.52l-1.31.69.25-1.45-1.05-1.03%201.46-.21z'%20transform%3D'rotate(240%2016%2016)'%2F%3E%3Cpath%20d%3D'M16%202.2l.65%201.32%201.46.21-1.06%201.03.25%201.45L16%205.52l-1.31.69.25-1.45-1.05-1.03%201.46-.21z'%20transform%3D'rotate(270%2016%2016)'%2F%3E%3Cpath%20d%3D'M16%202.2l.65%201.32%201.46.21-1.06%201.03.25%201.45L16%205.52l-1.31.69.25-1.45-1.05-1.03%201.46-.21z'%20transform%3D'rotate(300%2016%2016)'%2F%3E%3Cpath%20d%3D'M16%202.2l.65%201.32%201.46.21-1.06%201.03.25%201.45L16%205.52l-1.31.69.25-1.45-1.05-1.03%201.46-.21z'%20transform%3D'rotate(330%2016%2016)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:center;background-repeat:no-repeat;background-size:contain}
.sv-licenseplate__nl i{display:none}
.sv-licenseplate__nl b{font-size:12px;letter-spacing:.04em}
.sv-licenseplate input{width:100%;height:100%;padding:0 18px;border:0;background:transparent;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:clamp(23px,2.3vw,29px);font-weight:800;letter-spacing:.055em;text-align:center;text-transform:uppercase;outline:0}
.sv-licenseplate input::placeholder{color:rgba(0,0,0,.34)}
.sv-mileage{height:58px;border:1px solid #d8d8d3;border-radius:10px;display:flex;align-items:center;background:#f7f7f5;overflow:hidden}
.sv-mileage input{min-width:0;width:100%;height:100%;padding:0 17px;border:0;background:transparent;color:#111;font-size:24px;font-weight:500;outline:0;-moz-appearance:textfield}
.sv-mileage input::-webkit-outer-spin-button,.sv-mileage input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}
.sv-mileage input::placeholder{color:#aaa}
.sv-mileage>span{padding:0 17px 0 8px;color:#777;font-size:12px;font-weight:700;text-transform:uppercase}
.sv-workshop-booking__form .sv-btn{width:100%;min-height:55px;border:0;cursor:pointer}
.sv-workshop-booking__note{width:min(100%,410px);margin:22px auto 0;padding-top:20px;border-top:1px solid #e7e7e3;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px}
.sv-workshop-booking__note::before{content:"✓";width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:13px}
.sv-workshop-booking__note strong{display:block;color:#111;font-size:14px}
.sv-workshop-booking__note span{grid-column:2;display:block;margin-top:3px;color:#6b7074;font-size:12px;line-height:1.5}
.sv-workshop-booking__steps,.sv-workshop-booking>small{display:none}
@media(max-width:980px){
.sv-workshop-booking>.sv-container{grid-template-columns:1fr}
.sv-workshop-booking__head{min-height:380px;padding:40px}
.sv-workshop-booking__panel{padding:36px}
}
/* 10. VOLVO PERSONAL SERVICE — REDACTIONEEL BEELDBLOK */
.sv-workshop-proof--vps{min-height:0;padding:0;background:#f3f3f1;color:#111}
.sv-workshop-proof--vps>.sv-container{width:100%;max-width:none}
.sv-workshop-proof--vps:before{display:none}
.sv-workshop-proof--vps .sv-workshop-proof__shell{min-height:720px;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#f3f3f1}
.sv-workshop-proof__media{min-width:0;min-height:100%;margin:0;overflow:hidden;background:#ddd}
.sv-workshop-proof__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:54% center;transition:transform .7s ease}
.sv-workshop-proof--vps:hover .sv-workshop-proof__media img{transform:scale(1.015)}
.sv-workshop-proof__content{min-width:0;padding:clamp(64px,7vw,112px);display:flex;flex-direction:column}
.sv-workshop-proof__head{max-width:670px;margin:0 0 34px;text-align:left}
.sv-workshop-proof__head .sv-section-eyebrow{color:#6b7074}
.sv-workshop-proof__head h2{max-width:620px;margin:0 0 18px;color:#111}
.sv-workshop-proof__head p{max-width:650px;margin:0;color:#5f6468;font-size:17px;line-height:1.6}
.sv-workshop-proof__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #d8d8d4}
.sv-workshop-proof__list article{min-height:176px;padding:24px 24px 22px 0;border-bottom:1px solid #d8d8d4;display:flex;flex-direction:column;background:transparent;color:#111}
.sv-workshop-proof__list article:nth-child(even){padding-left:24px;border-left:1px solid #d8d8d4}
.sv-workshop-proof__label{display:block;margin:0 0 22px;color:#777;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.sv-workshop-proof__list strong{display:block;margin:0 0 8px;font-size:clamp(20px,1.55vw,25px);line-height:1.08;letter-spacing:-.025em}
.sv-workshop-proof__copy{display:block;margin:0;color:#64696d;font-size:13px;line-height:1.55}
.sv-workshop-proof__action{margin-top:auto;padding-top:32px;display:flex;justify-content:flex-start}
.sv-workshop-proof__action .sv-btn{min-width:250px}
@media(max-width:980px){
.sv-workshop-proof--vps .sv-workshop-proof__shell{grid-template-columns:1fr}
.sv-workshop-proof__media{min-height:500px}
.sv-workshop-proof__content{padding:52px}
}
@media(max-width:640px){
.sv-workshop-proof--vps{padding:0}
.sv-workshop-proof--vps .sv-workshop-proof__shell{min-height:0;border-radius:0}
.sv-workshop-proof__media{min-height:300px}
.sv-workshop-proof__content{padding:34px 24px 28px}
.sv-workshop-proof__head{margin-bottom:28px}
.sv-workshop-proof__head p{font-size:15px}
.sv-workshop-proof__list{grid-template-columns:1fr}
.sv-workshop-proof__list article{min-height:0;padding:22px 0}
.sv-workshop-proof__list article:nth-child(even){padding-left:0;border-left:0}
.sv-workshop-proof__label{margin-bottom:12px}
.sv-workshop-proof__action{padding-top:26px}
.sv-workshop-proof__action .sv-btn{width:100%;min-width:0}
}

/* 11. AANDRIJFLIJN EN SEIZOEN */
.sv-workshop-drive-choice{padding:clamp(70px,8vw,110px) 0;background:#fff}
.sv-workshop-drive-choice__head{max-width:800px;margin:0 auto 40px;text-align:center}
.sv-workshop-drive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sv-workshop-drive-card{min-height:420px;padding:26px;border-radius:22px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;color:#fff;text-decoration:none;background:#20323d}
.sv-workshop-drive-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.82))}
.sv-workshop-drive-card__visual{position:absolute;inset:0;background:center/cover no-repeat;transition:transform .5s ease}
.sv-workshop-drive-card:hover .sv-workshop-drive-card__visual{transform:scale(1.04)}
.sv-workshop-drive-card>*:not(.sv-workshop-drive-card__visual){position:relative;z-index:1}
.sv-workshop-drive-card h3{margin:8px 0;font-size:32px}
.sv-workshop-drive-card p{margin:0;color:#d8e0e4}
.sv-workshop-season{padding:clamp(70px,8vw,110px) 0;background:var(--ws-soft)}
.sv-workshop-seasonpanels{width:min(calc(100% - 48px),1280px);margin:auto}
.sv-workshop-season [role="tablist"]{width:max-content;margin:0 auto 38px;padding:5px;border-radius:999px;display:flex;background:#fff;box-shadow:0 12px 30px rgba(16,24,32,.1)}
.sv-workshop-season button{min-width:150px;min-height:48px;border:0;border-radius:999px;background:transparent;font-weight:700;cursor:pointer}
.sv-workshop-season button[aria-selected="true"]{background:var(--ws-dark);color:#fff}

/* 11. RESPONSIVE */
@media(max-width:980px){
.sv-workshop-booking__form{grid-template-columns:1fr}.sv-workshop-booking__form .sv-btn{width:100%}




.sv-workshop-intro__grid,.sv-workshop-faq__grid{grid-template-columns:1fr;gap:38px}
.sv-workshop-faq h2{position:static}
.sv-workshop-cardgrid,.sv-workshop-linkgrid,.sv-workshop-drive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv-workshop-story{grid-template-columns:1fr}
.sv-workshop-story__media{min-height:500px}
.sv-workshop-uspbar__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv-workshop-uspbar__grid>div{border-bottom:1px solid rgba(255,255,255,.16)}
.sv-workshop-uspbar__grid>div:nth-child(even){border-right:0}
.sv-workshop-uspbar__grid>div:nth-last-child(-n+2){border-bottom:0}
.sv-workshop-services__grid{grid-template-columns:1fr}
.sv-workshop-cta .sv-container{grid-template-columns:1fr}
}
@media(max-width:640px){
.sv-workshop-booking{padding:58px 0}.sv-workshop-booking__panel .sv-workshop-booking__form{padding:0}.sv-licenseplate{height:58px;grid-template-columns:46px minmax(0,1fr)}
.sv-licenseplate input{padding:0 12px;font-size:23px}
.sv-licenseplate__nl b{font-size:11px}
.sv-mileage{height:56px}.sv-workshop-booking__steps{grid-template-columns:1fr;gap:10px}.sv-workshop-booking__steps span{justify-content:flex-start}.sv-workshop-proof{min-height:0;padding:78px 0}.sv-workshop-page .sv-container{width:min(calc(100% - 32px),1280px)}
.sv-workshop-page h1{font-size:clamp(43px,14vw,60px)}
.sv-workshop-page h2{font-size:clamp(34px,10.5vw,48px)}



.sv-workshop-actions{display:grid;grid-template-columns:1fr}
.sv-workshop-actions .sv-btn{width:100%}
.sv-workshop-intro{padding:64px 0}
.sv-workshop-intro__grid>div:last-child{padding:20px 0 0;border-left:0;border-top:1px solid var(--ws-line)}
.sv-workshop-benefits{padding-bottom:70px}
.sv-workshop-cardgrid,.sv-workshop-linkgrid,.sv-workshop-drive-grid{grid-template-columns:1fr}
.sv-workshop-card{min-height:260px}
.sv-workshop-story{min-height:0}
.sv-workshop-story__media{min-height:330px}
.sv-workshop-story__copy{padding:54px 20px}
.sv-workshop-story__facts{grid-template-columns:1fr}
.sv-workshop-uspbar__grid{grid-template-columns:1fr}
.sv-workshop-uspbar__grid>div{min-height:0;padding:22px 20px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}
.sv-workshop-uspbar__grid>div:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)}
.sv-workshop-uspbar__grid>div:last-child{border-bottom:0}
.sv-workshop-services__grid>a{grid-template-columns:1fr}
.sv-workshop-services__media{min-height:210px;height:210px}
.sv-workshop-services__copy{padding:24px}
.sv-workshop-linkgrid a{min-height:300px}
.sv-workshop-faq{padding:70px 0}
.sv-workshop-cta{padding:16px 0 0;background:var(--ws-dark)}
.sv-workshop-cta .sv-container{width:100%;min-height:460px;padding:58px 20px 90px;border-radius:0;box-shadow:none}
.sv-workshop-cta .sv-btn{width:100%}
.sv-workshop-seasonpanels{width:min(calc(100% - 32px),1280px)}
}

.sv-workshop-page#serva-workshop-werkplaats .sv-workshop-proof{background-image:url("https://sepore.nl/wp-content/uploads/Volvo-Personal-Service-2.jpg")}

/* ============================================================
   APK — DEFINITIEVE PAGINA
   Aanvullingen op serva-standard.css en de gedeelde werkplaats-CSS.
   ============================================================ */

.sv-workshop-page {
  --sv-apk-ink: #111;
  --sv-apk-muted: #62676b;
  --sv-apk-section: #f6f6f4;
  --sv-apk-media: #edf2f4;
  --sv-apk-card: #fff;
  --sv-apk-dark: #050505;
  color: var(--sv-apk-ink);
  background: #fff;
}

.sv-workshop-page .sv-workshop-hero__media::after {
  content: none;
}

.sv-workshop-page .serva-accessory-v15__hero-content {
  align-items: stretch;
}

.sv-workshop-page .serva-accessory-v15__hero-content > .serva-accessory-v15__lead {
  margin-top: 12px;
}

.sv-workshop-page .sv-apk-value {
  order: 20;
  padding: clamp(72px, 8vw, 118px) 0;
  background: #fff;
}

.sv-workshop-page .sv-apk-value__head {
  width: min(100%, 780px);
  margin: 0 auto clamp(36px, 5vw, 58px);
  text-align: center;
}

.sv-workshop-page .sv-apk-value__head p {
  max-width: 700px;
  margin: 16px auto 0;
  color: var(--sv-apk-muted);
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.6;
}

.sv-workshop-page .sv-apk-value__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.sv-workshop-page .sv-apk-value__grid article {
  min-height: 210px;
  padding: clamp(25px, 2.4vw, 34px);
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  background: var(--sv-apk-card);
  box-shadow: none;
}

.sv-workshop-page .sv-apk-value__grid article > span {
  margin-bottom: auto;
  color: rgba(0, 0, 0, .48);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.sv-workshop-page .sv-apk-value__grid h3 {
  margin: 24px 0 10px;
  font-size: clamp(23px, 1.8vw, 29px);
  line-height: 1.02;
  letter-spacing: -.04em;
}

.sv-workshop-page .sv-apk-value__grid p {
  margin: 0;
  color: var(--sv-apk-muted);
  line-height: 1.5;
}

.sv-workshop-page .sv-apk-booking {
  order: 35;
  padding: 0;
  background: var(--sv-apk-section);
}

.sv-workshop-page .sv-apk-booking__shell {
  width: 100%;
  max-width: none;
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
}

.sv-workshop-page .sv-apk-booking__media {
  min-height: 460px;
  position: relative;
  overflow: hidden;
  background: var(--sv-apk-media);
}

.sv-workshop-page .sv-apk-booking__media::after {
  content: none;
}

.sv-workshop-page .sv-apk-booking__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.sv-workshop-page .sv-apk-booking__media > div {
  display: none;
}

.sv-workshop-page .sv-apk-booking__panel {
  padding: clamp(38px, 4.5vw, 66px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--sv-apk-section);
  color: var(--sv-apk-ink);
}

.sv-workshop-page .sv-apk-booking__panel .sv-section-eyebrow,
.sv-workshop-page .sv-apk-booking__panel > p,
.sv-workshop-page .sv-apk-booking__panel > small {
  color: var(--sv-apk-muted);
}

.sv-workshop-page .sv-apk-booking__panel > p {
  margin-bottom: 22px;
  line-height: 1.6;
}

.sv-workshop-page .sv-apk-booking__panel h2 {
  margin-bottom: 14px;
  font-size: clamp(34px, 3vw, 46px);
}

.sv-workshop-page .sv-apk-booking__panel form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.sv-workshop-page .sv-apk-booking__panel form > br,
.sv-workshop-page .sv-workshop-services__grid > br {
  display: none;
}

.sv-workshop-page .sv-apk-booking__panel label > span:first-child {
  display: block;
  margin-bottom: 7px;
  color: var(--sv-apk-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.sv-workshop-page .sv-apk-plate,
.sv-workshop-page .sv-apk-mileage {
  height: 62px;
  border-radius: 8px;
  display: flex;
  overflow: hidden;
}

.sv-workshop-page .sv-apk-plate {
  background: #f3c500;
  color: #111;
}

.sv-workshop-page .sv-apk-plate__eu {
  width: 50px;
  padding: 5px 4px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #174a91;
  color: #fff;
}

.sv-workshop-page .sv-apk-plate__eu svg {
  width: 24px;
  height: 24px;
}

.sv-workshop-page .sv-apk-plate__eu b {
  margin-top: -2px;
  font-size: 9px;
}

.sv-workshop-page .sv-apk-plate input,
.sv-workshop-page .sv-apk-mileage input {
  width: 100%;
  min-width: 0;
  border: 0;
  padding: 0 16px;
  outline: 0;
  background: transparent;
  color: #111;
  font-size: 18px;
  font-weight: 800;
}

.sv-workshop-page .sv-apk-mileage {
  border: 1px solid rgba(0, 0, 0, .14);
  background: #fff;
}

.sv-workshop-page .sv-apk-mileage i {
  padding: 0 14px;
  display: grid;
  place-items: center;
  color: #777;
  font-size: 10px;
  font-style: normal;
  text-transform: uppercase;
}

.sv-workshop-page .sv-apk-booking__panel button {
  grid-column: 1 / -1;
  min-height: 58px;
  border: 0;
  border-radius: 999px;
  background: var(--sv-apk-dark);
  color: #fff;
  font-weight: 750;
  cursor: pointer;
}

.sv-workshop-page .sv-apk-booking__panel > small {
  margin-top: 14px;
  text-align: center;
}

.sv-workshop-page .sv-workshop-services--apk {
  order: 50;
  background: var(--sv-apk-section);
}

.sv-workshop-page .sv-workshop-services__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sv-workshop-page .sv-workshop-services__grid > a {
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 22px;
  overflow: hidden;
  background: var(--sv-apk-card);
  color: var(--sv-apk-ink);
  box-shadow: 0 15px 40px rgba(0, 0, 0, .067);
}

.sv-workshop-page .sv-workshop-services__media {
  background: var(--sv-apk-media);
}

.sv-workshop-page .sv-workshop-services__copy {
  background: var(--sv-apk-card);
}

.sv-workshop-page .sv-apk-vps {
  order: 40;
  padding: clamp(84px, 9vw, 138px) 0;
  background: #fff;
}

.sv-workshop-page > .sv-workshop-faq {
  order: 60;
  background: #fff;
}

.sv-workshop-page .sv-apk-vps__head {
  max-width: 790px;
  margin: 0 auto clamp(38px, 5vw, 62px);
  text-align: center;
}

.sv-workshop-page .sv-apk-vps__head p {
  max-width: 680px;
  margin: 15px auto 0;
  color: var(--sv-apk-muted);
  font-size: 17px;
  line-height: 1.6;
}

.sv-workshop-page .sv-apk-vps__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.sv-workshop-page .sv-apk-vps__grid article {
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 22px;
  overflow: hidden;
  background: var(--sv-apk-card);
  box-shadow: 0 15px 40px rgba(0, 0, 0, .067);
}

.sv-workshop-page .sv-apk-vps__grid img {
  width: 100%;
  height: 210px;
  display: block;
  object-fit: cover;
  background: var(--sv-apk-media);
}

.sv-workshop-page .sv-apk-vps__grid article > div {
  padding: 26px;
}

.sv-workshop-page .sv-apk-vps__grid article span {
  color: rgba(0, 0, 0, .48);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sv-workshop-page .sv-apk-vps__grid h3 {
  margin: 12px 0 10px;
  font-size: clamp(23px, 1.8vw, 29px);
  line-height: 1.03;
  letter-spacing: -.035em;
}

.sv-workshop-page .sv-apk-vps__grid p {
  margin: 0;
  color: var(--sv-apk-muted);
  line-height: 1.5;
}

.sv-workshop-page .sv-apk-vps__action {
  margin-top: 34px;
  text-align: center;
}

.sv-workshop-page .sv-apk-final {
  order: 70;
  padding: clamp(66px, 7vw, 100px) 0;
  background: var(--sv-apk-dark);
  color: #fff;
}

.sv-workshop-page .sv-apk-final__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 40px;
  align-items: center;
}

.sv-workshop-page .sv-apk-final .sv-section-eyebrow,
.sv-workshop-page .sv-apk-final p {
  color: rgba(255, 255, 255, .62);
}

.sv-workshop-page .sv-apk-final h2 {
  max-width: 760px;
  margin-bottom: 12px;
}

.sv-workshop-page .sv-apk-final p {
  margin: 0;
}

.sv-workshop-page .sv-apk-final__button {
  min-width: 210px;
  background: #fff;
  color: #111;
}

@media (max-width: 1050px) {
  .sv-workshop-page .sv-apk-booking__shell {
    grid-template-columns: 1fr;
  }

  .sv-workshop-page .sv-apk-booking__media {
    min-height: 440px;
  }

  .sv-workshop-page .sv-apk-vps__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sv-workshop-page .sv-apk-when{order:30;padding:clamp(46px,5vw,64px) 0;background:#fff}
.sv-workshop-page .sv-apk-when__head{width:min(100%,760px);margin:0 auto 22px;text-align:center}
.sv-workshop-page .sv-apk-when__head p{max-width:660px;margin:12px auto 0;color:var(--sv-apk-muted);font-size:16px;line-height:1.55}
.sv-workshop-page .sv-apk-when__shell{max-width:860px;margin:0 auto 16px;padding:26px;border-radius:20px;background:var(--sv-apk-section)}
.sv-workshop-page .sv-apk-when__form>label{display:block;margin-bottom:9px;color:var(--sv-apk-muted);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.sv-workshop-page .sv-apk-when__head h2{font-size:clamp(34px,4vw,48px)}
.sv-workshop-page .sv-apk-when__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
.sv-workshop-page .sv-apk-when__controls>br{display:none}
.sv-workshop-page .sv-apk-when__controls .sv-apk-plate{height:64px}
.sv-workshop-page .sv-apk-when__controls button{min-width:230px;min-height:64px;border:0;border-radius:999px;padding:0 28px;background:var(--sv-apk-dark);color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:opacity .2s ease,transform .2s ease}
.sv-workshop-page .sv-apk-when__controls button:hover{transform:translateY(-1px)}
.sv-workshop-page .sv-apk-when__controls button:disabled{opacity:.58;cursor:wait;transform:none}
.sv-workshop-page .sv-apk-when__result[hidden]{display:none}
.sv-workshop-page .sv-apk-when__result{margin-top:18px;padding:22px;border:1px solid rgba(0,0,0,.1);border-radius:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 22px;align-items:center;background:#fff}
.sv-workshop-page .sv-apk-when__result strong,.sv-workshop-page .sv-apk-when__result span{grid-column:1}
.sv-workshop-page .sv-apk-when__result strong{font-size:clamp(20px,2vw,26px);font-weight:520;line-height:1.15;letter-spacing:-.03em}
.sv-workshop-page .sv-apk-when__result span{color:var(--sv-apk-muted);line-height:1.5}
.sv-workshop-page .sv-apk-when__result .sv-btn{grid-column:2;grid-row:1/span 2;min-width:160px}
.sv-workshop-page .sv-apk-when__result.is-urgent{border-color:rgba(164,48,34,.3)}
.sv-workshop-page .sv-apk-when__result.is-valid{border-color:rgba(45,104,76,.25)}
.sv-workshop-page .sv-apk-when__rules{max-width:860px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sv-workshop-page .sv-apk-when__rules article{min-height:148px;padding:20px;border:1px solid rgba(0,0,0,.1);border-radius:16px;position:relative;display:flex;flex-direction:column;background:var(--sv-apk-card);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.sv-workshop-page .sv-apk-when__rules article.is-active{border-color:var(--sv-apk-ink);box-shadow:0 10px 24px rgba(0,0,0,.08);transform:translateY(-2px)}
.sv-workshop-page .sv-apk-when__rules article.is-active::after{content:'Uw Volvo';position:absolute;top:16px;right:16px;padding:6px 9px;border-radius:999px;background:var(--sv-apk-dark);color:#fff;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sv-workshop-page .sv-apk-when__rules article>span{padding-right:72px;color:rgba(0,0,0,.48);font-size:9px;font-weight:700;line-height:1.35;letter-spacing:.1em;text-transform:uppercase}
.sv-workshop-page .sv-apk-when__rules article>strong{margin:14px 0 8px;color:var(--sv-apk-ink);font-size:clamp(18px,1.6vw,22px);font-weight:520;line-height:1.1;letter-spacing:-.025em}
.sv-workshop-page .sv-apk-when__rules article>p{margin:0;color:var(--sv-apk-muted);line-height:1.5}
.sv-workshop-page .sv-apk-when__note{max-width:860px;margin:16px auto 0;color:var(--sv-apk-muted);font-size:11px;line-height:1.5;text-align:center}
.sv-workshop-page .sv-apk-when__note a{color:inherit;text-underline-offset:3px}

@media (max-width: 760px) {
.sv-workshop-page .sv-apk-when__controls{grid-template-columns:1fr}
.sv-workshop-page .sv-apk-when__controls button{width:100%}
.sv-workshop-page .sv-apk-when__result{grid-template-columns:1fr}
.sv-workshop-page .sv-apk-when__result .sv-btn{grid-column:1;grid-row:auto;width:100%;margin-top:8px}
.sv-workshop-page .sv-apk-when__rules{grid-template-columns:1fr}
.sv-workshop-page .sv-apk-when__rules article{min-height:0}
  .sv-workshop-page .sv-apk-value__grid {
    grid-template-columns: 1fr;
  }

  .sv-workshop-page .sv-apk-value__grid article {
    min-height: 0;
  }

  .sv-workshop-page .sv-apk-value__grid article > span {
    margin-bottom: 20px;
  }

  .sv-workshop-page .sv-apk-value__grid h3 {
    margin-top: 0;
  }

  .sv-workshop-page .sv-apk-booking__panel form {
    grid-template-columns: 1fr;
  }

  .sv-workshop-page .sv-apk-final__inner {
    grid-template-columns: 1fr;
  }

  .sv-workshop-page .sv-apk-final__button {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .sv-workshop-page .sv-apk-value,
  .sv-workshop-page .sv-apk-booking,
  .sv-workshop-page .sv-apk-vps {
    padding-top: 66px;
    padding-bottom: 66px;
  }

  .sv-workshop-page .sv-apk-value__head,
  .sv-workshop-page .sv-apk-vps__head {
    text-align: left;
  }

  .sv-workshop-page .sv-apk-booking__shell {
    width: 100%;
    border-radius: 0;
  }

  .sv-workshop-page .sv-apk-booking__media {
    min-height: 320px;
  }

  .sv-workshop-page .sv-apk-booking__panel {
    padding: 42px 20px;
  }

  .sv-workshop-page .sv-apk-vps__grid {
    display: flex;
    margin-right: calc(var(--sv-page-gutter, 20px) * -1);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }

  .sv-workshop-page .sv-apk-vps__grid article {
    min-width: min(82vw, 340px);
    scroll-snap-align: start;
  }

  .sv-workshop-page .sv-apk-vps__grid img {
    height: 190px;
  }

  .sv-workshop-page .sv-workshop-services__grid {
    display: flex;
    grid-template-columns: none;
    gap: 12px;
    margin-right: calc(var(--sv-page-gutter, 20px) * -1);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .sv-workshop-page .sv-workshop-services__grid::-webkit-scrollbar {
    display: none;
  }

  .sv-workshop-page .sv-workshop-services__grid > a {
    flex: 0 0 min(82vw, 340px);
    min-width: min(82vw, 340px);
    scroll-snap-align: start;
  }
}

/* Kleine APK-checker onder de introductie */
.sv-workshop-page .sv-apk-value__checker{max-width:760px;margin:24px auto 44px;padding:0}
.sv-workshop-page .sv-apk-value__checker .sv-apk-when{margin:0;padding:0;background:transparent}
.sv-workshop-page .sv-apk-value__checker .sv-apk-when__shell{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.sv-workshop-page .sv-apk-value__checker .sv-apk-when__form{max-width:650px;margin:0 auto;padding:0}
.sv-workshop-page .sv-apk-value__checker .sv-apk-when__form>label{text-align:center}
.sv-workshop-page .sv-apk-value__checker .sv-apk-when__controls{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px;align-items:end}
.sv-workshop-page .sv-apk-value__checker [data-apk-checker-submit]{min-width:205px}
.sv-workshop-page .sv-apk-value__checker .sv-apk-when__result{max-width:650px;margin:14px auto 0;text-align:center}
.sv-workshop-page .sv-apk-value__checker .sv-apk-when__summary{max-width:720px;margin:14px auto 0;color:#697078;font-size:12px;line-height:1.5;text-align:center}
@media(max-width:760px){
.sv-workshop-page{text-align:center}
.sv-workshop-page .sv-section-eyebrow,
.sv-workshop-page h1,
.sv-workshop-page h2,
.sv-workshop-page h3,
.sv-workshop-page p,
.sv-workshop-page article,
.sv-workshop-page label,
.sv-workshop-page small{text-align:center}
.sv-workshop-page .sv-apk-value__checker{margin:20px auto 32px}
.sv-workshop-page .sv-apk-value__checker .sv-apk-when__controls{grid-template-columns:1fr;max-width:340px;margin:0 auto}
.sv-workshop-page .sv-apk-value__checker [data-apk-checker-submit]{width:100%;min-width:0}
.sv-workshop-page .sv-apk-value__checker .sv-apk-when__summary{font-size:11px}
.sv-workshop-page .sv-btn,
.sv-workshop-page button{margin-left:auto;margin-right:auto}
}

/* Heldere uitleg bij de APK-checker */
.sv-workshop-page .sv-apk-value__checker-intro{max-width:650px;margin:0 auto 14px;color:#59616a;text-align:center}
.sv-workshop-page .sv-apk-value__checker-intro strong{display:block;margin-bottom:3px;color:#111;font-size:16px}

/* Iets bredere introductietekst op desktop */
@media(min-width:761px){
.sv-workshop-page .sv-apk-value__head p{max-width:860px}
}

/* Mobiele sliders: laatste kaart kan tot links doorschuiven */
@media(max-width:640px){
.sv-workshop-page .sv-apk-vps__grid::after,
.sv-workshop-page .sv-workshop-services__grid::after{content:"";flex:0 0 calc(100% - min(82vw,340px));pointer-events:none}
}

/* Gedeelde verfijningen voor alle werkplaatspagina's */
.sv-workshop-page .sv-workshop-services__grid>a{height:100%}
.sv-workshop-page .sv-workshop-services__copy{flex:1}
.sv-workshop-page .sv-workshop-services__copy em{display:block}
@media(max-width:640px){
.sv-workshop-page .sv-section-eyebrow,
.sv-workshop-page h1,
.sv-workshop-page h2,
.sv-workshop-page h3,
.sv-workshop-page p,
.sv-workshop-page article,
.sv-workshop-page .sv-workshop-services__copy,
.sv-workshop-page .sv-workshop-intro__grid,
.sv-workshop-page .sv-workshop-story__copy,
.sv-workshop-page .sv-workshop-faq__grid{text-align:center}
.sv-workshop-page .sv-btn,
.sv-workshop-page button{margin-left:auto;margin-right:auto}
.sv-workshop-page .sv-workshop-services__copy em{align-self:center}
.sv-workshop-page .sv-apk-vps__grid::after,
.sv-workshop-page .sv-workshop-services__grid::after{content:"";flex:0 0 calc(100% - min(82vw,340px));pointer-events:none}
}


/* Workshop service cards — door WordPress toegevoegde lege alinea’s */
.sv-page .sv-workshop-services__grid > p,
.sv-page .sv-workshop-services__grid > a > p {
  display: none;
}


/* ============================================================
   WORKSHOP SHARED VISUAL SYSTEM — APK STYLE
   Alleen presentatie van bestaande gedeelde componenten.
   ============================================================ */

.sv-workshop-page .sv-workshop-booking {
  padding: clamp(86px, 9vw, 124px) 0;
  background: #fff;
}
.sv-workshop-page .sv-workshop-booking > .sv-container {
  width: min(100% - (var(--sv-page-gutter) * 2), 1280px);
}
.sv-workshop-page .sv-workshop-booking__head {
  max-width: 860px;
  margin: 0 auto clamp(34px, 4vw, 52px);
  text-align: center;
}
.sv-workshop-page .sv-workshop-booking__head h2 { margin: 0 0 16px; }
.sv-workshop-page .sv-workshop-booking__head p { max-width: 760px; margin: 0 auto; }
.sv-workshop-page .sv-workshop-booking__panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  gap: clamp(24px, 3vw, 44px);
  align-items: center;
  padding: clamp(28px, 3vw, 44px);
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 22px;
  background: #f6f6f4;
}
.sv-workshop-page .sv-workshop-booking__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
}
.sv-workshop-page .sv-workshop-booking__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.sv-workshop-page .sv-workshop-booking__form > p { margin: 0; }
.sv-workshop-page .sv-workshop-booking__form .sv-btn {
  min-height: 54px;
  white-space: nowrap;
}
.sv-workshop-page .sv-workshop-booking__note {
  min-height: 100%;
  padding-left: clamp(22px, 2.6vw, 38px);
  border-left: 1px solid rgba(0,0,0,.12);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

.sv-workshop-page .sv-workshop-services {
  padding: clamp(88px, 9vw, 124px) 0;
  background: #f6f6f4;
}
.sv-workshop-page .sv-workshop-services > .sv-container {
  width: min(100% - (var(--sv-page-gutter) * 2), 1280px);
}
.sv-workshop-page .sv-workshop-services__head {
  max-width: 820px;
  margin: 0 auto clamp(38px, 4vw, 54px);
  text-align: center;
}
.sv-workshop-page .sv-workshop-services__head p { max-width: 700px; margin-left: auto; margin-right: auto; }
.sv-workshop-page .sv-workshop-services__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}
.sv-workshop-page .sv-workshop-services__grid > a {
  height: 100%;
  min-height: 430px;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 22px;
  background: #fff;
  overflow: hidden;
}
.sv-workshop-page .sv-workshop-services__copy { height: 100%; }
.sv-workshop-page .sv-workshop-services__copy em { margin-top: auto; }

.sv-workshop-page .sv-workshop-proof--vps {
  padding: clamp(88px, 9vw, 124px) 0;
  background: #fff;
}
.sv-workshop-page .sv-workshop-proof--vps > .sv-container {
  width: min(100% - (var(--sv-page-gutter) * 2), 1280px);
  max-width: 1280px;
}
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__shell {
  min-height: 0;
  display: block;
  background: transparent;
  overflow: visible;
}
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__media { display: none; }
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__content {
  padding: 0;
  display: block;
}
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__head {
  max-width: 820px;
  margin: 0 auto clamp(38px, 4vw, 54px);
  text-align: center;
}
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__head h2,
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__head p {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  border: 0;
}
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__list article {
  min-width: 0;
  min-height: 425px;
  padding: 0 22px 26px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 22px;
  background: #fff;
  overflow: hidden;
}
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__list article::before {
  content: "";
  height: 200px;
  margin: 0 -22px 24px;
  flex: 0 0 auto;
  background: #edf2f4 center / cover no-repeat;
}
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__list article:nth-child(1)::before { background-image: url("https://sepore.nl/wp-content/uploads/Volvo-Personal-Service-3.jpg"); }
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__list article:nth-child(2)::before { background-image: url("https://sepore.nl/wp-content/uploads/Volvo-Personal-Service-2.jpg"); }
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__list article:nth-child(3)::before { background-image: url("https://sepore.nl/wp-content/uploads/Volvo-Personal-Service-1.jpg"); }
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__list article:nth-child(4)::before { background-image: url("https://sepore.nl/wp-content/uploads/Volvo-Personal-Service-4.jpg"); }
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__list article > * { position: relative; }
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__label { margin-bottom: 9px; }
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__list strong { margin-bottom: 10px; }
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__copy { margin-top: 0; }
.sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__action {
  margin-top: 34px;
  text-align: center;
}

@media (max-width: 900px) {
  .sv-workshop-page .sv-workshop-booking__panel,
  .sv-workshop-page .sv-workshop-booking__form { grid-template-columns: 1fr; }
  .sv-workshop-page .sv-workshop-booking__note {
    min-height: 0;
    padding: 22px 0 0;
    border-left: 0;
    border-top: 1px solid rgba(0,0,0,.12);
    text-align: center;
  }
  .sv-workshop-page .sv-workshop-booking__form .sv-btn { width: 100%; }
  .sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .sv-workshop-page .sv-workshop-booking,
  .sv-workshop-page .sv-workshop-services,
  .sv-workshop-page .sv-workshop-proof--vps {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .sv-workshop-page .sv-workshop-booking__head,
  .sv-workshop-page .sv-workshop-services__head,
  .sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__head,
  .sv-workshop-page .sv-workshop-booking__head *,
  .sv-workshop-page .sv-workshop-services__head *,
  .sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__head * {
    text-align: center;
  }
  .sv-workshop-page .sv-workshop-booking__fields { grid-template-columns: 1fr; }
  .sv-workshop-page .sv-workshop-booking__panel { padding: 22px; }
  .sv-workshop-page .sv-workshop-services__grid,
  .sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__list {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding: 0 var(--sv-page-gutter) 12px;
    margin-left: calc(var(--sv-page-gutter) * -1);
    margin-right: calc(var(--sv-page-gutter) * -1);
  }
  .sv-workshop-page .sv-workshop-services__grid::-webkit-scrollbar,
  .sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__list::-webkit-scrollbar { display: none; }
  .sv-workshop-page .sv-workshop-services__grid > a,
  .sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__list article {
    flex: 0 0 min(84vw, 340px);
    scroll-snap-align: start;
  }
  .sv-workshop-page .sv-workshop-services__grid::after,
  .sv-workshop-page .sv-workshop-proof--vps .sv-workshop-proof__list::after {
    content: "";
    flex: 0 0 calc(100vw - min(84vw, 340px) - (var(--sv-page-gutter) * 2));
  }
}

.sv-workshop-page .sv-workshop-booking > .sv-container { display: block; }

.sv-workshop-page .sv-workshop-booking__form { width: 100%; }

/* Nieuwe APK-componenten vervangen de automatisch geïnjecteerde legacyblokken */
.sv-workshop-page .sv-apk-vps ~ .sv-workshop-proof--vps,
.sv-workshop-page .sv-apk-vps ~ .sv-workshop-services:not(.sv-workshop-services--apk) {
  display: none;
}