/* Approved repair page: one continuous background and real, accessible content. */
body.repair-page{color:#082b59;background:#eaf6ff url('/profi-blue-waves.png') center bottom/100% auto no-repeat}
body.repair-page main{max-width:1600px;margin:auto;background:transparent}
body.repair-page .repair-intro,body.repair-page .repair-section,body.repair-page footer{background:transparent;border:0;box-shadow:none}
body.repair-page nav.split-navigation{border:0;box-shadow:none;background:transparent}
body.repair-page .repair-section{padding:36px 4%}
body.repair-page .repair-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:45px 4% 14px}
body.repair-page h1{font-size:clamp(34px,3.3vw,54px);letter-spacing:-1px}
body.repair-page h2{color:#082b59;text-shadow:none}
body.repair-page .repair-intro h2{font-size:clamp(21px,1.7vw,27px)}
.repair-visual{margin:0;min-width:0;text-align:center}
.repair-photo{aspect-ratio:1.78;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 96%,transparent)}
body.repair-page .repair-intro .repair-photo img{display:block;width:100%;max-width:none;max-height:none;height:auto;border-radius:0;opacity:1}
.repair-visual figcaption strong{display:block;font-size:clamp(24px,2.45vw,39px);letter-spacing:-1px;line-height:1.15}
.repair-visual figcaption span{display:block;font-size:clamp(16px,1.35vw,21px);line-height:1.5;margin:10px auto 0;max-width:580px}
body.repair-page .cost-price{background:transparent;border:0;padding:10px}
body.repair-page .cost-price strong{font-size:48px}
body.repair-page .repair-bonus-card{background:#ffffff40;border:1px solid #add5ee;border-radius:16px;padding:26px 30px;box-shadow:none}
body.repair-page .repair-bonus-card h2{font-size:27px;color:#082b59}
body.repair-page .repair-bonus-card p{font-size:16px;line-height:1.7}
body.repair-page .repair-bonus-card a{display:inline-block;color:#0069c4;padding:8px 0}
.service-appliances{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:28px 0 0}
.service-appliances figure{margin:0;text-align:center;min-width:0}
.service-appliances img{width:100%;height:235px;object-fit:contain;mix-blend-mode:multiply}
.service-appliances figcaption{font-size:18px;font-weight:700;margin-top:16px;overflow-wrap:anywhere}
body.repair-page .service-copy>p{max-width:1050px}
body.repair-page .repair-steps{gap:35px}
body.repair-page .repair-steps li:before{font-size:36px}
body.repair-page .contact-service{gap:65px}
.outline-button{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #0073d5;border-radius:9px;padding:14px 22px;color:#0069c4;font-weight:700;line-height:1.5;text-align:center;max-width:100%}
.outline-button:hover{background:#d3ebfc}
.payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.payment-grid article{position:relative;padding-left:56px}
.payment-grid article>span{position:absolute;left:0;top:0;font-size:38px;color:#0073d5}
.payment-grid h3{font-size:19px;margin:0 0 10px}
.payment-grid p{font-size:17px;line-height:1.6;margin:0}
.payment-note{font-size:16px;margin:28px 0 20px;line-height:1.6}
body.repair-page .repair-invite{padding-top:45px;padding-bottom:55px}
body.repair-page .repair-invite .button{margin:5px;padding:16px 24px}
body.repair-page footer{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;line-height:1.8;padding:25px 4%}
body.repair-page footer>span{margin-left:0!important}
@media(max-width:1000px){body.repair-page .repair-intro{gap:20px}.service-appliances{gap:15px}.service-appliances img{height:175px}.service-appliances figcaption{font-size:15px}.payment-grid{gap:20px}.payment-grid article{padding-left:0}.payment-grid article>span{position:static;display:block;margin-bottom:8px}}
@media(max-width:700px){body.repair-page .repair-intro{grid-template-columns:1fr;padding:30px 5% 10px}body.repair-page .repair-section{padding:28px 5%}body.repair-page .repair-intro h1{font-size:38px}.repair-visual{margin-top:14px}body.repair-page .repair-intro .repair-photo img{display:block}.repair-visual figcaption strong{font-size:29px}.repair-visual figcaption span{font-size:18px}.service-appliances{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.service-appliances img{height:190px}.service-appliances figure:last-child{grid-column:1/-1;width:50%;justify-self:center}.service-appliances figcaption{font-size:17px}body.repair-page .contact-service,.payment-grid{grid-template-columns:1fr;gap:30px}body.repair-page .repair-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}body.repair-page .repair-bonus-card{padding:22px}body.repair-page .repair-bonus-card h2{font-size:23px}.repair-actions .button{flex:1 1 100%;text-align:center}.payment-grid article{padding-left:50px}.payment-grid article>span{position:absolute}body.repair-page .repair-invite .button{display:block}body.repair-page .mobile-page-content{zoom:1}}
@media(max-width:390px){body.repair-page .repair-intro h1{font-size:32px}body.repair-page .repair-steps{grid-template-columns:1fr}.service-appliances img{height:150px}}

/* Display the exact approved appliance artwork; labels remain live text. */
.service-appliances .approved-appliance{position:relative;aspect-ratio:1;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.service-appliances .approved-appliance img{position:absolute;max-width:none;width:640%;height:auto;left:var(--appliance-x);top:-56.25%;object-fit:initial;mix-blend-mode:multiply}
.service-appliances figcaption{margin-top:8px}

/* Tighten the two marked gaps around the repair bonus. */
body.repair-page .travel-cost{padding-bottom:12px}
body.repair-page .travel-cost + .repair-section{padding-top:8px;padding-bottom:12px}
body.repair-page .travel-cost + .repair-section + .service-copy{padding-top:10px}
body.repair-page .travel-cost p:last-child{margin-bottom:0}

/* Compact the marked process/contact spacing on desktop and mobile. */
body.repair-page .service-copy{padding-bottom:14px}
body.repair-page .repair-process{padding-top:12px;padding-bottom:12px}
body.repair-page .repair-process h2{margin-bottom:12px}
body.repair-page .repair-steps li:before{margin-bottom:8px}
body.repair-page .repair-steps p{margin-top:10px;margin-bottom:0}
body.repair-page .contact-service{padding-top:14px;padding-bottom:16px}
body.repair-page .contact-service h2{margin-bottom:12px}
body.repair-page .contact-service p{margin-top:8px;margin-bottom:14px}
body.repair-page .payment-section{padding-top:20px}