.trial-site { background:#f6f7f8; --content-width:1320px; }
.trial-notice { background:#edf4fa; color:#33516a; padding:8px 16px; text-align:center; font-size:11px; }
.trial-nav { max-width:1320px; margin:auto; padding:24px 20px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.trial-wordmark { font-size:23px; font-weight:800; color:#006ab6; text-decoration:none; letter-spacing:-1px; }
.trial-wordmark span { display:block; font-size:10px; font-weight:500; letter-spacing:1px; color:#555; margin-top:4px; }
.trial-nav nav { display:flex; align-items:center; gap:25px; }
.trial-nav nav a { color:#444; text-decoration:none; font-size:14px; font-weight:600; }
.trial-nav nav button,.trial-secondary { border:1px solid #ccd3db; background:white; padding:12px 18px; border-radius:24px; font-weight:600; font-size:13px; }
.trial-nav [data-shortlist-count] { background:#006ab6; color:white; border-radius:20px; padding:3px 7px; margin-left:7px; }
.trial-site .app-shell { padding-top:10px; }
.trial-hero { display:grid; grid-template-columns:1fr 1fr; background:white; border-radius:22px; overflow:hidden; border:1px solid #e0e4e8; }
.trial-hero-copy { padding:48px 40px; }
.trial-eyebrow { font-size:10px; letter-spacing:2px; font-weight:700; color:#006ab6; }
.trial-hero h1 { font-size:clamp(36px,4.1vw,58px); letter-spacing:-2.6px; line-height:1.08; margin:22px 0; }
.trial-hero h1 em { color:#006ab6; font-style:normal; }
.trial-hero-copy > p:not(.trial-eyebrow):not(.trial-personal) { line-height:1.75; font-size:15px; max-width:480px; }
.trial-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.trial-primary { border:0; border-radius:25px; background:#006ab6; color:white; padding:14px 22px; text-decoration:none; font-size:13px; font-weight:700; display:inline-block; }
.trial-primary:hover { background:#00518c; }
.trial-personal { font-size:11px; color:#777; margin:23px 0 0; }
.trial-hero-photo { position:relative; min-height:350px; }
.trial-hero-photo img { width:100%; height:100%; object-fit:cover; }
.trial-hero-photo span { position:absolute; bottom:24px; left:24px; background:rgba(255,255,255,.93); padding:12px 16px; font-size:12px; border-radius:8px; }
.trial-steps { display:flex; justify-content:space-between; gap:20px; padding:28px 10px 36px; font-size:13px; }
.trial-steps b { color:#006ab6; margin-right:10px; }
.trial-site .filter-shell-title { font-size:24px; }
.trial-site .filter-shell { box-shadow:none; border-color:#dfe3e7; }
.trial-site .card--results { padding:0; background:none; border:0; box-shadow:none; }
.trial-site .table-header { padding:8px 0 12px; }
#trialResultCount { margin:6px 0 0; color:#70757a; font-size:13px; }
.trial-browse-tools { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:8px 0; }
.trial-browse-tools label { font-size:12px; font-weight:600; }
.trial-browse-tools input[type=search] { display:block; width:280px; padding:11px 15px; margin-top:5px; border:1px solid #d3d8dc; border-radius:24px; background:white; }
.trial-shortlist-filter { display:flex; align-items:center; gap:8px; }
.trial-chips { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.trial-chips button { background:#e9f2f9; color:#185381; border:0; border-radius:18px; padding:8px 12px; font-size:11px; }
.trial-price-note { font-size:11px; line-height:1.7; color:#727579; max-width:900px; margin-bottom:22px; }
.trial-site .floorplan-card.floorplan-card--aligned { border-radius:18px; box-shadow:none; border:1px solid #dce1e5; overflow:hidden; }
.trial-site .floorplan-card--aligned .floorplan-image-region { order:-1; padding:16px 16px 0; background:#fff; }
.trial-site .floorplan-card--aligned .floorplan-preview-button { height:280px; }
.trial-site .floorplan-card--aligned .garage-plan-preview { height:100%; }
.trial-site .floorplan-card--aligned .floorplan-image { max-height:280px; }
.trial-site .floorplan-card--aligned .floorplan-card-summary { padding:20px; }
.trial-site .floorplan-card--aligned .floorplan-card-title { font-size:25px; }
.trial-site .floorplan-card--aligned .floorplan-price-flag--panoramic { background:transparent; color:#006ab6; border:0; padding:0; margin-bottom:12px; }
.trial-site .floorplan-card--aligned .floorplan-key-features { min-height:0; padding-bottom:16px; }
.trial-site .floorplan-card--aligned .floorplan-feature-strip { margin:14px 0; }
.trial-save { align-self:center; border:1px solid #d5dce2; border-radius:20px; background:#fff; font-size:12px; padding:7px 13px; }
.trial-save[aria-pressed=true] { color:#006ab6; background:#edf5fc; border-color:#006ab6; }
.trial-footer { background:#fff; border-top:1px solid #dde2e6; padding:45px max(20px,calc((100vw - 1280px)/2)); display:flex; justify-content:space-between; gap:40px; }
.trial-footer h2 { font-size:27px; margin:0; letter-spacing:-1px; }
.trial-footer p { font-size:13px; max-width:580px; }
.trial-footer a { display:block; color:#006ab6; font-size:13px; margin-top:12px; }
.trial-dialog { width:min(850px,calc(100% - 28px)); max-height:90dvh; border:1px solid #ddd; border-radius:20px; padding:32px; color:#404041; }
.trial-dialog::backdrop { background:rgba(22,37,49,.55); }
.trial-dialog h2 { padding-right:28px; letter-spacing:-1px; font-size:28px; margin-top:0; }
.trial-dialog p { font-size:13px; line-height:1.7; }
.trial-dialog-close { position:absolute; right:14px; top:14px; border:0; border-radius:50%; background:#f1f3f5; width:34px; height:34px; font-size:24px; }
.trial-saved-row { display:flex; padding:12px 0; border-bottom:1px solid #ddd; gap:12px; align-items:center; }
.trial-saved-row small { display:block; font-size:12px; color:#6b7176; }
.trial-dialog-enquire { margin-top:14px; }
.trial-comparison { overflow-x:auto; }
.trial-comparison table { border-collapse:collapse; width:100%; font-size:12px; }
.trial-comparison td,.trial-comparison th { padding:12px; text-align:left; border:1px solid #e1e5e8; vertical-align:top; min-width:120px; }
.trial-comparison th { background:#f1f6fa; }
#trialEnquiryForm > label { display:block; font-size:13px; font-weight:600; margin:16px 0; }
#trialEnquiryForm input,#trialEnquiryForm textarea { display:block; width:100%; border:1px solid #cbd3da; border-radius:8px; padding:11px; margin-top:6px; }
.trial-empty { grid-column:1/-1; background:white; padding:40px; border:1px solid #d5dce2; border-radius:16px; }
.trial-design-enquire { display:block; margin:20px auto; }
.trial-site [hidden] { display:none!important; }
@media(max-width:800px) {
.trial-hero { grid-template-columns:1fr; }
.trial-hero-copy { padding:30px 24px; }
.trial-hero-photo { height:240px; min-height:0; }
.trial-steps { flex-wrap:wrap; padding:22px 5px; gap:12px; }
.trial-footer { flex-direction:column; }
.trial-browse-tools { flex-direction:column; align-items:flex-start; }
.trial-nav nav a { display:none; }
.trial-nav { padding:18px 16px; }
.trial-wordmark { font-size:19px; }
.trial-wordmark span { font-size:8px; }
.trial-nav nav button { padding:9px 11px; font-size:11px; }
.trial-site .filter-shell-title { font-size:19px; }
.trial-site .filter-shell { padding:18px; }
.trial-dialog { padding:24px 20px; }
}
@media(prefers-reduced-motion:reduce) { .trial-site * { scroll-behavior:auto; transition:none; animation:none; } }

.trial-experience { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding:27px 20px; text-align:center; border-bottom:1px solid #dde3e8; }
.trial-experience span { font-size:12px; color:#73777b; }
.trial-experience strong { display:block; color:#006ab6; font-size:24px; margin-bottom:4px; letter-spacing:-.7px; }
.trial-site .branding-card__cta { width:100%; border:0; font-family:inherit; }
.trial-site .floorplan-price-flag--panoramic { box-shadow:none; }
.trial-site .pricing-modal__cta { border:0; width:100%; font-family:inherit; }
@media(max-width:600px) { .trial-experience { padding:20px 0; gap:10px; } .trial-experience strong { font-size:18px; } .trial-experience span { font-size:10px; } }

.trial-enquiry-context { font-size:12px; background:#f3f6f9; border-radius:8px; padding:12px; }
.trial-enquiry-context pre { white-space:pre-wrap; font:inherit; }
#trialFilterToggle { white-space:nowrap; flex-shrink:0; }
@media(max-width:600px) { #trialFilterToggle { font-size:11px; padding:10px 12px; } .trial-site .filter-shell-title { font-size:17px; } }

/* Brand messaging review: homepage and catalogue variants. */
body[data-page-mode="homepage"] .brand-selector-only,
body[data-page-mode="selector"] .brand-homepage-only { display:none; }
.brand-review-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 24px; }
.brand-review-bar nav { display:flex; gap:8px; }
.brand-review-bar a { padding:6px 12px; border-radius:20px; color:inherit; text-decoration:none; border:1px solid #b8cbd9; }
.brand-review-bar a[aria-current="page"] { background:#006ab6; color:white; border-color:#006ab6; }
.brand-selector-intro { padding:36px 0 24px; max-width:850px; }
.brand-selector-intro h1 { font-size:clamp(32px,5vw,48px); letter-spacing:-1.4px; margin:0 0 12px; }
.brand-selector-intro p { font-size:15px; line-height:1.8; }
.brand-selector-intro .brand-proof { font-size:12px; color:#596975; }
.brand-approach { padding:38px 0; }
.brand-approach h2 { font-size:30px; letter-spacing:-1px; margin:0 0 12px; }
.brand-approach > p { max-width:780px; line-height:1.8; font-size:14px; }
.brand-pillars { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:24px 0; }
.brand-pillars article { padding:22px; background:white; border:1px solid #dce2e6; border-radius:14px; }
.brand-pillars h3 { font-size:17px; margin:0 0 10px; }
.brand-pillars p { font-size:13px; line-height:1.8; margin:0; }
.brand-more { background:#fff; padding:18px 22px; border:1px solid #dce2e6; border-radius:12px; }
.brand-more summary { cursor:pointer; font-weight:600; font-size:14px; }
.brand-more p { font-size:13px; line-height:1.8; max-width:850px; }
.brand-catalogue-note { margin:8px 0; color:#596975; font-size:13px; }
.brand-card-message { margin:12px 0 18px; font-size:13px; line-height:1.7; text-align:center; }
.brand-design-options { margin:24px 0; padding:24px; border:1px solid #dce2e6; border-radius:16px; background:#f5f8fa; text-align:left; }
.brand-design-options h3 { font-size:24px; margin:8px 0 14px; }
.brand-design-options p,.brand-design-options li { font-size:14px; line-height:1.8; }
.brand-design-options ul { display:flex; flex-wrap:wrap; gap:8px 32px; padding-left:20px; }
.brand-design-options small { display:block; color:#68727a; line-height:1.7; }
.brand-design-options details { margin-top:20px; padding-top:18px; border-top:1px solid #dce2e6; }
.brand-design-options summary { cursor:pointer; font-weight:600; }
.brand-design-options .trial-design-enquire { margin:18px 0 0; }
.brand-pricing-advice { margin:18px 0; padding:16px; border-radius:10px; background:#f0f6fa; }
.brand-pricing-advice p { font-size:13px; line-height:1.7; margin:8px 0 0; }
#trialEnquiryForm select { display:block; width:100%; background:white; border:1px solid #cbd3da; border-radius:8px; padding:11px; margin-top:6px; font:inherit; }
@media(max-width:900px) { .brand-pillars { grid-template-columns:repeat(2,1fr); } }
@media(max-width:540px) { .brand-pillars { grid-template-columns:1fr; } .brand-selector-intro { padding:24px 4px; } .brand-design-options { padding:18px; } .brand-review-bar { font-size:11px; } }
.brand-selector-intro .brand-selector-proof { font-size:12px; color:#596975; }
.brand-section-intro > p { max-width:780px; font-size:14px; line-height:1.8; }
.brand-pillars article > span { display:block; color:#006ab6; font-size:12px; font-weight:700; margin-bottom:12px; }
.brand-small { font-size:12px!important; color:#68727a; }

/* Matching search and sort fields remain side by side on phones. */
.trial-site .table-header { display:block; padding:8px 0 0; text-align:left; }
.trial-site .table-header h2 { margin:0; }
.trial-site .brand-catalogue-note { margin:5px 0; }
.trial-site #trialResultCount { margin:4px 0 10px; }
.trial-site .trial-browse-tools { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; margin:8px 0; align-items:end; }
.trial-site .selector-control { display:block; min-width:0; font-size:12px; font-weight:600; }
.trial-site .selector-control input,.trial-site .selector-control select { display:block; box-sizing:border-box; width:100%; max-width:none; min-width:0; height:44px; margin:6px 0 0; padding:0 12px; border:1px solid #d3d8dc; border-radius:22px; background:white; color:#404041; font-family:inherit; font-size:14px; }
.selector-result-options { margin:10px 0; font-size:12px; }
.trial-site .trial-chips:empty { display:none; }
.trial-site .trial-price-note { margin:8px 0 16px; }
@media(max-width:540px) {
 .trial-site .trial-browse-tools { gap:8px; }
 .trial-site .selector-control { font-size:11px; }
 .trial-site .selector-control input,.trial-site .selector-control select { padding:0 9px; font-size:12px; }
 .trial-site .selector-control input:focus { font-size:16px; }
 .trial-site .brand-selector-intro { padding:16px 4px 22px; }
 .trial-site .brand-selector-intro p { margin:10px 0; }
}

/* Quiet, compact garage controls with a clear selected state. */
.trial-site .garage-toggle { box-sizing:border-box; width:min(100%,280px); margin:8px auto 0; padding:2px; background:#f5f6f7; border:1px solid #e0e4e7; border-radius:12px; }
.trial-site .garage-toggle button { min-height:36px; padding:6px 8px; font-size:11px; line-height:1.3; font-weight:500; color:#68737c; border-radius:9px; }
.trial-site .garage-toggle button[aria-pressed="true"] { background:#fff; color:#285774; font-weight:600; box-shadow:0 1px 3px #20304012; }
.trial-site .garage-toggle button:focus-visible { outline:2px solid #006ab6; outline-offset:3px; }
.trial-site #designModal .garage-toggle { width:min(100%,320px); margin:10px auto 16px; }
@media(pointer:coarse) { .trial-site .garage-toggle button { min-height:40px; } }

/* Selector welcome and compact, consistent browsing controls. */
.selector-header { width:100%; background:#fff; border-bottom:1px solid #e0e5e9; }
.selector-header-inner { max-width:1320px; margin:auto; padding:24px 20px; display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:40px; align-items:center; }
.selector-header .trial-wordmark { font-size:clamp(28px,3vw,40px); letter-spacing:-1px; }
.selector-header .trial-wordmark span { font-size:15px; letter-spacing:.3px; font-weight:600; margin-top:8px; }
.selector-header-copy > p { font-size:13px; color:#64717c; margin:16px 0; }
.selector-header nav { display:flex; align-items:center; flex-wrap:wrap; gap:14px 24px; }
.selector-phone { color:#285774; text-decoration:none; font-size:18px; font-weight:700; }
.selector-header-photo { display:block; width:100%; height:220px; object-fit:cover; object-position:58% 36%; border-radius:16px; }
.trial-site .brand-selector-intro { max-width:none; padding:28px 0 24px; }
.trial-site .brand-selector-intro p { max-width:none; }
.trial-site .filter-shell-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.trial-site .filter-shell-heading h2 { margin:0; line-height:1.2; }
.selector-filter-actions { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.selector-filter-actions button { white-space:nowrap; }
.selector-filter-actions [data-shortlist-count] { background:#eaf2f8; color:#285774; padding:2px 6px; border-radius:20px; margin-left:3px; }
.trial-site .brand-catalogue-note { color:#006ab6; font-weight:500; }
.trial-site .selector-control select { appearance:none; -webkit-appearance:none; border-radius:999px!important; padding-right:28px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2355636f' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 10px center; }
.trial-site .selector-control input { border-radius:999px!important; }
.trial-site .filter-dropdown-icon { color:#55636f; }
.trial-site .floorplan-feature-strip { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
.floorplan-footer-areas > :not(:first-child)::before { content:'·'; margin:0 12px 0 0; color:#89939c; }
.trial-site .brand-design-options ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:34px; row-gap:8px; padding-left:22px; margin:16px 0; }
.trial-site .brand-design-options li { width:auto; max-width:none; padding-left:2px; }
.trial-site .brand-design-options p,.trial-site .brand-design-options .brand-more p { max-width:none; }
.design-price-intro { display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; margin:14px 0 20px; font-size:18px; color:#285774; }
.design-price-intro strong { font-size:24px; }
.trial-site .pricing-modal { z-index:1400; }
.enquiry-meeting { padding-top:20px; margin-top:24px; border-top:1px solid #dce2e6; }
.enquiry-meeting h3 { font-size:18px; margin:0 0 8px; }
.enquiry-call { display:inline-block; margin:12px; font-size:13px; color:#285774; }
.similar-status { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; padding:16px; margin:12px 0 18px; background:#eaf3fa; border:1px solid #c7dce9; border-radius:12px; }
.similar-status span { flex:1 1 300px; font-size:12px; line-height:1.7; }
@media(max-width:700px) {
 .selector-header-inner { grid-template-columns:minmax(0,1fr) 135px; gap:16px; padding:20px 16px; }
 .selector-header .trial-wordmark { font-size:26px; }
 .selector-header .trial-wordmark span { font-size:12px; line-height:1.5; }
 .selector-header-copy > p { display:none; }
 .selector-header nav { gap:10px; margin-top:14px; }
 .selector-phone { font-size:16px; }
 .selector-header nav .trial-primary { padding:10px 14px; font-size:11px; }
 .selector-header-photo { height:190px; object-position:57% 30%; }
 .trial-site .filter-shell-heading { flex-wrap:wrap; }
 .selector-filter-actions { margin-left:auto; }
 .selector-filter-actions .trial-secondary { font-size:11px; padding:10px 12px; }
 .trial-site .brand-design-options ul { column-gap:25px; }
}
@media(max-width:420px) {
 .selector-header-inner { grid-template-columns:minmax(0,1fr) 110px; gap:10px; }
 .selector-header .trial-wordmark { font-size:23px; }
 .selector-header-photo { height:185px; }
 .trial-site .filter-shell-heading { gap:14px; }
 .selector-filter-actions { margin-left:0; width:100%; }
 .selector-filter-actions button { flex:1; }
 .trial-site .brand-design-options ul { grid-template-columns:1fr; }
}

/* Shortlist access, balanced filters and compact phone layout. */
.trial-site .filter-shell { padding-block:20px; scroll-margin-top:12px; }
.trial-site .filter-shell-heading { margin:0; flex-wrap:nowrap; }
.trial-site .filter-bar { margin-top:18px; }
.trial-site .selector-filter-actions { width:auto; margin:0 0 0 auto; flex-shrink:0; }
.trial-site .selector-filter-actions button { flex:none; }
.trial-site .trial-browse-tools { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:12px 20px; }
.trial-browse-tools > .selector-search { grid-column:1; grid-row:1; }
.trial-browse-tools > .selector-sort { grid-column:3; grid-row:1; }
.browse-shortlist { grid-column:2; grid-row:1; }
.browse-shortlist button { height:44px; white-space:nowrap; }
.browse-shortlist [data-shortlist-count] { background:#eaf2f8; color:#285774; padding:2px 6px; border-radius:20px; margin-left:3px; }
.trial-browse-tools > .trial-shortlist-filter { grid-column:1/-1; grid-row:2; align-self:center; margin:0; font-weight:400; }
.trial-saved-row { justify-content:space-between; gap:16px; }
.trial-saved-choice { display:flex; gap:12px; align-items:center; min-width:0; flex:1; }
.trial-saved-choice input { flex-shrink:0; width:18px; height:18px; }
.trial-saved-actions { display:flex; gap:10px; align-items:center; }
.trial-saved-actions button { min-height:44px; font-size:12px; }
.shortlist-remove { background:transparent; border:0; text-decoration:underline; color:#596975; padding:8px; }
.change-comparison { margin-bottom:18px; }
#designModal [data-back-shortlist] { display:block; margin:12px auto; }
.trial-site .filter-reset-button.has-active-filters { color:#075c99; border-color:#96bbd7; animation:reset-soft-blue 4s ease-in-out infinite; }
@keyframes reset-soft-blue { 0%,100% { background-color:#fff; } 50% { background-color:#d6eaf9; } }
@media(max-width:800px) {
 .trial-site .trial-browse-tools { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px 8px; }
 .trial-browse-tools > .selector-sort { grid-column:2; }
 .trial-browse-tools > .trial-shortlist-filter { grid-column:1; grid-row:2; font-size:11px; line-height:1.4; }
 .browse-shortlist { grid-column:2; grid-row:2; justify-self:end; align-self:center; }
 .browse-shortlist button { font-size:12px; padding:10px 12px; }
 .trial-site .filter-bar { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .trial-site .filter-field select,.trial-site .filter-dropdown-toggle,.trial-site .filter-reset-button { font-size:12px; padding:8px 10px; height:44px; min-height:44px; }
 .trial-site .filter-field select { padding-right:26px; }
 .trial-site .filter-dropdown-panel { width:min(388px,calc(100vw - 76px)); max-height:max(160px,calc(100dvh - 300px)); }
}
@media(max-width:480px) {
 .trial-saved-row { flex-wrap:wrap; gap:8px; }
 .trial-saved-choice { flex-basis:100%; }
 .trial-saved-actions { margin-left:30px; }
}
@media(prefers-reduced-motion:reduce) {
 .trial-site .filter-reset-button.has-active-filters { animation:none; background:#e3f0fa; }
}

/* Compact card controls retained from the previous release. */
.card-shortlist-actions { display:flex; justify-content:center; align-items:center; gap:8px; width:100%; }
.card-shortlist-actions button { min-height:38px; white-space:nowrap; font-size:11px; padding:7px 10px; }
.trial-view-shortlist { border:1px solid #c3d8e7; border-radius:20px; background:#edf5fc; color:#075486; font-family:inherit; }
.trial-site .floorplan-card--aligned .floorplan-card-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:100%; }
.trial-site .floorplan-card--aligned .floorplan-card-actions .floorplan-button { width:100%; min-width:0; padding:0 8px; min-height:42px; font-size:12px; }
.trial-site .floorplan-footer-areas { display:flex; flex-wrap:nowrap; gap:8px; font-size:11px; white-space:nowrap; }
.trial-site .floorplan-footer-areas > :not(:first-child)::before { margin:0 8px 0 0; }
.trial-site .floorplan-card-footer { padding-left:10px; padding-right:10px; }
@media(max-width:360px) { .trial-site .floorplan-footer-areas { font-size:10px; gap:5px; } }

/* Concept 3: crisp blue panel, soft blue wash, faded interior and compact navigation. */
.selector-masthead { --header-blue:#006AB6; --header-button:#799FD3; position:relative; isolation:isolate; background:#fff; border-bottom:1px solid #E6E6E6; }
.masthead-scene { position:absolute; z-index:-2; inset:0 0 0 50%; overflow:hidden; background:#f2f5f7 url('./assets/branding/header-interior.jpg') center 48%/cover no-repeat; }
.masthead-scene::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,106,182,.65),rgba(0,106,182,.13) 22%,rgba(255,255,255,.77) 52%,rgba(255,255,255,.95) 100%); }
.masthead-blue { position:absolute; z-index:-1; inset:0 auto 0 0; width:56%; background:var(--header-blue); clip-path:polygon(0 0,96% 0,100% 100%,0 100%); }
.masthead-inner { position:relative; width:100%; max-width:1800px; margin:auto; height:clamp(170px,12.2vw,220px); }
.masthead-name { position:absolute; left:3%; top:22%; color:#fff; text-decoration:none; white-space:nowrap; font:400 clamp(36px,3.9vw,66px)/1 Georgia,'Times New Roman',serif; letter-spacing:-1.5px; text-shadow:0 1px 1px #0002; }
.masthead-name span { display:block; margin-top:12px; font:600 clamp(9px,.91vw,15px)/1.4 Montserrat,sans-serif; text-transform:uppercase; letter-spacing:2.8px; }
.masthead-tagline { position:absolute; left:33.6%; top:26%; margin:0; padding:7px 0 7px 2%; border-left:1px solid #ffffff80; color:white; font:400 clamp(14px,1.37vw,23px)/1.45 Georgia,'Times New Roman',serif; white-space:nowrap; }
.masthead-portrait { position:absolute; left:52%; bottom:0; width:14%; height:100%; overflow:hidden; pointer-events:none; }
.masthead-portrait img { display:block; width:100%; height:auto; margin-top:0; }
.masthead-contact { position:absolute; top:18%; right:2%; display:flex; align-items:center; gap:clamp(14px,2vw,34px); }
.masthead-phone { display:inline-flex; align-items:center; gap:10px; color:#006AB6; text-decoration:none; white-space:nowrap; font:500 clamp(12px,1.1vw,18px)/1.4 Montserrat,sans-serif; }
.masthead-book { display:inline-flex; justify-content:center; align-items:center; gap:18px; padding:16px 22px; background:var(--header-button); color:#fff; border:1px solid #8ab0df; border-radius:5px; text-decoration:none; font:700 clamp(13px,1.2vw,19px)/1.3 Montserrat,sans-serif; box-shadow:inset 0 1px 0 #ffffff20,0 1px 3px #25476515; white-space:nowrap; }
.masthead-book:hover { filter:brightness(.96); }
.masthead-book span { font-size:1.3em; font-weight:400; }
.masthead-menu { position:absolute; right:2%; bottom:8%; display:flex; align-items:center; gap:30px; }
.masthead-menu a,.masthead-menu button { color:#404041; font:500 clamp(12px,1vw,16px)/1.5 Montserrat,sans-serif; text-decoration:none; border:0; background:none; padding:8px 0; cursor:pointer; }
.masthead-menu [aria-current=page] { border-bottom:3px solid #FF5F00; }
.masthead-menu [data-shortlist-count] { font-size:.85em; margin-left:4px; }
.masthead-menu-toggle { display:none; }
.selector-masthead a:focus-visible,.selector-masthead button:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
@media(min-width:1800px) { .masthead-blue { width:calc(50% + 108px); } .masthead-scene { left:calc(50% - 0px); } }
@media(min-width:761px) and (max-width:1050px) {
 .masthead-inner { height:185px; }
 .masthead-name { top:20%; font-size:clamp(31px,3.9vw,42px); }
 .masthead-name span { letter-spacing:1.4px; font-size:8px; }
 .masthead-tagline { font-size:13px; top:28%; left:34%; padding-left:1.5%; }
 .masthead-contact { gap:10px; top:16%; right:1.5%; flex-direction:column; align-items:flex-end; }
 .masthead-book { padding:12px 16px; font-size:12px; }
 .masthead-phone { font-size:12px; }
 .masthead-menu { gap:18px; right:1.5%; bottom:5%; }
 .masthead-menu a,.masthead-menu button { font-size:11px; }
 .masthead-portrait { width:15%; left:56%; }
}
@media(max-width:760px) {
 .selector-masthead { background:#006AB6; }
 .masthead-inner { height:240px; }
 .masthead-blue { width:100%; clip-path:none; }
 .masthead-scene { left:35%; opacity:.17; z-index:0; }
 .masthead-scene::after { background:linear-gradient(90deg,#006AB6,rgba(0,106,182,.2)); }
 .masthead-name { left:5%; top:16px; z-index:2; font-size:clamp(28px,7.4vw,42px); letter-spacing:-1px; }
 .masthead-name span { font-size:clamp(8px,2vw,10px); letter-spacing:1.5px; margin-top:7px; }
 .masthead-tagline { left:5%; top:93px; padding:0; border:0; z-index:2; font-size:clamp(17px,4.6vw,22px); line-height:1.4; }
 .masthead-portrait { left:auto; right:0; width:clamp(126px,35vw,190px); height:194px; z-index:1; }
 .masthead-portrait img { margin-top:0; }
 .masthead-contact { top:auto; bottom:16px; left:5%; right:17%; z-index:3; display:block; }
 .masthead-phone { display:none; }
 .masthead-book { width:100%; min-height:52px; padding:12px 8px; font-size:16px; gap:16px; background:rgba(121,159,211,.94); border-color:#97b5dc; }
 .masthead-menu-toggle { display:flex; position:absolute; right:4%; top:14px; z-index:5; width:44px; height:44px; flex-direction:column; justify-content:center; align-items:center; gap:5px; border:0; background:transparent; cursor:pointer; color:#fff; }
 .masthead-menu-toggle span { display:block; width:25px; height:3px; border-radius:1px; background:currentColor; }
 .masthead-menu { display:none; z-index:6; left:5%; right:4%; top:64px; bottom:auto; padding:12px 18px; background:#fff; border:1px solid #E6E6E6; border-radius:5px; box-shadow:0 8px 22px #0002; flex-direction:column; align-items:stretch; gap:3px; }
 .masthead-menu.is-open { display:flex; }
 .masthead-menu a,.masthead-menu button { text-align:left; font-size:14px; padding:11px 0; }
 .masthead-menu [aria-current=page] { align-self:flex-start; }
}
@media(max-width:360px) {
 .masthead-name { font-size:27px; }
 .masthead-name span { font-size:7.5px; letter-spacing:1px; }
 .masthead-tagline { font-size:16px; }
 .masthead-book { font-size:14px; }
}

.masthead-tagline > span { display:block; }
.masthead-tagline .masthead-ideas { color:#1E87F0; text-shadow:0 1px 1px rgba(0,0,0,.12); }
/* Face into the mobile header; desktop keeps the original portrait. */
@media(max-width:760px) { .masthead-portrait img { transform:scaleX(-1); } }

/* Review: balanced text, Concept 3 dark blue and the branded-blue CTA. */
.selector-masthead { --header-blue:#004B76; --header-button:#006AB6; }
.masthead-scene::after { background:linear-gradient(90deg,rgba(0,75,118,.65),rgba(0,75,118,.13) 22%,rgba(255,255,255,.77) 52%,rgba(255,255,255,.95) 100%); }
.masthead-book { border-color:#1E87F0; }
.masthead-tagline .masthead-ideas { color:#B8D8F2; text-shadow:none; }
@media(min-width:761px) {
 .masthead-name,.masthead-tagline { top:50%; transform:translateY(-50%); }
}
@media(max-width:760px) {
 .selector-masthead { background:#004B76; }
 .masthead-scene::after { background:linear-gradient(90deg,#004B76,rgba(0,75,118,.2)); }
 .masthead-book { background:#006AB6; border-color:#1E87F0; }
}

/* Desktop controls: search and shortlist grouped left, bounded sort field right. */
@media(min-width:801px) {
 .trial-site .trial-browse-tools { grid-template-columns:minmax(180px,320px) auto minmax(0,1fr) minmax(220px,280px); column-gap:16px; }
 .trial-browse-tools > .selector-search { grid-column:1; }
 .trial-browse-tools > .browse-shortlist { grid-column:2; justify-self:start; }
 .trial-browse-tools > .selector-sort { grid-column:4; }
}

/* September review: lighter mobile header and useful pricing context. */
@media(max-width:760px) {
 .masthead-contact { right:auto; width:auto; }
 .masthead-book { width:fit-content; min-height:40px; padding:8px 12px; font-size:12px; font-weight:600; gap:8px; box-shadow:none; }
 .masthead-name { font-size:clamp(27px,7.4vw,42px); }
 .masthead-tagline { font-size:clamp(15px,4.15vw,21px); }
 .design-price-intro { gap:8px; }
 .design-price-intro > span { flex-basis:100%; }
 .design-price-intro > button { min-height:44px; margin:0; padding:8px 10px; font-size:11px; max-width:52%; }
}
.modal-shortlist { align-self:center; margin:0; min-height:42px; padding:10px 14px; }
.pricing-help-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:16px 0; }
.pricing-help-actions > button { font-size:12px; }
.pricing-item-row { border-bottom:1px solid #e1e5e8; padding-bottom:5px; }
.pricing-item-row .pricing-item { border-bottom:0; margin:0; }
.price-details-link { display:block; border:0; background:none; color:#006AB6; text-decoration:underline; font:500 12px/1.4 Montserrat,sans-serif; margin-left:42px; padding:3px 0 9px; cursor:pointer; }
.pricing-item-check:focus-visible + .pricing-item-box { outline:2px solid #006AB6; outline-offset:3px; }
.pricing-elevation-gallery { display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; }
.pricing-elevation-gallery figure { margin:0; flex:0 0 90%; scroll-snap-align:start; }
.pricing-elevation-gallery img { display:block; width:100%; border-radius:10px; }
.pricing-elevation-gallery figcaption { padding:12px 0; font-weight:600; font-size:13px; }
.detail-gallery-controls { display:flex; justify-content:space-between; margin:12px 0; }
.detail-gallery-controls button { min-height:40px; }
.trial-dialog .specification-header h3 { font-size:25px; }
.trial-dialog .specification-category__toggle { text-align:left; }
.trial-site #designModal .design-elevations { max-width:1100px; margin-inline:auto; }
.trial-site #designModal .design-carousel__slide { flex:0 0 50%; aspect-ratio:auto; padding:0 6px; background:white; }
.trial-site #designModal .design-carousel__slide img { height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:10px; }
.trial-site #designModal .design-carousel__slide figcaption,.included-elevation-grid figcaption { padding:12px 8px; font-size:13px; font-weight:600; text-align:center; background:#f1f6fa; }
.trial-site #designModal .design-carousel__controls { flex-wrap:wrap; gap:8px; }
.trial-site #designModal [data-carousel-included] { width:auto; height:auto; min-height:40px; padding:8px 12px; font-size:12px; }
.included-elevation-grid figure { margin:0 0 14px; }
.included-elevation-grid img { display:block; width:100%; border-radius:10px; }
@media(max-width:760px) {
 .trial-site #designModal .design-carousel__slide { flex-basis:100%; padding:0; }
 .trial-site #designModal .design-section-heading { gap:12px; }
 .trial-site #designModal .design-carousel__controls { justify-content:center; }
}

/* Keep selectable costs and their live total close together on phones. */
.pricing-shortlist-control { text-align:left; margin:0 0 12px; }
.pricing-shortlist-control .modal-shortlist { display:inline-flex; align-items:center; gap:7px; }
.shortlist-heart-symbol { font-size:22px; line-height:1; }
.shortlist-heart-label { font-size:11px; }
@media(max-width:760px) {
 .pricing-shortlist-control { position:absolute; top:12px; left:14px; margin:0; }
 .pricing-shortlist-control .modal-shortlist { display:flex; flex-direction:column; gap:1px; min-width:44px; min-height:44px; padding:2px 4px; border:0; background:transparent; box-shadow:none; color:#006AB6; }
 .pricing-shortlist-control .shortlist-heart-symbol { font-size:25px; }
 .pricing-shortlist-control .shortlist-heart-label { font-size:8px; font-weight:500; }
 .trial-site .pricing-modal__title { padding-inline:40px; margin-top:0; }
 .pricing-item-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; padding:0; }
 .pricing-item-row .pricing-item { grid-template-columns:20px minmax(0,1fr) auto; gap:6px; min-height:42px; padding:5px 0; font-size:12px; }
 .pricing-item-row .pricing-item-box { width:18px; height:18px; }
 .pricing-item-row .price-details-link { margin:0; padding:8px 0; font-size:10px; white-space:nowrap; }
 .pricing-item-row .pricing-item-amount--included { font-size:10px; letter-spacing:0; text-transform:none; }
 .pricing-help-actions { justify-content:center; margin:10px 0 16px; }
 .pricing-help-actions > button { padding:8px 12px; font-size:11px; }
 .trial-site .pricing-total { margin:14px 0 10px; }
}
@media(max-width:360px) {
 .pricing-item-row { gap:5px; }
 .pricing-item-row .pricing-item { font-size:10.5px; gap:4px; }
 .pricing-item-row .price-details-link { font-size:9px; }
}

/* Compact cost rows: description and details together, amounts at the right edge. */
.pricing-item-row.compact-option { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:10px; padding:4px 0; min-height:44px; }
.pricing-check-label { display:flex; align-items:center; justify-content:center; min-height:36px; cursor:pointer; position:relative; }
.pricing-description { display:flex; align-items:center; flex-wrap:wrap; gap:0 8px; min-width:0; font-size:14px; }
.pricing-description label { cursor:pointer; }
.pricing-item-row .pricing-description .price-details-link { display:inline-block; margin:0; padding:7px 0; white-space:nowrap; font-size:11px; }
.compact-option > .pricing-item-amount { text-align:right; font-size:14px; }
.compact-option > .pricing-item-box { justify-self:center; }
.pricing-plan-link { display:block; width:100%; padding:0; border:0; background:transparent; cursor:pointer; }
.pricing-plan-link:focus-visible { outline:2px solid #006AB6; outline-offset:4px; }
.pricing-house-details { display:block; margin:0 auto 14px; }
@media(max-width:760px) {
 .pricing-item-row.compact-option { grid-template-columns:20px minmax(0,1fr) auto; gap:6px; min-height:42px; padding:2px 0; }
 .pricing-description { font-size:12px; gap:0 5px; }
 .pricing-item-row .pricing-description .price-details-link { font-size:10px; }
 .compact-option > .pricing-item-amount { font-size:12px; }
 .compact-option > .pricing-item-amount--included { font-size:10px; }
}
@media(max-width:380px) {
 .pricing-description { font-size:10.5px; gap:0 4px; }
 .pricing-item-row .pricing-description .price-details-link { font-size:9px; }
 .compact-option > .pricing-item-amount { font-size:11px; }
}

/* Keep the design actions in one compact mobile row, below the price. */
@media(max-width:760px) {
 #designModal .design-price-intro { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:10px 8px; width:100%; margin:12px 0 14px; }
 #designModal .design-price-intro > span { grid-column:1 / -1; }
 #designModal .design-price-intro > button { width:100%; max-width:none; min-width:0; min-height:44px; height:100%; margin:0; padding:8px; font-size:11px; line-height:1.35; align-self:stretch; justify-self:stretch; }
}

/* Compact actions while retaining the existing shared-height card layout. */
.pricing-help-actions { justify-content:center; }
.trial-site .floorplan-card--aligned .floorplan-key-features { padding-bottom:6px; }
.trial-site .floorplan-card--aligned .floorplan-card-spacer { min-height:6px; }
#designModal .design-elevations { touch-action:pan-y pinch-zoom; }
#designModal .design-elevations img { user-select:none; -webkit-user-drag:none; }
@media(max-width:760px) {
 #designModal .design-price-intro { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 #designModal .design-price-intro > button { white-space:nowrap; font-size:clamp(10px,2.8vw,12px); padding:8px 6px; }
}

/* Retain the row divider and add the missing lower-column divider. */
@media(max-width:720px) {
 #designModal .design-fact:nth-child(4)::after { content:""; position:absolute; inset:14px auto 14px 0; width:1px; background:var(--color-border); }
}

/* Shared four-item navigation across homepage and selector. */
@media(min-width:761px){
 .masthead-menu{gap:clamp(10px,1.1vw,20px)}
 .masthead-menu a,.masthead-menu button{font-size:clamp(10px,.9vw,14px);white-space:nowrap}
}

/* Personal shortlist notes: nine compact choices and one full-width answer. */
.trial-likes-dialog { width:min(480px,calc(100vw - 24px)); max-height:90dvh; padding:28px 20px 18px; }
.trial-likes-dialog h2 { font-size:23px; line-height:1.25; padding-right:20px; margin:0 0 10px; }
.trial-likes-dialog p { font-size:13px; line-height:1.5; margin:0 0 16px; }
.trial-likes-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;margin:0;padding:0; }
.likes-sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
.trial-like-tile { position:relative;cursor:pointer;margin:0; }
.trial-like-tile input { position:absolute;opacity:0;width:1px;height:1px; }
.trial-like-tile > span { display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #d5dce2;border-radius:9px;min-height:83px;padding:10px 4px;text-align:center;font-size:11px;line-height:1.25;color:#404041;background:white; }
.trial-like-tile svg { width:27px;height:27px; }
.trial-like-tile input:checked + span { background:#edf6fd;border-color:#006AB6;color:#006AB6; }
.trial-like-tile input:focus-visible + span { outline:2px solid #006AB6;outline-offset:2px; }
.trial-like-check { display:none;position:absolute;right:5px;top:4px;border-radius:50%;background:#006AB6;color:white;width:16px;height:16px;font-size:11px; }
.trial-like-tile input:checked + span .trial-like-check { display:block; }
.trial-like-other { grid-column:1/-1;border:1px solid #d5dce2;border-radius:9px;padding:10px 12px; }
.trial-like-other label { display:block;font-size:13px;margin:0 0 6px; }
.trial-like-other small { color:#6b7176;font-weight:400; }
.trial-like-other textarea { box-sizing:border-box;width:100%;resize:vertical;min-height:52px;border:0;border-radius:4px;font:inherit;font-size:16px;padding:4px; }
.trial-likes-save { width:100%;margin-top:14px;min-height:44px; }
.trial-likes-later { display:block;box-sizing:border-box;width:100%;border:1px solid #006AB6;border-radius:999px;background:#fff;color:#006AB6;min-height:44px;padding:10px 14px;font:inherit;font-size:12px;font-weight:600;margin-top:10px;cursor:pointer; }
.trial-saved-row .shortlist-likes-summary { color:#006AB6;font-weight:500; line-height:1.4;max-width:340px;overflow-wrap:anywhere; }
.trial-saved-actions { flex-wrap:wrap; }
.trial-likes-confirmation { position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:10000;width:min(440px,calc(100vw - 28px));box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:white;box-shadow:0 5px 28px #0003;border:1px solid #cbdde9; }
.trial-likes-confirmation[hidden] { display:none; }
.trial-likes-confirmation > span { min-width:0;flex:1; }
.trial-likes-confirmation strong,.trial-likes-confirmation span span { display:block;font-size:12px;line-height:1.4;overflow-wrap:anywhere; }
.trial-likes-confirmation span span { max-height:65px;overflow:auto;margin-top:4px; }
.trial-likes-confirmation button { border:0;background:none;color:#006AB6;min-height:40px;cursor:pointer; }
@media(max-width:600px) { .trial-likes-dialog { margin:auto auto 0;max-height:92dvh;width:100%;max-width:100%;border-radius:20px 20px 0 0;padding:22px 18px 14px; } }

.likes-chips { display:flex;flex-wrap:wrap;gap:5px;margin:7px 0; }
.likes-chips > span { display:inline-block;padding:4px 8px;border-radius:15px;background:#edf6fd;color:#285774;font-size:11px;line-height:1.3; }
.likes-edit-link { border:0;background:none;color:#006AB6;text-decoration:underline;min-height:36px;padding:5px 0;font:inherit;font-size:12px;cursor:pointer; }
.likes-other-note { font-size:12px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0; }
.likes-empty { font-size:12px;color:#6b7176; }
.home-likes-summary { margin:8px 0 14px;font-size:12px;text-align:left; }
.home-likes-summary[hidden] { display:none; }
.home-likes-summary summary { cursor:pointer;color:#285774;text-align:center;padding:6px; }
.home-likes-summary .likes-chips { justify-content:center; }
.home-likes-summary .likes-edit-link { display:block;margin:auto; }
.comparison-likes td { vertical-align:top;min-width:150px; }
@media(max-width:600px) { .trial-saved-actions { margin-left:0;gap:8px; } .trial-saved-actions button { font-size:11px;padding:7px 10px; } }

.trial-site .branding-card--mobile-only { display:none; }
@media(max-width:760px) {
 .trial-site .home-card-grid > .branding-card { display:none; }
 .trial-site .home-card-grid > .branding-card--final { display:block; }
}

.trial-comparison .comparison-likes th, .comparison-likes .likes-chips > span, .comparison-likes .likes-other-note { color:#006AB6; }
.trial-saved-actions .likes-add-empty { background:#e8f4fc;color:#006AB6;border-color:#c6e1f3; }
.home-request-form { margin:0 0 18px; }
.home-request-form > label { display:block;font-size:14px;font-weight:600;margin-bottom:7px;color:#006AB6; }
.home-request-input { display:flex;align-items:center;border:1px solid #cbd6df;border-radius:28px;padding:4px;background:white;gap:4px; }
.home-request-input input { flex:1;min-width:0;border:0;background:transparent;padding:9px 12px;font:inherit;font-size:16px; }
.home-request-input button { border:0;border-radius:24px;padding:10px 14px;min-height:44px;background:#006AB6;color:white;font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap; }
.home-request-input #homeRequestMic { background:#edf6fd;color:#006AB6;font-size:19px;padding:6px 10px; }
.home-request-input #homeRequestMic[hidden] { display:none; }
.home-request-input #homeRequestMic[aria-pressed="true"] { background:#006AB6;color:white; }
.home-request-form small { display:block;font-size:11px;color:#677582;margin-top:5px; }
.home-request-status { background:#f0f7fc;border:1px solid #cee4f2;border-radius:14px;padding:14px;margin-bottom:18px;font-size:13px;line-height:1.5; }
.home-request-status p { margin:8px 0; }
.home-request-status > strong { color:#006AB6; }
.request-chips,.request-actions { display:flex;flex-wrap:wrap;gap:6px;margin-top:8px; }
.request-chips span { background:white;border-radius:16px;padding:3px 9px;color:#285774; }
.request-actions .trial-primary,.request-actions .trial-secondary { font-size:12px;padding:10px 14px; }
.request-small { font-size:11px;color:#647582; }
.home-request-card-note { font-size:12px;color:#006AB6;background:#edf6fd;padding:10px 14px;margin:0 14px 14px;border-radius:10px; }
@media(max-width:480px) { .home-request-input input { font-size:16px;padding-left:8px; } .home-request-input button { padding:9px 10px; } }

.trial-saved-row .shortlist-likes-summary[hidden] { display:none; }

.home-request-form { margin-top:16px; }

/* Clear secondary control without competing with the request input. */
.home-request-form small:empty { display:none; }
#homeRequestMic svg { display:block; }

/* Local-only combined-search layout. */
.trial-site .card--results { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(200px,260px);gap:10px 18px;align-items:center; }
.trial-site .card--results > .table-header { grid-column:1;grid-row:1;margin:0;min-width:0; }
.trial-site .card--results .trial-browse-tools { display:contents; }
.trial-site .card--results .browse-shortlist { grid-column:2;grid-row:1;justify-self:end;align-self:center; }
.trial-site .card--results .selector-sort { grid-column:3;grid-row:1;align-self:center;min-width:0;width:100%; }
.trial-site .card--results .trial-shortlist-filter { grid-column:1/-1;grid-row:2;margin:0; }
.trial-site .card--results #trialChips { grid-column:1/-1;grid-row:3;margin:0; }
.trial-site .card--results #similarStatus { grid-column:1/-1;grid-row:4; }
.trial-site .card--results #dataTable { grid-column:1/-1;grid-row:5;min-width:0; }
.trial-site .card--results #trialResultCount { margin:5px 0 0; }
.trial-site .card--results .brand-catalogue-note { margin:5px 0; }
@media(max-width:900px) {
 .trial-site .card--results { grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px; }
 .trial-site .card--results > .table-header { grid-column:1/-1;grid-row:1; }
 .trial-site .card--results .browse-shortlist { grid-column:1;grid-row:2;justify-self:start;align-self:end; }
 .trial-site .card--results .selector-sort { grid-column:2;grid-row:2; }
 .trial-site .card--results .trial-shortlist-filter { grid-row:3; }
 .trial-site .card--results #trialChips { grid-row:4; }
 .trial-site .card--results #similarStatus { grid-row:5; }
 .trial-site .card--results #dataTable { grid-row:6; }
 .trial-site .card--results .browse-shortlist button { padding:9px 12px;font-size:12px;max-width:100%; }
 .trial-site .card--results .selector-sort select { font-size:12px;padding-left:10px;padding-right:23px; }
}

/* Align the controls themselves, rather than centring the sort label plus control. */
.trial-site .card--results .browse-shortlist,
.trial-site .card--results .selector-sort { align-self:end; }
.trial-site .card--results .browse-shortlist button,
.trial-site .card--results .selector-sort select { box-sizing:border-box;height:44px;min-height:44px;margin-bottom:0; }

@media(min-width:901px) {
 .trial-site .card--results .browse-shortlist,
 .trial-site .card--results .selector-sort { grid-row:1 / span 2;align-self:end; }
 .trial-site .card--results .trial-shortlist-filter { grid-column:1;grid-row:2;align-self:end; }
}

/* Keep consistent breathing room around input focus outline and voice/search controls. */
.home-request-input { gap:10px;padding:6px; }
.home-request-input input { box-sizing:border-box; }
.home-request-input button { flex-shrink:0; }
@media(max-width:480px) { .home-request-input { gap:8px;padding:6px; } }

.request-clarify { border:1px solid #a5cce6;background:white;border-radius:12px;padding:12px;margin:10px 0;color:#006AB6; }
.request-clarify > div { display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px; }
.request-clarify .trial-secondary { font-size:12px;padding:8px 12px; }
.request-answer-form { margin-top:12px; }
.request-answer-form label { display:block;font-size:14px;margin-bottom:6px; }
.request-answer-form > div { display:flex;gap:10px;align-items:center; }
.request-answer-form input { flex:1;min-width:0;width:0;border:1px solid #a5cce6;border-radius:24px;padding:10px 14px;font:inherit;background:white; }
.request-answer-form button { flex:none;min-height:44px; }
.home-request-form[aria-busy="true"] button[type="submit"] { opacity:.65; }

.request-status-top { display:flex;justify-content:space-between;align-items:center;gap:12px;color:#006AB6; }
.request-status-top .likes-edit-link { padding:0;min-height:28px; }
.request-details { margin-top:8px; }
.request-details summary { cursor:pointer;color:#285774;font-size:12px; }
.request-details p { font-size:13px; }
.request-actions a.trial-secondary { color:#006AB6;text-decoration:none; }
.home-request-status { font-size:14px; }

.shortlist-title-row { display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:28px; }
.shortlist-title-row h2 { margin-bottom:0; }
.shortlist-title-row > button { white-space:nowrap; }
.shortlist-undo { background:#edf6fd;color:#006AB6;border-radius:10px;padding:8px 12px; }

/* Keep free wording prominent, with compact shortcuts beneath. */
.likes-summary-tools {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.likes-summary-tools .trial-secondary {font-size:13px;padding:8px 14px}
#trialLikesStatus {font-size:13px;color:#006ab6;flex:1;min-width:160px}
#trialLikesSummaryBox {margin-top:12px}
#trialLikeSummary {box-sizing:border-box;width:100%;font:inherit;font-size:16px;padding:9px 10px;border:1px solid #bed8ea;border-radius:8px;color:#006ab6}
#trialLikesSummaryBox small {display:block;margin-top:6px}
#trialLikesForm .likes-shortcuts-label {font-size:14px;margin:14px 0 9px}
#trialLikesForm .trial-like-other label {color:#006ab6;font-weight:600}

/* Compact spoken/written likes, matching the main request pill. */
#trialLikesTitle .likes-title-prompt {display:block;font-size:14px;font-weight:600;line-height:1.4;color:#006ab6;margin-bottom:3px}
#trialLikesTitle {margin-bottom:16px}
#trialLikesForm .trial-like-other {border:0;padding:0;background:transparent}
#trialLikesForm .likes-request-input {background:#e7f3fc;border-color:#bed8ea;gap:6px;padding:5px}
#trialLikesForm .likes-request-input textarea {flex:1;min-width:0;width:0;min-height:44px;height:44px;max-height:44px;resize:none;padding:11px 8px;border:0;background:transparent;font:inherit;font-size:16px;line-height:22px;border-radius:20px}
#trialLikesForm .likes-request-input:focus-within {outline:2px solid #006ab6;outline-offset:2px}
#trialLikesForm .likes-request-input textarea:focus {outline:none}
#trialLikesMic {display:flex;align-items:center;justify-content:center;width:44px;padding:8px;background:#fff;color:#006ab6}
#trialLikesMic[aria-pressed="true"] {background:#006ab6;color:#fff}
#trialLikesStatus {display:block;min-width:0;font-size:12px;line-height:1.4;margin:6px 4px 0}
#trialLikesStatus:empty {display:none}
#trialLikesSummaryBox {margin-top:10px}
#trialLikesForm .likes-shortcuts-label {margin:12px 0 8px;color:#596c79;font-size:12px}
/* r29b: content-sized cards and explicitly bounded dialog interiors. */
.draft-notice{padding:7px 12px;text-align:center;background:#e7f3fc;color:#004b76;font-size:11px}
.draft-intro{padding:16px 0}.draft-intro h1{font-size:25px;margin:0 0 5px}.draft-intro p{margin:0;font-size:14px}
.draft-r29 .home-request-form>label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.draft-r29 .home-request-form{margin-top:12px}.draft-count{color:#006ab6;font-weight:700;font-size:14px;margin:12px 0 0}
.draft-r29 .draft-home{display:flex;flex-direction:column;min-height:0;padding:18px;gap:12px}
.draft-home-header{padding:0;text-align:center}.draft-home-header h3{font-size:26px;line-height:1.2;margin:0 0 8px}
.draft-r29 .draft-home-header .floorplan-price-flag{padding:0;background:none;border:0;box-shadow:none;margin:0 auto 10px}
.draft-r29 .draft-home-header .floorplan-price-flag strong{font-size:23px}
.draft-primary-actions,.draft-secondary-actions{display:flex;gap:8px;align-items:stretch;margin:0}
.draft-primary-actions>*,.draft-secondary-actions>*{flex:1;min-width:0;margin:0!important;min-height:44px;padding:10px 6px!important;font-size:12px!important;white-space:nowrap}
.draft-r29 .draft-home .floorplan-image-region{order:0;padding:0;background:white}
.draft-home .floorplan-preview-button{position:relative}.draft-enlarge{position:absolute;bottom:8px;right:8px;padding:6px 10px;background:#fffffff0;border-radius:20px;color:#006ab6;font-size:11px}
.draft-r29 .draft-home .floorplan-preview-button img{height:300px;max-height:300px;object-fit:contain;width:100%}
.draft-card-details{display:flex;flex-direction:column;gap:12px;padding:0}
.draft-r29 .draft-card-details .floorplan-key-features{min-height:0;margin:0;padding:0}
.draft-r29 .draft-card-details .floorplan-feature-strip{margin:0}.draft-r29 .floorplan-footer-areas{margin:0;text-align:center;font-size:11px}
.draft-more{margin:0;font-size:12px}.draft-more summary{cursor:pointer;min-height:32px;display:flex;align-items:center}.draft-more summary:before{content:'▸';margin-right:6px}.draft-more[open] summary:before{content:'▾'}
.draft-more>*:not(summary){display:block;margin:0!important;padding:6px 0!important;min-height:34px;color:#006ab6;font:inherit;line-height:1.4;text-align:left}
.draft-r29 .draft-home .home-likes-summary{margin:8px 0 0;padding:0;text-align:left}.draft-r29 .home-likes-summary[hidden]{display:none}
.draft-r29 .home-likes-summary .draft-primary-actions>*{min-height:32px;padding:4px!important}
.draft-shortlist-thumb{width:58px;height:85px;object-fit:contain;flex-shrink:0}.draft-compare-thumb{display:block;width:100%;height:110px;object-fit:contain;margin-bottom:8px}
.draft-r29 .trial-saved-choice{gap:12px}
/* All card sections align to their neighbouring content, not arbitrary spacer heights. */
@supports(grid-template-rows:subgrid){
 .draft-r29 .home-card-grid{row-gap:12px}
 .draft-r29 .draft-home{display:grid!important;grid-row:span 10;grid-template-rows:subgrid;gap:12px}
 .draft-home-header{display:grid;grid-row:span 4;grid-template-rows:subgrid;gap:8px}
 .draft-home-header h3{grid-row:1;margin:0}.draft-home-header .floorplan-price-flag{grid-row:2;margin:0 auto!important}
 .draft-home-header>.draft-primary-actions{grid-row:3}.draft-home-header>.home-likes-summary{grid-row:4;margin:0!important}
 .draft-r29 .draft-card-details{display:grid;grid-row:span 5;grid-template-rows:subgrid;gap:12px}
 .draft-r29 .home-card-grid>.branding-card{grid-row:span 10}
}
/* The explicit likes dialog height prevents the 100%-of-auto collapse into a slit. */
.draft-r29 .trial-likes-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 20px));height:min(630px,calc(var(--draft-visible-height,100dvh) - 24px));max-height:calc(var(--draft-visible-height,100dvh) - 24px);padding:0;overflow:hidden;margin:auto;border-radius:18px}
.trial-likes-dialog #trialDialogContent{height:100%;min-height:0}
.trial-likes-dialog #trialLikesForm{height:100%;min-height:0;display:flex;flex-direction:column;margin:0}
.draft-likes-scroll{flex:1;min-height:0;overflow:auto;padding:20px 18px 12px;overscroll-behavior:contain}
.draft-likes-footer{flex:none;border-top:1px solid #d5dce2;background:white;padding:10px 18px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}
.draft-likes-footer>*{margin:0!important}.draft-r29 .trial-like-tile>span{box-sizing:border-box;min-height:72px;padding:8px 3px;font-size:12px;gap:5px}
.draft-r29 #trialLikesTitle{padding-right:35px}.draft-r29 .likes-request-input textarea{box-sizing:border-box;height:60px!important;max-height:110px!important;padding:9px!important}
.draft-r29 .trial-likes-dialog .trial-dialog-close{z-index:3;top:10px;right:10px}
#designModal.draft-gallery .design-modal__dialog{width:min(1100px,96vw);max-height:94dvh;padding:24px}
.draft-gallery .design-modal__dialog>*:not(.design-modal__close):not(.design-modal__header):not(.design-elevations){display:none!important}
.draft-gallery .design-price-intro,.draft-gallery .home-likes-summary{display:none!important}
#designModal.draft-gallery .design-modal__title{font-size:26px}#designModal.draft-gallery .design-modal__header{padding:0 45px 8px;margin:0}
#designModal.draft-gallery .design-elevations{margin:0;padding-top:12px}
/* Bound the image's wrapper as well as the image. Neither may set intrinsic height. */
#designModal.draft-plan-view .design-modal__dialog{box-sizing:border-box;width:min(1120px,96vw);height:calc(var(--draft-visible-height,100dvh) - 32px);max-height:none;border-radius:18px;padding:14px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;overflow:hidden}
.draft-plan-view .design-modal__dialog>*:not(.design-modal__close):not(.design-modal__header):not(.design-modal__floorplan):not(.garage-toggle){display:none!important}
#designModal.draft-plan-view .design-modal__header{padding:0 48px;margin:0;grid-row:1}
#designModal.draft-plan-view .design-modal__title{font-size:20px;margin:0}
.draft-plan-view .design-price-intro,.draft-plan-view .home-likes-summary{display:none!important}
#designModal.draft-plan-view .design-modal__floorplan{grid-row:2;min-height:0;height:100%;width:100%;padding:0;margin:0;border:0;display:block}
#designModal.draft-plan-view .garage-plan-preview{display:block;position:relative;height:100%!important;width:100%!important;aspect-ratio:auto!important;overflow:hidden}
#designModal.draft-plan-view .design-modal__floorplan img{position:static!important;transform:none!important;inset:auto!important;height:100%!important;max-height:100%!important;width:100%!important;max-width:100%!important;object-fit:contain!important}
#designModal.draft-plan-view .garage-toggle{grid-row:3;margin:0 auto;width:min(400px,100%)}
.draft-r29 .filter-shell{scroll-margin-top:8px}
@media(max-width:600px){
 .draft-intro{padding:12px 0}.draft-intro h1{font-size:22px}
 .draft-r29 .draft-home,.draft-r29 .draft-home-header,.draft-r29 .draft-card-details{display:flex!important;flex-direction:column;grid-row:auto;gap:12px}
 .draft-r29 .home-card-grid>.branding-card{grid-row:auto}
 .draft-r29 .draft-home-header>.home-likes-summary{margin:0!important}
 .draft-r29 .draft-home .floorplan-preview-button img{height:320px;max-height:320px}
 .draft-r29 .trial-likes-dialog{width:calc(100vw - 12px);height:min(620px,calc(var(--draft-visible-height,100dvh) - 12px));max-height:calc(var(--draft-visible-height,100dvh) - 12px)}
 .draft-r29 .trial-saved-row{align-items:start}.draft-shortlist-thumb{width:48px;height:75px}
 #designModal.draft-plan-view .design-modal__dialog{width:100vw;height:var(--draft-visible-height,100dvh);border-radius:0;padding:8px}
 .draft-r29 .masthead-inner{min-height:150px;height:150px}.draft-r29 .masthead-portrait{height:110px}.draft-r29 .masthead-book{bottom:12px}.draft-r29 .masthead-contact{bottom:12px}
}
@media(max-height:600px){.draft-likes-footer{flex-direction:row}.draft-likes-footer>*{width:50%}.draft-likes-scroll{padding-top:14px}}
.draft-r29 .trial-dialog:not(.trial-likes-dialog) .trial-dialog-close{position:sticky;float:right;top:0;z-index:4;margin:0 -6px 0 0;cursor:pointer}
/* Final sizing adjustments from actual browser checks. */
#designModal.draft-plan-view .design-modal__close{position:absolute;top:10px;right:10px;margin:0;float:none}
.draft-r29 .trial-likes-dialog{height:min(570px,calc(var(--draft-visible-height,100dvh) - 24px))}
@media(max-width:600px){.draft-r29 .trial-likes-dialog{height:min(580px,calc(var(--draft-visible-height,100dvh) - 12px))}.draft-r29 .shortlist-title-row h2{font-size:23px;padding:0;white-space:nowrap}.draft-r29 .shortlist-title-row{gap:8px;padding-right:8px}.draft-r29 .shortlist-title-row>button{font-size:11px}}
#designModal.draft-gallery .design-modal__dialog{min-height:0;height:auto;margin:auto;border-radius:18px}
#designModal.draft-gallery .design-modal__close{position:absolute;top:10px;right:10px;margin:0;float:none}
/* Content-size normally; shrink the scroll area only on short/keyboard viewports. */
.draft-r29 .trial-likes-dialog{height:auto!important}
.trial-likes-dialog #trialDialogContent{height:auto}
.trial-likes-dialog #trialLikesForm{height:auto;max-height:calc(var(--draft-visible-height,100dvh) - 26px)}
.draft-likes-scroll{flex:0 1 auto}
.draft-discard{padding:8px;background:#edf6fd;color:#006ab6;font-size:12px;border-radius:10px}
.draft-discard p{margin:0 0 6px!important}.draft-discard button{font:inherit;padding:6px 10px;border-radius:16px;background:white;color:#006ab6;border:1px solid #006ab6;margin-right:6px;min-height:36px}
/* Native modal dialogs have inset:0; fit-content prevents auto height stretching. */
.draft-r29 .trial-likes-dialog{height:fit-content!important}
#designModal.draft-plan-view .design-modal__floorplan--wide{display:flex;align-items:center;justify-content:center}

/* r29c: one search summary, contained actions and unobscured garage controls. */
#trialResultCount[hidden],#homeRequestStatus[hidden]{display:none!important}
.draft-r29 .draft-home .floorplan-image-region{display:flex!important;flex-direction:column;gap:8px;height:auto!important;min-height:0!important;overflow:visible}
.draft-r29 .draft-home .floorplan-preview-button{display:block;flex:none;height:auto!important;margin:0!important}
.draft-r29 .draft-home .garage-toggle{position:relative!important;inset:auto!important;transform:none!important;flex:none;margin:0 auto!important;z-index:1}
.draft-r29 .draft-home .home-likes-summary:not([hidden]){display:block;border:1px solid #c6e3f5;border-radius:16px;background:#f0f8fd;padding:12px;margin:0;text-align:left}
.draft-liked-title,.draft-liked-list{color:#006ab6;font-size:14px;line-height:1.5}
.draft-liked-list{margin:4px 0 10px;padding-left:20px;overflow-wrap:anywhere}
.draft-pill-pair{display:flex;gap:8px}
.draft-pill-pair>*{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;min-height:44px;padding:9px 8px!important;margin:0!important;background:#e7f4fd!important;color:#006ab6!important;border:1px solid #c6e3f5!important;border-radius:999px;font-size:12px!important;text-align:center;text-decoration:none!important;line-height:1.3}
.draft-more>.draft-more-actions{display:flex!important;flex-direction:column;gap:8px;padding:4px 0 0!important}
.draft-more-actions>.trial-primary{width:100%;margin:0!important;padding:12px 8px!important;font-size:13px!important;text-align:center;line-height:1.4}
#similarStatus{display:block;padding:16px}
#similarStatus[hidden]{display:none}
.similar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.similar-heading strong{font-size:16px}
.similar-heading button{margin:0;min-height:44px;padding:8px 14px;font-size:13px}
#similarStatus #trialChips{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px}
#similarStatus #trialChips button{white-space:normal;text-align:left;min-height:40px}
#similarStatus #trialChips button{background:#fff;border:1px solid #c6e3f5;font-size:13px;padding:8px 12px}
.home-request-status:not([hidden]){background:transparent;border:0;padding:8px 0;margin:8px 0}
/* r30 content-sized cards: no percentage-height/subgrid feedback. */
.draft-r29 .home-card-grid{align-items:stretch;grid-auto-rows:auto}
.draft-r29 .draft-home{display:flex!important;flex-direction:column;grid-row:auto!important;min-height:0!important;height:auto!important;gap:12px}
.draft-r29 .draft-home-header,.draft-r29 .draft-card-details{display:flex!important;flex-direction:column;grid-row:auto!important;min-height:0!important;height:auto!important;gap:10px}
.draft-r29 .draft-home-header>*{grid-row:auto!important}
.draft-r29 .draft-home .floorplan-image-region{flex:1 0 auto}
.draft-r29 .draft-home .floorplan-preview-button{flex:1;min-height:300px;padding:6px!important;display:flex;align-items:center;justify-content:center}
.draft-r29 .draft-home .garage-plan-preview{width:100%;height:100%;display:block}
.draft-r29 .draft-home .floorplan-preview-button img{display:block;width:100%!important;height:360px!important;max-height:440px!important;object-fit:contain;margin:0!important;padding:0!important}
.draft-r29 .draft-home:not(.card-expanded) .garage-toggle,.draft-r29 .draft-home:not(.card-expanded) .draft-card-details,.draft-home:not(.card-expanded) .card-shortlist-control{display:none!important}

.card-shortlist-control{display:flex;padding:0!important}.card-shortlist-control>button{width:100%;margin:0!important;min-height:44px;font-size:12px!important;padding:10px 6px!important}
.draft-r29 .draft-home .home-likes-summary{height:auto!important;min-height:0!important}
.draft-r29 .draft-home .draft-more{margin:0;min-height:0;height:auto}
.card-collapse{display:block;background:none;border:0;padding:12px 0 0;color:#53616a;font:inherit;font-size:13px;cursor:pointer}
.elevation-zoom{display:block;width:100%;border:0;background:transparent;padding:0;cursor:zoom-in}
#trialDialog.elevation-full-dialog{width:96vw;max-width:1400px;max-height:96dvh;padding:16px}
.elevation-full-dialog h2{font-size:18px;padding-right:44px;margin:0 0 10px}
.elevation-full-image{display:block;width:100%;height:calc(90dvh - 70px);object-fit:contain}
.mobile-browse-bar{display:none}
@media(max-width:600px){
 .draft-r29 .draft-home{align-self:start}
 .draft-r29 .draft-home .floorplan-preview-button{min-height:0}
 .draft-r29 .draft-home .floorplan-preview-button img{height:min(470px,65dvh)!important;max-height:470px!important}
 .draft-r29 .draft-home .draft-secondary-actions>*{font-size:11px!important;padding:10px 4px!important}
 .draft-r29 .design-carousel__controls{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px;gap:6px;width:100%;flex-wrap:nowrap!important}
 .draft-r29 .design-carousel__controls button{width:100%!important;min-width:0!important;min-height:40px!important;padding:7px 4px!important;margin:0!important;font-size:12px!important;white-space:nowrap}
 .draft-r29 .design-modal__section-title{font-size:22px}
 .mobile-browse-bar{position:fixed;display:flex;gap:6px;bottom:0;left:0;right:0;z-index:40;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid #c6d5e0;box-shadow:0 -3px 12px #20304012}
 .mobile-browse-bar button{flex:1;border:1px solid #c6e3f5;border-radius:999px;background:#e7f4fd;color:#006ab6;font:inherit;font-size:12px;padding:10px 6px;min-height:42px;white-space:nowrap}
 body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
 body:has(dialog[open]) .mobile-browse-bar,body.design-open .mobile-browse-bar,body.pricing-open .mobile-browse-bar{display:none}
}
/* Let adjoining plan drawings use spare row height instead of leaving a blank block. */
.draft-r29 .draft-home .floorplan-preview-button{position:relative;min-height:372px;flex:1 1 auto}
.draft-r29 .draft-home .floorplan-preview-button .garage-plan-preview{position:absolute;inset:6px;width:auto;height:auto}
.draft-r29 .draft-home .floorplan-preview-button img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain}
@media(max-width:600px){.draft-r29 .draft-home .floorplan-preview-button{min-height:min(470px,65dvh)}}

@media(max-width:600px){.draft-r29 .draft-home .floorplan-preview-button{min-height:clamp(180px,calc((100vw - 64px) / var(--plan-ratio,.65)),470px)}}

/* r31: consistent headings and permanent, independent card actions. */
.draft-intro{padding-inline:25px}.draft-r29 .card--results>.table-header{padding-inline:25px}
.draft-home{position:relative}.draft-home-header h3{padding-inline:30px}
.card-heart{position:absolute;left:8px;top:8px;z-index:2}
.draft-home .card-heart .trial-save{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0!important;margin:0;border:0;background:transparent;box-shadow:none}
.card-heart .shortlist-heart-label{display:none}.card-heart .shortlist-heart-symbol{font-size:28px;line-height:1;color:#006ab6}
.pricing-plan-link{position:relative}.pricing-plan-link .draft-enlarge{position:absolute;bottom:10px;right:10px;background:rgba(255,255,255,.92);padding:5px 8px;border-radius:12px;color:#006ab6;font-size:12px}
.elevation-full-dialog h2{text-align:center;padding:0 48px;min-height:32px;display:flex;align-items:center;justify-content:center}
.elevation-full-figure{margin:0}.elevation-full-figure figcaption{text-align:center;margin:10px 0 0;font-size:14px;color:#404041}
.elevation-full-image{height:calc(90dvh - 120px)}
@media(max-width:600px){.draft-intro,.draft-r29 .card--results>.table-header{padding-inline:19px}.draft-home-header h3{padding-inline:28px}.card-heart{left:4px;top:5px}.elevation-full-figure figcaption{font-size:12px}}

#trialDialog.elevation-full-dialog h2{box-sizing:border-box;width:100%;margin:0 0 10px;padding:0 48px;text-align:center}
#trialDialog.elevation-full-dialog .trial-dialog-close{position:absolute;float:none;margin:0;top:10px;right:10px}
/* r31c: reserve landscape height for the elevation, not oversized chrome. */
@media(orientation:landscape) and (max-height:500px){
 #trialDialog.elevation-full-dialog{box-sizing:border-box;width:100vw;max-width:none;height:var(--draft-visible-height,100dvh);max-height:100dvh;margin:0;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));border-radius:10px;overflow:hidden}
 #trialDialog.elevation-full-dialog #trialDialogContent{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:28px minmax(0,1fr);gap:2px}
 #trialDialog.elevation-full-dialog h2{min-height:0;line-height:24px;font-size:14px;letter-spacing:0;margin:0;padding:0 46px}
 #trialDialog.elevation-full-dialog .trial-dialog-close{top:4px;right:max(6px,env(safe-area-inset-right));width:44px;height:44px;font-size:24px;z-index:2}
 .elevation-full-dialog .elevation-full-figure{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:3px;min-height:0;margin:0}
 .elevation-full-dialog .elevation-full-image{min-height:0;width:100%;height:100%;object-fit:contain}
 .elevation-full-dialog .elevation-full-figure figcaption{font-size:11px;line-height:1.3;margin:0}
}

/* r32 — approved lighter presentation. */
.lighter-site .draft-home{border-radius:14px;border-color:#dce2e6;box-shadow:none}
.lighter-site .draft-home-header h3{font-size:22px;letter-spacing:-.5px}
.lighter-site .draft-home-header .floorplan-price-flag strong{font-size:20px}
.lighter-site .draft-home .floorplan-preview-button{border:0!important;border-radius:8px!important}
.lighter-site .draft-home .floorplan-feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid #e3e8ec;padding:8px 0 12px!important}
.lighter-site .draft-home .floorplan-feature{display:grid!important;grid-template-columns:24px auto;grid-template-rows:auto auto;column-gap:7px;row-gap:2px;align-items:center;justify-content:center;border:0!important;border-radius:0!important;background:transparent!important;min-height:44px!important;padding:0 4px!important;box-shadow:none}
.lighter-site .floorplan-feature-icon{grid-row:1/3;width:22px!important;height:22px!important;margin:0!important}.lighter-site .floorplan-feature-icon svg{width:22px!important;height:22px!important}
.lighter-site .floorplan-feature-value{font-size:17px!important;line-height:1.2;margin:0!important;text-align:left}
.lighter-site .floorplan-feature-label{font-size:11px!important;line-height:1.2;letter-spacing:0;text-align:left;color:#59646c}
.lighter-site .draft-home .floorplan-key-features{font-size:13px;line-height:1.65}
.lighter-site .draft-home .floorplan-key-features-title{font-size:13px}
.lighter-site .draft-home .floorplan-footer-areas{font-size:12px;color:#59646c;font-weight:500}
.lighter-site .draft-home .trial-secondary{border-radius:10px!important;box-shadow:none!important}
.lighter-site .draft-home .draft-primary-actions [data-action=quote]{background:#edf6fc;border:1px solid #d4e7f4;color:#006ab6}
.lighter-site .draft-home .draft-secondary-actions .trial-secondary{background:transparent;border:1px solid #dce4e9;color:#36576b;font-weight:500}
.lighter-site .draft-home .draft-more-actions .draft-pill-pair .trial-secondary{background:transparent!important;border:0!important;border-radius:8px;color:#006ab6;font-weight:500;font-size:12px!important;text-decoration:none;min-height:44px}
.lighter-site .draft-home .draft-more-actions>.trial-primary{background:white!important;border:1px solid #8ab7d5!important;color:#006ab6!important;border-radius:10px!important;box-shadow:none!important;font-weight:600}
.lighter-site .draft-home .garage-toggle{background:#f5f7f8;border-color:#e3e8ec;border-radius:9px;max-width:280px}
.lighter-site .draft-home .home-likes-summary{background:#f1f7fb;border:0!important;border-left:3px solid #a5cde5!important;border-radius:0 8px 8px 0!important}
.lighter-site .draft-home .home-likes-summary .trial-secondary{background:white!important;border-color:#d6e4ec!important;font-weight:500}
.lighter-site .draft-home .draft-liked-title{font-size:13px}.lighter-site .draft-home .draft-liked-list{font-size:13px;color:#36576b}
.lighter-site .trial-form-note{font-size:12px}.lighter-site .trial-dialog label{font-size:14px}.lighter-site .trial-dialog input,.lighter-site .trial-dialog textarea,.lighter-site .trial-dialog select{font-size:16px}
.lighter-site .enquiry-meeting{margin-top:18px;padding-top:14px}.lighter-site .enquiry-meeting h3{font-size:16px}.lighter-site .enquiry-meeting .trial-primary{background:white;color:#006ab6;border:1px solid #a7c8df;box-shadow:none}
@media(max-width:600px){.lighter-site .draft-home-header h3{font-size:22px}.lighter-site .draft-home .floorplan-feature{grid-template-columns:19px auto;column-gap:4px}.lighter-site .floorplan-feature-icon,.lighter-site .floorplan-feature-icon svg{width:18px!important;height:18px!important}}

.lighter-site .draft-home .draft-more-actions .draft-pill-pair .trial-secondary{background:#f3f8fc!important;border:1px solid #deebf4!important}
.lighter-site .trial-dialog:has(#trialEnquiryForm) h2{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:0 0 12px}
.lighter-site .trial-dialog:has(#trialEnquiryForm) p{margin:8px 0;font-size:13px}
.lighter-site .enquiry-extra{border:1px solid #dce4ea;border-radius:8px;padding:10px 12px}
.lighter-site .enquiry-extra summary{cursor:pointer;min-height:24px;font-size:13px;color:#36576b}
.lighter-site .enquiry-extra label{display:block;margin-top:12px}

/* r33 — labelled hearts, plan-first cards and saved-home navigation. */
#designModal.draft-plan-view .design-modal__header{display:block!important;text-align:center;width:100%;box-sizing:border-box;padding:0 54px!important}
#designModal.draft-plan-view .design-modal__title{font-size:clamp(23px,2.5vw,30px)!important;text-align:center!important;width:100%;margin:0!important}
.draft-home .card-heart .trial-save,.pricing-shortlist-control .modal-shortlist{display:flex;flex-direction:column;gap:3px;width:90px;height:auto;min-height:54px;padding:3px!important;border:0;background:transparent;color:#006ab6}
.shortlist-heart-symbol{width:28px!important;height:24px!important;display:block;flex-shrink:0}
.card-heart .shortlist-heart-label,.pricing-shortlist-control .shortlist-heart-label{display:block!important;font-size:10px!important;line-height:1.3;white-space:nowrap;font-weight:500}
.draft-r29 .draft-home-header{padding-top:52px!important;justify-content:center}
.lighter-site .draft-home-header h3{padding:0 4px!important;margin:0!important;overflow-wrap:anywhere}
.draft-card-controls{display:flex;flex-direction:column;gap:10px;text-align:center}
.draft-card-controls .floorplan-price-flag{margin:0!important}.draft-card-controls .floorplan-price-flag strong{font-size:20px}
.draft-home:not(.card-expanded) .card-garage{display:none}
.draft-r29 .draft-home .floorplan-image-region{min-height:0;flex:1 0 auto}
#trialDialog.trial-likes-dialog>.trial-dialog-close{display:none!important}
.shortlist-title-row{display:flex;flex-direction:column;align-items:flex-start!important;padding-right:50px;gap:8px!important;margin-bottom:14px}
.shortlist-title-row h2{margin:0!important}.shortlist-title-row button{margin:0!important;min-height:36px}
#trialDialog.saved-home-dialog{width:min(640px,96vw);padding:16px;max-height:94dvh}
.saved-home-dialog .draft-home{border:0!important;padding:0!important;box-shadow:none}
.saved-home-dialog .draft-home-header{padding-inline:48px!important}
.saved-home-dialog .draft-home .floorplan-preview-button{min-height:340px;max-height:460px}
.saved-home-dialog .draft-primary-actions{grid-template-columns:1fr}
.saved-home-dialog .trial-dialog-close{position:absolute!important;float:none!important;top:8px;right:8px}
.change-home{padding:14px 0;border-bottom:1px solid #dce4e9;margin-bottom:14px}
.change-home-heading{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:12px}
.change-home-heading img{width:54px;height:74px;object-fit:contain}.change-home-heading strong{overflow-wrap:anywhere}
.change-home-heading button{padding:8px!important;font-size:12px!important;min-height:44px}
.changes-actions{position:sticky;bottom:-20px;background:white;padding:12px 0;display:flex;gap:10px}.changes-actions>*{flex:1;margin:0!important}
#changesSavedStatus:empty{display:none}
.trial-site .pricing-modal__title{padding-inline:92px!important;min-height:58px}
@media(max-width:600px){
 .trial-saved-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .trial-saved-choice{min-width:0;grid-template-columns:20px 50px minmax(0,1fr)!important}
 .trial-saved-choice strong{overflow-wrap:anywhere}
 .trial-saved-actions{display:flex!important;flex-direction:column;align-items:stretch!important;width:100%;gap:8px!important}
 .trial-saved-actions .trial-secondary{width:100%;margin:0!important}
 .change-home-heading{grid-template-columns:44px minmax(0,1fr)}.change-home-heading button{grid-column:2;justify-self:start}
 .trial-site .pricing-modal__title{padding:58px 0 0!important}
}
/* Compact stacked shortlist controls alongside the thumbnail and home name. */
@media(max-width:600px){
 .trial-saved-row{grid-template-columns:minmax(0,1fr) 100px!important;align-items:center!important;gap:10px!important}
 .trial-saved-choice{display:grid!important;grid-template-columns:18px 32px minmax(0,1fr)!important;gap:6px!important}
 .trial-saved-choice .draft-shortlist-thumb{width:32px;height:62px}
 .trial-saved-choice strong{font-size:12px;line-height:1.4}.trial-saved-choice small{font-size:10px;line-height:1.4}
 .trial-saved-actions{width:100px;gap:6px!important}
 .trial-saved-actions .trial-secondary{min-height:40px;padding:8px 6px!important;font-size:11px!important}
 .trial-saved-actions .shortlist-remove{min-height:30px;margin:0;padding:4px;font-size:10px}
}
#trialDialog.saved-home-dialog>.trial-dialog-close{position:sticky!important;float:right!important;top:0;right:0;margin:0 0 -44px!important;z-index:5}

/* r33b: keep removal with the home information, separate from comparison label. */
.shortlist-home-copy{min-width:0}
.shortlist-home-copy>label{display:block;cursor:pointer}
.shortlist-home-copy>.shortlist-remove{display:block;margin:6px 0 0;padding:4px 0;min-height:28px;font:inherit;font-size:11px;line-height:1.4;text-align:left;cursor:pointer}

/* r33c: name first, compact horizontal shortlist control and centred price. */
.draft-r29 .draft-home-header{padding-top:0!important;justify-content:flex-start;gap:6px!important}
.draft-home .card-heart{position:static;display:flex;justify-content:center}
.draft-home .card-heart .trial-save{flex-direction:row;width:auto;min-height:36px;gap:7px;padding:3px 8px!important}
.card-heart .shortlist-heart-label{font-size:11px!important}
.draft-card-controls .floorplan-price-flag{margin:0 auto!important;align-self:center;justify-content:center}

.pricing-shortlist-control{position:static!important;display:flex;justify-content:center;margin:6px 0 12px!important}
.pricing-shortlist-control .modal-shortlist{flex-direction:row!important;width:auto;gap:7px;min-height:36px;padding:3px 8px!important}
.pricing-shortlist-control .shortlist-heart-label{font-size:11px!important}
.trial-site .pricing-modal__title{padding:0 48px!important;min-height:0;text-align:center}
/* Labels above centred answers; keep the shortlist icon and wording together. */
.draft-home .card-heart .trial-save{flex-direction:row!important;flex-wrap:nowrap!important}
.lighter-site .draft-home .floorplan-feature{grid-template-columns:22px auto;grid-template-rows:auto auto;column-gap:5px;row-gap:6px;justify-content:center}
.lighter-site .draft-home .floorplan-feature-icon{grid-row:1;grid-column:1}
.lighter-site .draft-home .floorplan-feature-label{grid-row:1;grid-column:2;align-self:center;text-align:left}
.lighter-site .draft-home .floorplan-feature-value{grid-row:2;grid-column:1/-1;text-align:center;font-weight:700;font-size:19px!important}
@media(max-width:600px){.draft-intro h1{font-size:clamp(16px,5.5vw,28px)!important;white-space:nowrap;line-height:1.25}}
/* r34 — quiet, compact saved-home controls above the plan. */
.shortlist-home-copy>.shortlist-remove{color:#ff5f00;font-weight:600}
.draft-home .card-heart,.pricing-shortlist-control{gap:14px;align-items:center;flex-wrap:nowrap}
.shortlist-view-compact{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:#006ab6;font:inherit;font-size:11px;min-height:36px;padding:3px 4px;cursor:pointer;white-space:nowrap}
.shortlist-view-compact[hidden]{display:none!important}.shortlist-view-compact svg{width:24px;height:24px;flex-shrink:0}
.lighter-site .draft-home .home-likes-summary{margin:0!important;padding:8px 12px!important;border:0!important;border-radius:8px!important;background:#f5f9fc!important;text-align:left}
.liked-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.liked-heading .draft-liked-title{font-size:12px!important;line-height:1.4}
.liked-heading .likes-edit-link{font:inherit;font-size:11px!important;font-weight:500;margin:0!important;padding:4px 0!important;min-height:28px;color:#006ab6;background:none;border:0;text-decoration:underline;cursor:pointer}
.draft-liked-list{margin:2px 0 0!important;padding-left:17px!important;font-size:12px!important;line-height:1.5}
.likes-empty-hint{margin:0;font-size:11px;color:#596975}
/* Change notes need explicit form styling, not browser-default inline textareas. */
#trialDialog.changes-dialog{width:min(720px,94vw);max-height:92dvh;padding:22px;box-sizing:border-box}
#trialDialog.changes-dialog h2{font-size:24px;line-height:1.25;margin:0 48px 10px 0}
#trialDialog.changes-dialog> .trial-dialog-close{position:sticky;top:0;float:right;margin:0 0 -44px;z-index:4}
#trialDialog.changes-dialog #trialDialogContent>p{font-size:13px;line-height:1.5;margin:0 0 12px}
#trialChangesForm label{display:block;font-size:13px;font-weight:500;line-height:1.5}
#trialChangesForm label small{font-weight:400;color:#687782}
#trialChangesForm textarea{display:block;width:100%;box-sizing:border-box;min-height:88px;resize:vertical;padding:10px 12px;margin:7px 0 0;border:1px solid #cbd6de;border-radius:8px;background:white;color:#404041;font:inherit;font-size:16px;line-height:1.5}
#trialChangesForm .change-home{margin:0 0 16px;padding:12px 0 16px}
#trialChangesForm .change-home-heading{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;margin:0 0 10px}
#trialChangesForm .change-home-heading img{width:40px;height:56px}
#trialChangesForm .change-home-heading strong{font-size:15px}
#trialChangesForm .change-home-heading button{min-height:36px;font-size:11px!important;padding:7px 10px!important;margin:0!important}
#trialChangesForm .changes-actions{bottom:-22px;padding:12px 0;background:#fff;gap:10px;margin-top:12px}
#trialChangesForm .changes-actions button{font-size:13px;padding:10px;min-height:44px}
@media(max-width:600px){
 .draft-home .card-heart,.pricing-shortlist-control{gap:9px}
 #trialDialog.changes-dialog{padding:16px}
 #trialDialog.changes-dialog h2{font-size:22px}
 #trialChangesForm .change-home-heading button{grid-column:auto;justify-self:end}
 #trialChangesForm .changes-actions{bottom:-16px}
}
.shortlist-title-row [data-shortlist-start-again]{color:#ff5f00;font-weight:600}
#trialEnquiryForm [data-edit-changes]{margin:16px 0!important}
.manual-filters{margin-top:16px}

/* r38 draft: eight matching manual controls, with instant name search. */
.trial-site .filter-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;margin-top:0}
.manual-filters{margin-top:20px}
.trial-site .filter-bar .filter-field>select,.trial-site .filter-bar .filter-dropdown-toggle,.trial-site .filter-bar .filter-reset-button,.trial-site .filter-bar input[type="search"]{box-sizing:border-box;width:100%;height:48px;min-height:48px;border:1px solid #cbd6df;border-radius:24px;padding:10px 16px;font:inherit;font-size:14px;line-height:1.3;color:#404041;background-color:#fff}
.trial-site .filter-bar .filter-field>select{padding-right:34px}
.trial-site .filter-bar .filter-reset-button{background:#fff;color:#006ab6}
.trial-site .filter-bar input[type="search"]:focus{outline:2px solid #006ab6;outline-offset:2px}
@media(max-width:760px){
 .trial-site .filter-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
 .trial-site .filter-bar .filter-field>select,.trial-site .filter-bar .filter-dropdown-toggle,.trial-site .filter-bar .filter-reset-button,.trial-site .filter-bar input[type="search"]{height:44px;min-height:44px;padding:8px 10px;font-size:12px}
 .trial-site .filter-bar .filter-field>select{padding-right:26px}
 .trial-site .filter-bar input[type="search"]{font-size:16px}
}

/* Match the results-heading inset on every screen size. */
.draft-r29 .card--results .trial-shortlist-filter{padding-inline:25px}
.draft-r29 .trial-shortlist-filter input{margin-left:0;margin-right:0}
@media(max-width:600px){.draft-r29 .card--results .trial-shortlist-filter{padding-inline:19px}}

/* Garage selection sits beneath the carousel actions, sharing their pill styling. */
.trial-site #designModal .elevation-garage-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:min(340px,100%);gap:8px;margin:10px auto 16px}
.trial-site #designModal .elevation-garage-controls button{width:100%;min-width:0;padding:8px 12px;font-size:13px;white-space:nowrap}
.trial-site #designModal .elevation-garage-controls button[aria-pressed="true"]{background:#e6f4fc;border-color:#006ab6;color:#006ab6;font-weight:600}

/* r52: use the available width, wrapping between complete feature phrases. */
.lighter-site .draft-home .floorplan-key-features-lines{display:flex;flex-wrap:wrap;justify-content:center;max-width:none;width:100%;gap:4px 12px}
.lighter-site .draft-home .floorplan-key-features-line{white-space:nowrap;flex:0 0 auto}
.lighter-site .draft-home .floorplan-footer-areas{font-weight:600}
#designModal.draft-plan-view .design-modal__title{max-width:none;margin-inline:auto!important}
.saved-home-dialog .draft-home-header{padding-inline:0!important}
.saved-home-dialog .draft-home-header h3{padding-inline:42px!important}
@media(max-width:600px){
 .draft-home .card-heart,.pricing-shortlist-control{max-width:100%;flex-wrap:wrap;column-gap:10px;row-gap:2px}
 .draft-home .card-heart .trial-save,.shortlist-view-compact{flex-shrink:0}
}

/* AC detail title reserves close-button space and wraps between whole phrases. */
#trialDialog:has(.air-conditioning-title)>.trial-dialog-close{position:absolute;float:none;top:14px;right:14px;margin:0}
#trialDialog .air-conditioning-title{display:flex;flex-wrap:wrap;gap:0 .25em;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2;padding-right:44px;font-size:28px;letter-spacing:-.5px}
#trialDialog .air-conditioning-title span{white-space:nowrap}
.air-conditioning-facts{margin:18px 0;display:grid;gap:10px;font-size:14px}
.air-conditioning-facts>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px}
.air-conditioning-facts dt{font-weight:600}.air-conditioning-facts dd{margin:0;overflow-wrap:anywhere}
#trialDialog .air-conditioning-note{padding:10px 12px;background:#f1f6fa;border-left:3px solid #006ab6}
#trialDialog .air-conditioning-source{font-size:11px;color:#62696e}
@media(max-width:600px){
 #trialDialog .air-conditioning-title{font-size:clamp(21px,6vw,28px);padding-right:40px}
 #trialDialog .air-conditioning-title span:last-child{flex-basis:100%}
 .air-conditioning-facts>div{grid-template-columns:90px minmax(0,1fr);gap:10px}
}

/* Approved compact AC benefits and nested product fact sheets. */
#trialDialog:has(.ac-package),#trialDialog:has(.ac-fact-sheet){width:min(700px,calc(100% - 28px));box-sizing:border-box;padding:28px}
#trialDialog:has(.ac-package)>.trial-dialog-close,#trialDialog:has(.ac-fact-sheet)>.trial-dialog-close{position:absolute;float:none;top:14px;right:14px;margin:0}
#trialDialog .ac-home-name{color:#62696e;margin-bottom:0}
.ac-package-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-block:1px solid #dce5ec;padding:16px 0;margin:20px 0 24px}
.ac-package-specs strong{display:block;font-size:22px;line-height:1.25;font-weight:700}
.ac-package-specs span{display:block;font-size:12px;color:#62696e;margin-top:4px}
#trialDialog .ac-package h3{font-size:19px;line-height:1.3;margin:0 0 8px}
#trialDialog .ac-package>p{font-size:14px;line-height:1.6}
.ac-benefit{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:12px;align-items:center;width:100%;min-height:76px;padding:16px 0;background:transparent;border:0;border-bottom:1px solid #dce5ec;text-align:left;color:#006ab6;font-family:inherit;cursor:pointer}
.ac-benefit strong{display:block;color:#404041;font-size:16px;font-weight:700}
.ac-benefit small{display:block;color:#62696e;font-size:12px;line-height:1.5;margin-top:4px}
.ac-benefit-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef6fb;font-size:24px}
.ac-benefit>span:last-child{font-size:24px}
#trialDialog .ac-package .air-conditioning-source{margin-top:24px;font-size:12px}
.ac-back-link{background:none;border:0;color:#006ab6;font-family:inherit;font-size:13px;padding:6px 46px 6px 0;min-height:34px;margin:0 0 16px;text-align:left;cursor:pointer}
#trialDialog .ac-fact-sheet h2{font-size:28px;line-height:1.2;padding-right:36px;white-space:normal;overflow-wrap:normal}
#trialDialog .ac-eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:700;text-transform:uppercase;color:#006ab6;margin:0 0 10px}
.ac-sheet-fact{padding:14px 0;border-bottom:1px solid #dce5ec}
#trialDialog .ac-sheet-fact h3{font-size:15px;line-height:1.4;margin:0 0 6px}
#trialDialog .ac-sheet-fact p{margin:0;font-size:13px;line-height:1.6}
.ac-fact-sheet a{color:#006ab6;text-underline-offset:3px}
.ac-sheet-fact>a{display:inline-block;font-size:12px;margin-top:7px}
.ac-controller-image{display:block;width:100%;max-height:280px;object-fit:contain;border-radius:12px;margin:16px 0}
.ac-outlet-figure{margin:18px 0}.ac-outlet-figure img{display:block;width:100%;height:auto;border-radius:12px}
.ac-outlet-figure figcaption{font-size:12px;color:#62696e;margin-top:8px;line-height:1.5}
#trialDialog .ac-sheet-note,#trialDialog .ac-sheet-links{font-size:12px;line-height:1.6}
.ac-video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:10px}
.ac-video-slot{margin-top:18px}
@media(max-width:600px){
 #trialDialog:has(.ac-package),#trialDialog:has(.ac-fact-sheet){padding:22px 18px}
 .ac-package-specs{gap:8px}.ac-package-specs strong{font-size:20px}
 #trialDialog .ac-package .air-conditioning-title{font-size:clamp(21px,6vw,28px)}
 #trialDialog .ac-fact-sheet h2{font-size:25px}
 .ac-benefit{gap:10px}.ac-benefit strong{font-size:15px}
}

/* Compact per-home discovery and clearly associated option pricing. */
.shortlist-home-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;margin-top:5px}.shortlist-home-links .shortlist-similar,.shortlist-home-links .shortlist-remove{border:0;background:none;padding:8px 0;min-height:40px;margin:0;font:500 11px/1.4 Montserrat,Arial,sans-serif;text-align:left;cursor:pointer}.shortlist-home-links .shortlist-similar{color:#006ab6}.shortlist-home-links .shortlist-remove{color:#687680}.shortlist-similar:hover{text-decoration:underline;text-underline-offset:4px}.shortlist-similar:focus-visible{outline:2px solid #006ab6;outline-offset:3px}
.pricing-detail-home{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 10px;color:#004b76;font:500 14px/1.5 Montserrat,Arial,sans-serif}.pricing-detail-home strong{margin-left:auto;white-space:nowrap;font-size:20px;font-variant-numeric:tabular-nums}.pricing-detail-home sup{font-size:12px;margin-left:2px}.trial-dialog .pricing-option-disclaimer{font:400 11px/1.65 Montserrat,Arial,sans-serif;color:#596975;margin:20px 0 0;padding-top:15px;border-top:1px solid #dce4e9}.pricing-channel-note{font:400 11px/1.6 Montserrat,Arial,sans-serif;color:#596975;margin:12px 0 16px}
@media(max-width:400px){.shortlist-home-links{gap:0 10px}.shortlist-home-links .shortlist-similar{font-size:10px}.pricing-detail-home{font-size:12px}.pricing-detail-home strong{font-size:18px}}

.trial-saved-actions .shortlist-similar{display:block;flex-basis:100%;border:0;background:none;color:#006ab6;text-align:center;padding:6px 2px;margin:0;min-height:40px;font:500 11px/1.4 Montserrat,Arial,sans-serif;cursor:pointer}
.draft-likes-footer .trial-likes-similar{border:1px solid #006ab6;border-radius:24px;color:#006ab6;background:white;padding:10px 14px;min-height:44px;font:600 12px/1.4 Montserrat,Arial,sans-serif;cursor:pointer}.draft-likes-footer .trial-likes-later{border:0!important;background:none!important;min-height:36px!important;padding:6px!important;font-size:12px!important;color:#596975!important}.trial-likes-similar:hover{background:#eff7fc}.trial-likes-similar:focus-visible{outline:2px solid #006ab6;outline-offset:3px}

@media(max-height:600px){.draft-likes-footer{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.draft-likes-footer>*{width:100%}.draft-likes-footer .trial-likes-later{grid-column:1/-1;min-height:28px!important}.draft-likes-footer .trial-likes-save,.draft-likes-footer .trial-likes-similar{min-height:42px;padding:8px;font-size:11px}}

@media(prefers-reduced-motion:reduce){.trial-site .filter-bar .filter-reset-button.has-active-filters{animation:none;background:#e3f0fa}}

/* Equal geometry for the three stacked likes actions. Focus is drawn inward. */
.draft-likes-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:stretch}
.draft-likes-footer>button{box-sizing:border-box!important;width:100%!important;min-width:0;min-height:44px!important;padding:10px 14px!important;margin:0!important;border:1px solid transparent!important;border-radius:24px!important;line-height:1.4!important;font-size:12px!important;grid-column:auto!important}
.draft-likes-footer>.trial-likes-similar{border-color:#006ab6!important}.draft-likes-footer>.trial-likes-later{border-color:#d5dce2!important}
.draft-likes-footer>button:focus-visible{outline:2px solid #006ab6;outline-offset:-3px}

/* Draft: a fixed feature header with an independently scrolling option list. */
.feature-menu-backdrop{position:fixed;inset:0;background:#20304022;z-index:10000;touch-action:none}
.feature-menu-backdrop[hidden]{display:none}
body.feature-menu-open{overflow:hidden}
.trial-site #featuresPanel{position:fixed;top:8px;bottom:auto;width:340px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:0;padding:0;z-index:10001;overflow:hidden;border-radius:16px;box-shadow:0 10px 40px #20304030;display:flex;flex-direction:column;background:#fff}
.trial-site #featuresPanel[hidden]{display:none}
.feature-menu-header{display:flex;flex:none;align-items:center;border-bottom:1px solid #d5dfe6;padding:8px 10px;background:#fff;gap:8px}
#featuresCollapse{display:flex;align-items:center;justify-content:space-between;flex:1;text-align:left;border:0;background:none;color:#006ab6;padding:4px 8px;min-height:44px;cursor:pointer}
#featuresCollapse strong{display:block;font-size:16px}#featuresCollapse small{display:block;font-size:12px;color:#677783;margin-top:3px}
#featuresClose{border:0;border-radius:50%;background:#f3f5f6;color:#404041;width:36px;height:36px;font-size:24px;cursor:pointer;flex:none}
.feature-menu-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:4px 18px 8px}
.feature-menu-section{padding:14px 0;border-bottom:1px solid #d5dfe6}.feature-menu-section:last-child{border:0}
.feature-menu-section h3{font-size:11px;line-height:1.4;letter-spacing:.3px;text-transform:uppercase;color:#006ab6;margin:0 0 8px;font-weight:700}
.trial-site #featuresPanel .filter-check{display:flex;align-items:center;gap:10px;min-height:40px;margin:0;padding:4px 0;box-sizing:border-box;cursor:pointer}
.trial-site #featuresPanel .filter-check span{font-size:14px;white-space:normal}
.trial-site #featuresPanel .filter-check input{width:17px;height:17px;flex:none;margin:0}
.feature-menu-section>.filter-check{font-weight:600}.feature-menu-section:first-child>.filter-check{font-weight:400}
.feature-menu-section h3.feature-menu-subtitle{color:#677783;font-size:10px;margin:12px 0 5px 28px}
.feature-menu-children{border-left:1px solid #b7d7ec;margin-left:8px;padding-left:19px}
@media(max-width:600px){.trial-site #featuresPanel{left:8px!important;right:8px;width:auto}.feature-menu-header{padding-top:max(8px,env(safe-area-inset-top))}.feature-menu-list{padding-bottom:max(8px,env(safe-area-inset-bottom))}}


.spec-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.spec-preview-grid figure{margin:0;min-width:0}.spec-preview-grid img,.spec-colour{width:100%;height:130px;object-fit:contain}.spec-preview-grid figcaption{font-size:12px;margin-top:8px}.spec-benefits{padding-left:22px}.spec-guide-frame{display:block;width:100%;height:70vh;border:1px solid #ccd9e0;margin-top:16px;border-radius:10px}.trial-dialog:has(.spec-guide-frame){width:min(1400px,96vw);max-width:1400px}@media(max-width:600px){.spec-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-guide-frame{height:72vh}}@media print{.spec-guide-frame,.spec-preview-grid{display:none!important}}

/* Mobile shortlist: full-width home information, then paired actions. */
@media(max-width:600px){
 .trial-saved-row{grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:10px!important}
 .trial-saved-choice{grid-template-columns:20px 48px minmax(0,1fr)!important;gap:10px!important;align-items:center}
 .trial-saved-choice .draft-shortlist-thumb{width:48px;height:76px}
 .trial-saved-choice strong{font-size:14px;line-height:1.4;overflow-wrap:normal;word-break:normal}
 .trial-saved-choice small{font-size:12px;line-height:1.4}
 .trial-saved-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%!important;gap:6px 8px!important}
 .trial-saved-actions .trial-secondary{width:100%;min-width:0;min-height:44px;padding:8px!important;font-size:12px!important;margin:0!important}
 .trial-saved-actions .shortlist-similar{grid-column:1 / -1;width:100%;min-height:44px;font-size:12px;padding:6px 2px}
}

/* Match the introductory and filter headings to House & Land. */
.trial-site .draft-intro h1,.trial-site .filter-shell-heading h2{font-family:Georgia,serif;font-weight:400;color:#004b76;letter-spacing:-.5px}
.trial-site .draft-intro h1{font-size:clamp(28px,3.1vw,38px);line-height:1.12}
.trial-site .filter-shell-heading h2{font-size:29px;line-height:1.2}
@media(max-width:600px){
 .trial-site .draft-intro h1{font-size:clamp(24px,7vw,30px)!important;white-space:normal}
 .trial-site .filter-shell-heading h2{font-size:22px;line-height:1.2}
}

/* Compact shortlist header, shared by the real and example shortlist. */
@media(max-width:600px){
 .draft-r29 .shortlist-title-row{flex-direction:row;flex-wrap:nowrap;align-items:center!important;justify-content:space-between;padding-right:0;gap:8px!important}
 .draft-r29 .shortlist-title-row h2{font-size:clamp(18px,5vw,22px);line-height:1.2;padding:0;letter-spacing:-.5px;white-space:nowrap}
 .draft-r29 .shortlist-title-row>button{flex:0 0 auto;min-height:44px;padding:6px 2px;font-size:11px;white-space:nowrap}
}

.shortlist-card-heading{display:contents}.shortlist-mobile-name{display:none}
@media(max-width:600px){
 .trial-saved-choice{grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important;align-items:start}
 .shortlist-card-heading{display:flex;grid-column:1/-1;align-items:center;gap:10px;min-height:44px}
 .shortlist-card-heading input{margin:0;flex:0 0 20px;width:20px;height:20px}
 .shortlist-card-heading .shortlist-mobile-name{display:flex;align-items:center;min-height:44px;font-size:15px;font-weight:700;line-height:1.35;cursor:pointer}
 .trial-saved-choice .draft-shortlist-thumb{width:96px;height:152px;object-fit:contain;grid-column:1;grid-row:2}
 .trial-saved-choice .shortlist-home-copy{grid-column:2;grid-row:2;align-self:center}
 .trial-saved-choice .shortlist-home-copy>label>strong{display:none}
}

/* Equal Quick choices tiles across all rows, including wrapped labels. */
.trial-likes-grid{grid-auto-rows:1fr;align-items:stretch}
.trial-likes-grid .trial-like-tile{display:flex;min-width:0;align-self:stretch}
.trial-likes-grid .trial-like-tile>span{flex:1;min-width:0;box-sizing:border-box}