.repair-hero{position:relative;overflow:hidden;isolation:isolate;background:#101214;color:#fff}.repair-hero-photo{position:absolute;inset:0;z-index:-2;overflow:hidden}.repair-hero-photo img{position:absolute;left:50%;transform:translateX(-50%);max-width:none;min-width:100%;width:auto;height:681.884058%;top:-326.086957%}.repair-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101214 0%,#101214fa 30%,#101214c9 48%,#10121418 80%)}.repair-hero>.container-xxl{padding-block:22px 40px;min-height:420px}.repair-hero .breadcrumb-line{color:#c2c6ca;font-size:12px;margin-bottom:32px}.repair-hero .breadcrumb-line a{color:inherit;text-decoration:none}.repair-hero .eyebrow{color:#f2f3f4;font-size:20px;letter-spacing:-.02em;font-weight:800;margin:0}.repair-hero .eyebrow span{color:#ffe000}.repair-hero h1{font-size:clamp(42px,5vw,68px);line-height:1;text-transform:uppercase;color:#fff;margin:0 0 12px;font-weight:850;letter-spacing:-.04em}.repair-hero p{font-size:18px;font-weight:600;margin:0 0 22px}.repair-hero ul{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:13px}.repair-hero li{display:flex;align-items:center;gap:10px}.repair-hero li>span{color:#ffe000;border:1px solid #8b7900;border-radius:3px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.repair-hero-copy{max-width:50%}
.repair-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:48px;align-items:start}.repair-services>h2,.repair-benefits>h2{font-size:21px;text-transform:uppercase;letter-spacing:-.025em;font-weight:800;margin:0 0 24px}.repair-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.repair-service-grid>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:24px 12px;background:#fff;border:1px solid #e3e5e7;border-radius:4px;min-height:152px;text-decoration:none;color:#16191d;transition:border-color .15s,background .15s}.repair-service-grid>a:hover,.repair-service-grid>a:focus-visible{border-color:#c8aa00;background:#fffcec;outline-offset:3px}.repair-service-grid .retail-icon{width:38px;height:38px;stroke-width:2}.repair-service-grid h3{font-size:13px;line-height:1.5;max-width:120px;margin:0;font-weight:650}.repair-benefits{margin-top:40px}.repair-benefit{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}.repair-benefit-icon{width:44px;height:44px;border-radius:50%;background:#ffe000;display:flex;align-items:center;justify-content:center;flex-shrink:0}.repair-benefit-icon .retail-icon{width:25px;height:25px;stroke-width:2.4}.repair-benefit h3{font-size:15px;font-weight:750;margin:0 0 4px}.repair-benefit p{font-size:13px;line-height:1.65;color:#61666e;margin:0;max-width:410px}
.repair-booking{background:linear-gradient(145deg,#202326,#101214);color:#fff;padding:30px;border:1px solid #303439;border-top:3px solid #ffe000;border-radius:5px;scroll-margin-top:24px}.repair-booking>.eyebrow{font-size:9px;color:#b8bdc4;margin-bottom:10px}.repair-booking>h2{font-size:25px;text-transform:uppercase;font-weight:800;letter-spacing:-.025em;margin-bottom:10px;color:#fff}.repair-booking>p{font-size:13px;line-height:1.65;color:#c8ccd1}.repair-booking .enquiry-form{--bs-gutter-y:15px;--bs-gutter-x:0;margin-top:8px}.repair-booking .enquiry-form>.col-md-6{width:100%}.repair-booking .form-label{font-size:12px;font-weight:600;color:#f0f1f3;margin-bottom:6px}.repair-booking .form-control,.repair-booking .form-select{font-size:14px;background:#f9f9fa;border-color:#d3d5d8;border-radius:3px;min-height:44px;padding:10px 12px;color:#17191c}.repair-booking textarea.form-control{min-height:105px}.repair-booking .form-check-label{font-size:11px;line-height:1.7;color:#c8ccd1}.repair-booking .form-check a{color:#ffe000}.repair-booking .btn{width:100%;font-size:12px;white-space:normal}.repair-booking p.repair-booking-note{font-size:11px;margin:22px 0 0;padding-top:18px;border-top:1px solid #42464c;color:#aeb4bd}
@media(min-width:1440px){.repair-layout{gap:64px;grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr)}.repair-booking{padding:34px}}
@media(max-width:991px){.repair-layout{gap:28px;grid-template-columns:minmax(0,1fr) minmax(290px,1fr)}.repair-booking{padding:24px}.repair-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.repair-service-grid>a{min-height:140px}.repair-hero-copy{max-width:65%}.repair-hero::after{background:linear-gradient(90deg,#101214 0%,#101214eb 40%,#10121433 100%)}}
@media(max-width:767px){.repair-layout{grid-template-columns:1fr;gap:36px}.repair-hero>.container-xxl{min-height:400px;padding-bottom:32px}.repair-hero-copy{max-width:90%}.repair-hero .breadcrumb-line{margin-bottom:28px}.repair-hero h1{font-size:46px}.repair-hero p{font-size:16px}.repair-hero::after{background:linear-gradient(90deg,#101214f5,#101214c9 65%,#10121470)}.repair-hero-photo img{left:25%}.repair-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.repair-service-grid>a{min-height:140px;padding:18px 8px;gap:14px}.repair-service-grid h3{font-size:11px}.repair-service-grid .retail-icon{width:32px;height:32px}.repair-benefits{margin-top:32px}.repair-booking{padding:26px 22px}}
@media(max-width:360px){.repair-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.repair-hero p{color:#e8ebef}.repair-hero-photo img{left:0}@media(max-width:767px){.repair-hero-photo img{left:-40%}}
.repair-booking .repair-pickup-fields{border-top:1px solid #42464c;margin-top:24px;padding-top:18px}.repair-booking .repair-pickup-fields legend{float:none;width:auto;font-size:17px;font-weight:750;color:#fff;margin-bottom:12px}.repair-booking .repair-pickup-fields p.fine-print{color:#c0c6ce;font-size:11px;line-height:1.7}.repair-pickup-fields input,.repair-pickup-fields textarea{scroll-margin-top:24px}
/* Dedicated high-resolution repair photography replaces the enlarged screenshot. */
.repair-hero{background:#111316}.repair-hero-photo img{inset:0;transform:none;left:0;top:0;width:100%;height:100%;min-width:0;max-width:none;object-fit:contain;object-position:75% center}.repair-hero::after{background:linear-gradient(90deg,#111316 0%,#111316ed 26%,#111316b0 42%,#11131610 66%,#11131600 88%,#11131644 100%)}.repair-hero>.container-xxl{min-height:440px}.repair-hero-copy{max-width:48%}.repair-hero p{color:#eceff3}.repair-hero h1{text-shadow:0 2px 16px #0003}
@media(max-width:991px){.repair-hero-photo img{object-fit:cover;object-position:65% center}.repair-hero-copy{max-width:65%}.repair-hero::after{background:linear-gradient(90deg,#111316f5,#111316d9 40%,#11131640 100%)}}
@media(max-width:767px){.repair-hero>.container-xxl{min-height:410px}.repair-hero-photo img{left:0;object-position:72% center}.repair-hero-copy{max-width:90%}.repair-hero::after{background:linear-gradient(90deg,#111316f0,#111316c9 58%,#11131655)}}

/* Fill the banner to the right edge while keeping the repair detail in frame. */
.repair-hero-photo img{object-fit:cover;object-position:right center}
.repair-hero::after{background:linear-gradient(90deg,#111316f5 0%,#111316e6 24%,#111316a6 42%,#11131622 63%,transparent 82%)}
.repair-hero>.container-xxl{padding-bottom:44px;min-height:460px}
.repair-hero-copy{padding-block:4px 12px}
.repair-hero ul{gap:9px;color:#e1e4e8}
@media(min-width:1600px){.repair-hero>.container-xxl{min-height:500px}}
@media(max-width:991px){.repair-hero-photo img{object-position:72% center}.repair-hero::after{background:linear-gradient(90deg,#111316f5,#111316d9 38%,#11131633 100%)}}
@media(max-width:767px){.repair-hero>.container-xxl{min-height:420px;padding-bottom:32px}.repair-hero-photo img{object-position:72% center}.repair-hero::after{background:linear-gradient(90deg,#111316f0,#111316c9 58%,#11131655)}}