.quote-intro{padding:50px 0 26px}.quote-intro h1{font-size:clamp(34px,4vw,54px);margin:12px 0}.quote-intro p{font-size:18px;max-width:720px}.quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;padding-bottom:65px}.quote-steps{list-style:none;padding:0;display:flex;gap:25px;margin:0 0 24px;color:#61738a;font-weight:700}.quote-steps li{display:flex;gap:10px}.quote-steps .current{color:#0041FF}.quote-box{padding:30px;background:#fff;border:1px solid #dbe4f0;border-radius:16px;margin-bottom:24px;box-shadow:0 8px 30px #153b6610}.quote-box h2{font-size:27px;margin:10px 0 14px}.quote-box p{line-height:1.7}.panel-picker{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:25px 0}.panel-picker svg{width:100%;max-height:370px;display:block}.car-panel{fill:#e6edf8;stroke:#8095b2;stroke-width:1.5;cursor:pointer;transition:fill .15s}.car-panel:hover,.car-panel:focus{fill:#a9ccff;outline:none;stroke:#0041FF;stroke-width:3}.car-panel[aria-pressed=true]{fill:#0041FF;stroke:#0d387f}.car-glass{fill:#b3c3d9}.diagram-label{font-size:11px;fill:#213c60;font-family:Arial,sans-serif;pointer-events:none}.diagram-caption{text-align:center;font-size:13px!important;color:#61738a}.quote-box label{display:block;font-weight:600;font-size:15px;margin-bottom:16px}.quote-box input:not([type=checkbox]),.quote-box select,.quote-box textarea{display:block;width:100%;font:inherit;padding:12px;border:1px solid #b7c6da;border-radius:7px;background:#fff;color:#18314f;margin-top:7px}.quote-box input:focus,.quote-box select:focus,.quote-box textarea:focus{outline:3px solid #abcaff;border-color:#0041FF}.panel-picker .button{margin-top:12px}.photo-tip{margin-top:24px;padding:18px;background:#f1f6fd;border-radius:10px}.photo-tip p{font-size:15px;margin:8px 0}.photo-tip small{font-size:13px;color:#526783}.empty-damage{padding:20px;text-align:center;border:1px dashed #afc2dc;border-radius:10px;color:#62758d}.damage-card{margin-top:20px;padding:22px;background:#f4f8fe;border:1px solid #d6e2f2;border-radius:12px}.damage-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.damage-heading h3{margin:0 0 18px;font-size:21px}.remove-area,.damage-photos button{background:none;border:0;color:#0041FF;cursor:pointer;font:inherit;font-size:14px;text-decoration:underline}.upload-label{padding:14px;border:1px dashed #8aa9d1;border-radius:8px}.damage-photos,.confirmation-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.damage-photos figure,.confirmation-photos figure{margin:0}.damage-photos img{width:100%;height:120px;object-fit:cover;border-radius:8px}.confirmation-photos img{width:100%;height:260px;object-fit:contain;background:#f1f5fa;border-radius:10px}.confirmation-photos figcaption{font-size:14px;margin-top:8px}.quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.registration{text-transform:uppercase}.quote-box .consent{display:flex;gap:12px;align-items:flex-start;font-weight:400;margin-top:20px}.consent input{margin-top:5px;width:18px;height:18px;flex-shrink:0}.quote-small{font-size:14px}.quote-notice{padding:14px;background:#edf4ff;border-left:3px solid #0041FF;font-size:14px;line-height:1.6;margin:20px 0}#quote-error{color:#b42318;font-weight:600}.submit-quote{width:100%;justify-content:space-between}.button:disabled{opacity:.6;cursor:wait}.quote-aside{background:#102f52;border-radius:16px;padding:28px;color:white;align-self:start;margin-top:48px}.quote-aside .eyebrow{color:#99c9ff}.quote-aside h2{font-size:30px;color:#fff;margin:17px 0}.quote-aside p{color:#d1e0f2;line-height:1.8;font-size:15px}.quote-aside a{color:white}.quote-phone{font-size:24px;font-weight:700}.quote-aside hr{border:0;border-top:1px solid #45617f;margin:26px 0}.confirmation-banner{background:#0041FF;color:white;border-radius:16px;padding:35px;margin:0 0 25px}.confirmation-banner .eyebrow{color:#c6e2ff}.confirmation-banner h2{color:white;font-size:32px;overflow-wrap:anywhere}.confirmation-banner p{color:white}#quote-confirmation{padding-bottom:60px}@media(max-width:900px){.quote-layout{grid-template-columns:1fr}.quote-aside{margin-top:0}}@media(max-width:600px){.quote-intro{padding-top:28px}.quote-box{padding:20px}.panel-picker{grid-template-columns:1fr;gap:10px}.quote-fields{grid-template-columns:1fr}.quote-steps{gap:14px;font-size:12px}.quote-steps li{gap:5px}.damage-card{padding:15px}.confirmation-photos{grid-template-columns:1fr}.confirmation-photos img{height:auto;max-height:380px}.damage-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-box h2{font-size:24px}}

.damage-dialog{width:min(560px,calc(100% - 28px));max-height:90dvh;margin:auto;overflow:auto;border:0;padding:28px;color:#112e50;box-shadow:0 25px 80px #0004}.damage-dialog::backdrop{background:#102c4c99;backdrop-filter:blur(4px)}.damage-dialog .damage-heading h2{margin:0}.damage-dialog-close{border:0;background:none;color:#112e50;font-size:28px;cursor:pointer}.damage-dialog form>.button{width:100%;justify-content:center;margin-top:20px}.damage-summary{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;background:#f4f8fe;border:1px solid #d6e2f2;border-radius:12px;margin-top:12px}.damage-summary>img{width:64px;height:64px;object-fit:cover;border-radius:8px}.damage-summary h3{font-size:17px;margin:0 0 5px}.damage-summary p{font-size:13px;margin:0}.damage-summary-actions{display:flex;gap:10px}.damage-summary-actions button{background:none;border:0;color:#0041ff;text-decoration:underline;font:inherit;font-size:14px;cursor:pointer;padding:8px 0}@media(max-width:500px){.damage-summary{grid-template-columns:50px minmax(0,1fr);gap:10px}.damage-summary>img{width:50px;height:50px}.damage-summary-actions{grid-column:2}.damage-dialog{padding:20px}}

.damage-no-photo{width:64px;height:64px;display:grid;place-items:center;border-radius:8px;background:#e4ecf8;color:#7588a3}@media(max-width:500px){.damage-no-photo{width:50px;height:50px}}

#quote-details-step[hidden],#quote-damage-step[hidden]{display:none}.quote-next{width:100%;justify-content:space-between;margin-top:18px}.quote-back{margin-top:22px}.quote-box input.registration{background:#ffdc32;color:#111;border:2px solid #1b1b1b;box-shadow:inset 0 0 0 3px #ffe77b;border-radius:7px;font-family:"Charles Wright","UK Number Plate","Arial Narrow",Impact,sans-serif;font-stretch:condensed;font-weight:700;font-size:30px;letter-spacing:2px;text-align:center;line-height:1.2;padding:10px;text-transform:uppercase}.quote-box input.registration::placeholder{color:#625519;opacity:.6}.quote-steps li.current{font-weight:800}.quote-steps li{transition:color .15s}

.ref-demo{padding:35px 0 65px}.demo-controls{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 30px}.demo-controls button{padding:12px 17px;background:white;border:1px solid #b4c6e0;border-radius:8px;font:inherit;color:#112e50;cursor:pointer}.demo-controls button[aria-pressed=true]{background:#0041ff;color:white;border-color:#0041ff}.demo-label{color:#64748b;font-size:14px}.reference-sample{--accent:#0041ff;border:1px solid #dbe4f1;border-radius:22px;overflow:hidden;background:#f5f8fc}.receipt-head{padding:38px;background:white;display:flex;justify-content:space-between;align-items:center;gap:25px}.receipt-head h1{font-size:42px;margin:8px 0 12px;letter-spacing:-1.4px}.receipt-head p{margin:0;color:#55677d;max-width:520px}.ref-badge{background:#edf3ff;border:1px solid #cdddff;border-radius:14px;padding:22px;flex-shrink:0}.ref-badge small{display:block;color:#586f90;font-size:11px;letter-spacing:1.5px}.ref-badge strong{display:block;font-size:24px;letter-spacing:1px;margin:7px 0 12px}.copy-reference{font:inherit;font-size:13px;background:white;border:1px solid #b6ccef;border-radius:6px;color:#0041ff;padding:7px 12px;cursor:pointer}.receipt-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding:30px}.damage-heading-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.damage-heading-row h2{font-size:25px;margin:0}.damage-heading-row span{font-size:13px;color:#5b6e86}.receipt-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.receipt-card{background:white;border:1px solid #dce5f1;border-radius:14px;overflow:hidden}.receipt-photo{display:block;width:100%;height:205px;object-fit:cover}.receipt-card-copy{padding:21px}.receipt-card h3{font-size:21px;margin:12px 0 8px}.receipt-card p{font-size:14px;line-height:1.7;color:#52657e;margin:0}.damage-type{background:#edf3ff;color:#0041ff;border-radius:20px;padding:5px 10px;font-size:12px;display:inline-block}.photo-note{display:block;font-size:11px;margin-top:15px;color:#748297}.receipt-side{display:grid;gap:18px;align-content:start}.receipt-panel{background:white;border:1px solid #dce5f1;border-radius:14px;padding:23px}.receipt-panel h3{font-size:19px;margin:0 0 15px}.receipt-panel dl{margin:0}.receipt-panel dt{font-size:12px;color:#6b7b90;margin-top:12px}.receipt-panel dd{margin:3px 0 0;font-size:15px;font-weight:600}.receipt-panel p{font-size:14px;line-height:1.7;margin:0;color:#52657e}.receipt-panel .button{width:100%;justify-content:center;margin-top:18px;font-size:14px}.receipt-next{background:#e9f1ff}.receipt-timeline{padding:20px 30px;background:white;display:flex;gap:22px;border-top:1px solid #dce5f1}.receipt-timeline span{font-size:14px;flex:1;color:#61718a}.receipt-timeline strong{display:block;color:#123251;margin-bottom:5px}.design-2{background:#fff;border-color:#d9e0e9}.design-2 .receipt-head{border-bottom:1px solid #e0e5ed;padding:48px}.design-2 .receipt-head .eyebrow{color:#707783}.design-2 .receipt-head h1{font-weight:500}.design-2 .ref-badge{background:#f5f5f7;border:0}.design-2 .receipt-card{border-radius:4px;box-shadow:none}.design-2 .receipt-panel{border-radius:4px}.design-2 .damage-type{background:none;padding:0;text-transform:uppercase;letter-spacing:1px;font-size:11px;color:#707783}.design-2 .receipt-next{background:#f5f5f7}.design-3 .receipt-head{background:#0041ff;color:white}.design-3 .receipt-head .eyebrow,.design-3 .receipt-head p{color:#d8e6ff}.design-3 .receipt-head h1{color:white}.design-3 .ref-badge{background:#ffffff1a;border-color:#ffffff44}.design-3 .ref-badge small{color:#d8e6ff}.design-3 .receipt-cards{grid-template-columns:1fr}.design-3 .receipt-card{display:grid;grid-template-columns:40% 1fr}.design-3 .receipt-photo{height:100%;min-height:220px}.design-3 .receipt-next{background:#102c4c;color:white}.design-3 .receipt-next h3,.design-3 .receipt-next p{color:white}.design-4{background:radial-gradient(ellipse at top right,#c5ddff,transparent 65%),linear-gradient(145deg,#f4f6ff,#e9edf5);border:1px solid #d4dff2;padding:18px}.design-4 .receipt-head{background:#ffffffa6;border:1px solid white;border-radius:18px}.design-4 .ref-badge{background:#ffffffa8;border-color:white}.design-4 .receipt-body{padding:24px 0}.design-4 .receipt-panel,.design-4 .receipt-card{background:#ffffffbd;border-color:white;border-radius:18px;box-shadow:0 5px 20px #1635530b}.design-4 .receipt-photo{padding:6px;border-radius:18px;height:220px}.design-4 .receipt-timeline{border-radius:16px;background:#ffffffa8;border:1px solid white}.ref-sample-notice{padding:12px 18px;background:#fff8df;font-size:13px;color:#695719;border-radius:8px;margin-bottom:20px}@media(max-width:900px){.receipt-head{padding:25px;align-items:flex-start}.receipt-head h1{font-size:32px}.receipt-body{grid-template-columns:1fr;padding:22px}.receipt-side{grid-template-columns:1fr 1fr}.ref-badge{padding:16px}.ref-badge strong{font-size:19px}}@media(max-width:600px){.receipt-head{display:block}.ref-badge{margin-top:22px}.receipt-cards,.receipt-side{grid-template-columns:1fr}.receipt-head h1{font-size:30px}.receipt-photo{height:190px}.receipt-timeline{flex-direction:column;gap:16px;padding:22px}.design-2 .receipt-head{padding:25px}.design-3 .receipt-card{grid-template-columns:1fr}.design-3 .receipt-photo{height:185px;min-height:0}.design-4{padding:10px}.design-4 .receipt-head{padding:20px}.demo-controls{display:grid;grid-template-columns:1fr 1fr}.demo-controls button{font-size:14px;padding:11px}.receipt-body{padding:18px}.receipt-card-copy{padding:18px}}
#quote-confirmation{padding-top:30px}.reference-sample .confirmation-photos{grid-template-columns:1fr;gap:10px}.reference-sample .confirmation-photos img{height:200px}.reference-sample .receipt-panel dd{overflow-wrap:anywhere}.reference-sample .ref-badge strong{font-size:clamp(16px,2vw,23px);overflow-wrap:anywhere}.reference-sample .receipt-card-copy h3{margin-top:12px}

.quote-page-grid>.quote-intro,.quote-page-grid>.quote-layout{width:100%}
.quote-week-hours{margin:16px 0 0}
.quote-week-hours>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #ffffff1c;font-size:14px}
.quote-week-hours>div:last-child{border:0}
.quote-week-hours dt{color:#d1e0f2}
.quote-week-hours dd{margin:0;color:white;font-weight:600;white-space:nowrap}
.quote-hours-title{font-size:18px;margin:0;color:white}
@media(min-width:901px){
.quote-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;column-gap:32px;padding-top:50px;padding-bottom:65px;align-items:start}
.quote-page-grid>.quote-intro{grid-column:1;grid-row:1;padding-top:0;margin:0}
.quote-page-grid>.quote-layout{display:contents}
.quote-page-grid #quote-form{grid-column:1;grid-row:2}
.quote-page-grid .quote-aside{grid-column:2;grid-row:1 / span 2;margin-top:38px;padding:30px;min-height:720px}
}

/* Uploaded image captions are intentionally omitted from the customer receipt. */
#quote-confirmation .confirmation-photos figcaption{display:none}
