/* Match Step 2’s 58cqw mascot height; reserve space below the existing portrait artwork. */
.seventh-page .funnel{container-type:inline-size;background:#00233e;overflow:hidden}
.seventh-page header{padding:0 6%;height:15cqw;gap:12%}
.seventh-page .brand{width:49%;flex-shrink:0}
.seventh-page .brand>span,.seventh-page .header-tagline,.seventh-page .stage,.seventh-page .progress,.seventh-page nav{display:none}
.seventh-page .step-two-logo{display:block;width:100%;height:auto}
.seventh-page .first-step-progress{display:block;width:37%;font:900 2.7cqw/1.15 Inter,Arial,sans-serif;white-space:nowrap}
.seventh-page .step-dots{margin-top:1.6cqw}
.seventh-page .step-dots i{width:2cqw;height:2cqw}
.seventh-page .step-dots i:first-child{width:4.2cqw}
.seventh-page .step-dots i:nth-child(-n+7){background:#008bff}
.seventh-page .body{padding:0 6%}
.seventh-page .hero{display:block;position:relative;padding:5cqw 0 3cqw;min-height:60cqw}
.seventh-page .hero>div{width:60%;position:relative;z-index:2}
.seventh-page .hero h1{font:900 7.4cqw/.98 Inter,Arial,sans-serif;letter-spacing:-.3cqw;text-wrap:initial;text-shadow:none}
.seventh-page .hero mark{color:#00b7ed;font-size:7cqw}
.seventh-page .hero mark:after{content:'';display:block;height:.5cqw;width:93%;background:#00b7ed;transform:rotate(-3deg);margin:1.8cqw 0}
.seventh-page .hero p{font:700 max(14px,3cqw)/1.25 Inter,Arial,sans-serif;max-width:85%;margin-top:3cqw;background:none}
.seventh-page .hero #mascot{position:absolute;width:auto;height:58cqw;max-height:none;max-width:none;object-fit:contain;top:0;right:-2%;bottom:auto;margin:0;z-index:1}
.seventh-page .actions{margin-top:3cqw;gap:1.6cqw}
.seventh-page .actions button{min-height:12cqw;border-radius:2cqw}
.seventh-page #back{width:25%;padding:1cqw;font-size:3.7cqw;border-color:#fff}
.seventh-page .actions .primary{padding:1cqw;font:900 7.4cqw/1 Inter,Arial,sans-serif;background:#008bff}
.seventh-page .primary b{position:static;margin-left:1cqw}
.seventh-page .reassurance{font-size:max(13px,2.6cqw);margin:2.5cqw 0 4cqw}
.seventh-page footer{border:0;padding-top:0}

.seventh-page header .preview,.seventh-page .other-page-footer{display:none}
.seventh-page .page-one-footer{display:inline}
.seventh-page .hero #mascot{width:46%;right:-3%}
.seventh-page [data-step="6"]>h2{font:900 max(19px,4cqw)/1.15 Inter,Arial,sans-serif;letter-spacing:-.1cqw;margin:0 0 1cqw}
.seventh-page [data-step="6"]>.section-heading{margin-top:4cqw}
.seventh-page .hint{font:400 max(13px,2.5cqw)/1.35 Arial,sans-serif;margin:0 0 2cqw;color:#c7dce9}
.seventh-page .field-label{font:800 max(14px,2.8cqw)/1.2 Inter,Arial,sans-serif;margin:1.5cqw 0}
.seventh-page .text-field{width:100%;min-width:0;min-height:48px;margin:0 0 2cqw;padding:2.5cqw;border:1px solid #dce4ec;border-radius:1.5cqw;font:400 max(16px,3cqw)/1.3 Arial,sans-serif}
.seventh-page .text-field:focus{outline:3px solid #008bff;outline-offset:2px}

.seventh-page .actions .primary{font-size:max(18px,3.8cqw);padding:2cqw}
.seventh-page .order-confirmation{border:1px solid #2478ac;background:#073453;border-radius:1.8cqw;padding:3cqw;margin:3cqw 0;color:#fff}
.seventh-page .order-confirmation strong{font:900 max(18px,3.6cqw)/1.2 Inter,Arial,sans-serif;color:#00b7ed}
.seventh-page .order-confirmation p{font:400 max(15px,2.8cqw)/1.4 Arial,sans-serif;margin:1.5cqw 0 0}
.seventh-page footer{padding:4cqw 0}
.seventh-page .booking-address{margin-bottom:4cqw}
.seventh-page .booking-address h2{font:900 max(20px,4cqw)/1.2 Inter,Arial,sans-serif;margin:0 0 2cqw}
.seventh-page .address-locality{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:2cqw}

/* Assessment remains a frontend-only preview until backend submission is connected. */
.seventh-page .assessment-preview-note{margin-top:20px;border-color:#66cfff;background:#09344e;color:#e2f3ff}
.seventh-page .assessment-preview-note strong{color:#90dcff}
.seventh-page .assessment-preview-note p{margin-bottom:0}
.seventh-page .assessment-confirmation-preview{border:1px solid #2478ac;background:#073453;border-radius:10px;padding:20px;margin:20px 0}
.seventh-page .assessment-confirmation-preview h3{font:800 16px/1.3 Inter,Arial,sans-serif;color:#90dcff;margin:0 0 12px;letter-spacing:.3px}
.seventh-page #complete .assessment-preview-context{font-size:14px;margin:0 0 14px}
.seventh-page #complete .assessment-confirmation-message{font-size:20px;line-height:1.45;color:#fff;margin:0}
/* Area enquiries and assessment headings must fit narrow phone cards. */
.seventh-page #review-panel:has(#assessment-note:not([hidden])) #total-price{font-size:clamp(28px,7.5cqw,48px);line-height:1.15;overflow-wrap:anywhere}

/* Disabled customer booking action remains the established blue button. */
.seventh-page #next:disabled{cursor:not-allowed}
.seventh-page #booking-unavailable{margin:12px 0 0;text-align:center}