/* Garantie en reparatie: softwarematig service-dashboard. */
.pro-service{--service-blue:#0878cf;--service-navy:#073b68;--service-orange:#f47416;--service-ink:#254967;position:relative;isolation:isolate;overflow:hidden;padding:34px 0 72px;background:linear-gradient(180deg,#f7fcff,#eef8fd 42%,#f9fcfe);color:var(--service-ink)}
.pro-service__ambient{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(680px 480px at 94% 2%,rgba(64,183,231,.16),transparent 68%),radial-gradient(620px 480px at -8% 45%,rgba(244,116,22,.07),transparent 70%)}
.pro-service a{color:inherit}.pro-service-kicker{display:inline-flex;margin-bottom:10px;color:var(--service-blue);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.pro-service-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:23px;color:#68839a;font-size:.78rem;font-weight:700}.pro-service-breadcrumb a{text-decoration:none}.pro-service-breadcrumb a:hover{text-decoration:underline}
.pro-service-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);gap:25px;align-items:stretch;margin-bottom:18px}
.pro-service-hero__copy{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:30px 0}
.pro-service-hero h1{max-width:14ch;margin:0 0 18px;color:var(--service-navy);font:900 clamp(2.45rem,5vw,4.7rem)/.98 "Nunito Sans","Segoe UI",sans-serif;letter-spacing:-.055em}.pro-service-hero__copy>p{max-width:65ch;margin:0;color:#45657e;font-size:1.05rem;line-height:1.7}
.pro-service-hero__actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:24px}.pro-service-link{color:var(--service-blue)!important;font-size:.83rem;font-weight:900;text-decoration:none}.pro-service-link:hover{text-decoration:underline}
.pro-service-hero__trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin:23px 0 0;padding:0;list-style:none;color:#355d79;font-size:.74rem;font-weight:800}
.pro-service-company{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.96);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(232,247,254,.72));box-shadow:0 24px 58px rgba(7,59,104,.12),inset 0 1px #fff;padding:27px;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}
.pro-service-company::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--service-blue),#62c6eb 68%,var(--service-orange))}
.pro-service-company__head{display:flex;gap:16px;align-items:center;margin-bottom:22px}.pro-service-company__logo{display:grid;width:112px;height:66px;place-items:center;border:1px solid #d5e9f3;border-radius:15px;background:rgba(255,255,255,.78);padding:8px}.pro-service-company__logo img{width:100%;height:100%;object-fit:contain}.pro-service-company__head div>span{display:block;color:#7890a3;font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pro-service-company h2{margin:2px 0 0;color:var(--service-navy);font-size:1.35rem}
.pro-service-company__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pro-service-company__details>div{border:1px solid rgba(204,228,241,.9);border-radius:15px;background:rgba(255,255,255,.64);padding:13px}.pro-service-company__details strong{display:block;margin-bottom:5px;color:#7890a3;font-size:.61rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.pro-service-company__details p{margin:0;color:#204766;font-size:.78rem;font-weight:750;line-height:1.5;overflow-wrap:anywhere}.pro-service-company__details p a{color:var(--service-blue);text-decoration:none}.pro-service-company__note{margin:14px 0 0;color:#607d93;font-size:.7rem;line-height:1.45}
.pro-service-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:72px}.pro-service-status article{display:grid;grid-template-columns:42px 1fr;gap:12px;border:1px solid rgba(255,255,255,.94);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 13px 32px rgba(7,59,104,.07);padding:17px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pro-service-status article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:linear-gradient(145deg,var(--service-blue),#43b7e6);color:#fff;font-size:.68rem;font-weight:900}.pro-service-status strong{display:block;margin:1px 0 3px;color:var(--service-navy);font-size:.86rem}.pro-service-status p{margin:0;color:#5c7890;font-size:.72rem;line-height:1.5}
.pro-service-sectionhead{max-width:760px;margin-bottom:26px}.pro-service-sectionhead h2,.pro-service-request h2{margin:0;color:var(--service-navy);font:900 clamp(1.8rem,3.5vw,3rem)/1.08 "Nunito Sans","Segoe UI",sans-serif;letter-spacing:-.04em}.pro-service-sectionhead p{margin:12px 0 0;color:#55738a;line-height:1.65}
.pro-service-overview,.pro-service-request,.pro-service-exclusions{margin-bottom:72px}.pro-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.pro-service-card{min-height:220px;border:1px solid rgba(255,255,255,.96);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.87),rgba(237,249,254,.72));box-shadow:0 18px 44px rgba(7,59,104,.09),inset 0 1px #fff;padding:25px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.pro-service-card__icon{display:grid;width:42px;height:42px;margin-bottom:28px;place-items:center;border-radius:14px;background:#e1f6ec;color:#168957;font-weight:900}.pro-service-card h3{margin:0 0 8px;color:var(--service-navy);font-size:1.02rem}.pro-service-card p{margin:0;color:#58758d;font-size:.84rem;line-height:1.6}
.pro-service-request__panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(280px,.75fr) auto;gap:35px;align-items:center;border:1px solid rgba(255,255,255,.96);border-radius:28px;background:linear-gradient(120deg,rgba(225,247,255,.9),rgba(255,255,255,.88) 68%,rgba(255,241,230,.82));box-shadow:0 24px 58px rgba(7,59,104,.1);padding:clamp(25px,4vw,44px)}.pro-service-request p{margin:11px 0 0;color:#58758d;line-height:1.6}.pro-service-request ul{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:#345a76;font-size:.8rem;font-weight:750}.pro-service-request .button{white-space:nowrap}
.pro-service-exclusions__grid{display:grid;gap:10px}.pro-service-exclusions details{overflow:hidden;border:1px solid rgba(202,227,241,.9);border-radius:17px;background:rgba(255,255,255,.74);box-shadow:0 12px 28px rgba(7,59,104,.06);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pro-service-exclusions summary{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px;color:var(--service-navy);font-size:.9rem;font-weight:900;list-style:none;padding:16px 20px;cursor:pointer}.pro-service-exclusions summary::-webkit-details-marker{display:none}.pro-service-exclusions summary span{position:relative;width:30px;height:30px;border-radius:50%;background:#e5f5fc}.pro-service-exclusions summary span::before,.pro-service-exclusions summary span::after{content:"";position:absolute;top:14px;left:9px;width:12px;height:2px;background:var(--service-blue)}.pro-service-exclusions summary span::after{transform:rotate(90deg)}.pro-service-exclusions details[open] summary span::after{transform:none}.pro-service-exclusions details>div{padding:0 22px 18px}.pro-service-exclusions ul{margin:0;padding-left:19px;color:#58758d;font-size:.84rem;line-height:1.7}.pro-service-exclusions li::marker{color:var(--service-orange)}.pro-service-legal{margin:16px 0 0;border-left:3px solid var(--service-blue);border-radius:0 13px 13px 0;background:rgba(231,246,253,.78);color:#486982;font-size:.76rem;line-height:1.55;padding:13px 16px}
.pro-service-help{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid rgba(255,255,255,.95);border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 18px 42px rgba(7,59,104,.08);padding:25px 30px}.pro-service-help strong{display:block;margin-bottom:4px;color:var(--service-navy);font-size:1.08rem}.pro-service-help p{margin:0;color:#58758d;font-size:.84rem}.pro-service-help>div:last-child{display:flex;flex-wrap:wrap;gap:10px 18px}.pro-service-help a{color:var(--service-blue);font-size:.78rem;font-weight:900;text-decoration:none}
/* Professionele lijniconen en heldere knophiërarchie */
.pro-service .pro-ui-icon{display:block;width:20px;height:20px;flex:0 0 auto}.pro-service .pro-ui-icon--arrow{width:16px;height:16px;transition:transform .18s ease}.pro-service .pro-ui-button{display:inline-flex!important;min-height:49px;align-items:center;justify-content:center;gap:10px;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#ff8e27,var(--service-orange))!important;color:#fff!important;font:900 .79rem/1 "Nunito Sans","Segoe UI",sans-serif!important;letter-spacing:.01em;padding:14px 20px!important;box-shadow:0 12px 26px rgba(244,116,22,.25)!important;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.pro-service .pro-ui-button:hover{transform:translateY(-2px);filter:saturate(1.05);box-shadow:0 16px 32px rgba(244,116,22,.3)!important}.pro-service .pro-ui-button:hover .pro-ui-icon--arrow{transform:translateX(2px)}.pro-service .pro-ui-button:focus-visible{outline:3px solid rgba(8,120,207,.25);outline-offset:3px}.pro-service .pro-ui-button--secondary{border:1px solid #bcdcea!important;background:rgba(255,255,255,.9)!important;color:var(--service-blue)!important;box-shadow:0 9px 20px rgba(7,59,104,.08)!important}.pro-service .pro-ui-button--secondary:hover{border-color:#91c8e0!important;background:#fff!important;box-shadow:0 13px 26px rgba(7,59,104,.12)!important}.pro-service .pro-ui-button--ghost{border:1px solid transparent!important;background:#edf8fc!important;color:#315c79!important;box-shadow:none!important}.pro-service .pro-ui-button--ghost:hover{border-color:#cce5f0!important;background:#e5f4fa!important;box-shadow:none!important}
.pro-service-hero__trust li{display:inline-flex;align-items:center;gap:7px}.pro-service-hero__trust li::before{display:none;content:none}.pro-service-hero__trust .pro-ui-icon{width:18px;height:18px;border-radius:7px;background:#e1f5fd;color:var(--service-blue);padding:3px;box-sizing:border-box}
.pro-service-company__details>div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start}.pro-service-company__details>div>div{min-width:0}.pro-service-company__detail-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#e5f5fc;color:var(--service-blue)}.pro-service-company__detail-icon .pro-ui-icon{width:17px;height:17px}
.pro-service-status article{grid-template-columns:48px 1fr}.pro-service-status article>span{position:relative;width:48px;height:48px;border-radius:15px}.pro-service-status__icon .pro-ui-icon{width:21px;height:21px}.pro-service-status__icon small{position:absolute;right:-4px;bottom:-4px;display:grid;width:21px;height:21px;place-items:center;border:2px solid #fff;border-radius:7px;background:var(--service-navy);color:#fff;font-size:.52rem;font-weight:900}.pro-service-card__icon .pro-ui-icon{width:21px;height:21px}
.pro-service-request li{display:flex;align-items:center;gap:9px}.pro-service-request li::before{display:none;content:none}.pro-service-request li .pro-ui-icon{width:18px;height:18px;color:#15905a}
.pro-service-exclusions summary>span{position:static;width:auto;height:auto;border-radius:0;background:none}.pro-service-exclusions summary>span::before,.pro-service-exclusions summary>span::after{display:none;content:none}.pro-service-summary__label{display:inline-flex!important;align-items:center;gap:11px}.pro-service-summary__label .pro-ui-icon{display:grid;width:34px;height:34px;border-radius:11px;background:#e5f5fc;color:var(--service-blue);padding:8px;box-sizing:border-box}.pro-service-summary__chevron{display:grid!important;flex:0 0 34px!important;width:34px!important;height:34px!important;place-items:center;border:1px solid #d2e8f2!important;border-radius:11px!important;background:#f5fbfe!important;color:var(--service-blue);transition:transform .18s ease}.pro-service-summary__chevron .pro-ui-icon{width:16px;height:16px}.pro-service-exclusions details[open] .pro-service-summary__chevron{transform:rotate(90deg)}
.pro-service-help>div:last-child{gap:10px}.pro-service-help a{font-size:.78rem}.pro-service-help .pro-ui-button{min-height:46px;padding:12px 16px!important}
@media(max-width:980px){.pro-service-hero{grid-template-columns:1fr}.pro-service-hero__copy{padding-bottom:0}.pro-service-request__panel{grid-template-columns:1fr 1fr}.pro-service-request .button{grid-column:1/-1;justify-self:start}}
@media(max-width:700px){.pro-service{padding-top:16px}.pro-service-status,.pro-service-grid{grid-template-columns:1fr}.pro-service-status,.pro-service-overview,.pro-service-request,.pro-service-exclusions{margin-bottom:54px}.pro-service-company__details,.pro-service-request__panel{grid-template-columns:1fr}.pro-service-request .button{grid-column:auto;width:100%;justify-content:center}.pro-service-help{align-items:flex-start;flex-direction:column}.pro-service-hero h1{font-size:2.55rem}}
@media(max-width:430px){.pro-service-company{padding:22px 17px}.pro-service-company__head{align-items:flex-start;flex-direction:column}.pro-service-hero__actions{width:100%;align-items:stretch;flex-direction:column}.pro-service-hero__actions .pro-ui-button{width:100%;justify-content:center}.pro-service-help>div:last-child,.pro-service-help .pro-ui-button{width:100%}}
@media(prefers-reduced-motion:reduce){.pro-service *{transition:none!important}}