:root{ --ink:#102022; --muted:#62716e; --soft:#ffffff; --panel:#ffffff; --line:#dce8e3; --lightline:#edf3f0; --green:#e7f2ee; --green-text:#294640; --button:#ffffff; --button-border:#cfded9; --dark:#122221; --danger:#7b1d2d; --shadow:0 12px 32px rgba(16,32,34,.055); --radius:22px; font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#ffffff;color:var(--ink);line-height:1.55;font-size:16px} main section,.section,#top{scroll-margin-top:92px} a{color:inherit;text-decoration:none} button,a.button{cursor:pointer;font:inherit} .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)} .nav{max-width:1180px;margin:auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px} .brand{display:flex;align-items:center;gap:10px;font-weight:950;min-width:max-content}.mark{width:40px;height:40px;border-radius:13px;background:var(--green);color:#24403b;display:grid;place-items:center;font-weight:950;border:1px solid #cfe0da;box-shadow:0 8px 18px rgba(16,32,34,.05)} .brand strong{display:block;line-height:1}.brand small{display:block;line-height:1;text-transform:uppercase;letter-spacing:.16em;font-size:.62rem;color:var(--muted);margin-top:3px} .links{display:flex;align-items:center;gap:16px;font-weight:850;font-size:.92rem}.links a{white-space:nowrap}.join{background:var(--ink);color:white;padding:11px 16px;border-radius:999px;font-weight:950}.mobile{display:none;border:0;background:none;font-size:1.5rem} .section{max-width:1180px;margin:auto;padding:44px 20px}.hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:30px;align-items:center;padding-top:46px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d9e5e0;border-radius:999px;background:#fff;color:#3d5651;font-size:.68rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase} h1{font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.02;letter-spacing:-.045em;margin:18px 0 14px;max-width:840px}h2{font-size:clamp(1.45rem,2.35vw,2.15rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 14px}h3{font-size:1.05rem;margin:0 0 8px}.lead{font-size:1.04rem;color:#334742;max-width:740px}.sublead{font-size:1.12rem;font-weight:900;color:#4f6e68;margin:0 0 12px}.small{font-size:.9rem;color:var(--muted)}.quiet{color:var(--muted)} .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:999px;border:1px solid var(--button-border);background:var(--button);color:var(--ink);font-weight:950;line-height:1.2;text-align:center;min-width:0;white-space:normal}.button.dark{background:var(--ink);border-color:var(--ink);color:white}.button.full{width:100%}.button.soft{background:#f8faf9}.button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,32,34,.06);border-color:#bfcdc8}.button:focus{outline:3px solid rgba(16,32,34,.12);outline-offset:3px}.button.danger{color:var(--danger);border-color:#e6ccd2} .panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:24px}.hero-card{background:#fff}.flow{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;gap:12px;margin:20px 0}.person{border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px;text-align:center}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:auto auto 8px;background:var(--ink);color:white;font-weight:950}.avatar.s{background:var(--green);color:#24403b;border:1px solid #cfe0da}.lock{text-align:center;font-size:1.2rem}.mini-note{background:#f8faf9;border:1px solid var(--line);border-radius:18px;padding:14px;font-weight:820;color:#334742}.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.badge{background:white;border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-weight:900;font-size:.9rem}.badge.green{background:#f8faf9;color:var(--ink);border-color:var(--line)}.badge.red{background:#fff;color:#5b1d2a;border-color:#e4ccd1} .center{max-width:850px;margin:0 auto 30px;text-align:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{padding:20px}.card p{color:var(--muted);margin:0}.value-card strong{display:block;font-size:1.08rem;margin-bottom:8px}.value-card .icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#344946;font-weight:950;margin-bottom:12px;border:1px solid var(--line)} .property-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;margin:0 0 18px}.property-toolbar input,.property-toolbar select{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;font:inherit}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.property{padding:0;overflow:hidden;display:flex;flex-direction:column}.photo{height:118px;background:linear-gradient(135deg,#e5f2ed,#f8fcfa);border-bottom:1px solid var(--line);display:grid;place-items:center;color:#5a746e;font-size:1.35rem;font-weight:950}.property-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:850}.property h3{font-size:1.12rem}.detail-table{display:grid;gap:6px;margin:6px 0}.detail-table div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #d9e7e2;padding-bottom:6px;font-size:.9rem}.detail-table b{color:var(--ink)}.detail-table span{text-align:right;color:var(--muted)}.lockbox{margin-top:auto;background:#f8faf9;border:1px solid var(--line);border-radius:15px;padding:11px 12px;font-weight:850;font-size:.9rem;color:#455c57}.property .button{margin-top:2px}.empty{background:#fff;border:1px dashed var(--line);border-radius:20px;padding:24px;text-align:center;color:var(--muted)} .split{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:start}.form{display:grid;gap:14px}.form-card{padding:22px}.form-section{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px}.form label{font-weight:850}.form input,.form select,.form textarea{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:14px;padding:12px 13px;background:white;font:inherit}.form textarea{resize:vertical}.checkrow{display:flex;align-items:flex-start;gap:10px;background:#f8faf9;border-radius:16px;padding:12px 14px;font-weight:820;border:1px solid var(--line)}.checkrow input{width:auto;margin-top:4px}.checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 11px;font-weight:800;font-size:.92rem}.choice input{width:auto;margin-top:3px}.step-dot{width:28px;height:28px;border-radius:10px;background:#f7f8f7;color:#30403d;border:1px solid var(--line);display:inline-grid;place-items:center;font-size:.9rem;margin-right:8px}.helper{font-size:.88rem;color:var(--muted);margin-top:5px}.sticky{position:sticky;top:86px}.notice{background:#f8faf9;border:1px solid var(--line);border-radius:18px;padding:15px;color:#334742}.checks{list-style:none;margin:0;padding:0}.checks li{display:flex;gap:10px;margin:9px 0;font-weight:820}.checks span{color:#344946;font-weight:950}.fee-box{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fee-box .card{box-shadow:none}.price{font-size:1.65rem;font-weight:950;color:#344946;letter-spacing:-.04em;margin:0 0 8px}.hidden{display:none!important}.fake-hidden{display:none!important} .status{border-radius:15px;padding:12px 13px;font-weight:820;background:#f8faf9;border:1px solid var(--line);color:#334742}.status.good{background:#f8faf9;border:1px solid var(--line)}.status.warn{background:#f8faf9;border:1px solid var(--line)} .modal{position:fixed;inset:0;background:rgba(16,32,34,.58);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-box{max-width:640px;width:100%;background:white;border-radius:26px;padding:26px;box-shadow:0 22px 80px rgba(0,0,0,.22);max-height:92vh;overflow:auto}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.close-x{float:right;border:1px solid var(--line);background:white;border-radius:999px;width:36px;height:36px} .footer{background:white;border-top:1px solid var(--line);padding:30px 20px}.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{text-decoration:underline;font-weight:820} .admin-body{background:#f7faf8}.admin-wrap{max-width:1220px;margin:auto;padding:24px 20px}.admin-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric{background:white;border:1px solid var(--line);border-radius:18px;padding:16px}.metric strong{font-size:1.8rem;display:block}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.record{background:white;border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:12px}.record-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;border:1px solid var(--line);font-weight:850;font-size:.8rem;background:#fff}.pill.ok{background:#f8faf9}.pill.no{color:#7b1d2d;border-color:#e6ccd2}.record-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.record-actions button{padding:9px 10px;border-radius:12px;border:1px solid var(--line);background:white;font-weight:850}.release-card{background:white;border:1px solid var(--line);border-radius:18px;padding:16px;margin-top:14px;white-space:pre-wrap}.audit{max-height:340px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px}.audit div{border-bottom:1px dashed var(--line);padding:8px 0;font-size:.9rem;color:var(--muted)} @media(max-width:980px){.hero,.split,.admin-grid{grid-template-columns:1fr}.property-grid,.grid.four{grid-template-columns:repeat(2,1fr)}.fee-box,.metric-grid{grid-template-columns:1fr 1fr}.sticky{position:static}.links{display:none;position:absolute;right:18px;top:66px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px;flex-direction:column;align-items:flex-start}.links.open{display:flex}.mobile{display:block}.property-toolbar{grid-template-columns:1fr 1fr}} @media(max-width:680px){body{font-size:15px}.section{padding:38px 16px}.hero{padding-top:32px}.property-grid,.grid,.grid.two,.grid.four,.checkbox-grid,.fee-box,.metric-grid,.property-toolbar{grid-template-columns:1fr}.nav{padding:10px 16px}.brand small{font-size:.58rem}.flow{grid-template-columns:1fr}.lock{display:none}.button.full{padding:13px 14px}h1{font-size:2.05rem}.panel,.card,.form-card,.form-section{border-radius:18px}.photo{height:105px}.admin-top{display:block}.modal-box{padding:20px}} /* V6 secure-admin polish */ .nav-button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-weight:900;color:var(--ink);cursor:pointer} .admin-gate{max-width:520px;margin:70px auto;padding:20px}.login-card{padding:28px}.login-card label,.admin-tools label,.mini-label{display:block;font-weight:850}.login-card input,.admin-tools input,.admin-tools select,.small-input{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:14px;padding:12px 13px;background:white;font:inherit}.admin-wrap.locked{display:none}.admin-tools{padding:18px;margin-top:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.mini-label{font-size:.9rem;margin:10px 0}.small-input{padding:10px 11px}.ready-record{border-color:#bcd4cb;box-shadow:0 0 0 3px rgba(190,212,203,.22)}.record-actions button:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important} @media(max-width:780px){.grid.three{grid-template-columns:1fr}.nav-button{align-self:flex-start}.admin-gate{margin:35px auto}} /* Release Contact Now polish */ .record-actions .release-now{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:950} .record-actions .release-now:hover{box-shadow:0 8px 18px rgba(16,32,34,.09)} .ready-record .record-head{border-bottom:1px solid var(--lightline);padding-bottom:8px;margin-bottom:6px} .release-card{background:#fbfcfb;border-color:#cfded9} /* Audit Session Fix */ .audit-section{scroll-margin-top:96px} .audit-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px} .audit-actions{margin-top:0;justify-content:flex-end} .audit-summary{margin:14px 0 16px} .audit-summary .metric.wide{grid-column:span 1} .small-strong{font-size:.92rem!important;word-break:break-word;line-height:1.25} .audit{max-height:440px} .audit-row{display:grid;grid-template-columns:minmax(155px,auto) auto minmax(130px,1fr);gap:8px 12px;align-items:start;border-bottom:1px dashed var(--line);padding:10px 0;font-size:.9rem;color:var(--muted)} .audit-row b{color:var(--ink);font-size:.88rem}.audit-row span{display:inline-flex;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:3px 8px;background:#fff;font-weight:850;color:#405550}.audit-row em{font-style:normal;color:#6a7a76;word-break:break-all}.audit-row p{grid-column:1/-1;margin:0;color:#2b3d39} @media(max-width:780px){.audit-head{display:block}.audit-actions{justify-content:flex-start;margin-top:12px}.audit-row{grid-template-columns:1fr}.audit-row p{grid-column:auto}.audit-summary{grid-template-columns:1fr!important}} /* Auto Contact Release Engine */ .metric-grid{grid-template-columns:repeat(5,1fr)} .manual-record{border-color:#d9d4c5;box-shadow:0 0 0 3px rgba(217,212,197,.18)} .released-record{border-color:#c2d9ce;background:#fbfdfb} .why-box{margin:10px 0;border:1px solid var(--line);border-radius:15px;background:#fbfcfb;padding:10px 12px} .why-box summary{cursor:pointer;font-weight:900;color:var(--ink)} .release-checklist{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px} .release-checklist li{font-size:.88rem;color:var(--muted);display:flex;gap:7px;align-items:flex-start} .release-checklist li.ok{color:#2e5148;font-weight:850} .release-checklist li.bad{color:#7b1d2d} .release-checklist span{font-weight:950} @media(max-width:980px){.metric-grid{grid-template-columns:repeat(2,1fr)}.release-checklist{grid-template-columns:1fr}} @media(max-width:680px){.metric-grid{grid-template-columns:1fr}} /* Visible auto-release button polish */ .section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px} .auto-main{box-shadow:0 10px 24px rgba(16,32,34,.08);font-weight:950} .auto-help{margin-top:0;margin-bottom:14px;max-width:640px} @media(max-width:780px){.section-title-row{display:block}.section-title-row .button{margin-top:10px;width:100%}} /* V8 Backend Foundation */ .backend-section{padding:22px;scroll-margin-top:96px} .backend-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px} .backend-actions{margin-top:0;justify-content:flex-end} .backend-grid{margin:14px 0 16px} .backend-status{white-space:pre-wrap;background:#fbfcfb;border:1px solid var(--line);border-radius:18px;padding:14px;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#334742;max-height:300px;overflow:auto} @media(max-width:780px){.backend-head{display:block}.backend-actions{justify-content:flex-start;margin-top:12px}.backend-grid{grid-template-columns:1fr!important}} /* V8.2 Upload & Backend Readiness Polish */ .backend-metric strong{font-size:1.35rem} .backend-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 16px} .backend-roadmap article{border:1px solid var(--line);background:#fbfcfb;border-radius:16px;padding:13px} .backend-roadmap b{display:block;color:var(--ink);margin-bottom:6px} .backend-roadmap span{display:block;color:var(--muted);font-size:.88rem;line-height:1.4} .backend-actions .button{white-space:nowrap} @media(max-width:980px){.backend-roadmap{grid-template-columns:repeat(2,1fr)}} @media(max-width:680px){.backend-roadmap{grid-template-columns:1fr}.backend-actions .button{width:100%}} /* V8.2 upload controls */ .upload-panel{border:1px solid var(--line);border-radius:18px;background:#fbfcfb;padding:14px;margin-bottom:12px} .upload-panel p{margin:0 0 8px} .file-input{padding:10px;background:#fff} .file-summary{margin-top:10px;border:1px dashed var(--line);border-radius:14px;padding:10px 12px;color:var(--muted);font-size:.92rem;background:#fff} /* V9.1 real Resend owner/landlord email sender */ .email-settings-panel{border:1px solid var(--line);background:#fbfcfb;border-radius:18px;padding:16px;margin:12px 0 18px} .email-settings-panel h3{margin-bottom:6px} .email-settings-panel label{font-weight:850;display:block} .email-settings-panel input,.email-settings-panel select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:14px;padding:12px 13px;background:white;font:inherit} .email-settings-actions{margin-top:12px}.email-actions-row{margin-top:14px} .email-record .detail-table{grid-template-columns:1fr 1fr} @media(max-width:780px){.email-record .detail-table{grid-template-columns:1fr}.email-settings-panel .grid.three{grid-template-columns:1fr}.email-actions-row .button{width:100%}} /* V9.1 separate sale/rental forms and public form balance */ .listing-hub{max-width:1180px}.compact-center{margin-bottom:22px}.listing-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:0 0 22px}.listing-choice{transition:.16s ease;position:relative}.listing-choice:hover{transform:translateY(-2px)}.listing-choice.active{border-color:#b8d2c8;box-shadow:0 0 0 3px rgba(184,210,200,.22), var(--shadow)}.listing-choice .button{margin-top:14px}.form-shell{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start;margin-top:18px}.form-side{padding:22px;position:sticky;top:86px}.compact-section{padding:18px}.top-gap{margin-top:10px}.form-card .grid.three{grid-template-columns:repeat(3,1fr)}.form-card input[list]{background:#fff}.form-card select{appearance:auto}.form-card .helper{display:block}.listingForm{gap:12px}.listingForm .form-section h3{display:flex;align-items:center}.listingForm .upload-panel{margin-top:2px}.listingForm .file-summary{font-weight:800}.listingForm .status{margin-top:2px}.listing-choice p,.form-side p{color:var(--muted)} @media(max-width:980px){.form-shell{grid-template-columns:1fr}.form-side{position:static}.listing-choice-grid{grid-template-columns:1fr}.form-card .grid.three{grid-template-columns:1fr 1fr}.listing-choice .button{width:100%}} @media(max-width:680px){.form-card .grid.three{grid-template-columns:1fr}.listing-hub .center{text-align:left}.listing-choice-grid{gap:12px}.form-shell{gap:14px}.compact-section{padding:15px}.listingForm .form-section h3{align-items:flex-start}.listing-choice .eyebrow{margin-bottom:8px}} /* V8.9 light Zoopla-style visual polish */ :root{ --ink:#24312f; --muted:#687470; --soft:#fbfdfc; --panel:#ffffff; --line:#e4ece8; --lightline:#f0f5f2; --green:#eef7f3; --green-text:#37564f; --button:#ffffff; --button-border:#d6e3de; --dark:#edf7f3; --danger:#9a3c4b; --shadow:0 8px 22px rgba(36,49,47,.045); --radius:18px; } body{background:#fdfefd;color:var(--ink);font-weight:400;} .site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #edf3f0;box-shadow:0 1px 0 rgba(36,49,47,.02)} .brand{font-weight:700}.brand strong{font-weight:750;letter-spacing:-.02em}.brand small{font-weight:600;letter-spacing:.12em;color:#6f7b77}.mark{box-shadow:none;border-radius:11px;background:#eef7f3;color:#40625a;border-color:#dbe9e4} .links{font-weight:620;font-size:.92rem;color:#263633}.links a:not(.join){padding:8px 2px}.join{background:#f4faf7;color:#24312f;border:1px solid #d6e3de;border-radius:12px;padding:10px 14px;font-weight:700;box-shadow:none} .section{padding-top:42px;padding-bottom:42px}.hero{padding-top:40px;align-items:start}.hero-line{font-size:clamp(1.55rem,2.25vw,2.25rem);line-height:1.15;letter-spacing:-.03em;font-weight:650;max-width:760px;margin-top:14px;margin-bottom:10px} h1:not(.hero-line){font-size:clamp(1.75rem,2.8vw,2.65rem);font-weight:650}h2{font-weight:650;letter-spacing:-.025em}h3{font-weight:650}.lead{font-weight:400;color:#52615d}.sublead{font-weight:600;color:#526d66}.small,.quiet,.card p,.listing-choice p,.form-side p{color:#697773;font-weight:400}.eyebrow{font-weight:650;letter-spacing:.12em;background:#fff;border-color:#e4ece8;color:#5c6f69;padding:7px 10px;border-radius:12px} .button,.nav-button,.record-actions button{border-radius:12px;background:#fff;color:#24312f;border:1px solid #d6e3de;font-weight:650;box-shadow:none;padding:12px 16px}.button.dark,.record-actions .release-now,.actions .button.dark,.auto-main{background:#eef7f3!important;color:#25433d!important;border-color:#cfe2dc!important;box-shadow:none!important}.button.soft{background:#fbfdfc}.button.danger{background:#fffafa;color:#9a3c4b;border-color:#ead0d6}.button:hover,.record-actions button:hover,.join:hover{transform:none;background:#f8fcfa;box-shadow:0 6px 16px rgba(36,49,47,.045);border-color:#c6d8d1}.button:focus{outline:3px solid rgba(80,120,110,.14)} .panel,.card,.form-section,.modal-box,.record,.metric,.notice,.upload-panel{border-color:#e4ece8;border-radius:18px;box-shadow:0 8px 20px rgba(36,49,47,.035)}.card{padding:19px}.panel{padding:22px}.hero-card{background:#fff}.mini-note,.notice,.status,.lockbox,.checkrow{background:#fbfdfc;border-color:#e4ece8;color:#43534f}.badge,.tags span,.pill{font-weight:600;border-radius:12px;background:#fff;color:#3f4d49}.badge.green{background:#fbfdfc}.badge.red{background:#fff;color:#8c3d49} .photo{height:96px;background:linear-gradient(135deg,#f4faf7,#ffffff);border-bottom:1px solid #eef4f1;color:transparent;font-size:0;position:relative}.photo:before{content:none;display:none}.property{border-radius:18px}.property h3{font-weight:650}.detail-table b{font-weight:600;color:#34413d}.detail-table span{color:#667672}.value-card strong{font-weight:650}.value-card .icon{background:#fbfdfc;color:#4b605a;font-weight:650;border-radius:10px} .property-toolbar input,.property-toolbar select,.form input,.form select,.form textarea,.login-card input,.admin-tools input,.admin-tools select,.small-input,.email-settings-panel input,.email-settings-panel select{border-color:#dfe9e4;border-radius:12px;color:#263633;background:#fff;font-weight:400}.form label,.login-card label,.admin-tools label,.mini-label,.email-settings-panel label{font-weight:600;color:#2f3c39}.helper{font-weight:400;color:#74817d}.choice{border-radius:12px;font-weight:500;background:#fff}.checkrow{font-weight:500}.step-dot{background:#fbfdfc;border-radius:9px;font-weight:600;color:#5a6b66}.form-side{box-shadow:none;background:#fff}.listing-choice.active{border-color:#d0e4dc;box-shadow:0 0 0 3px rgba(226,241,235,.75)}.listing-choice:hover{transform:none} .fee-box .price,.price{font-weight:650;color:#314541}.footer{background:#fff}.admin-body{background:#fdfefd}.metric strong{font-weight:650}.record-head strong{font-weight:650}.audit-row b{font-weight:600}.release-card,.backend-status{background:#fbfdfc} .close-x{border-radius:12px}.mobile{color:#34413d}.modal{background:rgba(36,49,47,.42)} @media(max-width:680px){.hero-line{font-size:1.55rem}.section{padding-top:34px;padding-bottom:34px}.photo{height:82px}.button,.nav-button{border-radius:11px}} /* V9.2 Fast track + listing package polish */ .fast-track-mark{display:inline-flex;align-items:center;vertical-align:super;margin-left:6px;padding:2px 7px;border:1px solid #cfe2dc;border-radius:999px;background:#f3faf7;color:#365f56;font-size:.58em;font-style:normal;font-weight:700;letter-spacing:.02em;line-height:1.2;text-transform:none} .footer-fast{font-size:.72em;vertical-align:baseline} .fast-track-footer{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid #cfe2dc;border-radius:999px;background:#f3faf7;color:#365f56;font-weight:650} .footer-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .checkrow input[name="legalConfirm"]{accent-color:#365f56} /* V9.6 checkout simplicity + listing card clean polish */ .payment-options-card{border:1px solid var(--line);background:#fbfdfc;border-radius:16px;padding:13px 14px;margin:12px 0 4px;box-shadow:0 6px 16px rgba(36,49,47,.025)} .payment-options-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:7px} .payment-options-head strong{font-weight:650;color:#263633}.payment-options-head span{font-size:.88rem;color:#3f5d55;background:#fff;border:1px solid #dceae5;border-radius:999px;padding:5px 10px} .payment-option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 12px} .payment-option-grid span{border:1px solid #dceae5;background:#fff;border-radius:12px;padding:9px 10px;font-weight:600;color:#394844;text-align:center;font-size:.9rem} .payment-options-card label{margin-top:8px;display:block} .payment-options-card select{background:#fff!important} @media(max-width:900px){.payment-option-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.payment-option-grid{grid-template-columns:1fr}.payment-options-head{display:block}.payment-options-head span{display:inline-flex;margin-top:7px}} .listing-meta{margin:0;color:#667672;font-size:.86rem;font-weight:500;line-height:1.35} /* V10 real media, login/account foundation and compact property cards */ .account-section{max-width:1180px}.account-grid{align-items:start}.account-card .form{gap:12px}.account-roadmap{grid-template-columns:repeat(2,1fr)} .property{overflow:hidden;padding:0}.property-body{padding:18px 18px 20px}.photo{height:142px;border-bottom:1px solid #eef4f1;background:#f8fcfa;display:flex;align-items:center;justify-content:center;color:#6d7b76;font-weight:650;font-size:.9rem;position:relative}.photo.has-image{height:156px;background:#f6faf8}.photo.has-image img{width:100%;height:100%;object-fit:cover;display:block}.photo.compact-placeholder{height:54px;background:linear-gradient(135deg,#fbfdfc,#f3faf7);border-bottom:1px dashed #e0ebe6;color:#71807b}.photo.compact-placeholder span{display:inline-flex;align-items:center;gap:7px;border:1px solid #e0ebe6;background:#fff;border-radius:999px;padding:6px 11px;font-size:.78rem}.photo.compact-placeholder span:before{content:'＋';font-weight:700;color:#587168}.media-admin-thumb{width:100%;max-width:180px;height:86px;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#fbfdfc}.media-status-pill{display:inline-flex;align-items:center;border:1px solid #dceae5;background:#fbfdfc;border-radius:999px;padding:5px 9px;font-size:.8rem;font-weight:650;color:#43534f}.backend-schema-note{border:1px solid var(--line);background:#fbfdfc;border-radius:16px;padding:13px;margin-top:12px}.role-pill{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid #d6e3de;background:#f3faf7;border-radius:999px;color:#365f56;font-size:.82rem;font-weight:700} @media(max-width:780px){.account-roadmap{grid-template-columns:1fr}.property-body{padding:15px}.photo.has-image{height:132px}.photo.compact-placeholder{height:48px}} /* V10.1 contact approval and buyer/tenant membership workflow */ .account-dashboard{margin-top:18px} .account-dashboard h3{margin-top:0;margin-bottom:6px} .mini-record{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px;margin-top:12px;box-shadow:0 6px 16px rgba(36,49,47,.025)} .mini-record .record-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px} .mini-record .record-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} .mini-record .record-actions button{padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:700} .mini-record .record-actions button:first-child{background:#eef7f3;border-color:#cfe2dc} @media(max-width:680px){.mini-record .record-head{display:block}.mini-record .pill{margin-top:8px}.account-dashboard{margin-top:12px}} /* V10.1.1 listing image preview + save fix */ .media-preview-box{margin-top:12px;border:1px solid #dfeae5;border-radius:16px;background:#fff;overflow:hidden;display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:center;padding:10px;color:#40514d} .media-preview-box img{width:132px;height:88px;object-fit:cover;border-radius:12px;border:1px solid #e5efea;background:#f8fcfa;display:block} .media-preview-box strong{display:block;font-size:.92rem;margin-bottom:4px;color:#24312f}.media-preview-box span{display:block;font-size:.82rem;color:#64736f;line-height:1.35}.media-preview-box.empty,.media-preview-box.loading{display:block;background:#fbfdfc;border-style:dashed;padding:12px}.preview-empty{font-size:.86rem;font-weight:700;color:#667672}.media-preview-box.has-image{box-shadow:0 8px 18px rgba(36,49,47,.04)} @media(max-width:680px){.media-preview-box{grid-template-columns:1fr}.media-preview-box img{width:100%;height:150px}.media-preview-box.empty,.media-preview-box.loading{padding:11px}} .dashboard-links{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 12px}.dashboard-links .button{display:inline-flex;text-decoration:none;padding:9px 12px;font-size:.9rem}.media-preview-box.warning{border-color:#eadfcb;background:#fffdf8}.media-preview-box .preview-empty strong{display:block;margin-bottom:4px}.media-preview-box .preview-empty span{display:block;font-size:.82rem;color:#667672;line-height:1.35}.notice.safe{margin:10px 0} /* V10.1.3 privacy + full listing preview + main image upload patch */ .featured-image-panel{margin-top:12px;border:1px solid #dfeae5;border-radius:16px;background:#fbfdfc;padding:13px 14px} .featured-image-panel label{display:block;margin:0}.featured-image-panel input{background:#fff} .listing-form-preview{margin:12px 0;border:1px solid #dfeae5;border-radius:18px;background:#fff;padding:14px;box-shadow:0 8px 20px rgba(36,49,47,.035)} .full-preview-card .record-head{margin-bottom:12px}.preview-photo{border:1px solid #e2ece8;border-radius:16px;overflow:hidden;background:#fbfdfc;margin:10px 0 14px;min-height:150px;display:grid;place-items:center;text-align:center;color:#52635f} .preview-photo img{width:100%;max-height:260px;object-fit:cover;display:block}.preview-photo.no-photo{padding:18px}.preview-photo.no-photo strong{display:block;margin-bottom:6px;color:#24312f}.preview-photo.no-photo span{font-size:.9rem;line-height:1.45}.preview-table{margin-top:8px}.seller-inbox-record{border-color:#dbe9e4;background:#fff}.seller-inbox-record .record-actions button:first-child{background:#f4fbf7;border-color:#bed9ca} @media(max-width:680px){.listing-form-preview{padding:11px}.preview-photo img{max-height:190px}} /* V10.1.4.1 account separation, gallery and admin-only removal controls */ .private-dashboard.locked{background:#fbfdfc;border-style:dashed} .private-dashboard.unlocked{background:#fff;border-color:#dbe9e4;box-shadow:0 10px 24px rgba(36,49,47,.04)} .stacked-records{display:grid;gap:10px;margin:10px 0 18px}.seller-listing-control{background:#fbfdfc}.seller-listing-control .button.danger{margin-top:10px}.delete-check{display:flex;align-items:flex-start;gap:8px;border:1px dashed #ead0d6;background:#fffafa;border-radius:12px;padding:9px 10px;margin-top:10px;font-size:.9rem;color:#7a3a45}.delete-check input{margin-top:2px}.listing-gallery-strip,.preview-gallery-strip{display:flex;gap:7px;align-items:center;overflow-x:auto;padding:8px 10px;border-bottom:1px solid #eef4f1;background:#fbfdfc}.listing-gallery-strip img,.preview-gallery-strip img{width:72px;height:54px;object-fit:cover;border-radius:10px;border:1px solid #dfeae5;background:#fff;flex:0 0 auto}.preview-gallery-strip{border:1px solid #e2ece8;border-radius:14px;margin:-4px 0 14px}.preview-gallery-strip img{width:96px;height:68px}.account-section .helper{margin-top:4px}.account-dashboard h4{margin:16px 0 8px;font-size:1rem}.property .listing-gallery-strip + .property-body{border-top:0} @media(max-width:680px){.listing-gallery-strip img{width:62px;height:48px}.preview-gallery-strip img{width:78px;height:58px}.delete-check{font-size:.86rem}} .gallery-file-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:110px;min-width:110px;height:54px;border:1px dashed #cfded8;border-radius:10px;background:#fff;color:#53635d;font-size:.72rem;font-weight:700;text-align:center;line-height:1.15;padding:5px;overflow:hidden}.gallery-file-placeholder small{display:block;font-size:.62rem;font-weight:500;color:#74817c;max-height:24px;overflow:hidden}.preview-gallery-strip .gallery-file-placeholder{width:130px;min-width:130px;height:68px}.private-dashboard.locked .notice.safe{margin:0}.dashboard-links .button{margin-bottom:8px} /* V10.1.4.3 — separated role login portals */ .role-login-card { border-color: rgba(22, 91, 76, 0.18); } .role-login-card .eyebrow { display: inline-block; margin-bottom: 0.45rem; } .account-role-rules { margin-top: 1rem; } .split-login-grid .button.full { justify-content: center; } /* V11 clickable gallery viewer and short property references */ .property-ref{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;border:1px solid #d9e8e2;background:#f8fcfa;border-radius:999px;padding:6px 10px;color:#2f4942;font-size:.78rem;font-weight:700;letter-spacing:.01em} .photo.gallery-view-trigger,.gallery-thumb-button{border:0;cursor:pointer;padding:0;font:inherit;text-align:left} .photo.gallery-view-trigger:focus-visible,.gallery-thumb-button:focus-visible{outline:3px solid #8ec6b2;outline-offset:2px} .gallery-thumb-button{flex:0 0 auto;width:72px;height:54px;border-radius:10px;background:#fff;overflow:hidden;border:1px solid #dfeae5;display:block} .gallery-thumb-button img{width:100%;height:100%;object-fit:cover;display:block;border:0;border-radius:0} .gallery-lightbox{position:fixed;inset:0;background:rgba(7,16,14,.86);z-index:9999;display:none;align-items:center;justify-content:center;padding:22px} .gallery-lightbox.open{display:flex} body.gallery-open{overflow:hidden} .gallery-lightbox-panel{position:relative;width:min(1080px,96vw);height:min(82vh,760px);display:flex;align-items:center;justify-content:center;background:#0e1715;border:1px solid rgba(255,255,255,.16);border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.42);overflow:hidden} .gallery-lightbox-panel img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block} .gallery-close,.gallery-nav{position:absolute;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.94);color:#14221f;border-radius:999px;cursor:pointer;font-weight:800;box-shadow:0 8px 28px rgba(0,0,0,.28)} .gallery-close{top:14px;right:14px;width:42px;height:42px;font-size:28px;line-height:1} .gallery-nav{top:50%;transform:translateY(-50%);width:48px;height:58px;font-size:42px;line-height:.8} .gallery-prev{left:14px}.gallery-next{right:14px} .gallery-caption{position:absolute;left:14px;right:14px;bottom:12px;background:rgba(255,255,255,.92);color:#1d302b;border-radius:13px;padding:10px 14px;font-size:.92rem;font-weight:700;text-align:center} @media(max-width:680px){.property-ref{font-size:.74rem}.gallery-thumb-button{width:62px;height:48px}.gallery-lightbox{padding:8px}.gallery-lightbox-panel{width:100vw;height:86vh;border-radius:16px}.gallery-nav{width:42px;height:52px;font-size:36px}.gallery-close{width:40px;height:40px}.gallery-caption{font-size:.82rem}} /* V15 compact Supabase cloud records + Stripe payment/contact release rows */ .cloud-records-section { border-color: rgba(33, 74, 61, 0.18); } .cloud-record-toolbar { display:grid; grid-template-columns: minmax(220px, 1fr) minmax(180px, 280px); gap:12px; margin:16px 0; } .cloud-status { border:1px solid var(--line); border-radius:16px; padding:12px 14px; background:rgba(237,247,242,.72); color:var(--muted); margin-bottom:16px; } .cloud-records-body { display:block; } .cloud-record-columns { display:grid; gap:18px; align-items:start; } .cloud-record-columns.two-col { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .cloud-record-columns.three-col { grid-template-columns: repeat(3, minmax(0, 1fr)); } .cloud-record-columns.four-col { grid-template-columns: repeat(4, minmax(0, 1fr)); } .cloud-record-columns.one-col { grid-template-columns: minmax(0, 1fr); } .cloud-column h3 { margin:0 0 12px; } .cloud-card { border:1px solid var(--line); border-radius:18px; padding:16px; background:#fff; box-shadow:0 10px 30px rgba(8,30,22,.06); margin-bottom:14px; overflow:hidden; } .cloud-card-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; margin-bottom:12px; } .cloud-card-head h3 { margin:6px 0 0; font-size:1.05rem; } .cloud-kv { display:grid; grid-template-columns: minmax(120px, 170px) minmax(0, 1fr); border-top:1px solid var(--line); } .cloud-kv div { display:contents; } .cloud-kv b, .cloud-kv span { padding:8px 0; border-bottom:1px solid var(--line); font-size:.92rem; min-width:0; overflow-wrap:anywhere; } .cloud-kv b { color:var(--ink); padding-right:10px; } .cloud-kv span { color:var(--muted); text-align:right; } .cloud-message { margin-top:12px; padding:12px; border:1px dashed var(--line); border-radius:14px; background:rgba(244,248,246,.82); } .cloud-message b { display:block; margin-bottom:6px; } .cloud-message p { margin:0; color:var(--muted); overflow-wrap:anywhere; } @media (max-width: 900px) { .cloud-record-toolbar, .cloud-record-columns.two-col, .cloud-record-columns.three-col, .cloud-record-columns.four-col { grid-template-columns:1fr; } .cloud-kv { grid-template-columns:1fr; } .cloud-kv b { border-bottom:0; padding-bottom:2px; } .cloud-kv span { text-align:left; padding-top:0; } } /* V15.1 professional spreadsheet-style Cloud Records table */ .cloud-table-section { border:1px solid var(--line); border-radius:18px; background:#fff; overflow:hidden; box-shadow:0 10px 26px rgba(8,30,22,.05); } .cloud-table-section h3 { margin:0; padding:13px 14px; border-bottom:1px solid var(--line); background:rgba(244,248,246,.85); } .cloud-table-wrap { overflow:auto; max-height:620px; } .cloud-data-table { width:100%; border-collapse:collapse; min-width:1180px; font-size:.86rem; } .cloud-data-table th { position:sticky; top:0; z-index:1; background:#eff6f2; color:#18342d; text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); white-space:nowrap; } .cloud-data-table td { padding:8px 10px; border-bottom:1px solid var(--line); color:var(--muted); vertical-align:top; max-width:220px; overflow-wrap:anywhere; } .cloud-data-table tr:hover td { background:rgba(237,247,242,.55); } .cloud-data-table details summary { cursor:pointer; color:#214a3d; font-weight:800; white-space:nowrap; } .cloud-data-table details pre { white-space:pre-wrap; max-width:460px; max-height:260px; overflow:auto; background:#f7faf8; border:1px solid var(--line); border-radius:12px; padding:10px; color:#263a34; } .cloud-table-pill { display:inline-flex; align-items:center; justify-content:center; min-width:64px; border-radius:999px; padding:4px 8px; font-weight:800; font-size:.76rem; border:1px solid var(--line); background:#fff8e5; color:#815a00; } .cloud-table-pill.ok { background:#e6f7ee; color:#11633d; } .cloud-table-pill.warn { background:#fff8e5; color:#815a00; } @media(max-width:760px){.cloud-table-wrap{max-height:560px}.cloud-data-table{min-width:980px;font-size:.8rem}.cloud-data-table td,.cloud-data-table th{padding:7px 8px}} /* V15.2 Excel-style Cloud Tables polish */ .cloud-data-table.compact-cloud-table { table-layout: fixed; min-width: 1250px; font-size: .82rem; } .cloud-data-table.compact-cloud-table th, .cloud-data-table.compact-cloud-table td { padding: 7px 9px; vertical-align: middle; max-width: 180px; line-height: 1.3; } .cloud-data-table.compact-cloud-table td:nth-child(1), .cloud-data-table.compact-cloud-table td:nth-child(2), .cloud-data-table.compact-cloud-table td:nth-child(3), .cloud-data-table.compact-cloud-table td:nth-child(4), .cloud-data-table.compact-cloud-table td:nth-child(5) { white-space: normal; overflow-wrap: anywhere; } .cloud-data-table.compact-cloud-table td:nth-child(6), .cloud-data-table.compact-cloud-table td:nth-child(7), .cloud-data-table.compact-cloud-table td:nth-child(8), .cloud-data-table.compact-cloud-table td:nth-child(9), .cloud-data-table.compact-cloud-table td:nth-child(10) { white-space: nowrap; } .cloud-table-pill { min-width: 54px; max-width: 120px; white-space: nowrap; } .cloud-table-pill.no { background:#fff1f0; color:#9f1d1d; border-color:#ffd6d2; } .cloud-table-count { font-size:.75rem; font-weight:800; color:#60736d; border:1px solid var(--line); padding:3px 8px; border-radius:999px; margin-left:8px; background:#fff; } .cloud-table-note { padding:8px 12px 12px; margin:0; } .cloud-row-detail summary { display:inline-flex; align-items:center; gap:4px; border:1px solid var(--line); border-radius:999px; padding:4px 9px; background:#f7fbf9; } .icon-danger { border:1px solid #ffd6d2; background:#fff7f6; color:#9f1d1d; border-radius:10px; padding:5px 8px; cursor:pointer; font-weight:800; } .icon-danger:hover { background:#ffe9e6; } /* V15.3 clean record view, password controls and form corrections */ .account-password-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; } .account-password-actions button { flex:1 1 180px; } .shared-ownership-field.hidden { display:none !important; } .cloud-row-detail { position:relative; } .cloud-row-detail[open] summary { margin-bottom:10px; } .cloud-detail-panel { width:min(760px, 78vw); max-height:520px; overflow:auto; background:#fbfefd; border:1px solid var(--line); border-radius:16px; padding:12px; box-shadow:0 16px 36px rgba(8,30,22,.14); color:#10201b; } .cloud-detail-section { border:1px solid var(--line); border-radius:14px; background:#fff; padding:10px; margin:0 0 10px; } .cloud-detail-section h4 { margin:0 0 8px; font-size:.88rem; color:#18342d; } .cloud-detail-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; } .cloud-detail-grid div { border:1px solid #edf2ef; border-radius:10px; padding:7px 8px; background:#f8fbfa; min-width:0; } .cloud-detail-grid b { display:block; color:#214a3d; font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; margin-bottom:3px; } .cloud-detail-grid span { display:block; color:#263a34; overflow-wrap:anywhere; white-space:normal; } @media(max-width:760px){ .cloud-detail-panel{width:82vw; max-height:480px}.cloud-detail-grid{grid-template-columns:1fr}.account-password-actions button{flex-basis:100%} } /* V15.4 account password-security patch */ .account-security-card { border: 1px solid rgba(25, 107, 75, .18); background: linear-gradient(180deg, rgba(237, 248, 242, .88), rgba(255,255,255,.94)); } .security-action-card { display: flex; flex-direction: column; gap: 10px; padding: 16px; border: 1px solid rgba(15, 32, 27, .10); border-radius: 18px; background: rgba(255,255,255,.82); box-shadow: 0 10px 28px rgba(15, 32, 27, .06); } .security-action-card b, .security-action-card h3 { margin: 0; color: #10201b; } .security-action-card span { color: #51615c; font-size: .92rem; line-height: 1.35; } .account-password-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; } .admin-security-card .security-action-card label { margin: 0; } .admin-security-card .security-action-card .button { margin-top: auto; } /* V15.6 password UX and auth-gate polish */ .password-field{display:flex;gap:8px;align-items:center;width:100%} .password-field input{flex:1;min-width:0} .password-eye{border:1px solid #d8e4df;background:#fff;border-radius:12px;padding:10px 12px;font-weight:800;cursor:pointer} .password-eye:focus{outline:3px solid rgba(77,132,113,.25)} .caps-warning{display:block;margin-top:6px;color:#9d5a19;font-weight:800} .caps-warning.hidden{display:none} .auth-note{font-size:.86rem;color:#66766f;margin:.35rem 0 0} button[disabled]{opacity:.62;cursor:not-allowed} /* V15.7 compact account structure and clean pricing message retained */ .compact-account-section{max-width:1100px} .compact-account-head{margin-bottom:20px} .account-free-banner{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;border:1px solid #d9e8e2;background:#fbfdfc;border-radius:999px;padding:9px 13px;color:#314541;font-size:.92rem} .account-free-banner strong{font-weight:850}.account-free-banner span{color:#62716e} .compact-login-grid{gap:16px}.compact-login-card{padding:18px}.account-card-head h3{margin-bottom:5px}.account-card-head p{margin-bottom:12px} .account-mode-tabs{display:flex;gap:8px;background:#f6faf8;border:1px solid #e0ebe6;border-radius:999px;padding:5px;margin:8px 0 14px;width:max-content;max-width:100%} .account-mode-tab{border:0;border-radius:999px;background:transparent;padding:9px 13px;font-weight:850;color:#53635d;cursor:pointer} .account-mode-tab.active{background:#102022;color:#fff;box-shadow:0 8px 18px rgba(16,32,34,.10)} .compact-account-form{gap:12px}.compact-account-form .login-fields{gap:12px}.register-fields{display:grid;gap:12px;border:1px solid #e6efeb;background:#fbfdfc;border-radius:16px;padding:12px} .compact-security-card{margin-top:14px}.compact-security-card p{margin-bottom:12px}.compact-security-actions{display:flex;gap:10px;flex-wrap:wrap}.compact-security-actions .button{flex:1 1 210px} .account-dashboard .dashboard-links{display:flex;gap:8px;flex-wrap:wrap}.account-dashboard .dashboard-links .button{margin-bottom:0} .fee-box .price{font-size:1.4rem;letter-spacing:-.02em} @media(max-width:760px){.account-mode-tabs{width:100%;justify-content:space-between}.account-mode-tab{flex:1}.compact-security-actions .button{flex-basis:100%}.account-free-banner{border-radius:16px;justify-content:center}} /* V15.14.5 dedicated account pages and light role navigation */ .links .nav-account{border-radius:999px;padding:9px 13px;border:1px solid transparent;font-weight:850;box-shadow:0 6px 16px rgba(23,54,48,.05)} .nav-account.nav-owner{background:#eef8f0;color:#1f5b43;border-color:#cfe8d5} .nav-account.nav-requester{background:#edf7ff;color:#22577a;border-color:#cbe5fa} .nav-account.nav-owner:hover,.role-cta.owner:hover{border-color:#aed9ba;background:#e7f5eb} .nav-account.nav-requester:hover,.role-cta.requester:hover{border-color:#abd8f4;background:#e5f3ff} .role-cta.owner{background:#eef8f0!important;color:#1f5b43!important;border-color:#cfe8d5!important;box-shadow:none!important} .role-cta.requester{background:#edf7ff!important;color:#22577a!important;border-color:#cbe5fa!important;box-shadow:none!important} .account-gateway-section{max-width:1080px}.account-gateway-grid{align-items:stretch}.account-gateway-card{position:relative;overflow:hidden;padding:22px;min-height:260px;display:flex;flex-direction:column;gap:10px}.account-gateway-card p{margin-bottom:8px}.gateway-actions{margin-top:auto}.owner-gateway{background:linear-gradient(180deg,#f4fbf5,#fff)}.requester-gateway{background:linear-gradient(180deg,#f3f9ff,#fff)} .role-logo{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-weight:950;letter-spacing:.03em;margin-bottom:6px;border:1px solid #dfeae5}.role-logo-owner{background:#e9f7ed;color:#1f5b43;border-color:#cfe8d5}.role-logo-requester{background:#e8f5ff;color:#22577a;border-color:#cbe5fa}.role-logo-admin{background:#f7f7f5;color:#3d4441;border-color:#dfdfd9}.account-page-note{margin-top:16px}.account-page{background:linear-gradient(180deg,#fbfdfc,#f7faf8)}.account-page-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:center;padding-top:42px}.account-page-title .button{margin-bottom:16px}.account-side-note{padding:24px}.account-side-note h2{font-size:1.45rem}.owner-note{background:linear-gradient(180deg,#f0faf3,#fff)}.requester-note{background:linear-gradient(180deg,#f0f8ff,#fff)}.role-account-page{padding-top:18px}.account-page-grid{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:start}.owner-login-card{border-color:#d3ead9}.requester-login-card{border-color:#d0e7f8}.owner-login-card .account-mode-tab.active{background:#dff2e5;color:#1f5b43}.requester-login-card .account-mode-tab.active{background:#e0f1ff;color:#22577a}.account-page .account-dashboard{margin-top:18px}.account-page .compact-security-card{margin:0}.account-page .compact-security-actions .button{flex:1 1 100%} @media(max-width:980px){.account-page-hero,.account-page-grid{grid-template-columns:1fr}.links .nav-account{width:100%;text-align:left}.account-gateway-card{min-height:auto}} @media(max-width:680px){.account-page-hero{padding-top:28px}.role-logo{width:46px;height:46px;border-radius:15px}.account-gateway-grid{grid-template-columns:1fr}.links .nav-account{padding:8px 10px}} /* V15.14.5 Direct Connection map and no-black UI polish */ .button.dark,.actions .button.dark,.record-actions .release-now,.auto-main{background:#eff7f1!important;color:#1f4f43!important;border-color:#cfe2d8!important;box-shadow:none!important} .button.gold-action{background:#fff5df!important;color:#8d5e14!important;border-color:#f1d8a2!important;box-shadow:none!important} .button.gold-action:hover{background:#fff0cc!important;border-color:#e6ca8c!important} .direct-map-card{background:linear-gradient(180deg,#fffefb,#ffffff);border-color:#ece6d5} .direct-map-card h2{font-size:1.42rem;line-height:1.2;margin-bottom:8px} .journey-map{display:grid;gap:10px;margin:16px 0 10px} .journey-step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border:1px solid #e4ece7;border-radius:18px;background:#fff} .journey-step strong{display:block;margin-bottom:4px} .journey-step p{margin:0} .journey-step.free{background:linear-gradient(180deg,#fffaf0,#fff)} .journey-step.owner{background:linear-gradient(180deg,#f4fbf5,#fff);border-color:#d7eadc} .journey-step.requester{background:linear-gradient(180deg,#f3f9ff,#fff);border-color:#d7e8f7} .journey-step.pay{background:linear-gradient(180deg,#fff9ee,#fff);border-color:#eedeb8} .journey-step.approval{background:linear-gradient(180deg,#f9fbf7,#fff);border-color:#dbe7d9} .journey-step.release{background:linear-gradient(180deg,#f7fbfb,#fff);border-color:#d9e6e7} .journey-badge{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff5df;color:#8d5e14;border:1px solid #f1d8a2;font-weight:950;letter-spacing:.02em} .journey-badge.sl{background:#e9f7ed;color:#1f5b43;border-color:#cfe8d5} .journey-badge.bt{background:#e8f5ff;color:#22577a;border-color:#cbe5fa} .journey-pills,.journey-key-messages{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px} .journey-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fbfdfc;border:1px solid #dbe7e1;color:#325048;font-weight:850;font-size:.88rem} .direct-connection-section{padding-top:10px} .journey-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px} .journey-track-card{position:relative;padding:18px;border-radius:20px;border:1px solid #e2ebe6;background:#fff;box-shadow:0 10px 24px rgba(20,44,38,.04)} .journey-track-card b{display:block;margin-bottom:6px;color:#183630} .journey-track-card span{display:block;color:#5c6d67;font-size:.94rem;line-height:1.45} .journey-track-card.free{background:linear-gradient(180deg,#fffaf0,#fff);border-color:#efdebb} .journey-track-card.owner{background:linear-gradient(180deg,#f4fbf5,#fff);border-color:#d7eadc} .journey-track-card.requester{background:linear-gradient(180deg,#f3f9ff,#fff);border-color:#d7e8f7} .journey-track-card.pay{background:linear-gradient(180deg,#fff9ee,#fff);border-color:#eedeb8} .journey-track-card.approval{background:linear-gradient(180deg,#f9fbf7,#fff);border-color:#dbe7d9} .journey-track-card.release{background:linear-gradient(180deg,#f7fbfb,#fff);border-color:#d9e6e7} .role-logo{width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;margin-bottom:8px;font-size:.95rem} .account-gateway-card .role-logo,.account-side-note .role-logo{align-self:flex-start} @media(max-width:980px){.journey-track{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.journey-track{grid-template-columns:1fr}.journey-step{grid-template-columns:44px minmax(0,1fr)}.journey-badge{width:44px;height:44px;border-radius:14px}.journey-pills,.journey-key-messages{justify-content:center}.role-logo{padding:7px 12px}} /* V15.14.5 public polish and production cleanup */ .journey-badge.free-badge{width:auto;min-width:56px;padding:0 12px;border-radius:999px} .details-first-section{padding-top:18px} .details-benefit-grid{align-items:stretch;margin-top:18px} .detail-benefit-card{padding:20px;background:linear-gradient(180deg,#ffffff,#fbfdfc)} .detail-benefit-card h3{margin:10px 0 7px;color:#183630} .detail-benefit-card p{margin:0;color:#5b6b65} .benefit-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:15px;font-weight:950;border:1px solid #dbe7e1} .benefit-icon.info{background:#fff5df;color:#8d5e14;border-color:#f1d8a2} .benefit-icon.connect{background:#e8f5ff;color:#22577a;border-color:#cbe5fa} .benefit-icon.secure{background:#e9f7ed;color:#1f5b43;border-color:#cfe8d5} .site-header .links a{font-size:.94rem} body :is(.button.dark,.actions .button.dark,.auto-main){background:#eff7f1!important;color:#1f4f43!important;border-color:#cfe2d8!important} @media(max-width:680px){ .details-benefit-grid{grid-template-columns:1fr} .journey-badge.free-badge{min-width:50px} } /* V15.14.5 — logo, video and AI safety polish */ .brand-with-logo{gap:10px;align-items:center} .brand-logo-mark{width:42px;height:42px;display:block;flex:0 0 auto} .hero-brand-banner{display:block;width:100%;max-width:560px;margin:2px 0 18px;border-radius:24px;background:#f8fbf9;border:1px solid #dce8e2;padding:8px} .brand-story-logo{display:block;width:100%;margin-top:12px;border-radius:24px;background:#f8fbf9;border:1px solid #dce8e2;padding:10px} .brand-video-grid{align-items:start} .brand-story-card,.promo-video-card,.ai-alert-card{background:linear-gradient(180deg,#ffffff,#fbfdfc)} .promo-video{width:100%;border-radius:24px;border:1px solid #dce8e2;background:#f2f6f4;display:block;box-shadow:0 18px 40px rgba(36,55,48,.08)} .ai-safety-polish .center{max-width:860px;margin:0 auto 18px} .ai-safety-grid{align-items:stretch} .ai-alert-card h3{margin:10px 0 8px;color:#183630} .ai-alert-card p{margin:0;color:#5b6b65} .journey-key-messages.compact{margin-top:14px} .brand-story-card h2,.promo-video-card h2{margin-bottom:10px} .brand-story-card p,.promo-video-card p{color:#5b6b65} @media(max-width:860px){ .hero-brand-banner{max-width:none} .brand-video-grid,.ai-safety-grid{grid-template-columns:1fr} } /* V15.14.5 Admin user account records */ .user-accounts-section{border-color:#dce8e2;background:linear-gradient(180deg,#ffffff,#fbfdfc)} .user-accounts-body{margin-top:18px} .user-account-list{display:grid;gap:14px} .user-account-card.real-auth{border-color:#cfe8d5;background:linear-gradient(180deg,#fbfffc,#fff)} .user-account-card.prototype-auth{border-color:#efdebb;background:linear-gradient(180deg,#fffaf0,#fff)} .user-account-card .record-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start} @media(max-width:760px){.user-account-card .record-head{display:block}.user-account-card .status-pill{margin-top:8px}} /* V15.14.5 — email routing, authenticated status and signed-in account UI fix */ .role-login-card.signed-in-hidden{display:none!important} #resetForm.hidden{display:none!important} #resetStatus.status.good{background:#ecf7f0;border-color:#cce8d5;color:#265c45} /* V15.14.5 — clean confirmation page and no auto-dashboard unlock */ .email-confirmed-mode .brand small{display:none} .email-confirmed-mode .links{display:none!important} .email-confirmed-mode .account-security-card{max-width:720px!important;text-align:left} .email-confirmed-mode #resetStatus{font-size:1.05rem;line-height:1.55} .email-confirmed-mode #resetSecurityNote{background:#f7fbf8;border:1px solid var(--border);border-radius:18px;padding:14px 16px} .email-confirmed-mode a[href*="admin.html"]{display:none!important} /* V15.14.5 — confirmation email, password security and listing form reveal */ .form-reveal-note{max-width:760px;margin:14px auto 0;text-align:center;color:var(--muted);font-weight:700} #saleFormWrap.hidden,#rentFormWrap.hidden{display:none!important} /* V15.14.5 — account confirmation, simple password UI and compact homepage map */ .compact-security-card.account-page-note,#account-security.compact-security-card{display:none!important} .account-mode-tabs{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important} .account-password-actions{display:flex;flex-wrap:wrap;gap:8px!important;align-items:center} .account-password-actions .button{padding:.72rem .9rem!important;font-size:.95rem!important} .direct-map-card{padding:18px!important} .direct-map-card .hero-brand-banner{max-height:48px!important;margin-bottom:8px!important} .direct-map-card h2{font-size:clamp(1.25rem,2vw,1.75rem)!important;margin:.25rem 0 .35rem!important} .direct-map-card > p.quiet{margin:.2rem 0 .65rem!important;line-height:1.35!important} .journey-map{gap:8px!important} .journey-step{padding:10px 12px!important;gap:10px!important;min-height:auto!important} .journey-step .small{font-size:.84rem!important;line-height:1.3!important;margin:.15rem 0 0!important} .journey-step strong{font-size:.92rem!important} .journey-badge{width:38px!important;height:38px!important;min-width:38px!important;font-size:.82rem!important} .journey-pills{gap:6px!important;margin-top:8px!important} .journey-pill{padding:7px 9px!important;font-size:.8rem!important} @media (min-width: 980px){ .hero{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;align-items:start!important} .direct-map-card{max-width:520px;margin-left:auto} } /* V15.14.5 — wording/privacy polish */ .confirmation-portal-grid .hidden { display: none !important; } .email-confirmed-mode #resetEyebrow { letter-spacing: .12em; } /* V15.14.6 — public polish, gentle motion and Free badge alignment */ .journey-step.free{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;} .journey-badge.free-badge{width:52px!important;min-width:52px!important;height:52px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;text-align:center!important;font-size:.82rem!important;line-height:1!important;white-space:normal!important;} .gentle-pulse-card{position:relative;overflow:hidden;} .gentle-pulse-card::after{content:"";position:absolute;inset:auto auto 14px 14px;width:42px;height:42px;border-radius:50%;background:rgba(204,166,75,.14);animation:fmdPulse 4.8s ease-in-out infinite;pointer-events:none;} .gentle-pulse-card.delay-one::after{animation-delay:1.1s}.gentle-pulse-card.delay-two::after{animation-delay:2.2s} @keyframes fmdPulse{0%,100%{transform:scale(.76);opacity:.24}50%{transform:scale(1.2);opacity:.55}} .promo-video-card{position:relative;overflow:hidden;} .promo-video-card::before{content:"";position:absolute;top:18px;right:18px;width:88px;height:88px;border-radius:999px;background:linear-gradient(135deg,rgba(75,135,112,.14),rgba(204,166,75,.16));animation:fmdFloat 5.8s ease-in-out infinite;} @keyframes fmdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}} @media(max-width:560px){.journey-step.free{grid-template-columns:58px minmax(0,1fr)!important}.journey-badge.free-badge{width:48px!important;height:48px!important;font-size:.78rem!important}} /* V15.14.7 — silent guide hotfix: replace poor voiceover with gentle visual animation */ .visual-guide-card { position: relative; overflow: hidden; } .silent-journey-animation { display: grid; gap: 10px; margin: 18px 0 14px; padding: 14px; border: 1px solid rgba(35, 94, 80, .14); border-radius: 22px; background: linear-gradient(135deg, rgba(247,250,247,.96), rgba(234,244,239,.88)); } .silent-step { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 16px; background: rgba(255,255,255,.82); box-shadow: 0 8px 22px rgba(34, 65, 54, .06); transform: translateX(0); animation: fmdSoftLift 5.8s ease-in-out infinite; } .silent-step:nth-child(3) { animation-delay: .35s; } .silent-step:nth-child(5) { animation-delay: .7s; } .silent-step:nth-child(7) { animation-delay: 1.05s; } .silent-step:nth-child(9) { animation-delay: 1.4s; } .silent-step span { width: 34px; height: 34px; min-width: 34px; display: inline-grid; place-items: center; border-radius: 999px; background: #e7f2ec; color: #1f6a51; font-weight: 800; border: 1px solid rgba(31, 106, 81, .18); } .silent-step.release span { background: #fff1cb; color: #7a5200; border-color: rgba(180, 129, 20, .22); } .silent-step strong { color: #163c34; font-size: .95rem; } .silent-line { width: 2px; height: 18px; margin-left: 29px; background: linear-gradient(#d5eadf, #e7d4a8); border-radius: 999px; } .voiceover-note { margin-top: 8px; color: var(--muted); } @keyframes fmdSoftLift { 0%, 100% { transform: translateX(0); box-shadow: 0 8px 22px rgba(34, 65, 54, .06); } 50% { transform: translateX(4px); box-shadow: 0 12px 26px rgba(34, 65, 54, .09); } } @media (prefers-reduced-motion: reduce) { .silent-step { animation: none; } } /* V15.15.1 — logical visitor navigation */ .links.main-nav{gap:12px;align-items:center} .links.main-nav .nav-primary,.links.main-nav .nav-admin-link,.nav-dropdown>summary{display:inline-flex;align-items:center;min-height:38px;padding:9px 13px;border:1px solid #d6e3de;border-radius:999px;background:#fff;font-weight:850;color:#24312f;line-height:1;white-space:nowrap;box-shadow:0 6px 16px rgba(23,54,48,.035)} .links.main-nav .nav-primary{background:#f7fbf9;border-color:#cfe2dc} .links.main-nav .nav-admin-link{background:#fbfcfb;color:#586762} .nav-dropdown{position:relative;display:inline-block} .nav-dropdown>summary{list-style:none;cursor:pointer;gap:6px} .nav-dropdown>summary::-webkit-details-marker{display:none} .nav-dropdown>summary::after{content:'▾';font-size:.74rem;color:#667672;margin-left:2px} .nav-dropdown[open]>summary,.links.main-nav a:hover,.nav-dropdown>summary:hover{background:#eef7f3;border-color:#c6d8d1} .nav-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:190px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 36px rgba(16,32,34,.11);padding:8px;z-index:80;display:grid;gap:4px} .nav-dropdown-panel a{display:flex!important;padding:10px 12px!important;border-radius:12px;font-weight:800;color:#24312f;background:#fff;white-space:nowrap} .nav-dropdown-panel a:hover{background:#f4faf7} .visitor-journey-map .journey-step{align-items:flex-start} .visitor-journey-map .journey-badge{margin-top:3px} .account-gateway-card .gateway-actions{display:grid;gap:10px;margin-top:14px} @media(max-width:980px){.links.main-nav{gap:8px}.links.main-nav .nav-primary,.links.main-nav .nav-admin-link,.nav-dropdown{width:100%}.links.main-nav .nav-primary,.links.main-nav .nav-admin-link,.nav-dropdown>summary{width:100%;justify-content:space-between;border-radius:12px}.nav-dropdown-panel{position:static;box-shadow:none;margin-top:6px;width:100%;border-radius:12px;background:#fbfdfc}.nav-dropdown-panel a{width:100%}} /* V15.15.2 — softer professional navigation and lighter public typography */ .site-header .brand, .site-header .brand strong, .site-header .brand small, .site-header .fast-track-mark, .site-header .links, .site-header .links a, .site-header .nav-dropdown > summary, .site-header .nav-dropdown-panel a, .site-header .mobile { font-weight: 500 !important; } .site-header .brand strong { letter-spacing: 0 !important; } .site-header .brand small { letter-spacing: .08em !important; color:#7b8985 !important; } .site-header .fast-track-mark { background:#fbfdfc !important; color:#66746f !important; border-color:#e2ebe7 !important; padding:1px 6px !important; } .links.main-nav { gap:18px !important; } .links.main-nav .nav-primary, .links.main-nav .nav-admin-link, .nav-dropdown > summary { background:transparent !important; border-color:transparent !important; box-shadow:none !important; color:#53635f !important; padding:7px 4px !important; min-height:34px !important; border-radius:10px !important; font-size:.94rem !important; } .links.main-nav .nav-primary:hover, .links.main-nav .nav-admin-link:hover, .nav-dropdown > summary:hover, .nav-dropdown[open] > summary { background:#f7faf8 !important; border-color:#edf3f0 !important; color:#2d403b !important; } .nav-dropdown > summary::after { color:#8a9793 !important; font-weight:400 !important; } .nav-dropdown-panel { border-color:#e2ebe7 !important; box-shadow:0 14px 30px rgba(16,32,34,.075) !important; background:#ffffff !important; } .nav-dropdown-panel a { color:#53635f !important; background:#ffffff !important; font-size:.93rem !important; } .nav-dropdown-panel a:hover { background:#f7faf8 !important; color:#2d403b !important; } .site-header .brand-logo-mark { width:38px !important; height:38px !important; } .nav-admin-link { color:#6b7774 !important; } .button, .account-mode-tab, .status, .checkrow, .choice, .lockbox, .footer a, .journey-pill, .badge, .tags span, .form label { font-weight: 550 !important; } .eyebrow, .sublead, .journey-badge, .benefit-icon, .price, .photo, .role-logo, .pill, .record-actions button { font-weight: 600 !important; } .badge.green, .badge.red, .role-cta.owner, .role-cta.requester, .button.gold-action { color:#425653 !important; background:#fbfdfc !important; border-color:#dce8e3 !important; } @media(max-width:980px){ .links.main-nav { gap:8px !important; } .links.main-nav .nav-primary, .links.main-nav .nav-admin-link, .nav-dropdown > summary { padding:9px 10px !important; border:1px solid #edf3f0 !important; background:#fff !important; } } /* V15.15.4 Minimal professional density pass — calmer estate-site styling */ :root{ --ink:#263230; --muted:#687370; --soft:#fafbfa; --panel:#ffffff; --line:#e2e8e5; --lightline:#f0f3f1; --green:#f5f7f6; --green-text:#465552; --button:#ffffff; --button-border:#d8e0dc; --dark:#2c3835; --danger:#6d3944; --shadow:0 8px 24px rgba(18,31,28,.035); --radius:16px; } body{font-size:14px;background:#fcfcfb;color:var(--ink);line-height:1.48} main section,.section,#top{scroll-margin-top:76px} .site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--lightline)} .nav{padding:8px 18px;gap:12px;max-width:1160px} .brand,.brand strong,.links,.links a,.nav-dropdown summary,.button,.badge,.journey-step strong,.detail-table b,.form label,.checkrow,.choice,.status,.pill,.record-actions button,.footer a,strong,b,h1,h2,h3,h4{font-weight:500!important} .brand small{font-weight:400!important;letter-spacing:.12em;font-size:.56rem;color:#7d8784} .brand-logo-mark{width:34px!important;height:34px!important}.brand-with-logo{gap:8px!important} .fast-track-mark,.footer-fast,.fast-track-footer{font-weight:400!important;color:#6f7a77!important;background:#fff!important;border:1px solid var(--line)!important} .links{gap:18px;font-size:.88rem;color:#35413e}.links a,.nav-dropdown summary{color:#35413e;background:transparent!important;border:0!important;padding:7px 2px!important;box-shadow:none!important}.nav-admin-link{color:#35413e!important}.nav-dropdown-panel{border-color:var(--line);box-shadow:0 8px 24px rgba(18,31,28,.055)}.nav-dropdown-panel a{padding:8px 12px!important;color:#35413e!important} .section{padding:30px 18px}.hero{gap:22px;padding-top:30px;grid-template-columns:minmax(0,1fr) 390px}.panel{padding:18px}.card{padding:16px}.form-card{padding:18px}.form-section{padding:16px}.grid{gap:14px}.property-grid{gap:14px}.actions{gap:9px;margin-top:16px}.badges,.journey-pills,.journey-key-messages{gap:8px;margin-top:12px} h1{font-size:clamp(1.68rem,2.5vw,2.35rem);letter-spacing:-.025em;line-height:1.12;margin:12px 0 10px}h2{font-size:clamp(1.25rem,1.85vw,1.72rem);letter-spacing:-.02em;line-height:1.16;margin-bottom:10px}h3{font-size:1rem;margin-bottom:6px}.lead{font-size:.98rem;color:#44504d}.sublead{font-size:1rem;font-weight:400!important;color:#53615d}.small{font-size:.82rem}.quiet{color:var(--muted)} .eyebrow{font-size:.58rem;font-weight:400!important;letter-spacing:.16em;background:#fff;color:#6b7673;padding:6px 10px;border-color:var(--line)} .button,.button.dark,.button.soft,.gold-action,.role-cta.owner,.role-cta.requester{background:#fff!important;color:#2f3b38!important;border:1px solid var(--button-border)!important;border-radius:14px;padding:10px 14px;box-shadow:none!important}.button:hover{transform:none;box-shadow:0 6px 14px rgba(18,31,28,.04)!important}.button.full{padding:11px 14px}.badge,.journey-pill,.tags span,.lockbox,.notice,.status{background:#fff!important;color:#4a5653!important;border-color:var(--line)!important}.badge.red,.badge.green{color:#4a5653!important}.icon,.benefit-icon,.journey-badge,.avatar,.avatar.s{background:#fff!important;color:#4a5653!important;border:1px solid var(--line)!important} .property-body{padding:16px;gap:8px}.photo{height:104px;background:#f7f8f7;color:#66726f}.detail-table{gap:5px}.detail-table div{font-size:.84rem;padding-bottom:5px}.lockbox{padding:9px 10px;font-size:.84rem}.property h3{font-size:1rem}.price{font-size:1.35rem;color:#3c4845;font-weight:500!important}.form{gap:11px}.form input,.form select,.form textarea,.property-toolbar input,.property-toolbar select{padding:10px 11px;border-radius:12px}.checkrow{padding:10px 12px}.footer{padding:22px 18px}.modal-box{padding:20px;border-radius:18px}.record{padding:14px;border-radius:14px}.metric strong{font-size:1.45rem}.admin-wrap{padding:18px}.admin-top{margin-bottom:12px}.record-actions button{padding:8px 10px}.pill{font-size:.76rem;padding:5px 8px}.pill.ok,.pill.no{background:#fff!important;color:#4a5653!important;border-color:var(--line)!important} @media(max-width:980px){.hero{grid-template-columns:1fr}.links{top:58px}} @media(max-width:680px){body{font-size:14px}.section{padding:26px 14px}h1{font-size:1.72rem}.photo{height:96px}.panel,.card,.form-card,.form-section{border-radius:15px}.nav{padding:7px 14px}} /* V15.15.7 — neutral no-colour Direct Connection map redesign Built from verified V15.15.4 foundation; avoids the failed V15.15.5 visual branch. */ .neutral-route-card.direct-map-card { background: #fff !important; border: 1px solid #dddddd !important; box-shadow: 0 10px 24px rgba(0,0,0,.035) !important; color: #252525 !important; padding: 18px !important; } .neutral-route-card .hero-brand-banner, .neutral-route-card .journey-pills, .neutral-route-card .journey-pill, .neutral-route-card .journey-map, .neutral-route-card .journey-step, .neutral-route-card .journey-badge { display: none !important; } .neutral-route-card .eyebrow { color: #666 !important; background: transparent !important; border: 0 !important; padding: 0 !important; letter-spacing: .08em !important; font-weight: 500 !important; } .neutral-route-card h2 { color: #252525 !important; font-size: 1.25rem !important; line-height: 1.22 !important; font-weight: 500 !important; letter-spacing: -.01em !important; margin: 8px 0 6px !important; } .neutral-route-card p, .neutral-route-card .quiet, .neutral-route-card .small { color: #555 !important; font-weight: 400 !important; } .neutral-route-list { list-style: none !important; padding: 0 !important; margin: 14px 0 10px !important; display: grid !important; gap: 7px !important; } .neutral-route-list li { display: grid !important; grid-template-columns: 32px minmax(0, 1fr) !important; gap: 10px !important; align-items: start !important; background: #fff !important; border: 1px solid #dedede !important; border-radius: 12px !important; padding: 10px 11px !important; box-shadow: none !important; } .neutral-route-number { width: 28px !important; height: 28px !important; border-radius: 50% !important; display: inline-grid !important; place-items: center !important; background: #fff !important; border: 1px solid #d4d4d4 !important; color: #333 !important; font-size: .82rem !important; font-weight: 500 !important; } .neutral-route-title { display: block !important; color: #252525 !important; font-weight: 500 !important; margin: 1px 0 2px !important; } .neutral-route-list .small { margin: 0 !important; line-height: 1.35 !important; font-size: .84rem !important; } .neutral-route-footnote { border-top: 1px solid #e3e3e3 !important; margin: 12px 0 0 !important; padding-top: 10px !important; color: #555 !important; font-size: .86rem !important; } @media(max-width:680px){ .neutral-route-card.direct-map-card { padding: 15px !important; } .neutral-route-list li { grid-template-columns: 30px minmax(0,1fr) !important; padding: 9px 10px !important; } .neutral-route-card h2 { font-size: 1.15rem !important; } } /* V15.15.8 — controlled colour accents only: red commission, blue guidance labels. */ .site-header .brand small { color: #b3261e !important; font-weight: 500 !important; letter-spacing: .08em !important; } .start-here-label, .why-label { color: #1f5fa8 !important; border-color: #d7e3f2 !important; background: #ffffff !important; font-weight: 500 !important; } .neutral-route-card .neutral-route-number, .neutral-route-card .neutral-route-list li { background: #ffffff !important; color: #2f3a37 !important; border-color: #e3e8e5 !important; } /* V16.6 cloud table polish: keep Stripe/payment rows readable without long IDs covering columns. */ .cloud-data-table.compact-cloud-table td, .cloud-data-table.compact-cloud-table th { overflow-wrap:anywhere; word-break:break-word; } .cloud-data-table.compact-cloud-table td:nth-child(7), .cloud-data-table.compact-cloud-table td:nth-child(8), .cloud-data-table.compact-cloud-table td:nth-child(9), .cloud-data-table.compact-cloud-table td:nth-child(10) { white-space:normal; } .cloud-data-table.compact-cloud-table .cloud-table-pill { white-space:nowrap; } /* V16.7 Stripe payments table layout polish: wider Session column, cleaner fixed widths */ .cloud-data-table.compact-cloud-table.stripe-payments-table { min-width: 1580px; table-layout: fixed; } .cloud-data-table.compact-cloud-table.stripe-payments-table th, .cloud-data-table.compact-cloud-table.stripe-payments-table td { max-width: none; word-break: normal; overflow-wrap: normal; vertical-align: middle; } .cloud-data-table.compact-cloud-table.stripe-payments-table th:nth-child(1), .cloud-data-table.compact-cloud-table.stripe-payments-table td:nth-child(1) { width: 150px; white-space: normal; overflow-wrap: anywhere; } .cloud-data-table.compact-cloud-table.stripe-payments-table th:nth-child(2), .cloud-data-table.compact-cloud-table.stripe-payments-table td:nth-child(2) { width: 150px; white-space: normal; } .cloud-data-table.compact-cloud-table.stripe-payments-table th:nth-child(3), .cloud-data-table.compact-cloud-table.stripe-payments-table td:nth-child(3) { width: 88px; white-space: nowrap; } .cloud-data-table.compact-cloud-table.stripe-payments-table th:nth-child(4), .cloud-data-table.compact-cloud-table.stripe-payments-table td:nth-child(4) { width: 92px; white-space: nowrap; } .cloud-data-table.compact-cloud-table.stripe-payments-table th:nth-child(5), .cloud-data-table.compact-cloud-table.stripe-payments-table td:nth-child(5) { width: 130px; white-space: nowrap; } .cloud-data-table.compact-cloud-table.stripe-payments-table th:nth-child(6), .cloud-data-table.compact-cloud-table.stripe-payments-table td:nth-child(6) { width: 230px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cloud-data-table.compact-cloud-table.stripe-payments-table th:nth-child(7), .cloud-data-table.compact-cloud-table.stripe-payments-table td:nth-child(7) { width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cloud-data-table.compact-cloud-table.stripe-payments-table th:nth-child(8), .cloud-data-table.compact-cloud-table.stripe-payments-table td:nth-child(8) { width: 95px; white-space: nowrap; } .cloud-data-table.compact-cloud-table.stripe-payments-table th:nth-child(9), .cloud-data-table.compact-cloud-table.stripe-payments-table td:nth-child(9) { width: 150px; white-space: nowrap; } .cloud-data-table.compact-cloud-table.stripe-payments-table th:nth-child(10), .cloud-data-table.compact-cloud-table.stripe-payments-table td:nth-child(10) { width: 130px; white-space: nowrap; } .cloud-data-table.compact-cloud-table.stripe-payments-table th:nth-child(11), .cloud-data-table.compact-cloud-table.stripe-payments-table td:nth-child(11) { width: 70px; white-space: nowrap; } .stripe-session-chip { display: inline-block; min-width: 185px; max-width: 225px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; font-size: .78rem; line-height: 1.2; color: #214a3d; } @media(max-width:760px){ .cloud-data-table.compact-cloud-table.stripe-payments-table { min-width: 1480px; } .stripe-session-chip { min-width: 170px; max-width: 205px; } } /* V16.8 — Homepage trust, pricing and logo polish */ :root{ --fmd-teal:#123f39; --fmd-teal-soft:#eaf4ef; --fmd-warm:#c86b4a; --fmd-warm-soft:#fff2eb; --fmd-cream:#fffdf8; } body{background:linear-gradient(180deg,#fffdf8 0%,#fbfcfb 58%,#f7faf8 100%)} .site-header .brand strong{color:var(--fmd-teal)!important;font-weight:650!important;letter-spacing:-.01em!important} .site-header .brand small{color:#9f2d25!important;letter-spacing:.075em!important;font-weight:550!important} .site-header .fast-track-mark{display:none!important} .brand-logo-mark{border-radius:12px;filter:drop-shadow(0 4px 8px rgba(18,63,57,.06))} .hero-polish-v168{grid-template-columns:minmax(0,1.04fr) minmax(340px,420px);align-items:center;gap:34px;padding-top:44px;padding-bottom:44px} .hero-polish-v168 h1{max-width:680px;color:#172522;font-size:clamp(2.1rem,4.05vw,4rem);line-height:1.02;letter-spacing:-.055em;font-weight:720!important;margin:16px 0 14px} .hero-core-message{max-width:760px;color:var(--fmd-teal)!important;font-size:clamp(1.08rem,1.55vw,1.35rem)!important;line-height:1.42;font-weight:650!important} .hero-pricing-line{max-width:760px;color:#41534f!important;font-size:1.02rem!important;line-height:1.58;margin-top:14px} .primary-cta{background:linear-gradient(135deg,var(--fmd-warm),#df815e)!important;color:#fff!important;border-color:#bd6042!important;box-shadow:0 12px 24px rgba(200,107,74,.16)!important} .primary-cta:hover{background:linear-gradient(135deg,#b95e3f,#d97955)!important;color:#fff!important} .hero-trust-badges-v168 .badge{border-radius:999px!important;background:#fff!important;border-color:#e3ebe6!important;color:#41534f!important} .hero-trust-badges-v168 .badge:first-child{background:#fff8f4!important;border-color:#f0d0c2!important;color:#8a3e29!important} .trust-pricing-card-v168{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#fffdf9 100%)!important;border-color:#e4ece8!important;padding:24px!important;box-shadow:0 16px 44px rgba(18,63,57,.075)!important} .trust-pricing-card-v168::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--fmd-teal),#6ea386,var(--fmd-warm));opacity:.95} .trust-pricing-card-v168 h2{color:var(--fmd-teal);font-weight:680!important;margin-top:12px} .trust-price-list-v168{display:grid;gap:10px;margin:18px 0 18px} .trust-price-list-v168 div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid #e5ece8;border-radius:15px;background:#fff} .trust-price-list-v168 strong{color:#293936!important;font-weight:620!important} .trust-price-list-v168 span{color:var(--fmd-teal);font-weight:720!important;text-align:right} .mini-process-v168{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:var(--fmd-teal-soft);border:1px solid #d7e8df;border-radius:16px;padding:12px 13px;margin:12px 0;color:var(--fmd-teal)} .mini-process-v168 span{font-weight:680}.mini-process-v168 b{color:#7b918b;font-weight:500!important} .professional-route-section-v168 .center{max-width:860px} .route-cards-v168{align-items:stretch}.route-card-v168{background:#fff!important;border-color:#e4ece8!important;box-shadow:0 10px 28px rgba(18,63,57,.04)!important} .route-step-v168{width:38px;height:38px;border-radius:999px;display:inline-grid;place-items:center;background:var(--fmd-teal-soft);border:1px solid #d5e8df;color:var(--fmd-teal);font-weight:750;margin-bottom:12px} .route-card-v168 h3{color:#20322e;font-weight:650!important}.route-card-v168 p{color:#5e6c68!important} /* Remove the old moving globe/circle effects and keep the site serious/professional. */ .promo-video-card::before,.gentle-pulse-card::after{content:none!important;display:none!important;animation:none!important} .silent-step{animation:none!important;transform:none!important} .visual-guide-card,.promo-video-card{overflow:visible!important} .ai-safety-polish .eyebrow{color:#536b65!important;border-color:#e3ebe6!important;background:#fff!important} @media(max-width:920px){.hero-polish-v168{grid-template-columns:1fr}.trust-pricing-card-v168{max-width:none}.hero-polish-v168 h1{font-size:clamp(2rem,9vw,3.1rem)}} @media(max-width:560px){.hero-polish-v168{gap:20px;padding-top:28px}.trust-price-list-v168 div{display:grid;gap:4px}.trust-price-list-v168 span{text-align:left}.mini-process-v168{gap:6px}.hero-actions-v168 .button{width:100%}} /* V16.9 — Homepage marketing, trust and layout polish */ body{background:#ffffff!important;} .site-header{background:rgba(255,255,255,.98)!important;} .hero-polish-v168{padding-top:46px;padding-bottom:54px;} .trust-pricing-card-v168{background:#ffffff!important;} .trust-price-list-v168 .commission-zero-row{border-color:#f0d0c2!important;background:#fffaf7!important;} .trust-price-list-v168 .commission-zero-row strong{font-weight:780!important;color:#172522!important;} .trust-price-list-v168 .commission-zero-row span{font-weight:850!important;color:#9b3e25!important;font-size:1.08rem;} .details-first-section,.professional-route-section-v168,#properties,.listing-hub,.safety-final-polish{background:#fff!important;} .details-first-section .center,.professional-route-section-v168 .center,#properties .center,.listing-hub .center,.safety-final-polish .center{max-width:860px;} .details-first-section .card,.route-card-v168,.listing-choice,.safety-simple-card{background:#fff!important;border-color:#e4ece8!important;box-shadow:0 10px 26px rgba(18,63,57,.035)!important;} .details-first-section{padding-top:44px;} .professional-route-section-v168{padding-top:38px;} #properties{padding-top:50px;} .listing-hub{padding-top:50px;} .safety-final-polish{padding-top:48px;padding-bottom:58px;} .safety-card-grid{align-items:stretch;} .safety-simple-card h3{color:#20322e!important;font-weight:660!important;} .safety-simple-card p{color:#5f6e69!important;} .listing-choice .primary-cta{display:inline-flex;margin-top:14px;} .listing-choice .button.soft{margin-top:14px;} .footer{background:#ffffff!important;border-top:1px solid #edf3f0;} @media(max-width:760px){ .details-first-section,.professional-route-section-v168,#properties,.listing-hub,.safety-final-polish{padding-top:34px;padding-bottom:34px;} .safety-card-grid{grid-template-columns:1fr!important;} } /* V16.11 — Connected Journey & Browse Section Polish */ .feature-flow-section-v1611{position:relative;padding-top:50px!important;padding-bottom:48px!important;} .feature-flow-section-v1611 .center p{max-width:720px;margin-left:auto;margin-right:auto;} .feature-flow-grid-v1611{position:relative;align-items:stretch;isolation:isolate;} .feature-flow-grid-v1611::before{content:"";position:absolute;left:12%;right:12%;top:54px;height:3px;background:linear-gradient(90deg,rgba(200,107,74,.28),rgba(18,63,57,.26),rgba(31,91,67,.28));border-radius:999px;z-index:-1;} .feature-flow-card-v1611{position:relative;overflow:hidden;padding:24px!important;border-radius:24px!important;min-height:220px;} .feature-flow-card-v1611::after{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,rgba(200,107,74,.9),rgba(18,63,57,.75));opacity:.75;} .strong-icon-v1611{width:68px!important;height:68px!important;border-radius:22px!important;font-size:1.35rem!important;font-weight:950!important;border-width:2px!important;box-shadow:0 14px 28px rgba(18,63,57,.10)!important;margin-bottom:16px;position:relative;z-index:2;} .benefit-icon.info.strong-icon-v1611{background:#fff3e9!important;color:#9b3e25!important;border-color:#e6b49d!important;} .benefit-icon.connect.strong-icon-v1611{background:#eef8ff!important;color:#155a7b!important;border-color:#aed6ec!important;font-size:1.55rem!important;} .benefit-icon.secure.strong-icon-v1611{background:#ebf8ef!important;color:#145b40!important;border-color:#b9e1c8!important;font-size:1.55rem!important;} .feature-flow-card-v1611 h3{font-weight:760!important;color:#1b2f2a!important;margin-top:2px;} .feature-flow-card-v1611 p{color:#5b6b66!important;line-height:1.55;} .connected-journey-section-v1611{position:relative;padding-top:50px!important;padding-bottom:56px!important;background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)!important;} .journey-track-v1611{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative;isolation:isolate;} .journey-track-v1611::before{content:"";position:absolute;left:9%;right:9%;top:48px;height:4px;background:linear-gradient(90deg,#d6e7df,#f0d0c2,#d6e7df);border-radius:999px;z-index:-1;} .journey-card-v1611{position:relative;border-radius:24px!important;min-height:230px;padding:22px!important;background:#fff!important;} .journey-card-v1611:not(:last-child)::after{content:"→";position:absolute;right:-15px;top:42px;width:28px;height:28px;border-radius:999px;background:#fff;border:1px solid #e3ebe6;color:#9b523c;display:grid;place-items:center;font-weight:950;box-shadow:0 8px 16px rgba(18,63,57,.06);z-index:4;} .route-step-v1611{width:82px!important;height:54px!important;border-radius:18px!important;display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#fffaf7!important;border:2px solid #f0d0c2!important;color:#8a3e29!important;box-shadow:0 12px 22px rgba(200,107,74,.10)!important;margin-bottom:16px!important;} .route-step-v1611 b{font-size:1.05rem;line-height:1;font-weight:950;letter-spacing:.02em;} .route-step-v1611 small{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:#4b5f59;} .journey-card-v1611 h3{font-weight:760!important;color:#1c302b!important;} .journey-card-v1611 p{line-height:1.55;} .comparison-section-v1611{padding-top:52px!important;padding-bottom:52px!important;background:#fff!important;} .comparison-grid-v1611{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;} .comparison-card-v1611{border-radius:26px!important;padding:26px!important;min-height:260px;} .comparison-card-v1611 h3{font-size:1.45rem;letter-spacing:-.03em;margin:12px 0;color:#1d302c;} .comparison-card-v1611 ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px;} .comparison-card-v1611 li{position:relative;padding-left:28px;color:#54645f;line-height:1.5;font-weight:620;} .comparison-card-v1611 li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:999px;background:#b8c8c0;} .direct-route-card-v1611{background:linear-gradient(180deg,#ffffff,#f7fbf8)!important;border-color:#cfe6d8!important;box-shadow:0 18px 42px rgba(18,63,57,.08)!important;} .direct-route-card-v1611 li::before{background:#c86b4a;box-shadow:0 0 0 4px rgba(200,107,74,.13);} .direct-route-card-v1611 strong{color:#9b3e25;} .muted-route-v1611{background:#fbfcfb!important;} .move-story-section-v1611{padding-top:22px!important;padding-bottom:38px!important;} .move-story-card-v1611{max-width:1000px;margin:auto;border:1px solid #e4ece8;border-radius:30px;padding:34px 36px;background:linear-gradient(135deg,#fffdf9 0%,#f4fbf6 100%);box-shadow:0 18px 44px rgba(18,63,57,.06);} .move-story-card-v1611 h2{max-width:820px;color:#142b26;letter-spacing:-.045em;} .move-story-card-v1611 p{max-width:760px;color:#53645f;font-size:1.03rem;line-height:1.58;} .properties-preview-section-v1611{padding-top:50px!important;padding-bottom:48px!important;background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)!important;} .listing-preview-banner-v1611{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:16px 18px;border:1px solid #e2ece8;border-radius:20px;background:#fff;box-shadow:0 10px 24px rgba(18,63,57,.04);} .listing-preview-banner-v1611 strong{display:block;color:#1f342f;font-weight:780;} .listing-preview-banner-v1611 span{display:block;color:#62726e;font-size:.92rem;margin-top:3px;} .properties-preview-section-v1611 .property-grid.preview-limited-v1611{position:relative;} .properties-preview-section-v1611 .property{box-shadow:0 12px 30px rgba(18,63,57,.05)!important;border-color:#e2ece8!important;} .properties-preview-section-v1611 .property h3{font-weight:760!important;line-height:1.25;} .properties-preview-section-v1611 .property-ref{font-size:.82rem;color:#445854!important;} .properties-preview-section-v1611 .listing-meta{color:#214a3d!important;font-weight:720;} .properties-preview-section-v1611 .photo{height:132px;} .properties-preview-section-v1611 .photo.has-image img{width:100%;height:100%;object-fit:cover;display:block;} @media(max-width:1040px){.journey-track-v1611{grid-template-columns:repeat(2,1fr)}.journey-track-v1611::before{display:none}.journey-card-v1611:not(:last-child)::after{display:none}.comparison-grid-v1611{grid-template-columns:1fr}.feature-flow-grid-v1611::before{left:10%;right:10%;}} @media(max-width:760px){.feature-flow-grid-v1611{gap:14px}.feature-flow-grid-v1611::before{left:47px;right:auto;top:70px;bottom:70px;width:3px;height:auto;background:linear-gradient(180deg,rgba(200,107,74,.28),rgba(18,63,57,.25),rgba(31,91,67,.28));}.feature-flow-card-v1611{min-height:0;padding:20px!important}.strong-icon-v1611{width:58px!important;height:58px!important;border-radius:19px!important}.journey-track-v1611{grid-template-columns:1fr}.journey-card-v1611{min-height:0;padding:20px!important}.route-step-v1611{width:76px!important;height:50px!important}.listing-preview-banner-v1611{display:grid}.listing-preview-banner-v1611 .button{width:100%}.move-story-card-v1611{border-radius:24px;padding:26px 22px}.properties-preview-section-v1611 .photo{height:118px}.comparison-card-v1611{padding:22px!important}} /* V16.11.2 — Compact Journey, Direct-Connection Icons & Mobile Density Polish */ .section{padding-top:24px;padding-bottom:24px} .center{margin-bottom:18px} .compact-section-heading-v1612{margin-bottom:16px!important} .hero-polish-v168{padding-top:28px!important;padding-bottom:24px!important;gap:24px!important;align-items:start!important} .hero-pricing-line{margin-bottom:0!important} .hero-trust-badges-v168{margin-top:14px!important} .trust-pricing-card-v168{padding:18px!important} .trust-price-list-v168{gap:8px!important;margin:14px 0!important} .trust-price-list-v168 div{padding:10px 12px!important} .mini-process-v168{padding:10px 12px!important;margin:10px 0 8px!important} .details-first-section,.feature-flow-section-v1611{padding-top:22px!important;padding-bottom:20px!important} .feature-flow-grid-v1611{gap:12px!important} .feature-flow-grid-v1611::before{top:50px!important;left:11%!important;right:11%!important} .compact-card-v1612{padding:18px!important;min-height:0!important} .strong-icon-v1612{width:76px!important;height:76px!important;border-radius:22px!important;margin-bottom:14px!important;display:grid!important;place-items:center!important;text-align:center!important;line-height:1!important} .strong-icon-text-v1612 b{display:block;font-size:1.55rem;line-height:1} .strong-icon-text-v1612 small{display:block;margin-top:4px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase} .direct-link-icon-v1612{width:100%!important;max-width:230px;height:auto!important;min-height:76px!important;padding:12px 14px!important;border-radius:20px!important;background:#ebf8ef!important;border:2px solid #b9e1c8!important;color:#145b40!important;box-shadow:0 14px 28px rgba(20,91,64,.08)!important;align-items:center!important;justify-items:center!important} .role-link-v1612{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;color:#1d4f3d;width:100%} .role-link-v1612 span{font-size:.95rem;line-height:1.1} .role-link-v1612 b{font-size:2.15rem;line-height:1;color:#1f8f5f;font-weight:950;letter-spacing:-.05em;text-shadow:0 3px 10px rgba(31,143,95,.15)} .direct-link-icon-v1612 small{display:block;margin-top:4px;font-size:.69rem;letter-spacing:.08em;text-transform:none;color:#4e6b62;text-align:center} .connected-journey-section-v1611{padding-top:22px!important;padding-bottom:24px!important} .connected-journey-section-v1611 .center{margin-bottom:16px!important} .journey-track-v1611{gap:12px!important} .journey-track-v1611::before{top:42px!important;height:3px!important} .journey-card-v1611{min-height:0!important;padding:18px!important;border-radius:22px!important} .journey-card-v1611 h3{margin-bottom:8px!important} .journey-card-v1611 p{margin:0!important} .route-step-v1611{width:78px!important;height:50px!important;border-radius:16px!important;margin-bottom:12px!important} .journey-card-v1611:not(:last-child)::after{top:36px!important;right:-13px!important} .comparison-section-v1611{padding-top:22px!important;padding-bottom:24px!important} .comparison-section-v1611 .center{margin-bottom:16px!important} .comparison-grid-v1611{gap:14px!important} .comparison-card-v1611{padding:20px!important;min-height:0!important;border-radius:22px!important} .listing-hub{padding-top:24px!important;padding-bottom:20px!important} .listing-hub .center{margin-bottom:14px!important} .listing-choice-grid{gap:14px!important;margin-bottom:16px!important} .listing-choice{padding:18px!important} .listing-choice h3{margin-bottom:8px!important} .move-story-section-v1611{padding-top:14px!important;padding-bottom:16px!important} .move-story-card-v1611{padding:24px 26px!important;border-radius:24px!important;box-shadow:0 12px 26px rgba(18,63,57,.04)!important} .move-story-card-v1611 p{margin-bottom:0!important} .properties-preview-section-v1611,#properties{padding-top:22px!important;padding-bottom:24px!important} .properties-preview-section-v1611 .center{margin-bottom:14px!important} .listing-preview-banner-v1611{padding:14px 16px!important;margin-bottom:12px!important} .property-toolbar{gap:8px!important;margin-bottom:12px!important} .properties-preview-section-v1611 .photo{height:118px!important} .properties-preview-section-v1611 .property-body{padding:16px!important;gap:8px!important} .safety-final-polish{padding-top:22px!important;padding-bottom:26px!important} .safety-final-polish .center{margin-bottom:16px!important} .safety-card-grid{gap:14px!important} .safety-simple-card{padding:18px!important} .safety-icon-v1612{width:50px!important;height:50px!important;border-radius:16px!important;font-size:1.4rem!important;font-weight:900!important;margin-bottom:12px!important} .safety-arrow-v1612{background:#ebf8ef!important;border-color:#b9e1c8!important;color:#1f8f5f!important;font-size:1.7rem!important} .footer{padding-top:22px!important;padding-bottom:22px!important} @media(max-width:1040px){ .hero-polish-v168{gap:20px!important} .feature-flow-grid-v1611::before,.journey-track-v1611::before{display:none!important} } @media(max-width:760px){ .section{padding-top:20px!important;padding-bottom:20px!important} .hero-polish-v168{padding-top:20px!important;padding-bottom:18px!important;gap:18px!important} .feature-flow-section-v1611,.connected-journey-section-v1611,.comparison-section-v1611,.listing-hub,.properties-preview-section-v1611,.safety-final-polish{padding-top:18px!important;padding-bottom:20px!important} .compact-card-v1612,.journey-card-v1611,.comparison-card-v1611,.listing-choice,.safety-simple-card{padding:16px!important} .direct-link-icon-v1612{max-width:none!important;min-height:72px!important;padding:11px 12px!important} .role-link-v1612{gap:8px!important} .role-link-v1612 span{font-size:.9rem!important} .role-link-v1612 b{font-size:2rem!important} .strong-icon-v1612{width:72px!important;height:72px!important} .move-story-card-v1611{padding:20px 18px!important} .properties-preview-section-v1611 .photo{height:106px!important} .listing-preview-banner-v1611{padding:12px 14px!important} } /* V16.11.3 — Hero Scale & Equal Direct Route Icon Polish */ .hero-polish-v168 h1{font-size:clamp(1.95rem,3.45vw,3.45rem)!important;line-height:1.055!important;letter-spacing:-.05em!important;max-width:650px!important;} @media(max-width:920px){.hero-polish-v168 h1{font-size:clamp(1.85rem,7.8vw,2.75rem)!important;}} @media(max-width:560px){.hero-polish-v168 h1{font-size:clamp(1.78rem,8.2vw,2.58rem)!important;line-height:1.08!important;}} .direct-link-icon-v1613{max-width:260px!important;min-height:88px!important;padding:11px 14px!important;background:#ecfbf2!important;border-color:#a7dfbd!important;} .role-routes-v1613{display:grid;gap:6px;width:100%;} .role-routes-v1613 .role-link-v1612{gap:9px!important;justify-content:space-between!important;padding:0 4px!important;} .role-routes-v1613 .role-link-v1612 span{font-size:.88rem!important;font-weight:850!important;color:#173f32!important;min-width:66px;text-align:center;} .role-routes-v1613 .role-link-v1612 b{font-size:2.05rem!important;color:#159c61!important;font-weight:1000!important;line-height:.86!important;text-shadow:0 4px 12px rgba(21,156,97,.22)!important;} @media(max-width:760px){.direct-link-icon-v1613{max-width:none!important;min-height:84px!important;}.role-routes-v1613 .role-link-v1612 span{font-size:.86rem!important;min-width:62px}.role-routes-v1613 .role-link-v1612 b{font-size:2rem!important;}} /* V16.11.4 — Purple Brand Refresh, Smaller Hero & White Background */ :root{ --fmd-purple:#6c55e0; --fmd-purple-deep:#5338c8; --fmd-purple-soft:#f5f1ff; --fmd-purple-soft-2:#eee8ff; --fmd-purple-line:#ddd3ff; } body{background:#ffffff!important;color:#181925!important;} .site-header{background:rgba(255,255,255,.98)!important;border-bottom-color:#ece8f8!important;} .footer{background:#ffffff!important;border-top-color:#ece8f8!important;} .site-header .brand strong{color:var(--fmd-purple-deep)!important;} .site-header .brand small{color:#8a79d8!important;} .brand-logo-mark{filter:drop-shadow(0 6px 12px rgba(92,66,214,.10))!important;} .hero-polish-v168 h1{font-size:clamp(1.78rem,3.05vw,2.92rem)!important;line-height:1.06!important;max-width:590px!important;letter-spacing:-.048em!important;} @media(max-width:920px){.hero-polish-v168 h1{font-size:clamp(1.76rem,7vw,2.46rem)!important;}} @media(max-width:560px){.hero-polish-v168 h1{font-size:clamp(1.64rem,7.2vw,2.18rem)!important;line-height:1.09!important;}} .hero-core-message{color:#2a2a3d!important;} .hero-pricing-line{color:#545265!important;} .eyebrow{border-color:#e7e1fb!important;color:#705fd0!important;background:#ffffff!important;} .primary-cta{background:linear-gradient(135deg,var(--fmd-purple),#856bf0)!important;border-color:#6249d8!important;box-shadow:0 12px 26px rgba(108,85,224,.18)!important;color:#fff!important;} .primary-cta:hover{background:linear-gradient(135deg,#5a42cf,#7a63eb)!important;color:#fff!important;} .button.soft{background:#ffffff!important;border-color:#e6e1f6!important;} .button:hover{border-color:#cfc4f3!important;box-shadow:0 8px 20px rgba(108,85,224,.08)!important;} .button:focus{outline-color:rgba(108,85,224,.18)!important;} .hero-trust-badges-v168 .badge,.badge,.tags span,.pill{border-color:#e7e1fb!important;} .hero-trust-badges-v168 .badge:first-child,.property-ref{background:#f6f2ff!important;border-color:#d9cef9!important;color:#5a43ca!important;} .trust-pricing-card-v168{background:#ffffff!important;border-color:#e8e2fb!important;box-shadow:0 18px 44px rgba(108,85,224,.08)!important;} .trust-pricing-card-v168::before{background:linear-gradient(90deg,#5c42d6,#8b78eb,#b59cff)!important;} .trust-pricing-card-v168 h2,.trust-price-list-v168 span{color:#2f2752!important;} .trust-price-list-v168 div{border-color:#ece6fc!important;} .trust-price-list-v168 .commission-zero-row{border-color:#d8cff9!important;background:#f7f3ff!important;} .trust-price-list-v168 .commission-zero-row span{color:#5c42d6!important;} .mini-process-v168{background:#f6f2ff!important;border-color:#d9cef9!important;color:#4e3dbb!important;} .mini-process-v168 b{color:#8d84b6!important;} .feature-flow-grid-v1611::before{background:linear-gradient(90deg,rgba(108,85,224,.22),rgba(108,85,224,.34),rgba(108,85,224,.22))!important;} .feature-flow-card-v1611::after{background:linear-gradient(90deg,#785ff0,#5c42d6)!important;} .benefit-icon.info.strong-icon-v1611,.benefit-icon.secure.strong-icon-v1611,.direct-link-icon-v1612,.direct-link-icon-v1613,.safety-arrow-v1612{background:#f5f1ff!important;border-color:#d4c9fb!important;color:#5c42d6!important;box-shadow:0 14px 28px rgba(108,85,224,.10)!important;} .benefit-icon.connect.strong-icon-v1611{background:#f8f4ff!important;border-color:#d9cef9!important;color:#6048d8!important;} .strong-icon-v1611,.safety-icon-v1612{box-shadow:0 12px 24px rgba(108,85,224,.10)!important;} .role-link-v1612,.role-routes-v1613 .role-link-v1612 span{color:#362b67!important;} .role-link-v1612 b,.role-routes-v1613 .role-link-v1612 b{color:#6c55e0!important;text-shadow:0 4px 12px rgba(108,85,224,.18)!important;} .connected-journey-section-v1611,.properties-preview-section-v1611,.details-first-section,.professional-route-section-v168,.comparison-section-v1611,.listing-hub,.safety-final-polish,.move-story-section-v1611{background:#ffffff!important;} .journey-track-v1611::before{background:linear-gradient(90deg,#e1d9fb,#b9aaf8,#e1d9fb)!important;} .journey-card-v1611:not(:last-child)::after{border-color:#e5def8!important;color:#6c55e0!important;box-shadow:0 8px 16px rgba(108,85,224,.08)!important;} .route-step-v1611{background:#f7f3ff!important;border-color:#d7cdf9!important;color:#5b43ca!important;box-shadow:0 12px 22px rgba(108,85,224,.10)!important;} .direct-route-card-v1611{background:linear-gradient(180deg,#ffffff,#f8f5ff)!important;border-color:#ddd3ff!important;box-shadow:0 18px 42px rgba(108,85,224,.09)!important;} .direct-route-card-v1611 li::before{background:#6c55e0!important;box-shadow:0 0 0 4px rgba(108,85,224,.12)!important;} .direct-route-card-v1611 strong{color:#5338c8!important;} .comparison-card-v1611 li::before{background:#c8bedf!important;} .move-story-card-v1611{background:#ffffff!important;border-color:#e9e3fa!important;box-shadow:0 16px 36px rgba(108,85,224,.07)!important;} .listing-preview-banner-v1611,.properties-preview-section-v1611 .property,.details-first-section .card,.route-card-v168,.listing-choice,.safety-simple-card,.panel,.card,.form-section,.record,.metric,.notice,.upload-panel{border-color:#ebe5fa!important;box-shadow:0 10px 24px rgba(108,85,224,.05)!important;} .property-toolbar input,.property-toolbar select,.form input,.form select,.form textarea{border-color:#ddd5f7!important;background:#fff!important;} .property-toolbar input:focus,.property-toolbar select:focus,.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:#a894f0!important;box-shadow:0 0 0 3px rgba(108,85,224,.10)!important;} #searchInput{padding-left:40px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236c55e0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:13px center!important;background-size:18px 18px!important;border-color:#cfc2f6!important;box-shadow:inset 0 0 0 1px rgba(108,85,224,.03)!important;} .lockbox,.status.warn,.notice,.checkrow,.mini-note{background:#faf8ff!important;border-color:#e1d7fb!important;color:#4e4865!important;} .safety-icon-v1612,.benefit-icon.info.strong-icon-v1611,.benefit-icon.secure.strong-icon-v1611{color:#5c42d6!important;} .photo{background:linear-gradient(135deg,#f7f3ff,#ffffff)!important;color:#6e60a6!important;} @media(max-width:760px){.feature-flow-grid-v1611::before{background:linear-gradient(180deg,rgba(108,85,224,.20),rgba(108,85,224,.32),rgba(108,85,224,.20))!important;}} /* V16.11.5 — Simple 60-second public journey animation */ .journey-explainer-section-v16115{ padding-top:16px!important; padding-bottom:16px!important; background:#ffffff!important; } .journey-explainer-card-v16115{ display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,460px); gap:18px; align-items:center; border:1px solid #e7e1fb; border-radius:24px; background:#ffffff; box-shadow:0 12px 30px rgba(108,85,224,.06); padding:20px; } .journey-explainer-copy-v16115 h2{ margin:12px 0 10px; max-width:620px; } .journey-explainer-copy-v16115 p{ margin:0; color:#59566b; max-width:720px; } .journey-video-details-v16115{ border:1px solid #ddd3ff; background:linear-gradient(135deg,#ffffff,#f8f5ff); border-radius:22px; overflow:hidden; box-shadow:0 10px 24px rgba(108,85,224,.07); } .journey-video-details-v16115 summary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:14px; padding:16px; color:#2b2549; } .journey-video-details-v16115 summary::-webkit-details-marker{display:none} .video-play-v16115{ flex:0 0 auto; width:48px; height:48px; border-radius:18px; display:grid; place-items:center; background:linear-gradient(135deg,#6c55e0,#856bf0); color:#ffffff; box-shadow:0 10px 20px rgba(108,85,224,.20); font-weight:950; } .journey-video-details-v16115 summary strong{ display:block; line-height:1.18; font-weight:850; } .journey-video-details-v16115 summary small{ display:block; margin-top:4px; color:#6a647d; line-height:1.35; } .journey-video-details-v16115 video{ display:block; width:100%; aspect-ratio:16/9; background:#ffffff; border-top:1px solid #e7e1fb; } @media(max-width:860px){ .journey-explainer-card-v16115{grid-template-columns:1fr;padding:18px} } @media(max-width:560px){ .journey-explainer-section-v16115{padding-top:12px!important;padding-bottom:14px!important} .journey-explainer-card-v16115{border-radius:22px;padding:16px;gap:14px} .journey-explainer-copy-v16115 h2{font-size:1.42rem!important} .journey-video-details-v16115 summary{padding:14px} .video-play-v16115{width:42px;height:42px;border-radius:15px} } /* V16.11.6 — Guided explainer with soft music, video-left layout, and purple favicon */ .journey-explainer-section-v16116{padding-top:16px!important;padding-bottom:18px!important;background:#fff!important;} .journey-explainer-card-v16116{ grid-template-columns:minmax(360px,520px) minmax(0,1fr)!important; align-items:center!important; gap:22px!important; } .journey-video-panel-v16116{ border:1px solid #ddd3ff; background:linear-gradient(135deg,#ffffff,#f8f5ff); border-radius:22px; overflow:hidden; box-shadow:0 12px 30px rgba(108,85,224,.08); } .journey-video-panel-v16116 video{ display:block; width:100%; aspect-ratio:16/9; background:#ffffff; } .journey-explainer-copy-v16116 h2{margin:12px 0 10px;} .journey-explainer-copy-v16116 p{color:#59566b;} .guide-steps-v16116{ display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; } .guide-steps-v16116 span{ border:1px solid #ddd3ff; background:#fff; color:#5c42d6; border-radius:999px; padding:7px 10px; font-size:.86rem; font-weight:780; } .guide-note-v16116{ font-size:.92rem!important; color:#6a647d!important; margin:10px 0 0!important; } @media(max-width:860px){ .journey-explainer-card-v16116{grid-template-columns:1fr!important;} .journey-video-panel-v16116{order:1;} .journey-explainer-copy-v16116{order:2;} } @media(max-width:560px){ .journey-explainer-card-v16116{gap:14px!important;} .guide-steps-v16116{gap:7px;} .guide-steps-v16116 span{font-size:.8rem;padding:6px 9px;} } /* V16.11.7 — Continuous soft music and arrow-linked public guide steps */ .guide-steps-v16117{ display:flex; flex-wrap:wrap; gap:10px 18px!important; align-items:center; } .guide-steps-v16117 span{ position:relative; border-color:#d8cdfa!important; background:#fff!important; box-shadow:0 8px 18px rgba(108,85,224,.05); } .guide-steps-v16117 span:not(:last-child)::after{ content:"→"; position:absolute; right:-17px; top:50%; transform:translateY(-52%); color:#6c55e0; font-weight:950; font-size:1rem; } .guide-note-v16116{ border-left:3px solid #d8cdfa; padding-left:12px; } @media(max-width:560px){ .guide-steps-v16117{gap:8px 16px!important;} .guide-steps-v16117 span:not(:last-child)::after{right:-15px;font-size:.9rem;} } /* V16.11.8 — compatible MP4 re-encode and video source cache-bust */ .journey-video-panel-v16116 video a{color:#6c55e0;font-weight:800} /* V16.11.11 — Final hero typography polish */ .hero-polish-v168 h1{ font-family: Arial, Helvetica, sans-serif!important; font-size:clamp(1.66rem,2.75vw,2.65rem)!important; line-height:1.075!important; letter-spacing:-.035em!important; max-width:560px!important; font-weight:760!important; } @media(max-width:560px){ .hero-polish-v168 h1{ font-size:clamp(1.52rem,6.65vw,2.02rem)!important; line-height:1.1!important; max-width:96%!important; } } /* V16.11.12 — Benefit card wording and centre alignment polish */ .feature-flow-grid-v1611 .feature-flow-card-v1611:first-child, .feature-flow-grid-v1611 .feature-flow-card-v1611:last-child{ text-align:center!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; } .feature-flow-grid-v1611 .feature-flow-card-v1611:first-child .benefit-icon, .feature-flow-grid-v1611 .feature-flow-card-v1611:last-child .benefit-icon{ margin:2px auto 14px!important; } .feature-flow-grid-v1611 .feature-flow-card-v1611:first-child h3, .feature-flow-grid-v1611 .feature-flow-card-v1611:last-child h3{ margin-left:auto!important; margin-right:auto!important; } .feature-flow-grid-v1611 .feature-flow-card-v1611:first-child p, .feature-flow-grid-v1611 .feature-flow-card-v1611:last-child p{ max-width:330px!important; margin-left:auto!important; margin-right:auto!important; } .feature-flow-grid-v1611 .feature-flow-card-v1611:first-child .strong-icon-text-v1612{ width:92px!important; height:74px!important; border-radius:20px!important; } .feature-flow-grid-v1611 .feature-flow-card-v1611:first-child .strong-icon-text-v1612 b{ font-size:1.5rem!important; } .feature-flow-grid-v1611 .feature-flow-card-v1611:first-child .strong-icon-text-v1612 small{ font-size:.58rem!important; letter-spacing:.12em!important; line-height:1.1!important; max-width:76px!important; } @media(max-width:760px){ .feature-flow-grid-v1611 .feature-flow-card-v1611:first-child, .feature-flow-grid-v1611 .feature-flow-card-v1611:last-child{ text-align:left!important; align-items:flex-start!important; } .feature-flow-grid-v1611 .feature-flow-card-v1611:first-child .benefit-icon, .feature-flow-grid-v1611 .feature-flow-card-v1611:last-child .benefit-icon{ margin:0 0 12px!important; } .feature-flow-grid-v1611 .feature-flow-card-v1611:first-child p, .feature-flow-grid-v1611 .feature-flow-card-v1611:last-child p{ margin-left:0!important; margin-right:0!important; } } /* V16.11.14 — Proper guide video, black media edge, and property video upload foundation */ .journey-video-panel-v16116{ background:#05050b!important; border-color:#11111a!important; padding:8px!important; box-shadow:0 14px 34px rgba(8,8,16,.18)!important; } .journey-video-panel-v16116 video{ background:#000!important; border-radius:15px!important; overflow:hidden!important; } .guide-steps-v16117 span{ white-space:nowrap; } .property-video-input{ border-color:#d8cdfa!important; } .upload-panel label:has(.property-video-input){ background:linear-gradient(180deg,#ffffff,#f8f5ff); border:1px solid #ddd3ff; border-radius:16px; padding:12px; } .listing-video-strip{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:8px 0 0; padding:9px 12px; border:1px solid #d8cdfa; background:#f7f3ff; border-radius:16px; color:#4d36c8; } .listing-video-strip small{ color:#6a647d; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .listing-video-pill{ display:inline-flex; align-items:center; gap:6px; font-weight:900; color:#4d36c8; white-space:nowrap; } @media(max-width:640px){ .listing-video-strip{ align-items:flex-start; flex-direction:column; } .listing-video-strip small{ white-space:normal; } .guide-steps-v16117 span{ white-space:normal; } } /* V16.11.15 — Public-only guide wording and clearer property-video upload block */ .property-video-feature{ margin:14px 0 16px!important; padding:16px!important; border:2px solid #8b6ff2!important; border-radius:20px!important; background:linear-gradient(180deg,#ffffff,#f6f2ff)!important; box-shadow:0 12px 26px rgba(90,68,190,.10)!important; } .property-video-feature label{ display:block!important; margin:0!important; } .video-upload-title{ display:flex!important; align-items:center!important; gap:8px!important; margin:0 0 8px!important; color:#4d36c8!important; font-size:1.08rem!important; font-weight:950!important; letter-spacing:-.01em!important; } .video-upload-title::before{ content:"▶"; display:inline-grid; place-items:center; width:30px; height:30px; border-radius:999px; background:#6c55e0; color:#fff; font-size:.78rem; } .property-video-feature .property-video-input{ margin-top:12px!important; width:100%!important; padding:12px!important; border:1.8px dashed #8b6ff2!important; border-radius:16px!important; background:#fff!important; } .upload-panel .grid.two label:has(input[name="propertyVideoNote"]){ border:1px solid #ddd3ff!important; background:#fbf9ff!important; border-radius:16px!important; padding:12px!important; } .journey-video-panel-v16116{ background:#05050b!important; border-color:#05050b!important; } @media(max-width:700px){ .property-video-feature{ padding:14px!important; } .video-upload-title{ font-size:1rem!important; } } /* V16.11.16 — Corrective video playback, lighter guide copy, compact upload, account return */ .guide-steps-v16116-light{ display:grid!important; gap:8px!important; margin-top:14px!important; } .guide-steps-v16116-light span{ display:block!important; width:100%!important; padding:9px 12px!important; border:1px solid #ddd3ff!important; border-radius:14px!important; background:#fff!important; color:#4d36c8!important; font-size:.92rem!important; font-weight:780!important; line-height:1.35!important; box-shadow:none!important; } .journey-explainer-copy-v16116 h2{ font-size:clamp(1.45rem,2.15vw,2.15rem)!important; line-height:1.12!important; } .journey-explainer-copy-v16116 p{ font-size:.98rem!important; line-height:1.55!important; } .journey-video-panel-v16116 video{ width:100%!important; aspect-ratio:16/9!important; object-fit:cover!important; } .property-video-feature{ margin:10px 0 12px!important; padding:12px!important; border:1.6px solid #8b6ff2!important; border-radius:16px!important; box-shadow:0 8px 18px rgba(90,68,190,.08)!important; } .video-upload-title{ margin-bottom:5px!important; font-size:1rem!important; } .video-upload-title::before{ width:24px!important; height:24px!important; font-size:.66rem!important; } .property-video-feature .helper{ font-size:.86rem!important; line-height:1.35!important; } .property-video-feature .property-video-input{ margin-top:8px!important; padding:9px!important; border-radius:12px!important; } .upload-panel .grid.two label:has(input[name="propertyVideoNote"]){ padding:10px!important; } .playable-property-video{ display:block!important; margin:8px 0 0!important; padding:10px!important; border:1px solid #d8cdfa!important; background:#f7f3ff!important; border-radius:15px!important; } .listing-video-heading{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; margin-bottom:8px!important; } .listing-video-heading small{ color:#6a647d!important; font-weight:700!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .property-card-video{ display:block!important; width:100%!important; max-height:220px!important; border-radius:12px!important; background:#05050b!important; border:1px solid #141420!important; } .property-card-video:not([src]){ min-height:0!important; height:0!important; border:0!important; padding:0!important; } @media(max-width:720px){ .guide-steps-v16116-light span{ font-size:.86rem!important; padding:8px 10px!important; } .listing-video-heading{ align-items:flex-start!important; flex-direction:column!important; } .listing-video-heading small{ white-space:normal!important; } } /* V16.11.17 — hosted Supabase property video state */ .property-card-video[data-video-hosted="true"]{ min-height:150px!important; } .listing-video-heading small::after{ content:""; } /* V16.11.26 — guide-card polish, Approve/Reject clarity, and media edit/delete controls */ .guide-copy-polish-v16118{ padding:26px!important; } .guide-copy-polish-v16118 h2{ font-size:clamp(1.55rem,2.2vw,2.15rem)!important; line-height:1.1!important; max-width:620px!important; } .guide-intro-v16118{ max-width:620px!important; color:#5d5c70!important; font-size:1rem!important; line-height:1.5!important; } .guide-route-cards-v16118{ display:grid!important; grid-template-columns:1fr!important; gap:12px!important; margin:18px 0 0!important; } .guide-route-cards-v16118 article{ position:relative!important; padding:14px 16px!important; border:1px solid #ded6ff!important; border-radius:18px!important; background:linear-gradient(180deg,#fff,#fbf9ff)!important; box-shadow:0 10px 24px rgba(90,68,190,.06)!important; } .guide-route-cards-v16118 article::before{ content:""; position:absolute; left:0; top:16px; bottom:16px; width:4px; border-radius:999px; background:#6c55e0; } .guide-route-cards-v16118 span{ display:block!important; color:#6c55e0!important; font-size:.74rem!important; font-weight:950!important; letter-spacing:.1em!important; text-transform:uppercase!important; margin:0 0 6px 6px!important; } .guide-route-cards-v16118 strong{ display:block!important; margin-left:6px!important; color:#202033!important; font-size:1.04rem!important; letter-spacing:-.01em!important; } .guide-route-cards-v16118 small{ display:block!important; margin:5px 0 0 6px!important; color:#66627b!important; font-weight:650!important; line-height:1.4!important; } .guide-route-cards-v16118 .approval-card-v16118{ border-color:#bdaeff!important; background:linear-gradient(180deg,#fbf9ff,#f5f1ff)!important; } .guide-route-cards-v16118 .approval-card-v16118::before{ background:#4f35c8!important; } .guide-steps-v16116-light, .guide-steps-v16116-light span{ box-shadow:none!important; } .guide-steps-v16116-light span::after, .guide-steps-v16117 span::after{ display:none!important; content:none!important; } .media-clear-actions-v16118{ display:flex!important; flex-wrap:wrap!important; gap:8px!important; margin:10px 0 0!important; } .media-clear-actions-v16118 .button.small, .seller-media-actions-v16118 .button.small{ min-height:34px!important; padding:8px 12px!important; border-radius:12px!important; font-size:.86rem!important; font-weight:850!important; } .seller-media-actions-v16118{ margin:12px 0!important; padding:12px!important; border:1px solid #ded6ff!important; border-radius:16px!important; background:#fbf9ff!important; } .seller-media-actions-v16118 strong{ color:#4d36c8!important; display:block!important; margin-bottom:4px!important; } .seller-media-actions-v16118 .quiet{ margin:0 0 10px!important; } .seller-media-actions-v16118 button[disabled]{ opacity:.46!important; cursor:not-allowed!important; } @media(max-width:760px){ .guide-copy-polish-v16118{ padding:20px!important; } .guide-route-cards-v16118 article{ padding:13px 14px!important; } .guide-route-cards-v16118 strong{ font-size:.98rem!important; } } /* V16.11.26 — Compact guide Route copy polish */ .journey-explainer-section-v16116{ padding-top:10px!important; padding-bottom:12px!important; } .journey-explainer-card-v16116{ gap:16px!important; padding:16px!important; align-items:center!important; } .journey-explainer-copy-v16115, .journey-explainer-copy-v16116, .guide-copy-polish-v16118{ padding:2px 0!important; } .guide-copy-polish-v16118 .eyebrow{ font-size:.72rem!important; padding:6px 11px!important; margin-bottom:8px!important; } .guide-copy-polish-v16118 h2, .journey-explainer-copy-v16116 h2{ font-size:clamp(1.22rem,1.75vw,1.72rem)!important; line-height:1.12!important; margin:4px 0 8px!important; } .guide-intro-v16118, .journey-explainer-copy-v16116 p{ font-size:.92rem!important; line-height:1.42!important; margin:0!important; } .guide-route-cards-v16118{ gap:9px!important; margin:12px 0 0!important; } .guide-route-cards-v16118 article{ padding:11px 13px!important; border-radius:16px!important; } .guide-route-cards-v16118 article::before{ top:12px!important; bottom:12px!important; width:3px!important; } .guide-route-cards-v16118 span{ font-size:.66rem!important; margin:0 0 4px 6px!important; letter-spacing:.09em!important; } .guide-route-cards-v16118 strong{ margin-left:6px!important; font-size:.94rem!important; line-height:1.28!important; } .guide-route-cards-v16118 small{ margin:4px 0 0 6px!important; font-size:.80rem!important; line-height:1.34!important; } @media(max-width:860px){ .journey-explainer-card-v16116{ gap:14px!important; padding:14px!important; } } @media(max-width:760px){ .guide-copy-polish-v16118{ padding:14px!important; } .guide-copy-polish-v16118 h2, .journey-explainer-copy-v16116 h2{ font-size:1.22rem!important; } .guide-intro-v16118, .journey-explainer-copy-v16116 p{ font-size:.88rem!important; } .guide-route-cards-v16118 article{ padding:10px 12px!important; } .guide-route-cards-v16118 strong{ font-size:.90rem!important; } .guide-route-cards-v16118 small{ font-size:.78rem!important; } } /* V16.11.26 — Per-upload bin/delete buttons */ .media-clear-actions-v16118{ display:none!important; } .upload-input-row-v16121{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:8px!important; width:100%!important; margin-top:8px!important; } .upload-input-row-v16121 input[type="file"]{ width:100%!important; min-width:0!important; margin:0!important; } .upload-bin-button-v16121{ width:38px!important; height:38px!important; display:inline-grid!important; place-items:center!important; border:1px solid #ded6ff!important; border-radius:12px!important; background:#ffffff!important; color:#5b43ca!important; font-size:1rem!important; line-height:1!important; cursor:pointer!important; box-shadow:0 6px 14px rgba(90,68,190,.07)!important; } .upload-bin-button-v16121:hover, .upload-bin-button-v16121:focus{ background:#f7f3ff!important; border-color:#8b6ff2!important; outline:none!important; } .property-video-feature .upload-input-row-v16121{ margin-top:8px!important; } @media(max-width:560px){ .upload-bin-button-v16121{ width:36px!important; height:36px!important; } } /* V16.11.26 — Bin button for Main public listing image */ .featured-image-panel .upload-input-row-v16121{ margin-top:10px!important; } .featured-image-panel .upload-bin-button-v16121{ flex:0 0 auto!important; } /* V16.11.26 — Rental Available from calendar and HEIC upload support polish */ .date-picker-input-v161124{ min-height:44px!important; } /* V16.11.26 — consistent large gallery lightbox image sizing */ .gallery-lightbox-panel img, .gallery-lightbox-image-v161126{ width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; display:block!important; margin:auto!important; } .gallery-lightbox-panel{ padding:56px 86px 70px!important; box-sizing:border-box!important; } .gallery-caption{ z-index:3!important; } .gallery-close, .gallery-nav{ z-index:4!important; } @media(max-width:680px){ .gallery-lightbox-panel{ padding:54px 52px 66px!important; } } /* V16.11.27 — stronger and larger FairMove logo mark */ .brand-with-logo{gap:10px!important;align-items:center!important} .brand-logo-mark{width:46px!important;height:46px!important;display:block!important;flex:0 0 auto!important;filter:drop-shadow(0 6px 14px rgba(92,66,214,.14))!important} .site-header .brand-logo-mark{width:50px!important;height:50px!important} @media(max-width:980px){.site-header .brand-logo-mark{width:46px!important;height:46px!important}} @media(max-width:680px){.site-header .brand-logo-mark{width:44px!important;height:44px!important}.brand-with-logo{gap:9px!important}} /* V16.11.28 — premium modern logo refinement */ .brand-logo-mark{filter:drop-shadow(0 10px 18px rgba(92,66,214,.16))!important} .brand-copy .brand-title, .brand-title{letter-spacing:-0.02em!important} .brand-copy .brand-subtitle, .brand-subtitle{letter-spacing:.06em!important} /* V16.11.31 — Premium visual showcase + stronger logo + contact copy polish */ :root{ --fmd-commission-red:#d63a2f; --fmd-commission-red-soft:#fff1ef; --fmd-showcase-line:#e7e0fb; } .site-header .brand small{ color:var(--fmd-commission-red)!important; font-weight:700!important; letter-spacing:.09em!important; } .site-header .brand strong{ color:var(--fmd-purple-deep)!important; } .brand-logo-mark{ width:52px!important; height:52px!important; filter:drop-shadow(0 10px 20px rgba(92,66,214,.18))!important; } @media(max-width:980px){ .site-header .brand-logo-mark{width:48px!important;height:48px!important} } @media(max-width:680px){ .site-header .brand-logo-mark{width:44px!important;height:44px!important} } .hero-trust-badges-v168 .commission-badge-v161129{ background:var(--fmd-commission-red-soft)!important; border-color:#ffd2cd!important; color:var(--fmd-commission-red)!important; } .visual-showcase-section-v161129{ padding-top:8px; } .visual-showcase-heading-v161129{ max-width:980px; margin-bottom:24px; } .visual-showcase-heading-v161129 p{ max-width:820px; margin:0 auto; } .visual-showcase-wrap-v161129{ display:grid; grid-template-columns:minmax(0,1.28fr) minmax(280px,.82fr); gap:22px; align-items:stretch; } .visual-showcase-main-v161129, .visual-showcase-card-v161129{ padding:16px; border:1px solid var(--fmd-showcase-line); background:linear-gradient(180deg,#ffffff 0%,#faf8ff 100%); box-shadow:0 18px 44px rgba(89,72,187,.08); } .visual-showcase-image-frame-v161129{ overflow:hidden; border-radius:22px; border:1px solid #ece6ff; background:#fff; } .visual-showcase-image-frame-v161129 img, .visual-showcase-card-v161129 img{ display:block; width:100%; height:auto; } .visual-showcase-copy-v161129{ padding:18px 8px 6px; } .visual-showcase-copy-v161129 h3, .visual-showcase-card-copy-v161129 h3{ font-size:1.22rem; margin-bottom:10px; color:#2d264a; } .visual-showcase-copy-v161129 p, .visual-showcase-card-copy-v161129 p{ color:#5b5870; margin-bottom:0; } .visual-showcase-points-v161129{ display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; } .visual-showcase-points-v161129 span{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; border:1px solid #e2dafb; background:#fff; color:#4c3fc1; font-weight:700; font-size:.92rem; } .visual-showcase-side-v161129{ display:grid; grid-template-rows:1fr 1fr; gap:22px; } .visual-showcase-card-v161129{ display:flex; flex-direction:column; gap:14px; } .visual-showcase-card-v161129 img{ border-radius:20px; min-height:228px; max-height:270px; object-fit:cover; border:1px solid #ece6ff; background:#fff; } .visual-showcase-card-copy-v161129{ padding:4px 6px 4px; } .visual-showcase-card-copy-v161129 .eyebrow, .visual-showcase-copy-v161129 .eyebrow{ color:#5b47d6; background:#f6f2ff; border-color:#e3dbff; } @media(max-width:980px){ .visual-showcase-wrap-v161129{grid-template-columns:1fr} .visual-showcase-side-v161129{grid-template-columns:1fr 1fr;grid-template-rows:none} } @media(max-width:680px){ .visual-showcase-section-v161129{padding-top:0} .visual-showcase-wrap-v161129, .visual-showcase-side-v161129{grid-template-columns:1fr} .visual-showcase-main-v161129, .visual-showcase-card-v161129{padding:14px} .visual-showcase-card-v161129 img{min-height:210px;max-height:none} .visual-showcase-copy-v161129{padding:16px 4px 2px} .visual-showcase-points-v161129 span{width:100%;justify-content:center} } /* V16.11.31 — public-facing showcase cleanup and hero/value layout swap */ .hero-premium-connection-card-v161130{ position:relative; overflow:hidden; padding:16px!important; border-color:#e7e0fb!important; background:linear-gradient(180deg,#fff,#fbf9ff)!important; box-shadow:0 18px 44px rgba(89,72,187,.085)!important; } .hero-premium-image-frame-v161130{ overflow:hidden; border-radius:24px; border:1px solid #ece6ff; background:#fff; } .hero-premium-image-frame-v161130 img{ display:block; width:100%; height:265px; object-fit:cover; } .hero-premium-deal-card-v161130{ width:72%; margin:-54px 14px 0 auto; position:relative; border:7px solid #fff; border-radius:22px; overflow:hidden; box-shadow:0 18px 36px rgba(30,22,80,.16); } .hero-premium-deal-card-v161130 img{ display:block; width:100%; height:138px; object-fit:cover; } .hero-premium-copy-v161130{ padding:16px 6px 2px; } .hero-premium-copy-v161130 h2{ font-size:1.28rem!important; margin:8px 0 8px!important; color:#2f2853!important; } .hero-premium-copy-v161130 p{ color:#5c5970!important; margin:0!important; } .fairmove-value-section-v161130{ padding-top:10px!important; padding-bottom:18px!important; } .fairmove-value-wrap-v161130{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr); gap:22px; align-items:stretch; } .fairmove-value-card-v161130, .fairmove-value-image-v161130{ border-color:#e7e0fb!important; background:linear-gradient(180deg,#fff,#fbf9ff)!important; box-shadow:0 14px 34px rgba(89,72,187,.07)!important; } .fairmove-value-card-v161130{ padding:22px!important; } .fairmove-value-card-v161130 h2{ margin:10px 0 14px!important; } .fairmove-value-list-v161130 div{ background:#fff!important; } .fairmove-value-process-v161130{ margin-top:15px!important; } .fairmove-value-image-v161130{ padding:14px!important; overflow:hidden; } .fairmove-value-image-v161130 img{ display:block; width:100%; height:100%; min-height:320px; object-fit:cover; border-radius:22px; border:1px solid #ece6ff; } .visual-showcase-heading-v161129 .eyebrow, .visual-showcase-copy-v161129 .eyebrow, .visual-showcase-card-copy-v161129 .eyebrow{ display:none!important; } .visual-showcase-side-v161129 .visual-showcase-card-v161129:nth-child(2) .visual-showcase-card-copy-v161129{ padding-top:10px!important; } .visual-showcase-card-copy-v161129 h3{ margin-top:0!important; } .visual-showcase-points-v161129 span{ color:#4c3fc1!important; } @media(max-width:980px){ .fairmove-value-wrap-v161130{ grid-template-columns:1fr; } .hero-premium-image-frame-v161130 img{ height:300px; } } @media(max-width:680px){ .hero-premium-image-frame-v161130 img{ height:240px; } .hero-premium-deal-card-v161130{ width:88%; margin:-36px auto 0; } .hero-premium-deal-card-v161130 img{ height:130px; } .fairmove-value-image-v161130 img{ min-height:240px; } } /* V16.11.31 — remove leftover showcase copy and improve listed-property management */ .visual-showcase-section-v161131{ padding-top:4px!important; padding-bottom:18px!important; } .visual-showcase-balanced-v161131{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(220px,.82fr) minmax(220px,.82fr); gap:18px; align-items:stretch; } .visual-main-preview-v161131, .visual-photo-card-v161131{ padding:12px!important; border:1px solid #e7e0fb!important; background:linear-gradient(180deg,#fff,#fbf9ff)!important; box-shadow:0 14px 34px rgba(89,72,187,.07)!important; overflow:hidden; } .visual-main-preview-v161131 img, .visual-photo-card-v161131 img{ display:block!important; width:100%!important; height:100%!important; min-height:260px; object-fit:cover!important; border-radius:20px!important; border:1px solid #ece6ff!important; background:#fff!important; } .visual-main-preview-v161131 img{ min-height:330px; } .listing-manager-banner-v161131{ gap:16px!important; } .listing-manager-actions-v161131{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:flex-end; } .listing-tabs-v161131{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 12px; } .listing-tab-v161131{ border:1px solid #dfd7fb; background:#fff; color:#4f3bc5; font-weight:800; padding:11px 16px; border-radius:999px; cursor:pointer; transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease; } .listing-tab-v161131:hover{ transform:translateY(-1px); box-shadow:0 8px 18px rgba(92,66,214,.10); } .listing-tab-v161131.active{ background:#5c42d6; color:#fff; border-color:#5c42d6; box-shadow:0 12px 24px rgba(92,66,214,.16); } .property-toolbar-v161131{ grid-template-columns:1.35fr 1fr 1fr .75fr .85fr .85fr 1fr!important; align-items:end; } .property-toolbar-v161131 input, .property-toolbar-v161131 select{ min-height:44px; } #viewAllProperties{ white-space:nowrap; } @media(max-width:1100px){ .property-toolbar-v161131{ grid-template-columns:repeat(3,1fr)!important; } .visual-showcase-balanced-v161131{ grid-template-columns:1fr 1fr; } .visual-main-preview-v161131{ grid-column:1/-1; } } @media(max-width:680px){ .visual-showcase-balanced-v161131, .property-toolbar-v161131{ grid-template-columns:1fr!important; } .visual-main-preview-v161131 img, .visual-photo-card-v161131 img{ min-height:220px; } .listing-manager-actions-v161131{ justify-content:flex-start; } .listing-tab-v161131{ flex:1 1 auto; } } /* V16.11.46 — final showcase crop polish: keep real couple faces visible and remove repeated house strip */ .hero-premium-deal-card-v161130 img{ object-fit:cover!important; object-position:center 34%!important; } .fairmove-value-image-v161130 img{ object-position:center 32%!important; } .visual-showcase-section-v161131{ display:none!important; } /* V16.11.46 — property video direct-open fallback for browser/MOV playback limits */ .property-video-actions-v161137{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:8px; } .property-video-open-link-v161137{ padding:8px 12px!important; border-radius:12px!important; font-size:.86rem!important; text-decoration:none!important; } .property-video-help-v161137{ color:#6f6688; font-size:.78rem; line-height:1.35; flex:1 1 180px; } .video-warning-v161137{ color:#8a4b00!important; font-weight:800!important; } .video-inline-error-v161137{ border-color:#f0c37a!important; background:#fffaf0!important; } /* V16.11.46 — MP4 public video rule + smaller visual assets */ .video-replace-required-v161138{ border-color:#e9ddfb!important; background:linear-gradient(180deg,#fff,#fbf8ff)!important; } .property-video-mp4-required-v161138{ margin-top:10px; padding:12px; border:1px solid #eadffb; border-radius:16px; background:#fff; color:#352b63; } .property-video-mp4-required-v161138 strong{ display:block; font-size:.9rem; margin-bottom:6px; overflow-wrap:anywhere; } .property-video-mp4-required-v161138 p{ margin:0 0 10px; color:#6b6280; font-size:.84rem; line-height:1.45; } .property-video-open-link-v161138{ display:inline-flex!important; align-items:center; justify-content:center; width:auto!important; min-height:34px; padding:8px 12px!important; border-radius:12px!important; } .has-hosted-video-v161138 .property-card-video{ display:block; } .property-video-feature .helper{ color:#5f5875; } /* V16.11.46 — MOV playback restore / saved-browser fallback */ .property-video-actions-v161139{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:8px; } .property-video-help-v161139{ color:#6b647a; font-size:.82rem; } .video-inline-error-v161139{ border-color:#ead9ff!important; background:#fffaff!important; } .has-hosted-video-v161139 video, .video-waiting-v161139 video{ width:100%; min-height:150px; } /* V16.11.46 — video-source guard + stronger public listing main image */ .properties-preview-section-v1611 .photo.has-image, #properties .property .photo.has-image{ height:168px!important; } .properties-preview-section-v1611 .photo.has-image img, #properties .property .photo.has-image img{ width:100%!important; height:100%!important; object-fit:cover!important; } @media(max-width:760px){ .properties-preview-section-v1611 .photo.has-image, #properties .property .photo.has-image{height:138px!important;} } /* V16.11.46 — never show a dead black player when Supabase video path is missing */ .property-video-missing-source-v161141{ display:grid; gap:5px; padding:13px 14px; border:1px dashed #d9cdf8; border-radius:15px; background:#fffaff; color:#4b3b7b; } .property-video-missing-source-v161141 strong{font-weight:850;} .property-video-missing-source-v161141 small{color:#6d628f;font-weight:650;} /* V16.11.49 — HEIC/HEIF preview clarity */ .heic-browser-preview-unavailable-v161149{ position:relative; background:#fbfdfc!important; } .heic-browser-preview-unavailable-v161149::after{ content:'HEIC image uploaded — preview depends on browser support'; position:absolute; inset:10px; display:flex; align-items:center; justify-content:center; text-align:center; padding:10px; border:1px dashed #d7dfe8; border-radius:12px; background:rgba(255,255,255,.92); color:#53635d; font-size:.78rem; font-weight:750; line-height:1.25; } /* V16.11.50 — iPhone HEIC preview, logo clarity, search button and homepage energy polish */ .brand-logo-mark{background:#fff!important;border:1px solid #e0d7fb!important;box-shadow:0 8px 18px rgba(76,52,197,.10)!important;} .property-toolbar-v161131{grid-template-columns:minmax(260px,2.2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(120px,.9fr) minmax(130px,.9fr) minmax(130px,.9fr) minmax(140px,1fr)!important;align-items:center;} .search-combo-v161150{display:flex;gap:8px;align-items:center;min-width:0;} .search-combo-v161150 input{flex:1;min-width:0;} .search-button-v161150{padding:10px 14px!important;border-radius:12px!important;white-space:nowrap;min-height:42px;} .media-preview-box.heic-converted-v161150{border-color:#d7e8dd;background:#fbfffc;} .media-preview-box.heic-pending-v161150{border-color:#e7ded0;background:#fffdf8;} .fairmove-action-strip-v161150{padding-top:18px!important;padding-bottom:22px!important;background:#fff!important;} .fairmove-action-card-v161150{max-width:1120px;margin:auto;border:1px solid #e8e1fb;border-radius:28px;padding:26px;background:linear-gradient(135deg,#ffffff 0%,#fbf8ff 52%,#f6fbf8 100%);box-shadow:0 18px 42px rgba(76,52,197,.06);display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;} .fairmove-action-card-v161150 h2{letter-spacing:-.045em;color:#182f2a;margin-bottom:8px;} .fairmove-action-card-v161150 p{color:#566963;line-height:1.55;margin:0;} .fairmove-action-steps-v161150{display:grid;grid-template-columns:1fr 1fr;gap:10px;} .fairmove-action-steps-v161150 span{border:1px solid #e6ecf0;background:#fff;border-radius:18px;padding:13px 14px;font-weight:850;color:#263934;box-shadow:0 10px 20px rgba(18,63,57,.035);} .fairmove-action-steps-v161150 b{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:12px;background:#f1ecff;color:#4c34c5;margin-right:8px;font-size:.78rem;} @media(max-width:980px){.property-toolbar-v161131{grid-template-columns:1fr 1fr!important}.search-combo-v161150{grid-column:1/-1}.fairmove-action-card-v161150{grid-template-columns:1fr;}} @media(max-width:680px){.property-toolbar-v161131{grid-template-columns:1fr!important}.search-combo-v161150{display:grid;grid-template-columns:1fr}.search-button-v161150{width:100%;}.fairmove-action-card-v161150{padding:22px 18px;border-radius:24px}.fairmove-action-steps-v161150{grid-template-columns:1fr}} /* V16.11.52 — production listing facts: date listed, service charge, garden/outside */ .property-card-topline-v161151{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 1px;} .property-card-topline-v161151 .property-ref{margin:0;} .date-listed-v161151{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;border:1px solid #dce8e3;background:#fbfdfc;border-radius:999px;padding:6px 10px;color:#455c57;font-size:.78rem;font-weight:700;letter-spacing:.01em;margin:0;} .date-listed-v161151 strong{font-weight:700!important;color:#33443f;} .properties-preview-section-v1611 .date-listed-v161151{font-size:.82rem;color:#445854!important;} @media(max-width:680px){.property-card-topline-v161151{gap:6px}.date-listed-v161151{font-size:.74rem;padding:5px 9px}} /* V16.11.52 — clickable full property details view */ .property-clickable-v161152{cursor:pointer;transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;} .property-clickable-v161152:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(76,52,197,.08)!important;border-color:#d9cef9!important;} .property-clickable-v161152:focus-visible{outline:3px solid rgba(108,85,224,.28);outline-offset:3px;} .property-card-actions-v161152{display:grid;grid-template-columns:1fr;gap:8px;margin-top:4px;} .property-details-button-v161152{width:100%;background:#fff!important;color:#4d3abe!important;border-color:#d9cef9!important;} .property-details-modal-v161152{position:fixed;inset:0;background:rgba(16,24,24,.56);z-index:10000;display:none;align-items:flex-start;justify-content:center;padding:22px;overflow:auto;} .property-details-modal-v161152.open{display:flex;} body.property-details-open-v161152{overflow:hidden;} .property-details-modal-inner-v161152{width:min(1180px,100%);margin:0 auto 36px;} .property-detail-shell-v161152{position:relative;background:#fff;border:1px solid #e5e0f8;border-radius:30px;box-shadow:0 30px 90px rgba(20,28,28,.24);padding:28px;} .property-detail-close-v161152{position:sticky;top:0;float:right;z-index:2;background:#fff!important;} .property-detail-header-v161152{padding-right:56px;margin-bottom:20px;} .property-detail-header-v161152 h2{font-size:clamp(1.85rem,3vw,3rem);letter-spacing:-.055em;margin:4px 0 8px;color:#101f1c;line-height:1.05;} .property-detail-header-v161152 p{color:#566963;font-weight:650;margin:0 0 12px;} .property-detail-pills-v161152,.property-detail-side-facts-v161152{display:flex;gap:8px;flex-wrap:wrap;} .property-detail-pills-v161152 span,.property-detail-side-facts-v161152 span{border:1px solid #e4e0f7;background:#fbf9ff;border-radius:999px;padding:7px 10px;color:#44396f;font-weight:750;font-size:.84rem;} .property-detail-layout-v161152{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start;} .property-detail-main-v161152{display:grid;gap:18px;} .property-detail-main-image-v161152{border:0;padding:0;display:block;width:100%;height:min(52vh,430px);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#f6f3ff,#f6fbf8);cursor:pointer;} .property-detail-main-image-v161152 img{width:100%;height:100%;object-fit:cover;display:block;} .property-detail-main-image-v161152.no-image-v161152{display:grid;place-items:center;border:1px dashed #d9d1f4;color:#6b607f;font-weight:850;} .property-detail-gallery-thumbs-v161152{display:flex;gap:9px;overflow-x:auto;padding:10px 2px 0;} .property-detail-gallery-thumbs-v161152 .gallery-thumb-button{width:86px;height:64px;} .property-detail-section-v161152{border:1px solid #ebe5fa;border-radius:22px;background:#fff;padding:20px;box-shadow:0 10px 24px rgba(108,85,224,.045);} .property-detail-section-v161152 h3{margin:0 0 12px;color:#182f2a;font-size:1.2rem;letter-spacing:-.025em;} .property-detail-section-v161152 p{color:#4e625d;line-height:1.65;margin:0;} .about-points-v161152{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px;} .about-points-v161152 span{border:1px solid #e6ece9;background:#fbfdfc;border-radius:14px;padding:11px 12px;color:#263934;font-weight:750;} .property-detail-grid-v161152{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .property-detail-grid-v161152 div{border:1px solid #edf0ef;background:#fbfdfc;border-radius:14px;padding:11px 12px;display:grid;gap:4px;min-width:0;} .property-detail-grid-v161152 b{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7773;} .property-detail-grid-v161152 span{color:#1f302c;font-weight:760;word-break:break-word;} .local-area-card-v161152{display:grid;gap:12px;} .local-map-placeholder-v161152{min-height:150px;border:1px solid #e4e0f7;border-radius:18px;background:linear-gradient(135deg,#f6f3ff,#f7fcf9);display:grid;place-items:center;text-align:center;padding:18px;color:#3f4b48;} .local-map-placeholder-v161152 span{font-size:2.2rem;} .local-map-placeholder-v161152 strong{font-size:1.25rem;} .local-map-placeholder-v161152 small{color:#6b7773;font-weight:650;} .property-detail-side-v161152{position:relative;} .property-detail-sticky-card-v161152{position:sticky;top:18px;border:1px solid #e1d9f8;background:linear-gradient(135deg,#fff,#fbf9ff);border-radius:24px;padding:20px;box-shadow:0 18px 38px rgba(76,52,197,.08);} .property-detail-sticky-card-v161152 h3{font-size:1.85rem;margin:4px 0 8px;color:#151f1d;letter-spacing:-.035em;} .property-detail-side-facts-v161152{margin:14px 0;} .property-detail-contact-v161152{margin-top:10px!important;} .property-detail-lock-note-v161152{font-size:.86rem;margin:12px 0 0!important;} .property-detail-video-player-v161152{height:260px!important;} @media(max-width:980px){.property-details-modal-v161152{padding:12px}.property-detail-shell-v161152{padding:20px;border-radius:24px}.property-detail-layout-v161152{grid-template-columns:1fr}.property-detail-side-v161152{order:-1}.property-detail-sticky-card-v161152{position:static}.property-detail-main-image-v161152{height:320px}.property-detail-grid-v161152,.about-points-v161152{grid-template-columns:1fr}} @media(max-width:680px){.property-details-modal-v161152{padding:0}.property-detail-shell-v161152{border-radius:0;min-height:100vh;padding:18px}.property-detail-header-v161152{padding-right:42px}.property-detail-pills-v161152 span{font-size:.78rem}.property-detail-main-image-v161152{height:250px}.property-detail-section-v161152{padding:16px;border-radius:18px}.property-detail-sticky-card-v161152 h3{font-size:1.45rem}.property-detail-gallery-thumbs-v161152 .gallery-thumb-button{width:70px;height:54px}} /* V17 — compact horizontal listings, asking price/monthly rent labels and location map */ .properties-preview-section-v1611 .property-grid, #propertyGrid.property-grid{ grid-template-columns:1fr!important; gap:12px!important; } .property-row-v17{ display:grid!important; grid-template-columns:250px minmax(0,1fr) 190px!important; align-items:stretch!important; gap:0!important; padding:0!important; overflow:hidden!important; min-height:168px!important; border-radius:20px!important; } .property-row-v17 .property-row-media-v17{ position:relative; min-height:168px; background:#f8f7ff; border-right:1px solid #eee8fb; } .property-row-v17 .property-row-photo-v17, .properties-preview-section-v1611 .property-row-v17 .photo.has-image, #properties .property-row-v17 .photo.has-image{ width:100%!important; height:100%!important; min-height:168px!important; border:0!important; border-radius:0!important; display:flex!important; align-items:center!important; justify-content:center!important; } .property-row-v17 .property-row-photo-v17 img{ width:100%!important; height:100%!important; object-fit:cover!important; display:block!important; } .property-row-v17 .compact-placeholder{min-height:168px!important;} .media-count-v17,.property-video-badge-v17{ position:absolute; left:10px; bottom:10px; border:1px solid rgba(255,255,255,.78); background:rgba(18,31,28,.74); color:#fff; border-radius:999px; padding:5px 9px; font-size:.75rem; font-weight:800; backdrop-filter:blur(6px); } .property-video-badge-v17{left:auto;right:10px;background:rgba(76,52,197,.82);} .property-row-body-v17{ padding:16px 18px!important; gap:7px!important; min-width:0; } .property-row-heading-v17{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .property-price-label-v17{ margin:0 0 2px!important; color:#6b7773!important; font-size:.76rem!important; text-transform:uppercase; letter-spacing:.08em; font-weight:850!important; } .property-card-price-v17{ margin:0!important; color:#172421!important; font-size:1.48rem!important; letter-spacing:-.035em!important; line-height:1.05!important; font-weight:850!important; } .property-mode-pill-v17{ flex:0 0 auto; border:1px solid #dfd6f8; background:#fbf9ff; color:#4c34c5; border-radius:999px; padding:6px 9px; font-size:.76rem; font-weight:850; white-space:nowrap; } .property-card-location-v17{ margin:0!important; color:#243633!important; font-size:1rem!important; font-weight:800!important; line-height:1.25!important; } .property-card-title-v17{ margin:0!important; color:#64736f!important; font-size:.9rem!important; line-height:1.35!important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .property-card-chips-v17{ display:flex; flex-wrap:wrap; gap:6px; margin-top:2px; } .property-card-chips-v17 span{ border:1px solid #e6ece9; background:#fbfdfc; color:#33443f; border-radius:999px; padding:5px 8px; font-size:.76rem; font-weight:750; line-height:1.15; } .property-card-meta-v17{ display:flex; flex-wrap:wrap; gap:8px; color:#60706b; font-size:.78rem; margin-top:2px; } .property-card-meta-v17 span{ border:1px solid #eceff0; background:#fff; border-radius:999px; padding:4px 8px; } .property-card-meta-v17 strong{color:#455550;font-weight:800!important;} .property-row-actions-v17{ border-left:1px solid #eee8fb; background:linear-gradient(180deg,#fff,#fbf9ff); padding:16px; display:flex; flex-direction:column; justify-content:center; gap:9px; } .property-row-actions-v17 .button{ width:100%; margin:0!important; min-height:40px!important; padding:10px 11px!important; border-radius:12px!important; } .property-row-actions-v17 small{ color:#6b7773; font-weight:650; font-size:.75rem; line-height:1.25; } .property-row-v17 .listing-gallery-strip, .property-row-v17 .listing-video-strip, .property-row-v17 .detail-table, .property-row-v17 .lockbox, .property-row-v17 .quiet, .property-row-v17 .listing-meta, .property-row-v17 .property-card-topline-v161151{ display:none!important; } .local-map-v17{ position:relative; overflow:hidden; border:1px solid #e4e0f7; border-radius:18px; background:linear-gradient(135deg,#f6f3ff,#f7fcf9); min-height:220px; } .local-map-v17 iframe{ display:block; width:100%; height:260px; border:0; filter:saturate(.9) contrast(.98); } .map-privacy-note-v17{ position:absolute; left:12px; right:12px; bottom:12px; display:flex; flex-wrap:wrap; gap:6px 10px; align-items:center; justify-content:space-between; padding:10px 12px; border:1px solid rgba(255,255,255,.72); border-radius:14px; background:rgba(255,255,255,.92); box-shadow:0 10px 24px rgba(18,63,57,.08); color:#20302c; } .map-privacy-note-v17 strong{font-weight:900!important;} .map-privacy-note-v17 small{color:#60706b;font-weight:700;} @media(max-width:980px){ .property-row-v17{grid-template-columns:210px minmax(0,1fr)!important;} .property-row-actions-v17{grid-column:1/-1;border-left:0;border-top:1px solid #eee8fb;display:grid;grid-template-columns:1fr 1fr;align-items:center;} .property-row-actions-v17 small{grid-column:1/-1;} } @media(max-width:680px){ .properties-preview-section-v1611 .property-grid,#propertyGrid.property-grid{gap:14px!important;} .property-row-v17{display:flex!important;flex-direction:column!important;min-height:0!important;border-radius:20px!important;} .property-row-v17 .property-row-media-v17{min-height:205px;border-right:0;border-bottom:1px solid #eee8fb;} .property-row-v17 .property-row-photo-v17,.properties-preview-section-v1611 .property-row-v17 .photo.has-image,#properties .property-row-v17 .photo.has-image{min-height:205px!important;height:205px!important;} .property-row-body-v17{padding:14px 15px!important;} .property-row-heading-v17{gap:8px;} .property-card-price-v17{font-size:1.35rem!important;} .property-card-chips-v17 span{font-size:.73rem;} .property-row-actions-v17{display:grid!important;grid-template-columns:1fr!important;padding:14px 15px!important;} .local-map-v17 iframe{height:230px;} .map-privacy-note-v17{position:static;border-radius:0;border-width:1px 0 0 0;background:#fff;box-shadow:none;} } /* V17.1 — details page spacing polish, clean public video and labelled bus routes */ .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;} .property-details-modal-inner-v161152{width:min(1240px,96vw)!important;margin:0 auto 24px!important;} .property-detail-shell-v161152{padding:22px!important;border-radius:26px!important;} .property-detail-header-v161152{margin-bottom:14px!important;} .property-detail-header-v161152 h2{font-size:clamp(1.72rem,2.55vw,2.55rem)!important;margin-bottom:6px!important;} .property-detail-pills-v161152 span,.property-detail-side-facts-v161152 span{padding:6px 9px!important;font-size:.8rem!important;} .property-detail-top-layout-v171{grid-template-columns:minmax(0,1fr) 310px!important;gap:18px!important;margin-bottom:16px!important;} .property-detail-media-column-v171{gap:12px!important;} .property-detail-wide-content-v171{display:grid;gap:14px;} .property-detail-main-image-v161152{height:min(46vh,380px)!important;border-radius:20px!important;} .property-detail-gallery-thumbs-v161152{padding-top:8px!important;gap:8px!important;} .property-detail-gallery-thumbs-v161152 .gallery-thumb-button{width:74px!important;height:54px!important;} .property-detail-section-v161152{padding:16px!important;border-radius:18px!important;box-shadow:0 8px 20px rgba(108,85,224,.035)!important;} .property-detail-section-v161152 h3{margin-bottom:10px!important;font-size:1.12rem!important;} .about-points-v161152{gap:8px!important;margin-bottom:10px!important;} .about-points-v161152 span{padding:9px 10px!important;border-radius:12px!important;} .property-detail-grid-v161152{gap:8px!important;} .property-detail-grid-v161152 div{padding:9px 10px!important;border-radius:12px!important;} .local-area-card-v161152{gap:10px!important;} .local-map-v17{min-height:190px!important;border-radius:16px!important;} .local-map-v17 iframe{height:220px!important;} .property-detail-sticky-card-v161152{padding:16px!important;border-radius:20px!important;} .property-detail-sticky-card-v161152 h3{font-size:1.62rem!important;} .property-detail-side-facts-v161152{margin:10px 0!important;} .property-detail-lock-note-v161152{margin-top:10px!important;} .property-detail-video-clean-v171{padding:10px!important;} .property-detail-video-clean-v171 .listing-video-heading,.property-detail-video-clean-v171 h3{display:none!important;} .property-detail-video-clean-v171 .listing-video-strip{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;} .property-detail-video-player-v161152{height:220px!important;border-radius:14px!important;display:block;width:100%;background:#0f1212;} @media(max-width:980px){ .property-details-modal-inner-v161152{width:100%!important;margin-bottom:0!important;} .property-detail-top-layout-v171{grid-template-columns:1fr!important;gap:12px!important;} .property-detail-side-v161152{order:-1;} .property-detail-main-image-v161152{height:300px!important;} } @media(max-width:680px){ .property-detail-shell-v161152{padding:14px!important;} .property-detail-header-v161152{margin-bottom:12px!important;} .property-detail-main-image-v161152{height:220px!important;} .property-detail-section-v161152{padding:14px!important;border-radius:16px!important;} .property-detail-wide-content-v171{gap:12px;} .property-detail-video-player-v161152{height:190px!important;} .local-map-v17 iframe{height:205px!important;} } /* V17.1 compatibility for the approved V17 details structure */ .property-detail-layout-v161152.property-detail-top-layout-v171{grid-template-columns:minmax(0,1fr) 300px!important;gap:16px!important;margin-bottom:14px!important;} .property-detail-main-v161152.property-detail-media-column-v171{gap:10px!important;} .property-detail-wide-content-v171{display:grid!important;gap:14px!important;margin-top:12px!important;} .property-detail-video-clean-v171{padding:12px!important;} .property-detail-video-clean-v171 .listing-video-heading,.property-detail-video-clean-v171 h3{display:none!important;} .property-detail-video-clean-v171 .listing-video-strip{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;} .property-detail-video-clean-v171 .property-detail-video-player-v161152{height:230px!important;border-radius:16px!important;background:#111!important;} @media(max-width:980px){ .property-detail-layout-v161152.property-detail-top-layout-v171{grid-template-columns:1fr!important;gap:12px!important;} .property-detail-wide-content-v171{gap:12px!important;margin-top:10px!important;} .property-detail-video-clean-v171 .property-detail-video-player-v161152{height:220px!important;} } @media(max-width:680px){ .property-detail-wide-content-v171{gap:11px!important;margin-top:9px!important;} .property-detail-video-clean-v171 .property-detail-video-player-v161152{height:190px!important;} } /* V17.2/V17.3 — hidden public Admin links and cleaner property-focused hero */ .public-admin-hidden-v172, body:not(.admin-body) .nav-admin-link{ display:none!important; } .hero-premium-connection-card-v161130 .hero-premium-image-frame-v161130{ margin-bottom:16px; } /* V17.4 — smaller hero title and package/renewal controls */ .hero-polish-v168 h1{ font-size:clamp(1.52rem,2.45vw,2.38rem)!important; line-height:1.09!important; max-width:560px!important; letter-spacing:-.042em!important; } @media(max-width:920px){.hero-polish-v168 h1{font-size:clamp(1.58rem,6.2vw,2.18rem)!important;}} @media(max-width:560px){.hero-polish-v168 h1{font-size:clamp(1.48rem,6.7vw,2rem)!important;}} .package-renewal-v174{ margin-top:12px; padding:12px; border:1px solid #e7e1fb; border-radius:14px; background:#fdfcff; display:grid; gap:8px; } .package-renewal-v174 label{ display:grid; gap:5px; font-size:.82rem; color:#5b6360; } .package-renewal-v174 select{ width:100%; padding:9px 10px; border:1px solid #ddd6f6; border-radius:11px; background:#fff; font:inherit; } .package-renewal-v174 .renew-row-v174{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:end; } .package-renewal-v174 .renew-status-v174{ margin:0!important; padding:8px 10px!important; font-size:.82rem!important; } @media(max-width:680px){.package-renewal-v174 .renew-row-v174{grid-template-columns:1fr}.package-renewal-v174 button{width:100%;}} /* V17.5 — hero subcopy and site-density polish after pricing verification */ .hero-polish-v168{ padding-top:22px!important; padding-bottom:18px!important; gap:20px!important; grid-template-columns:minmax(0,1.05fr) minmax(320px,400px)!important; } .hero-polish-v168 h1{ font-size:clamp(1.46rem,2.28vw,2.22rem)!important; line-height:1.1!important; margin:10px 0 8px!important; max-width:540px!important; } .hero-core-message{ max-width:640px!important; font-size:clamp(.95rem,1.1vw,1.05rem)!important; line-height:1.44!important; font-weight:400!important; color:#3f504c!important; margin:0 0 8px!important; } .hero-pricing-line{ max-width:650px!important; font-size:.94rem!important; line-height:1.48!important; font-weight:400!important; color:#56625f!important; margin-top:8px!important; } .hero-actions-v168{margin-top:12px!important;gap:8px!important;} .hero-actions-v168 .button{min-height:38px!important;padding:9px 14px!important;border-radius:12px!important;} .hero-trust-badges-v168{margin-top:10px!important;gap:7px!important;} .hero-trust-badges-v168 .badge{padding:7px 10px!important;font-size:.82rem!important;} .hero-premium-connection-card-v161130{padding:16px!important;border-radius:20px!important;} .hero-premium-connection-card-v161130 .hero-premium-image-frame-v161130{margin-bottom:10px!important;border-radius:18px!important;} .hero-premium-connection-card-v161130 .hero-premium-image-frame-v161130 img{max-height:260px!important;object-fit:cover!important;} .hero-premium-copy-v161130 h2{font-size:clamp(1.05rem,1.35vw,1.32rem)!important;line-height:1.18!important;margin-bottom:6px!important;} .hero-premium-copy-v161130 p{font-size:.88rem!important;line-height:1.45!important;margin:0!important;color:#5f6a66!important;} .section{padding-top:24px!important;padding-bottom:24px!important;} .fairmove-value-section-v161130{padding-top:18px!important;padding-bottom:20px!important;} .fairmove-value-wrap-v161130{gap:16px!important;} .fairmove-value-card-v161130,.fairmove-value-image-v161130{padding:18px!important;border-radius:20px!important;} .fairmove-value-card-v161130 h2{font-size:clamp(1.18rem,1.55vw,1.48rem)!important;margin-bottom:10px!important;} .trust-price-list-v168{gap:7px!important;margin-top:10px!important;} .trust-price-list-v168 div{padding:9px 11px!important;border-radius:12px!important;} .mini-process-v168{margin-top:10px!important;padding:9px 10px!important;} .neutral-route-footnote{margin-top:10px!important;font-size:.86rem!important;} .journey-explainer-section-v16115, .properties-preview-section-v1611, .connected-reasons-v161150, .direct-confidence-strip-v161150, .listing-hub, .safety-final-polish{padding-top:22px!important;padding-bottom:22px!important;} .journey-explainer-card-v16115,.journey-explainer-card-v16116{padding:18px!important;border-radius:20px!important;} .property-row-v17{grid-template-columns:230px minmax(0,1fr) 176px!important;min-height:152px!important;border-radius:18px!important;} .property-row-v17 .property-row-media-v17{min-height:152px!important;} .property-row-v17 .property-row-photo-v17, .properties-preview-section-v1611 .property-row-v17 .photo.has-image, #properties .property-row-v17 .photo.has-image{min-height:152px!important;height:152px!important;} .property-row-body-v17{padding:13px 15px!important;gap:5px!important;} .property-card-price-v17{font-size:1.36rem!important;} .property-card-location-v17{font-size:.94rem!important;} .property-card-title-v17{font-size:.84rem!important;-webkit-line-clamp:1!important;} .property-card-chips-v17{gap:5px!important;margin-top:1px!important;} .property-card-chips-v17 span{padding:4px 7px!important;font-size:.72rem!important;} .property-card-meta-v17{gap:6px!important;font-size:.74rem!important;margin-top:1px!important;} .property-card-meta-v17 span{padding:3px 7px!important;} .property-row-actions-v17{padding:13px!important;gap:7px!important;} .property-row-actions-v17 .button{min-height:36px!important;padding:8px 10px!important;} .property-toolbar-v161131{gap:9px!important;margin-bottom:10px!important;} .listing-manager-banner-v161131{margin-bottom:12px!important;} .property-detail-shell-v161152{padding:20px!important;} .property-detail-section-v161152{padding:16px!important;} .property-detail-wide-content-v171{gap:12px!important;margin-top:10px!important;} @media(max-width:980px){ .hero-polish-v168{grid-template-columns:1fr!important;gap:18px!important;} .hero-polish-v168 h1{font-size:clamp(1.52rem,5.8vw,2.08rem)!important;} .property-row-v17{grid-template-columns:190px minmax(0,1fr)!important;} .property-row-actions-v17{grid-template-columns:1fr 1fr!important;} } @media(max-width:680px){ .section{padding-top:20px!important;padding-bottom:20px!important;} .hero-polish-v168{padding-top:18px!important;padding-bottom:14px!important;gap:16px!important;} .hero-polish-v168 h1{font-size:clamp(1.42rem,6.2vw,1.9rem)!important;line-height:1.1!important;} .hero-core-message{font-size:.92rem!important;line-height:1.42!important;} .hero-pricing-line{font-size:.88rem!important;line-height:1.43!important;} .hero-premium-connection-card-v161130{padding:14px!important;} .property-row-v17{border-radius:18px!important;} .property-row-v17 .property-row-media-v17{min-height:188px!important;} .property-row-v17 .property-row-photo-v17, .properties-preview-section-v1611 .property-row-v17 .photo.has-image, #properties .property-row-v17 .photo.has-image{min-height:188px!important;height:188px!important;} .property-row-body-v17{padding:12px 13px!important;} .property-row-actions-v17{grid-template-columns:1fr!important;padding:12px 13px!important;} .property-detail-shell-v161152{padding:14px!important;} .property-detail-section-v161152{padding:13px!important;} } /* V17.6 — hero style refinement, tighter hero spacing, and rental CTA colour balance */ .hero-polish-v168{ padding-top:18px!important; padding-bottom:8px!important; gap:16px!important; grid-template-columns:minmax(0,1.16fr) minmax(300px,390px)!important; align-items:start!important; } .hero-copy-v168{padding-bottom:0!important;margin-bottom:0!important;} .hero-polish-v168 .hero-heading-v176, .hero-polish-v168 h1{ font-size:clamp(1.6rem,2.7vw,2.62rem)!important; line-height:1.08!important; margin:8px 0 8px!important; max-width:760px!important; letter-spacing:-.04em!important; font-weight:540!important; color:#192724!important; text-wrap:balance; } .hero-core-message{ max-width:720px!important; font-size:clamp(.98rem,1.15vw,1.08rem)!important; line-height:1.45!important; font-weight:400!important; color:#465653!important; margin:0 0 6px!important; } .hero-pricing-line{ max-width:730px!important; font-size:.95rem!important; line-height:1.46!important; font-weight:400!important; color:#5a6663!important; margin-top:6px!important; margin-bottom:0!important; } .hero-actions-v168{margin-top:10px!important;gap:8px!important;} .hero-trust-badges-v168{margin-top:8px!important;gap:7px!important;} .fairmove-value-section-v161130{padding-top:8px!important;padding-bottom:18px!important;} .rental-cta-v176{ background:linear-gradient(135deg,#4f8f86,#69a49a)!important; border-color:#467e76!important; color:#ffffff!important; box-shadow:0 12px 24px rgba(79,143,134,.16)!important; font-weight:650!important; } .rental-cta-v176:hover{ background:linear-gradient(135deg,#467f77,#5d978d)!important; border-color:#3f736c!important; color:#ffffff!important; } @media(max-width:980px){ .hero-polish-v168{grid-template-columns:1fr!important;gap:15px!important;padding-bottom:8px!important;} .hero-polish-v168 .hero-heading-v176, .hero-polish-v168 h1{font-size:clamp(1.54rem,5.85vw,2.2rem)!important;max-width:680px!important;} } @media(max-width:680px){ .hero-polish-v168{padding-top:16px!important;padding-bottom:8px!important;gap:14px!important;} .hero-polish-v168 .hero-heading-v176, .hero-polish-v168 h1{font-size:clamp(1.48rem,6vw,1.96rem)!important;line-height:1.1!important;max-width:100%!important;} .hero-core-message{font-size:.93rem!important;line-height:1.42!important;} .hero-pricing-line{font-size:.88rem!important;line-height:1.42!important;} } /* V17.7 — corrected visible hero style, tighter hero-to-fees gap, and teal rental CTA */ #top .hero-polish-v168{ padding-top:24px!important; padding-bottom:2px!important; margin-bottom:0!important; gap:20px!important; grid-template-columns:minmax(0,1.12fr) minmax(320px,410px)!important; align-items:start!important; } #top .hero-polish-v168 .hero-copy-v168{padding-bottom:0!important;margin-bottom:0!important;} #top .hero-polish-v168 h1, #top .hero-polish-v168 .hero-title-v177{ font-family:Arial, Helvetica, sans-serif!important; font-size:clamp(1.95rem,3.35vw,3.28rem)!important; line-height:1.055!important; letter-spacing:-.044em!important; font-weight:400!important; color:#141d2d!important; max-width:700px!important; margin:10px 0 14px!important; } #top .hero-polish-v168 .hero-core-message{ max-width:720px!important; font-size:clamp(.98rem,1.12vw,1.08rem)!important; line-height:1.46!important; font-weight:400!important; color:#4a565d!important; margin:0 0 10px!important; } #top .hero-polish-v168 .hero-pricing-line{ max-width:750px!important; font-size:.96rem!important; line-height:1.48!important; font-weight:400!important; color:#5b6469!important; margin:0!important; } #top .hero-actions-v168{margin-top:14px!important;gap:9px!important;} #top .hero-trust-badges-v168{margin-top:12px!important;gap:8px!important;} #top .hero-trust-badges-v168 .badge{font-weight:500!important;} #top .hero-premium-connection-card-v161130{padding:16px!important;border-radius:22px!important;} #top .hero-premium-image-frame-v161130{margin-bottom:10px!important;} #top .hero-premium-copy-v161130 h2{font-size:clamp(1.08rem,1.42vw,1.34rem)!important;font-weight:500!important;line-height:1.18!important;margin:8px 0 6px!important;} #top .hero-premium-copy-v161130 p{font-size:.9rem!important;line-height:1.45!important;margin:0!important;} #top .hero-polish-v168 + .fairmove-value-section-v161130, .fairmove-value-section-v161130{ padding-top:0!important; margin-top:0!important; } .listing-choice[data-show-form="rentFormWrap"] .button, .listing-choice[data-show-form="rentFormWrap"] .button.soft, .rental-cta-v177, .rental-cta-v176{ background:linear-gradient(135deg,#0f766e,#15958a)!important; border-color:#0d6b64!important; color:#ffffff!important; box-shadow:0 12px 24px rgba(15,118,110,.16)!important; font-weight:650!important; } .listing-choice[data-show-form="rentFormWrap"] .button:hover, .rental-cta-v177:hover, .rental-cta-v176:hover{ background:linear-gradient(135deg,#0d6b64,#12877d)!important; border-color:#0b5f59!important; color:#ffffff!important; } @media(max-width:980px){ #top .hero-polish-v168{grid-template-columns:1fr!important;padding-bottom:0!important;gap:16px!important;} #top .hero-polish-v168 h1, #top .hero-polish-v168 .hero-title-v177{font-size:clamp(1.78rem,6.4vw,2.58rem)!important;max-width:96%!important;} } @media(max-width:680px){ #top .hero-polish-v168{padding-top:18px!important;padding-bottom:0!important;gap:14px!important;} #top .hero-polish-v168 h1, #top .hero-polish-v168 .hero-title-v177{font-size:clamp(1.62rem,7.2vw,2.2rem)!important;line-height:1.08!important;} #top .hero-polish-v168 .hero-core-message{font-size:.92rem!important;line-height:1.42!important;} #top .hero-polish-v168 .hero-pricing-line{font-size:.88rem!important;line-height:1.42!important;} } /* V17.8 — final hero font weight correction: light editorial, not bold */ #top .hero-polish-v168 h1, #top .hero-polish-v168 .hero-heading-v176, #top .hero-polish-v168 .hero-title-v177, #top .hero-polish-v168 .hero-title-v178{ font-family:"Segoe UI", "Inter", Arial, Helvetica, sans-serif!important; font-size:clamp(1.95rem,3.12vw,3.02rem)!important; line-height:1.08!important; letter-spacing:-.032em!important; font-weight:300!important; font-synthesis-weight:none!important; text-shadow:none!important; color:#172522!important; max-width:700px!important; margin:10px 0 12px!important; } #top .hero-polish-v168 .hero-core-message, #top .hero-polish-v168 .hero-pricing-line{font-weight:400!important;} @media(max-width:980px){ #top .hero-polish-v168 h1, #top .hero-polish-v168 .hero-heading-v176, #top .hero-polish-v168 .hero-title-v177, #top .hero-polish-v168 .hero-title-v178{font-size:clamp(1.76rem,6vw,2.42rem)!important;font-weight:300!important;} } @media(max-width:680px){ #top .hero-polish-v168 h1, #top .hero-polish-v168 .hero-heading-v176, #top .hero-polish-v168 .hero-title-v177, #top .hero-polish-v168 .hero-title-v178{font-size:clamp(1.58rem,6.8vw,2.08rem)!important;line-height:1.1!important;font-weight:300!important;} } /* V17.11 — simplified premium middle journey redesign */ .anchor-offset-v1711{position:relative;top:-90px;display:block;height:0;overflow:hidden;} .journey-redesign-v1711{padding-top:28px!important;padding-bottom:30px!important;} .journey-heading-v1711{max-width:860px;margin:0 auto 18px!important;} .journey-heading-v1711 h2{font-size:clamp(1.45rem,2.1vw,2.1rem)!important;line-height:1.12!important;letter-spacing:-.034em!important;margin:8px 0!important;color:#172522!important;font-weight:560!important;} .journey-heading-v1711 p{max-width:780px;margin:0 auto;color:#53645f;font-size:1rem;line-height:1.5;} .journey-panel-v1711{position:relative;max-width:1120px;margin:0 auto;padding:22px;border:1px solid #e7e2f7;border-radius:30px;background:linear-gradient(135deg,#ffffff 0%,#fbf9ff 55%,#f7fbf8 100%);box-shadow:0 18px 46px rgba(52,43,98,.06);overflow:hidden;} .journey-line-v1711{position:absolute;left:7%;right:7%;top:79px;height:2px;background:linear-gradient(90deg,rgba(108,85,224,.12),rgba(15,118,110,.22),rgba(108,85,224,.12));} .journey-steps-v1711{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;} .journey-step-v1711{position:relative;display:grid;gap:12px;align-content:start;padding:18px 16px 17px;border:1px solid rgba(224,218,245,.9);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 10px 24px rgba(40,46,43,.035);min-height:244px;} .journey-number-v1711{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:18px;background:#f1edff;color:#5b35d5;border:1px solid #dcd3fb;font-size:.86rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase;} .journey-step-v1711 h3{font-size:1.12rem;margin:0 0 5px;color:#142b26;letter-spacing:-.025em;} .journey-step-v1711 strong{display:block;margin-bottom:7px;color:#223b35;font-size:.94rem;line-height:1.35;} .journey-step-v1711 p{margin:0;color:#566963;font-size:.91rem;line-height:1.48;} .journey-step-v1711:nth-child(2) .journey-number-v1711{background:#ecf8f5;color:#0f766e;border-color:#cae9e3;} .journey-step-v1711:nth-child(3) .journey-number-v1711{background:#fff7ed;color:#a65b29;border-color:#f4dcc6;} .journey-step-v1711:nth-child(4) .journey-number-v1711{background:#eef7f1;color:#1f7a4f;border-color:#cfebd8;} .journey-benefits-v1711{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px;padding-top:18px;border-top:1px solid rgba(224,218,245,.8);} .journey-benefits-v1711 span{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;background:#fff;border:1px solid #e5e0f5;color:#354844;font-size:.9rem;font-weight:650;box-shadow:0 6px 16px rgba(42,43,52,.035);} .journey-benefits-v1711 span::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#f1edff;color:#5b35d5;font-size:.78rem;font-weight:800;} @media(max-width:980px){ .journey-steps-v1711{grid-template-columns:repeat(2,minmax(0,1fr));} .journey-line-v1711{display:none;} .journey-step-v1711{min-height:210px;} } @media(max-width:640px){ .journey-redesign-v1711{padding-top:20px!important;padding-bottom:22px!important;} .journey-panel-v1711{padding:14px;border-radius:24px;} .journey-steps-v1711{grid-template-columns:1fr;gap:10px;} .journey-step-v1711{min-height:0;border-radius:20px;padding:15px;grid-template-columns:54px minmax(0,1fr);align-items:start;} .journey-step-v1711 h3{font-size:1.04rem;} .journey-benefits-v1711{justify-content:flex-start;gap:8px;} .journey-benefits-v1711 span{font-size:.84rem;padding:8px 10px;} } /* V18 — professional logo clarity + cleaner journey presentation */ .site-header .brand{gap:12px!important;align-items:center!important} .site-header .brand .brand-copy{display:flex;flex-direction:column;gap:3px;min-width:max-content} .site-header .brand .brand-title{font-size:1.1rem!important;line-height:1.02!important;font-weight:720!important;letter-spacing:-.03em!important;color:#4633bf!important} .site-header .brand .brand-subtitle{font-size:.58rem!important;line-height:1.1!important;font-weight:760!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#343434!important} .site-header .brand-logo-mark{width:50px!important;height:50px!important;padding:0!important;border-radius:16px!important;background:#fff!important;border:1px solid #e2dafd!important;box-shadow:0 10px 20px rgba(77,58,199,.10)!important;filter:none!important} .site-header .brand:hover{opacity:1!important} .fast-track-mark{display:none!important} @media(max-width:680px){ .site-header .brand{gap:10px!important} .site-header .brand-logo-mark{width:44px!important;height:44px!important} .site-header .brand .brand-title{font-size:1rem!important} .site-header .brand .brand-subtitle{font-size:.53rem!important} } .journey-redesign-v18 .journey-heading-v1711{margin-bottom:16px!important} .journey-redesign-v18 .journey-heading-v1711 h2{max-width:900px;margin-left:auto!important;margin-right:auto!important} .journey-redesign-v18 .journey-panel-v1711{padding:22px 20px 18px!important;border-radius:32px!important} .journey-redesign-v18 .journey-step-v1711{min-height:212px!important;padding:18px 15px 16px!important} .journey-redesign-v18 .journey-step-v1711 strong{font-size:.93rem!important} .journey-redesign-v18 .journey-step-v1711 p{font-size:.9rem!important} .journey-summary-v18{margin-top:18px;padding:13px 16px;border-top:1px solid rgba(224,218,245,.85);text-align:center;color:#3f4f4b;font-size:.93rem;font-weight:650;letter-spacing:.01em} .journey-summary-v18 span{color:#b2a8d9;padding:0 8px;font-weight:400} @media(max-width:980px){ .journey-redesign-v18 .journey-step-v1711{min-height:0!important} } @media(max-width:640px){ .journey-redesign-v18 .journey-panel-v1711{padding:14px 14px 12px!important;border-radius:24px!important} .journey-summary-v18{text-align:left;font-size:.86rem;line-height:1.55;padding:12px 4px 2px!important;border-top:1px solid rgba(224,218,245,.85)} .journey-summary-v18 span{padding:0 4px} } /* V18.1 — final logo polish only: heavier logo edge, weighted green bar, footer/right-bottom logo placement */ .site-header .brand{gap:13px!important;align-items:center!important} .site-header .brand .brand-title{font-weight:780!important;letter-spacing:-.035em!important;color:#4430bd!important} .site-header .brand .brand-subtitle{font-weight:800!important;letter-spacing:.11em!important;color:#343434!important} .site-header .brand-logo-mark{width:54px!important;height:54px!important;border-radius:18px!important;background:#fff!important;border:1.5px solid #d8cef9!important;box-shadow:0 12px 24px rgba(77,58,199,.13)!important;filter:none!important} .footer-inner{align-items:center!important} .footer-right-cluster{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-left:auto} .footer-bottom-logo{width:46px;height:46px;display:block;flex:0 0 auto;border-radius:15px;background:#fff;border:1.5px solid #d8cef9;box-shadow:0 10px 22px rgba(77,58,199,.10)} @media(max-width:680px){ .site-header .brand{gap:10px!important} .site-header .brand-logo-mark{width:46px!important;height:46px!important;border-radius:16px!important} .footer-right-cluster{width:100%;justify-content:space-between;margin-left:0} .footer-bottom-logo{width:42px;height:42px;border-radius:14px} } /* V18.2 — safe detail-page gallery viewer fix only Keeps V18/V18.1 flows intact. The full property details modal uses z-index 10000; the gallery lightbox must sit above it so detail-page thumbnails/main image can open. */ .gallery-lightbox{ z-index:12000!important; pointer-events:auto!important; } .gallery-lightbox.open{ display:flex!important; } .gallery-lightbox-panel, .gallery-lightbox-panel *{ pointer-events:auto!important; } body.property-details-open-v161152 .gallery-lightbox, body.property-details-open-v161152 .gallery-lightbox.open{ z-index:12050!important; } body.gallery-open{ overflow:hidden!important; } /* V18.3 — Professional guide video polish: no new logic, visual section only */ .journey-explainer-section-v16116{ padding-top:20px!important; padding-bottom:22px!important; background:linear-gradient(180deg,#ffffff 0%,#fbfcfb 100%)!important; } .journey-explainer-card-v16116{ gap:24px!important; padding:22px!important; border:1px solid #e7ece9!important; border-radius:24px!important; background:linear-gradient(180deg,#ffffff,#fcfdfc)!important; box-shadow:0 16px 42px rgba(34,58,51,.055)!important; } .journey-video-panel-v16116{ padding:10px!important; border:1px solid #dfe8e4!important; border-radius:24px!important; background:linear-gradient(145deg,#ffffff,#f7faf8)!important; box-shadow:0 18px 42px rgba(24,54,47,.075)!important; } .journey-video-panel-v16116 video{ border-radius:17px!important; background:#f3f6f5!important; box-shadow:0 10px 24px rgba(24,54,47,.08)!important; outline:1px solid rgba(255,255,255,.72)!important; } .guide-copy-polish-v16118 .eyebrow{ border-color:#dfe8e4!important; background:#ffffff!important; color:#5f6c68!important; box-shadow:none!important; } .guide-copy-polish-v16118 h2, .journey-explainer-copy-v16116 h2{ color:#1f2926!important; letter-spacing:-.025em!important; } .guide-intro-v16118, .journey-explainer-copy-v16116 p{ color:#566560!important; } .guide-route-cards-v16118{ gap:10px!important; margin-top:14px!important; } .guide-route-cards-v16118 article{ padding:12px 14px 12px 16px!important; border:1px solid #dfe8e4!important; border-radius:17px!important; background:linear-gradient(180deg,#ffffff,#fbfcfb)!important; box-shadow:0 8px 22px rgba(34,58,51,.045)!important; } .guide-route-cards-v16118 article::before{ top:14px!important; bottom:14px!important; width:2px!important; left:0!important; background:linear-gradient(180deg,#6c55e0,#2f8f73)!important; opacity:.74!important; } .guide-route-cards-v16118 article::after{ content:""; position:absolute; left:10px; top:14px; width:6px; height:6px; border-radius:2px; background:#2f8f73; opacity:.62; } .guide-route-cards-v16118 span{ margin-left:12px!important; color:#5142b7!important; letter-spacing:.085em!important; } .guide-route-cards-v16118 strong{ margin-left:12px!important; color:#1f2926!important; font-weight:780!important; } .guide-route-cards-v16118 small{ margin-left:12px!important; color:#5e6c68!important; font-weight:560!important; } .guide-route-cards-v16118 .approval-card-v16118{ border-color:#d7e7df!important; background:linear-gradient(180deg,#ffffff,#f7fbf9)!important; } .guide-route-cards-v16118 .approval-card-v16118::before{ background:linear-gradient(180deg,#2f8f73,#6c55e0)!important; } @media(max-width:860px){ .journey-explainer-card-v16116{ gap:18px!important; padding:18px!important; } .journey-video-panel-v16116{ padding:8px!important; } } @media(max-width:560px){ .journey-explainer-card-v16116{ padding:15px!important; border-radius:21px!important; } .journey-video-panel-v16116{ border-radius:20px!important; } .journey-video-panel-v16116 video{ border-radius:14px!important; } .guide-route-cards-v16118 article{ padding:11px 12px 11px 15px!important; } } /* V18.3.2 — guide video user music + no black native-control screen */ .guide-video-player-v1832{ position:relative!important; overflow:hidden!important; border-radius:17px!important; background:#f6f8f7!important; box-shadow:0 10px 24px rgba(24,54,47,.08)!important; outline:1px solid rgba(255,255,255,.72)!important; } .guide-video-player-v1832 video{ display:block!important; width:100%!important; aspect-ratio:16/9!important; border-radius:17px!important; background:#f6f8f7!important; box-shadow:none!important; outline:none!important; cursor:pointer!important; } .guide-play-button-v1832{ position:absolute!important; left:16px!important; bottom:16px!important; display:inline-flex!important; align-items:center!important; gap:10px!important; border:1px solid rgba(223,232,228,.92)!important; border-radius:999px!important; padding:10px 15px!important; background:rgba(255,255,255,.92)!important; color:#263833!important; font:inherit!important; font-weight:760!important; letter-spacing:-.01em!important; box-shadow:0 12px 28px rgba(24,54,47,.13)!important; cursor:pointer!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; } .guide-play-button-v1832 span{ display:inline-grid!important; place-items:center!important; width:28px!important; height:28px!important; border-radius:999px!important; background:#f0edff!important; color:#5142b7!important; font-size:.88rem!important; line-height:1!important; } .guide-play-button-v1832 strong{ font-size:.92rem!important; white-space:nowrap!important; } .guide-video-player-v1832.is-playing-v1832 .guide-play-button-v1832{ opacity:.18!important; transform:translateY(4px)!important; transition:opacity .18s ease, transform .18s ease!important; } .guide-video-player-v1832.is-playing-v1832:hover .guide-play-button-v1832, .guide-video-player-v1832.is-playing-v1832:focus-within .guide-play-button-v1832{ opacity:.92!important; transform:translateY(0)!important; } @media(max-width:560px){ .guide-play-button-v1832{left:12px!important;bottom:12px!important;padding:9px 12px!important;gap:8px!important;} .guide-play-button-v1832 span{width:25px!important;height:25px!important;font-size:.8rem!important;} .guide-play-button-v1832 strong{font-size:.84rem!important;} } /* V18.3.3 — guide video first-screen headline polish + lower play button */ .guide-play-button-v1832{ bottom:7px!important; left:14px!important; padding:9px 14px!important; } @media(max-width:560px){ .guide-play-button-v1832{bottom:7px!important;left:10px!important;} } /* V18.3.6 — clean guide-video layout rebuild display polish */ .journey-explainer-card-v16116{ grid-template-columns:minmax(410px,575px) minmax(0,1fr)!important; gap:26px!important; } .journey-video-panel-v16116{ max-width:575px!important; width:100%!important; padding:12px!important; border:1px solid #dce9e2!important; border-top:2px solid rgba(47,143,115,.26)!important; border-radius:26px!important; background:linear-gradient(145deg,#ffffff,#f7faf8)!important; box-shadow:0 18px 42px rgba(24,54,47,.075)!important; } .guide-video-player-v1836{ position:relative!important; overflow:visible!important; border-radius:18px!important; background:linear-gradient(180deg,#fbfcfb 0%,#f6faf7 100%)!important; outline:1px solid rgba(220,233,226,.92)!important; box-shadow:0 12px 28px rgba(24,54,47,.08)!important; padding-bottom:34px!important; } .guide-video-player-v1836 video{ display:block!important; width:100%!important; aspect-ratio:16/9!important; border-radius:17px!important; background:#f6f8f7!important; box-shadow:0 10px 24px rgba(24,54,47,.08)!important; cursor:pointer!important; } .guide-play-button-v1836{ position:absolute!important; left:16px!important; bottom:-18px!important; display:inline-flex!important; align-items:center!important; gap:10px!important; border:1px solid rgba(211,229,220,.98)!important; border-radius:999px!important; padding:10px 15px!important; background:rgba(255,255,255,.97)!important; color:#263833!important; font:inherit!important; font-weight:760!important; letter-spacing:-.01em!important; box-shadow:0 14px 26px rgba(24,54,47,.12)!important; cursor:pointer!important; } .guide-play-button-v1836 span{ display:inline-grid!important; place-items:center!important; width:28px!important; height:28px!important; border-radius:999px!important; background:linear-gradient(180deg,#e8f5ef,#dbf0e5)!important; color:#2f8f73!important; font-size:.88rem!important; line-height:1!important; } .guide-play-button-v1836 strong{font-size:.92rem!important;white-space:nowrap!important;} .guide-video-player-v1836.is-playing-v1836 .guide-play-button-v1836{ opacity:.22!important; transform:translateY(6px)!important; transition:opacity .18s ease, transform .18s ease!important; } .guide-video-player-v1836.is-playing-v1836:hover .guide-play-button-v1836, .guide-video-player-v1836.is-playing-v1836:focus-within .guide-play-button-v1836{ opacity:.95!important; transform:translateY(0)!important; } @media(max-width:1100px){ .journey-explainer-card-v16116{grid-template-columns:minmax(390px,545px) minmax(0,1fr)!important;} } @media(max-width:860px){ .journey-explainer-card-v16116{grid-template-columns:1fr!important;gap:18px!important;} .journey-video-panel-v16116{max-width:none!important;} } @media(max-width:560px){ .guide-video-player-v1836{padding-bottom:30px!important;} .guide-play-button-v1836{left:12px!important;bottom:-16px!important;padding:9px 12px!important;gap:8px!important;} .guide-play-button-v1836 span{width:25px!important;height:25px!important;font-size:.8rem!important;} .guide-play-button-v1836 strong{font-size:.84rem!important;} } /* V18.3.8 — centre the List → Request → Approve & Connect strip */ .fairmove-value-process-v161130{ justify-content:center !important; text-align:center !important; padding-left:14px !important; padding-right:14px !important; } .fairmove-value-process-v161130 span, .fairmove-value-process-v161130 b{ display:inline-flex; align-items:center; justify-content:center; } @media (max-width: 560px){ .fairmove-value-process-v161130{ gap:8px !important; } } /* V18.3.9 — native browser video playback restore */ .guide-play-button-v1836, .guide-play-button-v1835, .guide-play-button-v1834, .guide-play-button-v1832{ display:none!important; } .guide-video-player-v1836{ padding-bottom:0!important; overflow:hidden!important; } .guide-video-player-v1836 video{ display:block!important; width:100%!important; border-radius:17px!important; } /* V18.3.29 — emergency restore: approved footer QR placement only; clean V18.3.25 guide video preserved */ .footer-right-cluster-v18329{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:14px!important; margin-left:auto!important; } .footer-qr-card-v18329{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:4px!important; padding:7px!important; border:1px solid #e5eee9!important; border-radius:14px!important; background:#ffffff!important; box-shadow:0 10px 24px rgba(37,54,48,.06)!important; flex:0 0 auto!important; } .footer-qr-card-v18329 img{ width:74px!important; height:74px!important; display:block!important; image-rendering:pixelated!important; background:#fff!important; border-radius:6px!important; } .footer-qr-card-v18329 small{ display:block!important; font-size:.68rem!important; line-height:1!important; color:#139a55!important; font-weight:700!important; white-space:nowrap!important; } @media (max-width: 640px){ .footer-right-cluster-v18329{ width:100%!important; justify-content:flex-start!important; gap:10px!important; margin-left:0!important; } .footer-qr-card-v18329{padding:6px!important;} .footer-qr-card-v18329 img{width:66px!important;height:66px!important;image-rendering:pixelated;} .footer-qr-card-v18329 small{font-size:.62rem!important;} } /* V19.1 submit processing feedback: clear green edge + friendly wait state */ button.submit-processing-v191, .button.submit-processing-v191, .account-submit.submit-processing-v191, .role-cta.submit-processing-v191 { border: 2px solid #16a34a !important; box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.16), 0 10px 22px rgba(22, 163, 74, 0.14) !important; background: linear-gradient(180deg, #f0fdf4, #dcfce7) !important; color: #064e3b !important; cursor: default !important; opacity: 1 !important; } button.submit-processing-v191::after, .button.submit-processing-v191::after { content: ''; display: inline-block; width: 0.65em; height: 0.65em; margin-left: 0.55em; border: 2px solid rgba(6, 78, 59, 0.28); border-top-color: #16a34a; border-radius: 50%; animation: fmd-submit-spin-v191 0.8s linear infinite; vertical-align: -0.08em; } @keyframes fmd-submit-spin-v191 { to { transform: rotate(360deg); } } .media-preview-box.heic-converted-v191, .media-preview-box.heic-converted-v161150 { border-color: rgba(22, 163, 74, 0.45) !important; background: #f0fdf4 !important; } .media-preview-box.heic-pending-v191, .media-preview-box.heic-pending-v161150 { border-color: rgba(217, 119, 6, 0.38) !important; background: #fffbeb !important; } /* V19.2 submit loading cleanup: one visible spinner only, no browser wait-cursor spinner */ button.submit-processing-v192, .button.submit-processing-v192, .account-submit.submit-processing-v192, .role-cta.submit-processing-v192 { cursor: default !important; } button.submit-processing-v192::after, .button.submit-processing-v192::after { animation: fmd-submit-spin-v191 0.8s linear infinite !important; } button.submit-processing-timeout-v192, .button.submit-processing-timeout-v192 { border-color: #ca8a04 !important; box-shadow: 0 0 0 4px rgba(202, 138, 4, 0.14), 0 10px 22px rgba(202, 138, 4, 0.12) !important; background: linear-gradient(180deg, #fffbeb, #fef3c7) !important; color: #713f12 !important; } /* V20.5.1 — safe launch hero title polish, built only from verified V20.5 */ #top .hero-polish-v168 .hero-era-message-v2051 { max-width: 720px; margin: 0 0 9px; color: #5b35d5; font-family: "Segoe UI", "Inter", Arial, Helvetica, sans-serif; font-size: clamp(1.02rem, 1.35vw, 1.24rem); line-height: 1.35; font-weight: 650; letter-spacing: -.018em; text-wrap: balance; } @media (max-width: 680px) { #top .hero-polish-v168 .hero-era-message-v2051 { font-size: .98rem; line-height: 1.38; margin-bottom: 8px; } } /* V21.0 additive Property Swap homepage introduction. Existing Sale/Rental styles remain unchanged. */ .property-swap-intro-v21{background:linear-gradient(145deg,#fff 0%,#faf8ff 100%);border-top:1px solid #eee9f5;border-bottom:1px solid #eee9f5} .property-swap-intro-grid-v21{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center} .property-swap-intro-copy-v21 h2{color:#4f368f;margin:7px 0 11px}.property-swap-intro-copy-v21 p{color:#5b6763;line-height:1.65;max-width:700px} .property-swap-actions-v21{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.property-swap-route-grid-v21{display:grid;gap:12px}.property-swap-route-grid-v21 article{border:1px solid #ded6ec;background:#fff;border-radius:17px;padding:18px}.property-swap-route-grid-v21 strong{display:block;color:#4f368f;margin-bottom:6px}.property-swap-route-grid-v21 span{display:block;color:#65716d;line-height:1.5;font-size:.9rem}.property-swap-disclaimer-v21{max-width:1120px;margin:18px auto 0;border:1px solid #eadfb9;background:#fffaf0;border-radius:13px;padding:12px 15px;color:#6d582c;font-size:.88rem;line-height:1.5} .nav-property-swap{color:#51388c!important} @media(max-width:780px){.property-swap-intro-grid-v21{grid-template-columns:1fr}.property-swap-actions-v21{display:grid}.property-swap-actions-v21 .button{width:100%}} /* V22 main Admin Property Swap listing records */ .admin-swap-listings{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)} .admin-swap-listings .section-title-row{align-items:flex-start} .admin-swap-listings .section-title-row>div{min-width:0} .admin-swap-listings .cloud-status{margin:10px 0 12px} .swap-admin-record{border-color:#e7e1fb} .swap-read-only-note{margin-top:10px;padding:9px 11px;border:1px solid #ebe5fa;border-radius:12px;background:#fcfbff} @media(max-width:780px){.admin-swap-listings .section-title-row .button{width:100%}} /* V22.1 prominent Admin Swap listing records */ .admin-swap-listings-prominent{border:1px solid #d8cdf7;background:linear-gradient(180deg,#fdfcff 0%,#faf8ff 100%);box-shadow:0 14px 34px rgba(76,49,135,.07)} .admin-swap-listings-prominent .section-title-row{margin-bottom:14px} .admin-swap-summary{margin:10px 0 14px} .admin-swap-route{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:850;border:1px solid transparent;margin-top:5px} .admin-swap-route-permanent{background:#efe9ff;border-color:#cbbaf3;color:#4f2f91} .admin-swap-route-temporary{background:#e7f7fb;border-color:#a9dce8;color:#12677b} .admin-swap-route-unknown{background:#f4f4f5;border-color:#d7d7da;color:#555d5a} .admin-swap-listings-prominent #swapListingRecords{display:grid;gap:12px} /* V22.3 — scalable compact Admin property workspace */ .admin-body .admin-wrap{max-width:1480px} .admin-scale-tools-grid{display:grid;grid-template-columns:minmax(280px,2fr) repeat(4,minmax(145px,1fr));gap:12px;align-items:end} .admin-scale-tools-grid label{display:block;font-weight:700} .admin-scale-tools-grid input,.admin-scale-tools-grid select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:12px;padding:10px 11px;background:#fff;font:inherit} .admin-scalable-grid{grid-template-columns:1fr!important;gap:18px} .admin-scalable-section{padding:16px!important} .admin-scalable-section .section-title-row{align-items:flex-start} .admin-section-count{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #ddd6f4;background:#faf8ff;color:#524875;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:750} .admin-compact-list{display:grid;gap:7px;margin-top:10px} .admin-compact-record{border:1px solid #e3deef;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 3px 10px rgba(65,47,105,.035)} .admin-compact-record[open]{border-color:#cfc3ed;box-shadow:0 8px 22px rgba(65,47,105,.07)} .admin-compact-summary{display:grid;grid-template-columns:54px minmax(230px,1.45fr) minmax(145px,.85fr) minmax(145px,.85fr) auto 28px;gap:11px;align-items:center;padding:8px 10px;cursor:pointer;list-style:none;min-height:58px} .admin-compact-summary::-webkit-details-marker{display:none} .admin-compact-summary:hover{background:#fcfbff} .admin-compact-thumb{width:52px;height:42px;border-radius:8px;object-fit:cover;border:1px solid #e2ddef;background:#f7f5fb;display:block} .admin-compact-thumb.placeholder{display:grid;place-items:center;font-size:.67rem;text-align:center;color:#736a84;padding:3px;line-height:1.15} .admin-compact-identity,.admin-compact-owner,.admin-compact-facts{min-width:0} .admin-compact-identity strong{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2d2840} .admin-compact-identity small,.admin-compact-owner small,.admin-compact-facts small{display:block;color:#716a7f;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px} .admin-compact-owner b,.admin-compact-facts b{display:block;font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3d374c} .admin-compact-statuses{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap;max-width:230px} .admin-status-pill{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;max-width:128px;white-space:nowrap;border-radius:999px;padding:3px 7px;font-size:.68rem;font-weight:800;line-height:1.15;border:1px solid #ded9e9;background:#f6f4fa;color:#5b5468} .admin-status-pill.ok{background:#eaf8f0;border-color:#c6e7d3;color:#1f6845} .admin-status-pill.dark-ok{background:#daf3e5;border-color:#a9dcc0;color:#15583a} .admin-status-pill.warn{background:#fff7df;border-color:#eed99a;color:#7d5a05} .admin-status-pill.danger{background:#fff0f1;border-color:#efc7cd;color:#9a2f40} .admin-status-pill.neutral{background:#f1f2f3;border-color:#dadde0;color:#59605f} .admin-compact-chevron{font-size:.75rem;color:#716780;text-align:center;transition:transform .18s ease} .admin-compact-record[open] .admin-compact-chevron{transform:rotate(180deg)} .admin-compact-details{border-top:1px solid #ebe6f4;padding:12px;background:#fdfcff} .admin-compact-details .detail-table{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 12px} .admin-compact-details .detail-table div{padding:6px 0} .admin-compact-details .detail-table b{font-size:.72rem;color:#6b627a} .admin-compact-details .detail-table span{font-size:.8rem;overflow-wrap:anywhere} .admin-compact-details .record-actions{margin-top:10px;gap:6px} .admin-compact-details .record-actions button{padding:7px 9px;font-size:.76rem;border-radius:9px} .admin-compact-details .mini-label{font-size:.76rem;margin-top:10px} .admin-compact-details .small-input{padding:8px 9px;border-radius:9px;font-size:.8rem} .admin-route-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:.66rem;font-weight:800;line-height:1.1;border:1px solid transparent;margin-right:5px;vertical-align:middle;white-space:nowrap} .admin-route-sale{background:#f0ecff;border-color:#d4c9f8;color:#503a9f} .admin-route-rent{background:#e8f7f5;border-color:#b8e2dc;color:#146b61} .admin-route-permanent{background:#efe9ff;border-color:#cbbaf3;color:#4f2f91} .admin-route-temporary{background:#e7f7fb;border-color:#a9dce8;color:#12677b} .admin-pagination{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;margin-top:10px;min-height:30px} .admin-pagination button{border:1px solid #ddd7ea;background:#fff;color:#4a435b;border-radius:8px;padding:5px 8px;font-size:.72rem;cursor:pointer} .admin-pagination button.active{background:#5b3fa4;color:#fff;border-color:#5b3fa4} .admin-pagination button:disabled{opacity:.45;cursor:not-allowed} .admin-pagination span{font-size:.72rem;color:#6d6678;margin-right:auto} .swap-admin-moderation{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:11px;padding:10px;border:1px solid #e5deef;border-radius:11px;background:#fff} .swap-admin-moderation .approve{background:#e8f7ee!important;border-color:#bde0cb!important;color:#1e6544!important} .swap-admin-moderation .reject{background:#fff0f1!important;border-color:#e9c0c7!important;color:#962f40!important} .swap-admin-moderation-note{font-size:.76rem;color:#655d70;flex:1 1 260px;margin:0} .swap-admin-audit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 12px} @media(max-width:1180px){.admin-scale-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-compact-summary{grid-template-columns:54px minmax(220px,1.4fr) minmax(130px,.8fr) auto 28px}.admin-compact-facts{display:none}.admin-compact-details .detail-table{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:820px){.admin-scale-tools-grid{grid-template-columns:1fr 1fr}.admin-compact-summary{grid-template-columns:48px minmax(0,1fr) auto 24px;gap:8px}.admin-compact-thumb{width:46px;height:38px}.admin-compact-owner,.admin-compact-facts{display:none}.admin-compact-statuses{max-width:150px}.admin-compact-details .detail-table,.swap-admin-audit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.admin-scale-tools-grid{grid-template-columns:1fr}.admin-compact-summary{grid-template-columns:44px minmax(0,1fr) 20px;padding:8px}.admin-compact-thumb{width:42px;height:36px}.admin-compact-statuses{grid-column:2;justify-content:flex-start;max-width:none}.admin-compact-chevron{grid-column:3;grid-row:1/3}.admin-compact-details .detail-table,.swap-admin-audit-grid{grid-template-columns:1fr}.admin-status-pill{font-size:.64rem}.admin-pagination{justify-content:flex-start}.admin-pagination span{width:100%;margin:0}} /* V22.4 paid-service consent and subscription countdown */ .paid-service-consent-v224{ border:1px solid #cfc4ec; border-left:4px solid #6842b8; border-radius:12px; background:#fbf9ff; padding:12px 14px; align-items:flex-start; gap:10px; } .paid-service-consent-v224 input{margin-top:3px;flex:0 0 auto} .paid-service-consent-v224 span{display:block;line-height:1.45} .paid-service-consent-v224 a{font-weight:800;text-decoration:underline} .paid-service-consent-v224.is-missing{border-color:#c2413a;background:#fff7f6;box-shadow:0 0 0 2px rgba(194,65,58,.08)} [data-paid-service-consent-submit][disabled]{opacity:.58;cursor:not-allowed;filter:grayscale(.1)} .subscription-countdown-v224{ display:inline-flex; align-items:center; gap:5px; width:max-content; max-width:100%; margin-top:7px; padding:4px 9px; border-radius:999px; font-size:.78rem; line-height:1.2; font-weight:800; border:1px solid #b8dcc7; background:#effaf3; color:#17643a; white-space:nowrap; } .subscription-countdown-v224.soon{border-color:#e7cd86;background:#fff8e6;color:#7a5200} .subscription-countdown-v224.urgent{border-color:#e6a7a1;background:#fff1f0;color:#9b2d26} .subscription-countdown-v224.expired{border-color:#c8c8ce;background:#f3f3f5;color:#5f6068} .subscription-countdown-v224.pending{border-color:#cfc4ec;background:#f7f3ff;color:#5d3d9d} .paid-service-dialog-v224{ position:fixed;inset:0;z-index:10050;background:rgba(22,15,39,.65);display:grid;place-items:center;padding:18px } .paid-service-dialog-box-v224{width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.28)} .paid-service-dialog-box-v224 h2{margin-top:0} .paid-service-dialog-actions-v224{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px} @media(max-width:650px){.subscription-countdown-v224{white-space:normal}.paid-service-dialog-actions-v224>*{flex:1 1 100%}} /* V23 — professional Home / Sell / Rent presentation polish (visual and navigation only) */ .home-hero-v23{ grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr); align-items:center; gap:30px; padding-top:46px; padding-bottom:42px; background: radial-gradient(circle at 92% 12%,rgba(105,66,184,.09),transparent 31%), radial-gradient(circle at 5% 86%,rgba(21,151,65,.07),transparent 27%); } .home-hero-copy-v23{max-width:720px} .home-hero-v23 .hero-heading-v176{font-size:clamp(2.25rem,4.25vw,4.25rem);line-height:1.02;letter-spacing:-.045em;max-width:760px;margin-bottom:13px} .home-hero-v23 .hero-era-message-v2051{font-size:clamp(1.05rem,1.55vw,1.32rem);line-height:1.35;margin:0 0 12px;color:#5135a1;font-weight:800} .home-hero-v23 .hero-core-message{max-width:680px;font-size:1.03rem;line-height:1.55;margin-bottom:9px} .home-hero-v23 .hero-pricing-line{max-width:690px;font-size:.94rem;line-height:1.5;color:#5e5868;margin-bottom:18px} .home-hero-v23 .hero-actions-v168{gap:9px;margin-top:0} .home-hero-v23 .hero-actions-v168 .button{min-height:48px;padding:12px 18px;border-radius:13px} .home-hero-v23 .hero-trust-badges-v168{gap:7px;margin-top:14px} .home-hero-v23 .hero-trust-badges-v168 .badge{font-size:.72rem;padding:6px 9px} .home-route-panel-v23{padding:22px;border:1px solid #e0daf0;border-radius:21px;background:rgba(255,255,255,.94);box-shadow:0 18px 42px rgba(57,39,97,.10)} .home-route-panel-v23>h2{font-size:clamp(1.35rem,2vw,1.78rem);line-height:1.16;margin:7px 0 15px;letter-spacing:-.025em} .home-route-list-v23{display:grid;gap:10px} .home-route-card-v23{display:grid;grid-template-columns:54px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e3dfee;border-radius:15px;background:#fff;text-decoration:none;color:#29243a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .home-route-card-v23:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(56,41,91,.09)} .home-route-card-v23.sale{border-color:#c6e7d0;background:linear-gradient(90deg,#fbfffc,#fff)} .home-route-card-v23.rent{border-color:#d7ccef;background:linear-gradient(90deg,#fdfbff,#fff)} .home-route-card-v23.browse{border-color:#ddd9e8} .home-route-card-v23>span:nth-child(2){min-width:0} .home-route-card-v23 strong{display:block;font-size:.98rem;margin-bottom:3px} .home-route-card-v23.sale strong{color:#16813b} .home-route-card-v23.rent strong,.home-route-card-v23.browse strong{color:#5130a6} .home-route-card-v23 small{display:block;font-size:.78rem;line-height:1.35;color:#625c6e} .home-route-card-v23>b{font-size:1.15rem;color:#6545b0} .home-route-icon-v23{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;background:#fff} .home-route-card-v23.sale .home-route-icon-v23{color:#16923e;background:#f3fcf6} .home-route-card-v23.rent .home-route-icon-v23{color:#5531af;background:#f8f5ff} .home-route-card-v23.browse .home-route-icon-v23{color:#5531af;background:#faf8ff} .home-route-icon-v23 svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round} .home-route-assurance-v23{margin:14px 2px 0;font-size:.78rem;color:#5e5868;display:flex;align-items:center;gap:7px} .home-route-assurance-v23 span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e7f7ed;color:#12853a;font-weight:900} .home-value-v23{padding-top:38px;padding-bottom:38px} .home-value-v23 .fairmove-value-wrap-v161130{gap:18px} .home-value-v23 .fairmove-value-card-v161130,.home-value-v23 .fairmove-value-image-v161130{border-radius:20px} .home-listing-hub-v23{padding-top:46px} .home-listing-hub-v23>.compact-center{max-width:740px} .home-listing-hub-v23>.compact-center h2{font-size:clamp(1.85rem,3vw,2.7rem);letter-spacing:-.035em} .home-listing-choice-grid-v23{gap:16px;max-width:1040px;margin-left:auto;margin-right:auto} .home-listing-choice-v23{position:relative;overflow:hidden;padding:22px;border-radius:19px} .home-listing-choice-v23:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#6842b8} .home-listing-choice-v23.sale:before{background:#189244} .home-listing-choice-v23 h3{font-size:1.45rem;margin:8px 0} .home-listing-choice-v23 p{min-height:44px} .home-listing-choice-v23 .button{min-width:190px;border-radius:12px} @media(max-width:980px){.home-hero-v23{grid-template-columns:1fr;gap:22px;padding-top:34px}.home-route-panel-v23{max-width:none}.home-hero-v23 .hero-heading-v176{max-width:820px}} @media(max-width:650px){.home-hero-v23{padding-top:26px;padding-bottom:28px}.home-hero-v23 .hero-heading-v176{font-size:2.25rem}.home-route-panel-v23{padding:16px}.home-route-card-v23{grid-template-columns:46px minmax(0,1fr) 16px;padding:11px}.home-route-icon-v23{width:43px;height:43px}.home-route-icon-v23 svg{width:24px;height:24px}.home-listing-choice-v23 .button{width:100%;min-width:0}} /* V23.1 — compact premium homepage presentation only */ .home-hero-v23{padding-top:28px!important;padding-bottom:28px!important;min-height:0!important;gap:24px!important} .home-hero-v23 .hero-heading-v176{font-size:clamp(2.25rem,4vw,3.7rem)!important;line-height:1.02!important;max-width:790px!important;margin:10px 0 8px!important} .home-hero-v23 .hero-era-message-v2051{font-size:clamp(1rem,1.45vw,1.22rem)!important;line-height:1.3!important;margin:0 0 9px!important;max-width:790px!important} .home-hero-v23 .hero-core-message,.home-hero-v23 .hero-pricing-line{margin:0 0 8px!important;line-height:1.48!important} .home-hero-v23 .hero-trust-badges-v168{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #e7e2ef;border-radius:15px;padding:8px;box-shadow:0 8px 22px rgba(56,41,91,.06)} .home-hero-v23 .hero-trust-badges-v168 .badge{background:transparent!important;border:0!important;border-radius:10px!important;padding:5px 7px!important;text-align:center!important;font-weight:750!important} .home-route-panel-v23{padding:18px!important} .home-route-panel-v23>h2{margin:5px 0 12px!important} .home-route-card-v23{padding:10px 12px!important} .home-route-icon-v23{width:45px!important;height:45px!important} .home-service-grid-v231{display:grid;grid-template-columns:1.02fr 1.04fr .88fr;gap:16px;padding-top:26px!important;padding-bottom:20px!important;align-items:stretch} .home-service-card-v231{border:1px solid #e5e0ec;border-radius:20px;background:#fff;box-shadow:0 13px 32px rgba(47,34,79,.07);padding:18px;min-width:0} .home-service-card-v231 h2{font-size:1.18rem;line-height:1.22;margin:7px 0 9px;letter-spacing:-.02em} .home-fee-list-v231{display:grid;gap:0;border:1px solid #ece8f2;border-radius:14px;overflow:hidden;background:#fff} .home-fee-list-v231>div{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border:0;border-bottom:1px solid #eeeaf3;border-radius:0;background:#fff;font-size:.76rem} .home-fee-list-v231>div:last-child{border-bottom:0} .home-fee-list-v231 strong{font-size:.75rem} .home-fee-list-v231>div>span:last-child{font-weight:800;text-align:right;color:#393247} .home-fee-list-v231 .commission-zero-row{background:#f4efff} .home-fee-list-v231 .commission-zero-row>span:last-child{color:#5a32b4;font-size:1rem} .mini-line-icon-v231{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:.75rem;border:1px solid currentColor} .mini-line-icon-v231.green{color:#11923d;background:#f4fcf6}.mini-line-icon-v231.purple{color:#5a35b4;background:#faf7ff} .home-mini-route-v231{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0 7px;padding:9px;border-radius:12px;background:#f4efff;color:#5130a6;font-weight:850;font-size:.78rem} .fees-card-v231 .neutral-route-footnote{font-size:.68rem;margin:7px 1px 0} .guide-card-content-v231{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:stretch} .guide-portrait-v231{border:1px solid #e9e4ef;border-radius:14px;background:linear-gradient(180deg,#fbfaff,#f1f8f3);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;min-height:205px} .guide-portrait-v231 img{width:100%;height:100%;object-fit:contain;object-position:center bottom} .guide-route-cards-v231{gap:6px!important} .guide-route-cards-v231 article{padding:7px 9px!important;border-radius:11px!important;min-height:0!important} .guide-route-cards-v231 article span{font-size:.58rem!important}.guide-route-cards-v231 article strong{font-size:.73rem!important;margin:2px 0!important}.guide-route-cards-v231 article small{font-size:.63rem!important;line-height:1.3!important} .guide-video-compact-v231{margin-top:9px;border-radius:13px!important;overflow:hidden;background:#111} .guide-video-compact-v231 video{display:block;width:100%;max-height:108px;object-fit:cover} .safety-card-v231{padding:10px;display:flex;flex-direction:column} .safety-card-v231>img{width:100%;height:210px;object-fit:cover;border-radius:14px} .safety-card-copy-v231{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:13px 8px 7px;background:linear-gradient(180deg,#fff,#f5f0ff);border-radius:0 0 14px 14px;flex:1} .safety-card-copy-v231 h2{font-size:1rem;margin:0 0 5px}.safety-card-copy-v231 p{font-size:.72rem;line-height:1.45;margin:0 0 10px;color:#625b6e}.safety-card-copy-v231 a{font-size:.75rem;font-weight:850;color:#5531ad;text-decoration:none}.safety-shield-v231{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e4f7ea;color:#108a39;font-weight:900;border:1px solid #bce3c8} .home-benefit-strip-v231{padding-top:8px!important;padding-bottom:28px!important} .home-benefit-strip-v231>h2{font-size:1.1rem;margin:0 0 12px} .home-benefit-items-v231{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;border:1px solid #e7e2ed;border-radius:18px;background:#fff;padding:12px;box-shadow:0 10px 28px rgba(48,34,78,.06)} .home-benefit-items-v231>div{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:5px 7px;min-width:0} .home-benefit-items-v231 span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid #6a48bd;color:#5733ad;background:#faf7ff;font-weight:900} .home-benefit-items-v231>div:nth-child(odd) span{border-color:#269c4d;color:#168d3c;background:#f3fbf5} .home-benefit-items-v231 strong{font-size:.69rem;line-height:1.3} .journey-redesign-v1711{padding-top:32px!important;padding-bottom:34px!important} .journey-heading-v1711{max-width:780px!important}.journey-heading-v1711 h2{font-size:clamp(1.65rem,2.6vw,2.25rem)!important;margin:8px 0!important}.journey-heading-v1711 p{font-size:.9rem!important;line-height:1.5!important} .journey-panel-v1711{padding:18px!important;border-radius:20px!important} .journey-steps-v1711{gap:10px!important}.journey-step-v1711{padding:14px!important;border-radius:15px!important}.journey-step-v1711 h3{font-size:1.02rem!important}.journey-step-v1711 strong{font-size:.77rem!important}.journey-step-v1711 p{font-size:.7rem!important;line-height:1.4!important} @media(max-width:1050px){.home-service-grid-v231{grid-template-columns:1fr 1fr}.safety-card-v231{grid-column:1/-1;display:grid;grid-template-columns:42% 1fr}.safety-card-v231>img{height:100%;min-height:230px}.home-benefit-items-v231{grid-template-columns:repeat(3,1fr)}} @media(max-width:760px){.home-hero-v23 .hero-trust-badges-v168{grid-template-columns:1fr 1fr}.home-service-grid-v231{grid-template-columns:1fr}.safety-card-v231{grid-column:auto;display:flex}.home-benefit-items-v231{grid-template-columns:1fr 1fr}.guide-card-content-v231{grid-template-columns:76px 1fr}.home-service-grid-v231{padding-top:18px!important}.journey-steps-v1711{grid-template-columns:1fr 1fr!important}} @media(max-width:480px){.home-benefit-items-v231{grid-template-columns:1fr}.home-hero-v23 .hero-heading-v176{font-size:2.05rem!important}.home-hero-v23 .hero-trust-badges-v168{grid-template-columns:1fr}.guide-card-content-v231{grid-template-columns:1fr}.guide-portrait-v231{display:none}.journey-steps-v1711{grid-template-columns:1fr!important}} /* V23.2 — balanced homepage hero and complete Sale/Rent/Swap guide layout */ .home-hero-v23{ grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important; align-items:stretch!important; gap:26px!important; } .home-hero-copy-v23{ display:flex!important; flex-direction:column!important; justify-content:center!important; padding-right:8px!important; } .home-hero-v23 .hero-heading-v176{ font-size:clamp(2.05rem,3.55vw,3.35rem)!important; line-height:1.035!important; max-width:700px!important; margin:8px 0 7px!important; letter-spacing:-.04em!important; } .home-hero-v23 .hero-era-message-v2051{ font-size:clamp(.9rem,1.12vw,1.05rem)!important; line-height:1.35!important; max-width:690px!important; margin:0 0 8px!important; font-weight:760!important; } .home-hero-v23 .hero-core-message{ max-width:660px!important; font-size:.96rem!important; line-height:1.48!important; margin-bottom:7px!important; } .home-hero-v23 .hero-pricing-line{ max-width:665px!important; font-size:.9rem!important; line-height:1.46!important; margin-bottom:13px!important; } .home-hero-v23 .hero-actions-v168{margin-top:1px!important;margin-bottom:3px!important} .home-hero-v23 .hero-trust-badges-v168{margin-top:10px!important} .home-route-panel-v23{height:100%;display:flex;flex-direction:column;justify-content:center} .guide-card-v231{padding:16px!important} .guide-card-v231>h2{margin-bottom:2px!important} .guide-card-v231 .guide-intro-v16118{margin:0 0 9px!important} .guide-route-tabs-v232{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin:0 0 9px; } .guide-route-tabs-v232 span{ display:flex; align-items:center; gap:6px; min-height:35px; padding:6px 7px; border:1px solid #e6e0ef; border-radius:10px; background:#fff; color:#4d4260; font-size:.67rem; line-height:1.15; font-weight:800; } .guide-route-tabs-v232 b{ display:grid; place-items:center; flex:0 0 20px; width:20px; height:20px; border-radius:999px; color:#fff; background:#6c55e0; font-size:.65rem; } .guide-route-tabs-v232 .swap-route{border-color:#cfe8d5;background:#f7fcf8;color:#19733a} .guide-route-tabs-v232 .swap-route b{background:#1f9a4a} .guide-route-tabs-v232 .release-route{border-color:#eadfcf;background:#fffaf4;color:#8a5415} .guide-route-tabs-v232 .release-route b{background:#d48a25} .guide-video-v232{margin-top:0!important;border-radius:14px!important;box-shadow:0 10px 24px rgba(38,27,67,.12)} .guide-video-v232 video{width:100%!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:cover!important;background:#111} .guide-route-summary-v232{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:9px; } .guide-route-summary-v232 article{ border:1px solid #e8e3ef; border-left:3px solid #6c55e0; border-radius:10px; padding:7px 8px; background:#fff; min-width:0; } .guide-route-summary-v232 article.swap{border-left-color:#1f9a4a;background:#f8fcf9} .guide-route-summary-v232 article.release{border-left-color:#d48a25;background:#fffaf6} .guide-route-summary-v232 span{display:block;color:#6c55e0;text-transform:uppercase;letter-spacing:.06em;font-size:.57rem;font-weight:900;margin-bottom:2px} .guide-route-summary-v232 article.swap span{color:#19733a} .guide-route-summary-v232 article.release span{color:#8a5415} .guide-route-summary-v232 strong{display:block;font-size:.72rem;line-height:1.25;color:#211a2e;margin-bottom:2px} .guide-route-summary-v232 small{display:block;font-size:.62rem;line-height:1.3;color:#655d70} @media(max-width:980px){ .home-hero-v23{grid-template-columns:1fr!important} .home-hero-copy-v23{padding-right:0!important} .home-hero-v23 .hero-heading-v176,.home-hero-v23 .hero-era-message-v2051,.home-hero-v23 .hero-core-message,.home-hero-v23 .hero-pricing-line{max-width:780px!important} } @media(max-width:650px){ .guide-route-tabs-v232{grid-template-columns:1fr 1fr} .guide-route-summary-v232{grid-template-columns:1fr} .home-hero-v23 .hero-heading-v176{font-size:2rem!important} .home-hero-v23 .hero-era-message-v2051{font-size:.92rem!important} } /* ========================================================= FairMove Direct V24 — Swap-page-inspired homepage layout Presentation-only density and balance pass. ========================================================= */ .home-service-grid-v24{ grid-template-columns:1fr 1.08fr 1fr!important; gap:14px!important; padding-top:18px!important; padding-bottom:14px!important; align-items:stretch!important; } .home-service-grid-v24>.home-service-card-v231{ min-height:0!important; border-radius:20px!important; padding:14px!important; box-shadow:0 10px 28px rgba(66,49,113,.055)!important; } .home-service-grid-v24 .guide-card-v231{ display:flex!important; flex-direction:column!important; } .home-service-grid-v24 .guide-card-v231 h2, .home-service-grid-v24 .fees-card-v231 h2, .home-service-grid-v24 .safety-card-v231 h2{ font-size:clamp(1.08rem,1.35vw,1.34rem)!important; line-height:1.18!important; margin:6px 0 4px!important; } .guide-route-tabs-v232{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:6px!important; margin:8px 0 9px!important; } .guide-route-tabs-v232 span{ min-height:38px!important; padding:6px 7px!important; border-radius:11px!important; background:#fff!important; border:1px solid #e8e2f5!important; color:#493878!important; box-shadow:none!important; font-size:.67rem!important; line-height:1.12!important; } .guide-route-tabs-v232 b{ width:20px!important; height:20px!important; font-size:.63rem!important; background:#f1edfb!important; color:#5d45bc!important; } .guide-route-tabs-v232 .swap-route{border-color:#d8eedf!important;color:#207740!important} .guide-route-tabs-v232 .swap-route b{background:#eaf7ee!important;color:#207740!important} .guide-route-tabs-v232 .release-route{border-color:#ece6f6!important;color:#5d45bc!important} .guide-route-tabs-v232 .release-route b{background:#f1edfb!important;color:#5d45bc!important} .guide-video-v232{margin:0!important;border-radius:14px!important;overflow:hidden!important;background:#faf9fc!important} .guide-video-v232 video{display:block!important;width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important} .guide-route-line-v24{ margin-top:9px; padding:9px 10px; border:1px solid #e8e2f5; border-radius:12px; background:linear-gradient(90deg,#faf8ff,#fbfdfa); display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px; font-size:.67rem; line-height:1.2; font-weight:800; color:#493878; } .guide-route-line-v24 b{color:#a59abf;font-size:.72rem} .guide-route-line-v24 .swap{color:#207740} .safety-card-v231{ padding:10px!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; } .safety-card-v231>img{ width:100%!important; height:248px!important; min-height:248px!important; object-fit:cover!important; object-position:center!important; border-radius:14px!important; } .safety-card-copy-v231{ padding:12px 5px 4px!important; gap:9px!important; align-items:flex-start!important; } .safety-card-copy-v231 p{margin:0 0 7px!important;line-height:1.35!important;font-size:.76rem!important} .safety-points-v24{margin:0 0 8px!important;padding:0!important;list-style:none!important;display:grid!important;gap:5px!important} .safety-points-v24 li{position:relative;padding-left:17px;font-size:.69rem;line-height:1.28;color:#554f60} .safety-points-v24 li::before{content:'✓';position:absolute;left:0;top:0;color:#248b4a;font-weight:900} .safety-card-copy-v231 a{font-size:.73rem!important;font-weight:850!important} .home-benefit-strip-v231{margin-top:0!important;margin-bottom:8px!important;padding:12px 14px!important;border-radius:17px!important} .home-listing-hub-v24{padding-top:16px!important;padding-bottom:12px!important} .home-listing-hub-v24 .compact-center{margin-bottom:10px!important} .home-listing-choice-grid-v23{gap:12px!important;max-width:1100px!important} .home-listing-choice-v23{min-height:0!important;padding:16px 18px!important;border-radius:18px!important} .home-listing-choice-v23 h3{margin:7px 0 5px!important;font-size:1.35rem!important} .home-listing-choice-v23 p{margin:0 0 12px!important;line-height:1.38!important} .home-listing-choice-v23 .button{min-height:40px!important;padding:9px 16px!important} .move-story-section-v24{padding-top:8px!important;padding-bottom:8px!important} .move-story-section-v24 .move-story-card-v1611{ max-width:1100px!important; margin:0 auto!important; padding:16px 20px!important; border-radius:18px!important; display:grid!important; grid-template-columns:minmax(250px,.8fr) minmax(0,1.4fr)!important; align-items:center!important; gap:18px!important; } .move-story-section-v24 .eyebrow{grid-column:1/-1;margin-bottom:-10px!important} .move-story-section-v24 h2{font-size:clamp(1.12rem,1.5vw,1.45rem)!important;line-height:1.2!important;margin:0!important} .move-story-section-v24 p{font-size:.84rem!important;line-height:1.42!important;margin:0!important} .properties-preview-section-v24{padding-top:14px!important;padding-bottom:22px!important} .properties-preview-section-v24 .center{margin-bottom:9px!important} .properties-preview-section-v24 .center h2{font-size:clamp(1.35rem,2vw,1.8rem)!important;margin:5px 0 3px!important} .properties-preview-section-v24 .center p{margin:0!important} .properties-preview-section-v24 .listing-preview-banner-v1611{margin-top:10px!important;margin-bottom:9px!important;padding:11px 14px!important;border-radius:16px!important} .properties-preview-section-v24 .listing-tabs-v161131{margin-top:8px!important;margin-bottom:10px!important} @media(max-width:1050px){ .home-service-grid-v24{grid-template-columns:1fr 1fr!important} .home-service-grid-v24 .safety-card-v231{grid-column:1/-1!important;display:grid!important;grid-template-columns:44% 1fr!important} .home-service-grid-v24 .safety-card-v231>img{height:100%!important;min-height:250px!important} } @media(max-width:760px){ .home-service-grid-v24{grid-template-columns:1fr!important} .home-service-grid-v24 .safety-card-v231{grid-column:auto!important;display:flex!important} .guide-route-tabs-v232{grid-template-columns:1fr 1fr!important} .move-story-section-v24 .move-story-card-v1611{grid-template-columns:1fr!important;gap:8px!important} .move-story-section-v24 .eyebrow{grid-column:auto;margin-bottom:0!important} } /* ========================================================= V24.1 — minimal icon-led homepage polish Presentation only; customer workflows remain unchanged. ========================================================= */ .home-service-grid-v24{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;align-items:stretch!important} .home-service-grid-v24 .fees-card-v231{justify-self:stretch!important} .guide-symbol-row-v241{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 14px} .guide-symbol-row-v241 span{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 6px;border:1px solid #e8e5ef;border-radius:14px;background:#fff;color:#4d4658} .guide-symbol-row-v241 svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .guide-symbol-row-v241 small{font-size:.72rem;font-weight:800;letter-spacing:.01em;color:#625b6d} .guide-video-v232{margin-bottom:0!important} .safety-card-v231>img{height:280px!important;min-height:280px!important} .safety-card-copy-v241{display:flex;gap:10px;align-items:flex-start;padding:13px 6px 5px} .safety-icon-v241{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid #dcd6eb;border-radius:11px;color:#5c3a96;background:#faf8ff} .safety-icon-v241 svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .safety-card-copy-v241 h2{margin:0 0 5px;font-size:1.08rem;line-height:1.18} .safety-card-copy-v241 p{margin:0 0 8px;font-size:.75rem;line-height:1.38;color:#5d5864} .safety-card-copy-v241 a{font-size:.72rem;font-weight:850} .benefits-v241{max-width:1180px;margin:7px auto 12px;padding:16px 18px;border:1px solid #e8e3f1;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#fbf9ff 100%);box-shadow:0 12px 30px rgba(48,30,82,.05)} .benefits-heading-v241{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px} .benefits-heading-v241 h2{margin:0;font-size:clamp(1.15rem,1.7vw,1.45rem)} .benefit-grid-v241{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px} .benefit-grid-v241 article{aspect-ratio:1.35/1;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 12px;border:1px solid #e9e5ef;border-radius:17px;background:#fff} .benefit-grid-v241 svg{width:31px;height:31px;margin-bottom:8px;fill:none;stroke:#5b3a96;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} .benefit-grid-v241 article:nth-child(even) svg{stroke:#237a43} .benefit-grid-v241 strong{font-size:.82rem;line-height:1.2;color:#2f2937} .benefit-grid-v241 small{margin-top:4px;font-size:.66rem;line-height:1.3;color:#6b6571} .journey-v241{max-width:1180px;margin:0 auto;padding:18px 0 14px} .journey-heading-v241{text-align:center;margin-bottom:12px} .journey-heading-v241 h2{margin:5px 0 0;font-size:clamp(1.3rem,2vw,1.75rem)} .journey-grid-v241{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .journey-grid-v241 article{position:relative;min-height:164px;padding:14px 14px 13px;border:1px solid #e7e2ee;border-radius:18px;background:#fff;text-align:center;box-shadow:0 10px 24px rgba(48,30,82,.045)} .journey-grid-v241 article:not(:last-child)::after{content:'→';position:absolute;right:-11px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#8c849a;font-weight:900;z-index:2} .step-label-v241{display:inline-block;margin-bottom:7px;font-size:.65rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase;color:#655c70} .journey-grid-v241 svg{display:block;width:34px;height:34px;margin:0 auto 7px;fill:none;stroke:#5b3a96;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .journey-grid-v241 article:nth-child(even) svg{stroke:#247b45} .journey-grid-v241 h3{margin:0 0 5px;font-size:1rem} .journey-grid-v241 p{margin:0;font-size:.7rem;line-height:1.35;color:#625c68} .final-step-v241{background:linear-gradient(135deg,#fbf8ff,#f7fcf8)!important;border-color:#dcd4ec!important} @media(max-width:900px){.benefit-grid-v241,.journey-grid-v241{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-grid-v241 article:nth-child(2)::after{display:none}} @media(max-width:620px){.guide-symbol-row-v241{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.guide-symbol-row-v241 span{padding:6px 2px}.guide-symbol-row-v241 small{font-size:.55rem}.benefits-heading-v241{display:block}.benefits-heading-v241 h2{margin-top:4px}.benefit-grid-v241{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.benefit-grid-v241 article{min-height:112px;padding:11px 8px}.journey-grid-v241{grid-template-columns:1fr}.journey-grid-v241 article::after{display:none!important}.safety-card-v231>img{height:245px!important;min-height:245px!important}} /* ========================================================= V24.2 — complete minimal homepage rebalance Presentation only. Built from verified V24.1. ========================================================= */ .home-hero-v23{grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr)!important;gap:22px!important;align-items:stretch!important} .home-hero-copy-v23{padding-right:4px!important} .home-hero-copy-v23 .hero-heading-v176{max-width:760px!important;font-size:clamp(2.1rem,3.7vw,3.65rem)!important;line-height:1.02!important;margin-bottom:9px!important} .home-hero-copy-v23 .hero-era-message-v2051{font-size:clamp(1rem,1.45vw,1.28rem)!important;line-height:1.22!important;margin:0 0 8px!important;max-width:700px!important} .home-hero-copy-v23 .hero-core-message{font-size:.95rem!important;line-height:1.42!important;max-width:680px!important;margin:0 0 5px!important} .home-hero-copy-v23 .hero-pricing-line{font-size:.84rem!important;line-height:1.35!important;margin:0 0 13px!important;color:#4f4858!important} .home-hero-copy-v23 .hero-actions-v168{margin-top:8px!important} .home-hero-copy-v23 .hero-trust-badges-v168{margin-top:10px!important} .home-route-card-v23,.home-route-card-v23.sale,.home-route-card-v23.rent,.home-route-card-v23.browse{background:#fff!important;border:1px solid #e5e0ea!important;box-shadow:none!important;color:#302a37!important} .home-route-card-v23:hover{border-color:#cfc5dd!important;box-shadow:0 10px 24px rgba(48,30,82,.07)!important;transform:translateY(-1px)} .home-route-card-v23 .home-route-icon-v23{background:#fff!important;border:1px solid #e3ddea!important} .home-route-card-v23.sale .home-route-icon-v23{color:#247b45!important} .home-route-card-v23.rent .home-route-icon-v23{color:#5c3a96!important} .home-route-card-v23.browse .home-route-icon-v23{color:#b47717!important} .home-route-card-v23 strong{color:#302a37!important} .home-route-card-v23 b{color:#756c80!important} /* Give the guide and the human safety image the main visual space. */ .home-service-grid-v24{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;max-width:1180px!important;gap:16px!important;align-items:stretch!important;padding-top:12px!important;padding-bottom:10px!important} .home-service-grid-v24 .guide-card-v231,.home-service-grid-v24 .safety-card-v231{min-width:0!important;height:100%!important} .guide-card-v231{padding:17px!important} .guide-card-v231 h2{margin:4px 0 3px!important;font-size:clamp(1.25rem,1.8vw,1.55rem)!important} .guide-card-v231 .guide-intro-v16118{margin:0 0 7px!important;font-size:.78rem!important} .guide-symbol-row-v241{max-width:410px;margin:7px auto 9px!important;gap:10px!important} .guide-symbol-row-v241 span{border:0!important;background:transparent!important;padding:4px 2px!important;border-radius:0!important} .guide-symbol-row-v241 svg{width:27px!important;height:27px!important} .guide-symbol-row-v241 span:nth-child(1) svg,.guide-symbol-row-v241 span:nth-child(3) svg{color:#5c3a96!important} .guide-symbol-row-v241 span:nth-child(2) svg,.guide-symbol-row-v241 span:nth-child(4) svg{color:#247b45!important} .guide-symbol-row-v241 small{font-size:.59rem!important;color:#5d5667!important} .guide-video-v232{width:100%!important;max-width:none!important} .guide-video-v232 video{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:14px!important} .safety-card-v231{display:flex!important;flex-direction:column!important;padding:0!important;overflow:hidden!important} .safety-card-v231>img{height:360px!important;min-height:360px!important;width:100%!important;object-fit:cover!important;object-position:center 38%!important} .safety-card-copy-v241{padding:14px 16px 16px!important;align-items:center!important} .safety-card-copy-v241 h2{font-size:1.12rem!important} .safety-card-copy-v241 p{font-size:.76rem!important;max-width:430px!important} /* Two compact vertical panels shorten the page and replace two long rows. */ .home-dual-panels-v242{max-width:1180px!important;margin:8px auto 14px!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;align-items:stretch!important} .home-dual-panels-v242>.panel{min-height:390px!important;padding:20px!important;border-radius:22px!important;background:linear-gradient(145deg,#fff 0%,#fbfaff 100%)!important;border:1px solid #e5e0eb!important;box-shadow:0 13px 32px rgba(48,30,82,.055)!important} .dual-panel-heading-v242{margin-bottom:13px!important} .dual-panel-heading-v242 h2{margin:5px 0 0!important;font-size:clamp(1.35rem,2vw,1.75rem)!important;line-height:1.15!important} .benefit-list-v242,.journey-list-v242{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important} .benefit-list-v242>div,.journey-list-v242>div{position:relative;min-height:130px;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e9e5ef;border-radius:17px;background:#fff} .dual-icon-v242{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:13px;background:#faf9fc;border:1px solid #e6e1eb} .dual-icon-v242 svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} .dual-icon-v242.purple{color:#5c3a96}.dual-icon-v242.green{color:#247b45} .benefit-list-v242 strong,.journey-list-v242 strong{display:block;font-size:.86rem;line-height:1.2;color:#302a37} .benefit-list-v242 small,.journey-list-v242 small{display:block;margin-top:4px;font-size:.68rem;line-height:1.35;color:#68616f} .journey-number-v242{position:absolute;top:9px;right:10px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:.64rem;font-weight:900;color:#665d70;background:#f3f0f6} .journey-number-v242.final{color:#247b45;background:#edf8f0} /* Retire old standalone row styling if cached markup remains. */ .benefits-v241,.journey-v241{display:none!important} @media(max-width:980px){ .home-hero-v23{grid-template-columns:1fr!important} .home-service-grid-v24{grid-template-columns:1fr!important} .safety-card-v231>img{height:330px!important;min-height:330px!important} } @media(max-width:760px){ .home-dual-panels-v242{grid-template-columns:1fr!important;padding-left:14px!important;padding-right:14px!important} .home-dual-panels-v242>.panel{min-height:0!important} .home-service-grid-v24{padding-left:14px!important;padding-right:14px!important} } @media(max-width:560px){ .home-hero-copy-v23 .hero-heading-v176{font-size:clamp(1.95rem,10vw,2.75rem)!important} .home-hero-copy-v23 .hero-core-message{font-size:.88rem!important} .benefit-list-v242,.journey-list-v242{grid-template-columns:1fr!important} .benefit-list-v242>div,.journey-list-v242>div{min-height:94px!important} .safety-card-v231>img{height:270px!important;min-height:270px!important} } /* V24.5 — global pure-white canvas */ html,body{background:#ffffff!important;} body,.site-shell,.page-shell,main{background-color:#ffffff!important;} /* ========================================================= V24.6 — unified bold homepage redesign ========================================================= */ html, body{ background:#ffffff!important; } .home-service-grid-v24{ grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:18px!important; align-items:stretch!important; } .home-service-grid-v24 .guide-card-v231, .home-service-grid-v24 .safety-card-v231{ height:100%!important; min-width:0!important; } .home-service-grid-v24 .guide-card-v231{ justify-self:stretch!important; text-align:left!important; } .guide-symbol-row-v241{ width:100%!important; max-width:none!important; margin:10px 0 13px!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:12px!important; } .guide-symbol-row-v241 span{ min-height:76px!important; padding:10px 5px!important; border:1px solid #ebe7ef!important; border-radius:16px!important; background:#fff!important; } .guide-symbol-row-v241 svg{ width:36px!important; height:36px!important; } .guide-symbol-row-v241 small{ font-size:.69rem!important; } .guide-video-v232{ width:100%!important; margin:0!important; } .guide-video-v232 video{ width:100%!important; display:block!important; object-fit:contain!important; background:#111!important; } .safety-card-v231>img{ width:100%!important; height:auto!important; aspect-ratio:16/9!important; object-fit:cover!important; } .home-story-grid-v246{ max-width:1180px; margin:12px auto 18px; padding:0; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); gap:18px; align-items:stretch; } .home-story-grid-v246>.panel{ min-width:0; border:1px solid #e6e1eb; border-radius:24px; box-shadow:0 14px 36px rgba(48,30,82,.065); background:#fff; overflow:hidden; } .story-benefit-card-v246{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(260px,1.1fr); min-height:430px; } .story-copy-v246{ padding:27px 18px 25px 25px; } .story-copy-v246 h2, .timeline-heading-v246 h2{ margin:6px 0 8px; font-size:clamp(1.5rem,2.25vw,2rem); line-height:1.08; letter-spacing:-.025em; } .story-copy-v246>p, .timeline-heading-v246>p{ margin:0; color:#6e6776; font-size:.82rem; line-height:1.52; } .story-benefits-v246{ display:grid; gap:10px; margin-top:20px; } .story-benefits-v246>div{ display:flex; align-items:center; gap:11px; padding:12px 13px; border:1px solid #ece8f0; border-radius:16px; background:#fff; } .story-benefits-v246 strong{ display:block; font-size:.84rem; line-height:1.18; color:#302a37; } .story-benefits-v246 small{ display:block; margin-top:3px; font-size:.67rem; color:#756e7b; line-height:1.3; } .story-mini-icon-v246{ width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border-radius:14px; background:#faf9fc; border:1px solid #e8e3ed; } .story-mini-icon-v246 svg{ width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .story-mini-icon-v246.purple{color:#5c3a96} .story-mini-icon-v246.green{color:#247b45} .story-illustration-v246{ display:grid; place-items:center; min-height:100%; padding:18px; background: radial-gradient(circle at 72% 20%,rgba(91,58,150,.10),transparent 38%), radial-gradient(circle at 22% 78%,rgba(36,123,69,.11),transparent 36%), #fcfbfe; border-left:1px solid #ece7f1; } .story-illustration-v246 svg{ width:100%; max-width:520px; height:auto; overflow:visible; } .story-route-line-v246{ fill:none; stroke:#cfc7dc; stroke-width:5; stroke-linecap:round; stroke-dasharray:9 12; } .story-node-v246{ stroke-width:2; } .purple-node{ fill:#f2edf9; stroke:#6b49a1; } .green-node{ fill:#eaf7ee; stroke:#2d8550; } .story-house-v246, .story-person-v246, .story-shield-v246, .story-key-v246{ fill:none; stroke:#40384a; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; } .story-illustration-v246 text{ font-size:17px; font-weight:800; fill:#4c4556; text-anchor:middle; } .journey-timeline-card-v246{ min-height:430px; padding:27px 25px 24px; display:flex; flex-direction:column; } .timeline-v246{ position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:22px; } .timeline-v246::before{ content:""; position:absolute; left:9%; right:9%; top:39px; height:2px; background:linear-gradient(90deg,#6b49a1 0 34%,#2d8550 34% 68%,#6b49a1 68%); opacity:.34; z-index:0; } .timeline-v246 article{ position:relative; z-index:1; text-align:center; padding:0 4px; } .timeline-icon-v246{ width:78px; height:78px; margin:0 auto 12px; display:grid; place-items:center; border-radius:24px; background:#fff; border:1px solid #e4dfea; box-shadow:0 10px 24px rgba(57,39,88,.08); } .timeline-icon-v246 svg{ width:38px; height:38px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .timeline-icon-v246.purple{color:#5c3a96} .timeline-icon-v246.green{color:#247b45} .timeline-v246 small{ display:block; text-transform:uppercase; letter-spacing:.08em; font-size:.57rem; font-weight:900; color:#8b8391; } .timeline-v246 strong{ display:block; margin-top:3px; font-size:.88rem; color:#302a37; } .timeline-v246 p{ margin:4px auto 0; max-width:110px; color:#756e7b; font-size:.65rem; line-height:1.35; } .timeline-summary-v246{ margin-top:auto; padding-top:20px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:7px; color:#574f60; font-size:.72rem; font-weight:900; } .timeline-summary-v246 span{ padding:7px 10px; border-radius:999px; background:#f8f6fa; border:1px solid #e7e2ec; } .timeline-summary-v246 b{ color:#8a8192; } @media(max-width:980px){ .home-service-grid-v24, .home-story-grid-v246{ grid-template-columns:1fr!important; padding-left:14px!important; padding-right:14px!important; } .story-benefit-card-v246{ grid-template-columns:1fr 1fr; } } @media(max-width:720px){ .story-benefit-card-v246{ grid-template-columns:1fr; } .story-illustration-v246{ min-height:250px; border-left:0; border-top:1px solid #ece7f1; } .timeline-v246{ grid-template-columns:1fr 1fr; gap:20px 10px; } .timeline-v246::before{ display:none; } .timeline-icon-v246{ width:68px; height:68px; border-radius:20px; } } @media(max-width:460px){ .timeline-v246{ grid-template-columns:1fr; } .timeline-v246 article{ display:grid; grid-template-columns:68px 1fr; align-items:center; text-align:left; gap:12px; } .timeline-icon-v246{ margin:0; } .timeline-v246 p{ margin-left:0; } .guide-symbol-row-v241{ gap:6px!important; } .guide-symbol-row-v241 span{ min-height:68px!important; padding:8px 2px!important; } .guide-symbol-row-v241 svg{ width:30px!important; height:30px!important; } } /* ========================================================== FMDirect V24.7 — Main homepage identity and journey redesign ========================================================== */ .brand-fmd-v247 .brand-title{ font-size:1.34rem!important; letter-spacing:-.035em; } .fmd-purple{color:#4b2a92} .fmd-green{color:#28a853} .brand-fmd-v247 .brand-subtitle{ color:#5a466f!important; text-transform:none!important; letter-spacing:.01em!important; font-size:.67rem!important; font-weight:750!important; } .brand-fmd-v247 .brand-logo-mark{ width:58px!important; height:58px!important; } .fmd-journeys-v247{ max-width:1180px; margin:14px auto 18px; padding:24px 22px 26px; border:1px solid #e9e4ef; border-radius:26px; background:#fff; box-shadow:0 14px 38px rgba(51,31,87,.055); } .fmd-journeys-heading-v247{ margin-bottom:19px; } .fmd-journeys-heading-v247 h2{ margin:5px 0 5px; font-size:clamp(1.65rem,2.6vw,2.25rem); letter-spacing:-.035em; } .fmd-journeys-heading-v247 p{ max-width:690px; margin:0 auto; color:#706878; font-size:.82rem; } .fmd-journey-grid-v247{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; } .fmd-journey-v247{ padding:7px 22px 8px; min-width:0; } .fmd-journey-v247+ .fmd-journey-v247{ border-left:1px solid #e7e1ec; } .fmd-journey-v247 h3{ margin:0 0 16px; text-align:center; color:#4b2a92; font-size:.78rem; text-transform:uppercase; letter-spacing:.045em; } .fmd-journey-v247.rental h3{color:#218746} .fmd-journey-route-v247{ display:flex; align-items:flex-start; justify-content:center; gap:6px; } .fmd-stage-v247{ width:72px; min-width:0; text-align:center; } .fmd-icon-v247{ width:62px; height:62px; margin:0 auto 8px; display:grid; place-items:center; border-radius:50%; color:#fff; box-shadow:0 10px 22px rgba(55,34,92,.16); } .fmd-stage-v247.purple .fmd-icon-v247{ background:linear-gradient(145deg,#6d42d8,#44228e); } .fmd-stage-v247.green .fmd-icon-v247{ background:linear-gradient(145deg,#45c76a,#16883d); } .fmd-icon-v247 svg{ width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:3.1; stroke-linecap:round; stroke-linejoin:round; } .fmd-swap-icon-v247 svg{ width:48px; height:36px; } .fmd-stage-v247 strong{ display:block; font-size:.72rem; line-height:1.15; color:#2e2933; } .fmd-stage-v247 small{ display:block; margin-top:4px; font-size:.55rem; line-height:1.28; color:#77707d; } .fmd-arrow-v247{ align-self:center; margin-top:16px; color:#8b8293; font-size:1rem; } .guide-card-v231{ padding-top:24px!important; } .guide-card-v231 .guide-intro-v16118{ margin-bottom:14px!important; } .guide-video-v232{ margin-top:0!important; } .guide-video-v232 video{ border-radius:16px!important; } .fmd-value-strip-v247{ max-width:1180px; margin:15px auto 18px; padding:20px 23px; display:grid; grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr); align-items:center; gap:24px; border:1px solid #e8e2ee; border-radius:24px; background: radial-gradient(circle at 10% 50%,rgba(75,42,146,.075),transparent 35%), radial-gradient(circle at 92% 50%,rgba(40,168,83,.075),transparent 35%), #fff; } .fmd-value-copy-v247 h2{ margin:5px 0 0; font-size:clamp(1.3rem,2vw,1.8rem); letter-spacing:-.03em; } .fmd-value-items-v247{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } .fmd-value-items-v247 span{ min-height:84px; padding:13px 10px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px solid #e8e2ee; border-radius:18px; background:rgba(255,255,255,.88); } .fmd-value-items-v247 b{ color:#4b2a92; font-size:.93rem; } .fmd-value-items-v247 span:nth-child(even) b{ color:#218746; } .fmd-value-items-v247 small{ margin-top:4px; color:#746d79; font-size:.63rem; line-height:1.28; } @media(max-width:1050px){ .fmd-journey-grid-v247{ grid-template-columns:1fr; gap:18px; } .fmd-journey-v247{ padding:14px 8px 18px; } .fmd-journey-v247+ .fmd-journey-v247{ border-left:0; border-top:1px solid #e7e1ec; } .fmd-stage-v247{ width:90px; } .fmd-icon-v247{ width:68px; height:68px; } .fmd-stage-v247 small{ font-size:.61rem; } } @media(max-width:760px){ .brand-fmd-v247 .brand-logo-mark{ width:48px!important; height:48px!important; } .brand-fmd-v247 .brand-title{ font-size:1.08rem!important; } .brand-fmd-v247 .brand-subtitle{ font-size:.57rem!important; } .fmd-journeys-v247{ margin:10px 12px 16px; padding:20px 12px 22px; border-radius:22px; } .fmd-journeys-heading-v247 p{ display:none; } .fmd-journey-route-v247{ gap:3px; justify-content:space-between; } .fmd-stage-v247{ width:64px; } .fmd-icon-v247{ width:54px; height:54px; } .fmd-icon-v247 svg{ width:30px; height:30px; } .fmd-stage-v247 small{ display:none; } .fmd-arrow-v247{ margin-top:13px; font-size:.78rem; } .fmd-value-strip-v247{ margin:12px; padding:18px 14px; grid-template-columns:1fr; } .fmd-value-items-v247{ grid-template-columns:1fr 1fr; } } @media(max-width:390px){ .fmd-stage-v247{ width:58px; } .fmd-icon-v247{ width:49px; height:49px; } .fmd-arrow-v247{ font-size:.68rem; } } /* ========================================================== FMDirect V24.8 — homepage transformation ========================================================== */ .fmd-journeys-v248{max-width:1180px;margin:14px auto 20px;padding:28px;border:1px solid #e8e2ee;border-radius:30px;background:linear-gradient(135deg,rgba(75,42,146,.055),transparent 32%),linear-gradient(315deg,rgba(40,168,83,.06),transparent 34%),#fff;box-shadow:0 18px 48px rgba(49,29,83,.07);overflow:hidden} .fmd-journeys-head-v248{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px} .fmd-journeys-head-v248 h2{margin:5px 0 6px;font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.045em;line-height:1.02} .fmd-journeys-head-v248 p{margin:0;max-width:650px;color:#6f6876;font-size:.84rem} .fmd-journey-tabs-v248{display:flex;gap:7px;padding:5px;border:1px solid #e5dfea;border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(54,35,87,.07)} .fmd-journey-tabs-v248 button{border:0;border-radius:999px;padding:10px 15px;background:transparent;color:#625b69;font:800 .68rem/1 system-ui;cursor:pointer;white-space:nowrap} .fmd-journey-tabs-v248 button.active{background:linear-gradient(135deg,#5f38bd,#40217f);color:#fff;box-shadow:0 8px 18px rgba(75,42,146,.22)} .fmd-journey-stage-v248{position:relative;padding:24px 25px 22px;border:1px solid #e6e0eb;border-radius:24px;background:#fff;box-shadow:0 13px 30px rgba(49,32,78,.055)} .fmd-journey-stage-v248.rental{background:linear-gradient(90deg,rgba(40,168,83,.05),transparent 27%),#fff} .fmd-journey-stage-v248.swap{background:linear-gradient(90deg,rgba(75,42,146,.05),transparent 27%),#fff} .fmd-journey-label-v248{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px} .fmd-journey-label-v248 span{font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#5b359d} .fmd-journey-label-v248 strong{font-size:.74rem;color:#706879} .fmd-flow-v248{display:grid;grid-template-columns:1fr 54px 1fr 54px 1fr 54px 1fr;align-items:center;gap:3px} .fmd-step-v248{text-align:center;min-width:0} .fmd-big-icon-v248{width:104px;height:104px;margin:0 auto 11px;display:grid;place-items:center;border-radius:34px;color:#fff;box-shadow:0 16px 34px rgba(54,32,88,.16);transform:translateY(0);transition:transform .25s ease,box-shadow .25s ease} .fmd-step-v248:hover .fmd-big-icon-v248{transform:translateY(-4px);box-shadow:0 21px 39px rgba(54,32,88,.20)} .fmd-step-v248.purple .fmd-big-icon-v248{background:linear-gradient(145deg,#7249dc,#42217f)} .fmd-step-v248.green .fmd-big-icon-v248{background:linear-gradient(145deg,#4bce72,#18863e)} .fmd-step-v248.outcome .fmd-big-icon-v248{background:linear-gradient(145deg,#29a957,#4a2b91)} .fmd-big-icon-v248 svg{width:59px;height:59px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round} .fmd-big-icon-v248.people svg{width:64px;height:64px} .fmd-big-icon-v248.swap-homes svg{width:86px;height:60px} .fmd-step-v248 b{display:block;font-size:.91rem;color:#2e2934} .fmd-step-v248 small{display:block;margin:5px auto 0;max-width:145px;color:#746d79;font-size:.64rem;line-height:1.35} .fmd-flow-v248>i{position:relative;height:3px;border-radius:99px;background:linear-gradient(90deg,#6540b7,#2ca452);opacity:.72} .fmd-flow-v248>i::after{content:"";position:absolute;right:-1px;top:50%;width:10px;height:10px;border-top:3px solid #2ca452;border-right:3px solid #2ca452;transform:translateY(-50%) rotate(45deg)} .fmd-journey-stage-v248[hidden]{display:none!important} .fmd-journey-stage-v248.active{animation:fmd248fade .28s ease both} @keyframes fmd248fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} .fmd-value-strip-v247{background:linear-gradient(110deg,rgba(75,42,146,.08),rgba(255,255,255,.92) 42%,rgba(40,168,83,.08))!important;border-radius:28px!important} .fmd-value-items-v247 span{transition:transform .22s ease,box-shadow .22s ease} .fmd-value-items-v247 span:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(52,34,82,.09)} @media(max-width:900px){.fmd-journeys-v248{margin:12px 14px 18px;padding:22px 16px}.fmd-journeys-head-v248{display:block}.fmd-journey-tabs-v248{margin-top:18px;justify-content:center;overflow:auto}.fmd-flow-v248{grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr}.fmd-big-icon-v248{width:82px;height:82px;border-radius:27px}.fmd-big-icon-v248 svg{width:48px;height:48px}.fmd-step-v248 small{display:none}.fmd-flow-v248>i{height:2px}} @media(max-width:620px){.fmd-journeys-v248{padding:20px 12px}.fmd-journeys-head-v248 h2{font-size:1.75rem}.fmd-journey-tabs-v248{justify-content:flex-start}.fmd-journey-tabs-v248 button{padding:9px 12px}.fmd-journey-stage-v248{padding:18px 10px}.fmd-journey-label-v248{display:block}.fmd-journey-label-v248 strong{display:block;margin-top:4px}.fmd-flow-v248{grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr}.fmd-big-icon-v248{width:61px;height:61px;border-radius:21px}.fmd-big-icon-v248 svg{width:36px;height:36px}.fmd-big-icon-v248.people svg{width:39px;height:39px}.fmd-big-icon-v248.swap-homes svg{width:50px;height:37px}.fmd-step-v248 b{font-size:.68rem}.fmd-flow-v248>i::after{width:7px;height:7px;border-width:2px}.fmd-step-v248:hover .fmd-big-icon-v248{transform:none}} /* ========================================================== FMDirect V24.8.1 — Hero house and couple visual ========================================================== */ .home-hero-v23{ grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)!important; grid-template-areas: "copy visual" "copy route"!important; gap:16px 22px!important; align-items:start!important; } .home-hero-v23>.home-hero-copy-v23{ grid-area:copy; } .fmd-hero-visual-v2481{ grid-area:visual; min-width:0; overflow:hidden; border:1px solid #e6e0ec; border-radius:24px; background:#fff; box-shadow:0 16px 38px rgba(54,34,91,.08); } .fmd-hero-visual-v2481 img{ display:block; width:100%; height:290px; object-fit:cover; object-position:center; } .home-hero-v23>.home-route-panel-v23{ grid-area:route; } @media(max-width:980px){ .home-hero-v23{ grid-template-columns:1fr!important; grid-template-areas: "copy" "visual" "route"!important; } .fmd-hero-visual-v2481 img{ height:auto; aspect-ratio:16/9; } } @media(max-width:620px){ .fmd-hero-visual-v2481{ border-radius:18px; } } /* ========================================================== FMDirect V24.9.1 — corrected structural placement ========================================================== */ @media (min-width:1100px){ .home-hero-v23{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(440px,.95fr)!important; grid-template-areas: "copy visual" "journey route"!important; column-gap:22px!important; row-gap:12px!important; align-items:start!important; margin-bottom:14px!important; } .home-hero-copy-v23{grid-area:copy!important} .fmd-hero-visual-v2481{grid-area:visual!important} .home-route-panel-v23{ grid-area:route!important; margin:0!important; align-self:stretch!important; } .fmd-journeys-v248{ grid-area:journey!important; width:100%!important; max-width:none!important; margin:0!important; position:static!important; inset:auto!important; transform:none!important; align-self:stretch!important; padding:16px!important; border-radius:22px!important; } .fmd-journeys-head-v248{ display:block!important; margin-bottom:9px!important; } .fmd-journeys-head-v248 h2{ margin:4px 0 4px!important; font-size:1.35rem!important; line-height:1.08!important; } .fmd-journeys-head-v248 p{ margin:0 0 8px!important; font-size:.68rem!important; line-height:1.3!important; } .fmd-journey-tabs-v248{ display:flex!important; justify-content:center!important; gap:6px!important; margin:0 0 10px!important; } .fmd-journey-tabs-v248 button{ padding:7px 11px!important; min-height:33px!important; font-size:.65rem!important; } .fmd-flow-v248{ gap:5px!important; } .fmd-big-icon-v248{ width:55px!important; height:55px!important; } .fmd-step-v248 b{ font-size:.68rem!important; } .fmd-step-v248 small{ font-size:.53rem!important; line-height:1.2!important; } .fmd-hero-visual-v2481 img{ height:350px!important; object-fit:cover!important; object-position:center!important; } .home-service-grid-v24{ margin-top:14px!important; } } /* Tab colours */ .fmd-journey-tabs-v248 button[data-fmd-journey="sale"].active{ color:#fff!important; background:linear-gradient(135deg,#7046d9,#4b2a92)!important; border-color:#4b2a92!important; } .fmd-journey-tabs-v248 button[data-fmd-journey="swap"]{ color:#19753c!important; background:#f1fbf4!important; border-color:#b9dfc4!important; } .fmd-journey-tabs-v248 button[data-fmd-journey="swap"].active{ color:#fff!important; background:linear-gradient(135deg,#43bf66,#1f8e45)!important; border-color:#1f8e45!important; } @media (max-width:1099px){ .fmd-journeys-v248{ width:auto!important; margin:12px!important; position:static!important; inset:auto!important; transform:none!important; } } /* ========================================================== FMDirect V25 — Hero image balance polish ========================================================== */ @media (min-width: 1100px) { .home-hero-v23{ grid-template-columns: 44% 56% !important; } .fmd-hero-visual-v2481 img, .hero-image img, .hero-image-right img { object-fit: contain !important; object-position: center center !important; max-height: 320px !important; padding: 8px !important; } .fmd-journeys-v248 { transform: scale(0.94); transform-origin: top left; } } /* ========================================================== FMDirect V25.1 — final hero image and journey polish ========================================================== */ @media (min-width:1100px){ /* Keep the current successful structure, but give the image more presence */ .home-hero-v23{ grid-template-columns:43% 57%!important; column-gap:20px!important; } .fmd-hero-visual-v2481{ padding:0!important; overflow:hidden!important; border-radius:22px!important; } .fmd-hero-visual-v2481 img, .hero-image img, .hero-image-right img{ width:100%!important; height:340px!important; max-height:none!important; padding:0!important; object-fit:cover!important; object-position:center 46%!important; transform:scale(1.04)!important; transform-origin:center!important; } /* Slightly strengthen the journey icons without disturbing placement */ .fmd-big-icon-v248, .fmd-step-icon-v248{ width:62px!important; height:62px!important; } .fmd-big-icon-v248 svg, .fmd-step-icon-v248 svg{ width:34px!important; height:34px!important; } .fmd-flow-v248{ gap:7px!important; } .fmd-flow-arrow-v248{ margin-top:19px!important; font-size:.9rem!important; } .fmd-step-v248 strong, .fmd-step-v248 b{ font-size:.72rem!important; } .fmd-step-v248 small{ font-size:.55rem!important; } } @media (max-width:1099px){ .fmd-hero-visual-v2481{ padding:0!important; } .fmd-hero-visual-v2481 img, .hero-image img, .hero-image-right img{ width:100%!important; padding:0!important; object-fit:cover!important; object-position:center!important; transform:none!important; } } /* ========================================================== FMDirect V25.2 — final hero image framing ========================================================== */ @media (min-width:1100px){ .fmd-hero-visual-v2481{ padding:0!important; overflow:hidden!important; border-radius:22px!important; } .fmd-hero-visual-v2481 img{ width:100%!important; height:300px!important; max-height:none!important; padding:0!important; object-fit:cover!important; object-position:right center!important; transform:none!important; } } @media (max-width:1099px){ .fmd-hero-visual-v2481 img{ width:100%!important; height:auto!important; aspect-ratio:960/398!important; object-fit:cover!important; object-position:right center!important; transform:none!important; } } /* ========================================================== FMDirect V25.3 — final homepage spacing and balance polish ========================================================== */ @media (min-width:1100px){ .home-hero-v23{ column-gap:18px!important; row-gap:10px!important; margin-bottom:10px!important; } .fmd-hero-visual-v2481 img{ height:315px!important; object-fit:cover!important; object-position:right center!important; } .fmd-journeys-v248{ padding:14px!important; } .fmd-journeys-head-v248{ margin-bottom:7px!important; } .fmd-journeys-head-v248 h2{ margin-bottom:3px!important; } .fmd-journey-tabs-v248{ margin-bottom:8px!important; gap:8px!important; } .fmd-journey-tabs-v248 button{ padding:8px 13px!important; min-height:35px!important; font-size:.68rem!important; font-weight:700!important; } .home-route-panel-v23{ padding:15px!important; } .home-route-panel-v23 h2{ margin-bottom:10px!important; } .home-service-grid-v24{ margin-top:10px!important; gap:14px!important; } .fmd-guide-card-v246, .fmd-safety-card-v246{ align-self:start!important; } } @media (max-width:1099px){ .home-hero-v23{ row-gap:10px!important; } .fmd-hero-visual-v2481 img{ object-position:right center!important; } .fmd-journey-tabs-v248 button{ font-weight:700!important; } } /* ========================================================== FMDirect V25.4 — compact hero, shorter trust bar ========================================================== */ @media (min-width:1100px){ /* Give the image more space and reduce the text side slightly */ .home-hero-v23{ grid-template-columns:41.5% 58.5%!important; column-gap:18px!important; } /* Slightly smaller hero typography */ .hero-heading-v176{ font-size:clamp(2rem,2.8vw,3.15rem)!important; line-height:1.05!important; letter-spacing:-.035em!important; } .hero-era-message-v2051{ max-width:94%!important; font-size:clamp(.94rem,1.12vw,1.13rem)!important; line-height:1.28!important; margin-top:10px!important; margin-bottom:9px!important; } .hero-core-message{ font-size:.94rem!important; line-height:1.42!important; } .hero-pricing-line{ font-size:.92rem!important; } /* Shorten the four-item bar instead of letting it fill the whole column */ .hero-trust-badges-v168{ width:88%!important; max-width:620px!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0!important; padding:0!important; margin-top:12px!important; margin-right:auto!important; border-radius:16px!important; overflow:hidden!important; } .hero-trust-badges-v168 .badge{ min-height:58px!important; padding:8px 7px!important; font-size:.69rem!important; line-height:1.22!important; text-align:center!important; justify-content:center!important; border-radius:0!important; } .hero-trust-badges-v168 .badge + .badge{ border-left:1px solid rgba(83,74,128,.12)!important; } /* Use the gained width to show more of the house and couple */ .fmd-hero-visual-v2481 img{ height:320px!important; object-fit:cover!important; object-position:right center!important; } /* Keep the journey outcome text neat */ .fmd-journey-label-v248 strong{ font-size:.68rem!important; } .fmd-step-v248.outcome b{ font-size:.68rem!important; line-height:1.1!important; max-width:86px!important; } .fmd-step-v248.outcome small{ max-width:105px!important; } } @media (max-width:1099px){ .hero-heading-v176{ font-size:clamp(1.85rem,7vw,2.7rem)!important; } .hero-era-message-v2051{ font-size:.98rem!important; line-height:1.3!important; } .hero-trust-badges-v168{ width:100%!important; } .fmd-step-v248.outcome b{ line-height:1.1!important; } } /* ========================================================== FMDirect V25.5 — hero proportion polish Built from verified V25.4 ========================================================== */ @media (min-width:1100px){ .home-hero-v23{ grid-template-columns:39.5% 60.5%!important; column-gap:16px!important; } .hero-heading-v176{ font-size:clamp(1.82rem,2.42vw,2.78rem)!important; line-height:1.04!important; letter-spacing:-.032em!important; margin-bottom:8px!important; } .hero-era-message-v2051{ max-width:96%!important; font-size:clamp(.84rem,.96vw,.98rem)!important; line-height:1.24!important; margin-top:7px!important; margin-bottom:7px!important; } .hero-core-message{ font-size:.88rem!important; line-height:1.38!important; margin-bottom:6px!important; } .hero-pricing-line{ font-size:.87rem!important; line-height:1.32!important; margin-bottom:9px!important; } .home-hero-copy-v23 .actions{ gap:9px!important; margin-top:10px!important; margin-bottom:9px!important; } .home-hero-copy-v23 .actions .btn{ padding:10px 15px!important; min-height:42px!important; font-size:.86rem!important; } .hero-trust-badges-v168{ width:82%!important; max-width:560px!important; margin-top:9px!important; border-radius:14px!important; } .hero-trust-badges-v168 .badge{ min-height:48px!important; padding:6px 5px!important; font-size:.61rem!important; line-height:1.16!important; } .fmd-hero-visual-v2481{ min-height:350px!important; } .fmd-hero-visual-v2481 img{ width:100%!important; height:350px!important; max-height:none!important; object-fit:cover!important; object-position:right center!important; transform:none!important; } } @media (max-width:1099px){ .hero-heading-v176{ font-size:clamp(1.7rem,6.2vw,2.45rem)!important; line-height:1.06!important; } .hero-era-message-v2051{ font-size:.9rem!important; line-height:1.26!important; } .hero-trust-badges-v168{ width:100%!important; } .hero-trust-badges-v168 .badge{ min-height:48px!important; padding:7px 6px!important; } .fmd-hero-visual-v2481 img{ width:100%!important; height:auto!important; aspect-ratio:16/9!important; object-fit:cover!important; object-position:right center!important; } } /* ========================================================== FMDirect V25.7 — final hero balance Built from verified V25.6 cropped-image package ========================================================== */ @media (min-width:850px){ /* Make the image side clearly dominant */ .home-hero-v23{ grid-template-columns:minmax(0,37%) minmax(0,63%)!important; column-gap:14px!important; align-items:start!important; } .home-hero-copy-v23{ min-width:0!important; padding-right:2px!important; } /* Clear, visible reduction of the hero text */ .home-hero-v23 .hero-heading-v176{ font-size:clamp(1.55rem,2.05vw,2.28rem)!important; line-height:1.02!important; letter-spacing:-.028em!important; margin:7px 0 6px!important; max-width:100%!important; } .home-hero-v23 .hero-era-message-v2051{ font-size:clamp(.74rem,.82vw,.86rem)!important; line-height:1.18!important; margin:5px 0 6px!important; max-width:100%!important; } .home-hero-v23 .hero-core-message{ font-size:.79rem!important; line-height:1.3!important; margin:4px 0 5px!important; } .home-hero-v23 .hero-pricing-line{ font-size:.78rem!important; line-height:1.26!important; margin:4px 0 7px!important; } .home-hero-v23 .hero-actions-v168{ gap:7px!important; margin:7px 0!important; } .home-hero-v23 .hero-actions-v168 .button{ min-height:37px!important; padding:8px 12px!important; font-size:.78rem!important; border-radius:11px!important; } /* Short, compact trust strip */ .home-hero-v23 .hero-trust-badges-v168{ width:72%!important; max-width:455px!important; margin-top:7px!important; padding:0!important; gap:0!important; border-radius:12px!important; overflow:hidden!important; } .home-hero-v23 .hero-trust-badges-v168 .badge{ min-height:42px!important; padding:4px 3px!important; font-size:.54rem!important; line-height:1.08!important; } /* Enlarge the actual house-and-couple image */ .fmd-hero-visual-v2481{ width:100%!important; min-height:382px!important; padding:0!important; overflow:hidden!important; } .fmd-hero-visual-v2481 img{ display:block!important; width:100%!important; height:382px!important; max-height:none!important; object-fit:cover!important; object-position:center center!important; margin:0!important; transform:none!important; } } @media (max-width:849px){ .home-hero-v23{ grid-template-columns:1fr!important; } .home-hero-v23 .hero-heading-v176{ font-size:clamp(1.7rem,7vw,2.25rem)!important; } .home-hero-v23 .hero-era-message-v2051{ font-size:.88rem!important; } .fmd-hero-visual-v2481 img{ width:100%!important; height:auto!important; aspect-ratio:692/462!important; object-fit:cover!important; object-position:center center!important; } } /* ========================================================== FMDirect V25.8 — final bedtime hero balance Built from verified V25.7 ========================================================== */ @media (min-width:850px){ /* Restore a little more space to the text side */ .home-hero-v23{ grid-template-columns:minmax(0,42%) minmax(0,58%) !important; } /* Bring the title back up slightly */ .home-hero-v23 .hero-heading-v176{ font-size:clamp(1.65rem,2.18vw,2.42rem) !important; line-height:1.04 !important; } /* Slightly enlarge the purple subtitle */ .home-hero-v23 .hero-era-message-v2051{ font-size:clamp(.79rem,.9vw,.92rem) !important; line-height:1.22 !important; } /* Keep the trust strip compact but less compressed */ .home-hero-v23 .hero-trust-badges-v168{ width:76% !important; max-width:490px !important; } /* Keep the larger couple-and-house image */ .fmd-hero-visual-v2481 img{ object-position:center center !important; } } /* ========================================================== FMDirect V25.9 – Hero proportion polish Built from verified V25.8 ========================================================== */ @media (min-width: 850px) { /* Shorter top connection label to free space */ .home-hero-v23 .hero-kicker, .home-hero-v23 .hero-label, .home-hero-v23 .hero-eyebrow { max-width: 270px !important; padding: 8px 18px !important; } /* Give the image area a little more room */ .home-hero-v23 { grid-template-columns: minmax(0, 40%) minmax(0, 60%) !important; column-gap: 28px !important; } /* Make the trust badges easier to read again */ .home-hero-v23 .hero-trust-badges-v168 { width: 88% !important; max-width: 620px !important; } .home-hero-v23 .hero-trust-badges-v168 .badge, .home-hero-v23 .hero-trust-badges-v168 > * { min-height: 56px !important; padding-top: 10px !important; padding-bottom: 10px !important; } /* Slightly larger hero image without changing the crop */ .fmd-hero-visual-v2481 img { transform: scale(1.06) !important; transform-origin: center center !important; } } /* ========================================================== FMDirect V26.0 — square hero refinement ========================================================== */ @media (min-width: 850px) { .hero-kicker, .hero-label, .hero-eyebrow { max-width: 220px !important; padding: 7px 14px !important; } .home-hero-v23 { grid-template-columns: minmax(0, 38%) minmax(0, 62%) !important; column-gap: 24px !important; } .hero-trust-badges-v168 { width: 90% !important; max-width: 640px !important; } .hero-trust-badges-v168 .badge, .hero-trust-badges-v168 > * { min-height: 58px !important; font-size: 0.68rem !important; line-height: 1.18 !important; padding: 10px 8px !important; } .fmd-hero-visual-v2481 { aspect-ratio: 1.08 / 1 !important; overflow: hidden !important; border-radius: 22px !important; } .fmd-hero-visual-v2481 img { width: 100% !important; height: 100% !important; aspect-ratio: 1.08 / 1 !important; object-fit: cover !important; object-position: center center !important; transform: scale(1.03) !important; } } /* ========================================================== FMDirect V26.1 — final hero target Built from verified V26.0 ========================================================== */ @media (min-width:850px){ /* Target the real top label class and remove the long bar/shadow */ .home-hero-v23 .eyebrow{ display:inline-flex!important; width:auto!important; max-width:none!important; min-width:0!important; padding:6px 13px!important; margin:0 0 10px!important; border-radius:999px!important; box-shadow:none!important; white-space:nowrap!important; } /* Give the image more width while keeping the left copy readable */ .home-hero-v23{ grid-template-columns:minmax(0,36%) minmax(0,64%)!important; column-gap:22px!important; align-items:start!important; } /* Larger, clearer trust-box wording */ .home-hero-v23 .hero-trust-badges-v168{ width:100%!important; max-width:none!important; margin-top:10px!important; padding:8px!important; } .home-hero-v23 .hero-trust-badges-v168 .badge{ min-height:60px!important; padding:10px 8px!important; font-size:.80rem!important; line-height:1.2!important; font-weight:800!important; } /* Larger near-square visual with more house visible on the left */ .fmd-hero-visual-v2481{ width:100%!important; aspect-ratio:1.16/1!important; min-height:0!important; overflow:hidden!important; border-radius:22px!important; } .fmd-hero-visual-v2481 img{ width:100%!important; height:100%!important; aspect-ratio:1.16/1!important; object-fit:cover!important; object-position:42% center!important; transform:none!important; } } @media (max-width:849px){ .home-hero-v23 .eyebrow{ display:inline-flex!important; width:auto!important; max-width:100%!important; box-shadow:none!important; } } /* ========================================================== FMDirect V26.2 — clean hero + Why FMDirect upgrade Built from verified V26.1 ========================================================== */ @media (min-width:850px){ /* Compact hero label: approximately 50–60% shorter */ .home-hero-v23 .eyebrow{ display:inline-flex!important; width:auto!important; min-width:0!important; max-width:max-content!important; padding:5px 11px!important; margin-bottom:10px!important; box-shadow:none!important; } /* Slightly stronger purple subtitle */ .home-hero-v23 .hero-era-message-v2051{ font-size:clamp(.95rem,1.08vw,1.08rem)!important; line-height:1.28!important; } /* The redundant hero trust row has been removed, so the image can breathe */ .home-hero-v23{ grid-template-columns:minmax(0,36%) minmax(0,64%)!important; column-gap:22px!important; align-items:start!important; } .fmd-hero-visual-v2481{ aspect-ratio:1.18/1!important; } .fmd-hero-visual-v2481 img{ aspect-ratio:1.18/1!important; object-position:42% center!important; } } /* Why FMDirect — four compact, readable feature cards */ .fmd-value-strip-v262{ display:grid!important; grid-template-columns:minmax(250px,.82fr) minmax(0,2.18fr)!important; gap:18px!important; align-items:stretch!important; padding-top:20px!important; padding-bottom:20px!important; } .fmd-value-strip-v262 .fmd-value-copy-v247{ align-self:center!important; } .fmd-value-strip-v262 .fmd-value-copy-v247 h2{ margin-top:10px!important; font-size:clamp(1.55rem,2.2vw,2.05rem)!important; line-height:1.08!important; } .fmd-value-items-v262{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; align-items:stretch!important; } .fmd-value-card-v262{ display:flex!important; align-items:flex-start!important; gap:11px!important; min-width:0!important; padding:16px 14px!important; border:1px solid #e2e9e6!important; border-radius:16px!important; background:#fff!important; box-shadow:0 8px 22px rgba(18,63,57,.05)!important; } .fmd-value-card-v262 b{ display:block!important; color:#172522!important; font-size:1rem!important; line-height:1.18!important; font-weight:850!important; margin-bottom:7px!important; } .fmd-value-card-v262 small{ display:block!important; color:#52625f!important; font-size:.82rem!important; line-height:1.34!important; font-weight:600!important; } .fmd-value-icon-v262{ flex:0 0 40px!important; width:40px!important; height:40px!important; display:grid!important; place-items:center!important; } .fmd-value-icon-v262 svg{ width:40px!important; height:40px!important; fill:none!important; stroke:currentColor!important; stroke-width:2.4!important; stroke-linecap:round!important; stroke-linejoin:round!important; } .fmd-value-icon-v262 text{ fill:currentColor!important; stroke:none!important; font-size:18px!important; font-weight:900!important; font-family:Arial,sans-serif!important; } .fmd-value-icon-v262.purple{color:#5a37c9!important;} .fmd-value-icon-v262.green{color:#16965f!important;} @media (max-width:1050px){ .fmd-value-strip-v262{ grid-template-columns:1fr!important; } .fmd-value-items-v262{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media (max-width:640px){ .fmd-value-items-v262{ grid-template-columns:1fr!important; } } /* ========================================================== FMDirect V26.3 — hero image and Why FMDirect balance Built from verified V26.2 ========================================================== */ @media (min-width:850px){ /* Enlarge the actual hero image, not merely its empty surroundings */ .home-hero-v23{ grid-template-columns:minmax(0,34%) minmax(0,66%)!important; column-gap:18px!important; align-items:start!important; } .fmd-hero-visual-v2481{ width:108%!important; max-width:none!important; justify-self:start!important; aspect-ratio:1.24/1!important; min-height:0!important; overflow:hidden!important; border-radius:22px!important; } .fmd-hero-visual-v2481 img{ display:block!important; width:100%!important; height:100%!important; max-height:none!important; aspect-ratio:1.24/1!important; object-fit:cover!important; object-position:41% center!important; transform:none!important; } } /* Return Why FMDirect to a compact supporting section */ .fmd-value-strip-v262{ grid-template-columns:minmax(245px,.95fr) minmax(0,2.05fr)!important; gap:14px!important; padding-top:14px!important; padding-bottom:14px!important; } .fmd-value-strip-v262 .fmd-value-copy-v247 h2{ margin-top:7px!important; font-size:clamp(1.30rem,1.75vw,1.68rem)!important; line-height:1.10!important; } .fmd-value-items-v262{ gap:7px!important; } .fmd-value-card-v262{ gap:8px!important; padding:10px 9px!important; border-radius:13px!important; box-shadow:0 5px 15px rgba(18,63,57,.035)!important; } .fmd-value-card-v262 b{ font-size:.84rem!important; line-height:1.15!important; margin-bottom:4px!important; } .fmd-value-card-v262 small{ font-size:.68rem!important; line-height:1.27!important; font-weight:600!important; } .fmd-value-icon-v262{ flex:0 0 31px!important; width:31px!important; height:31px!important; } .fmd-value-icon-v262 svg{ width:31px!important; height:31px!important; stroke-width:2.25!important; } .fmd-value-icon-v262 text{ font-size:15px!important; } @media (max-width:1050px){ .fmd-value-strip-v262{ grid-template-columns:1fr!important; } .fmd-value-items-v262{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } } @media (max-width:780px){ .fmd-value-items-v262{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media (max-width:640px){ .fmd-value-items-v262{ grid-template-columns:1fr!important; } } \n\n/* ==========================================================\n FMDirect V26.4 — contained hero + compact Why FMDirect\n Tested desktop layout correction\n ========================================================== */\n\n@media (min-width:850px){\n .home-hero-v23{\n grid-template-columns:minmax(0,33%) minmax(0,67%)!important;\n column-gap:18px!important;\n overflow:visible!important;\n }\n\n .fmd-hero-visual-v2481{\n width:100%!important;\n max-width:100%!important;\n min-width:0!important;\n justify-self:stretch!important;\n box-sizing:border-box!important;\n aspect-ratio:1.26/1!important;\n overflow:hidden!important;\n border-radius:22px!important;\n }\n\n .fmd-hero-visual-v2481 img{\n display:block!important;\n width:100%!important;\n max-width:100%!important;\n height:100%!important;\n aspect-ratio:1.26/1!important;\n object-fit:cover!important;\n object-position:40% center!important;\n transform:none!important;\n }\n}\n\n/* Smaller, lighter Why FMDirect supporting strip */\n.fmd-value-strip-v262{\n grid-template-columns:minmax(230px,.82fr) minmax(0,2.18fr)!important;\n gap:10px!important;\n padding:10px 14px!important;\n border-radius:22px!important;\n}\n\n.fmd-value-strip-v262 .fmd-value-copy-v247 h2{\n margin-top:5px!important;\n font-size:clamp(1.15rem,1.45vw,1.42rem)!important;\n line-height:1.08!important;\n}\n\n.fmd-value-items-v262{\n gap:6px!important;\n}\n\n.fmd-value-card-v262{\n min-height:76px!important;\n gap:6px!important;\n padding:7px 7px!important;\n border-radius:11px!important;\n box-shadow:0 3px 10px rgba(18,63,57,.025)!important;\n}\n\n.fmd-value-card-v262 b{\n font-size:.74rem!important;\n line-height:1.10!important;\n margin-bottom:3px!important;\n}\n\n.fmd-value-card-v262 small{\n font-size:.59rem!important;\n line-height:1.20!important;\n font-weight:600!important;\n}\n\n.fmd-value-icon-v262{\n flex:0 0 25px!important;\n width:25px!important;\n height:25px!important;\n}\n\n.fmd-value-icon-v262 svg{\n width:25px!important;\n height:25px!important;\n stroke-width:2.15!important;\n}\n\n.fmd-value-icon-v262 text{font-size:12px!important;}\n\n@media (max-width:1050px){\n .fmd-value-strip-v262{grid-template-columns:1fr!important;}\n .fmd-value-items-v262{grid-template-columns:repeat(4,minmax(0,1fr))!important;}\n}\n\n@media (max-width:780px){\n .fmd-value-items-v262{grid-template-columns:repeat(2,minmax(0,1fr))!important;}\n}\n\n@media (max-width:640px){\n .fmd-value-items-v262{grid-template-columns:1fr!important;}\n}\n /* V26.7 homepage flow polish */ .fmd-value-card-v262{ min-height: 118px; padding-top: 18px; padding-bottom: 18px; } .section.listing-hub.home-listing-hub-v23.home-listing-hub-v24{ margin-top: -10px; padding-top: 26px; border-top: 1px solid rgba(64,64,64,.06); background: linear-gradient( to bottom, rgba(110,90,180,.025), rgba(255,255,255,0) ); } .compact-center{ margin-bottom: 28px; } /* V27.1 unified FMDirect visible brand */ .brand-title .fmd-purple{color:#4B2A92 !important;} .brand-title .fmd-green{color:#28A853 !important;} .brand-subtitle{color:#3F3F46 !important;} /* ===== V27.4 exact header brand colour unification ===== */ html body .site-header a.brand .brand-copy .brand-subtitle, html body .site-header .brand-fmd-v247 .brand-subtitle, html body .site-header .brand-subtitle, html body .swap-nav a.brand .brand-copy .brand-subtitle, html body .swap-nav .brand-subtitle { color:#343434 !important; } /* ===== V28 unified guided media uploader ===== */ .fmd-v28-hidden-main-image{display:none!important} .fmd-media-uploader-v28{display:grid;gap:18px;padding:20px;border:1px solid #e5e5e9;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(25,20,45,.045)} .fmd-media-heading-v28,.fmd-upload-title-row-v28{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .fmd-media-heading-v28 p{margin:0 0 4px} .fmd-media-badge-v28,.fmd-optional-v28{display:inline-flex;align-items:center;border-radius:999px;background:#f2f0f7;color:#4b3b70;font-size:.76rem;font-weight:700;padding:5px 9px;white-space:nowrap} .fmd-photo-uploader-v28,.fmd-video-uploader-v28{display:grid;gap:11px;padding:16px;border:1px solid #ececf0;border-radius:15px;background:#fcfcfd} .fmd-upload-title-row-v28>div{display:grid;gap:4px} .fmd-photo-count-v28,.fmd-video-count-v28{font-size:.84rem;color:#3e3e45;white-space:nowrap} .fmd-add-media-button-v28{display:inline-flex!important;width:max-content;max-width:100%;align-items:center;justify-content:center;cursor:pointer;border-radius:11px;padding:11px 16px;background:#4a318f;color:#fff!important;font-weight:800;box-shadow:0 6px 14px rgba(74,49,143,.14)} .fmd-add-media-button-v28.secondary{background:#f1f1f3;color:#27272c!important;box-shadow:none;border:1px solid #dedee3} .fmd-add-media-button-v28 input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} .fmd-upload-help-v28{margin:0} .fmd-photo-gallery-v28{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px} .fmd-photo-gallery-v28.empty{display:block} .fmd-gallery-empty-v28{border:1px dashed #cfcfd7;border-radius:12px;padding:18px;text-align:center;color:#696972;background:#fff} .fmd-photo-tile-v28{position:relative;overflow:hidden;border:1px solid #dedee5;border-radius:12px;background:#fff;aspect-ratio:4/3} .fmd-photo-tile-v28 img{width:100%;height:100%;object-fit:cover;display:block} .fmd-photo-main-v28{position:absolute;left:6px;bottom:6px;border-radius:999px;padding:4px 7px;background:rgba(25,25,30,.84);color:#fff;font-size:.68rem;font-weight:800} .fmd-photo-remove-v28{position:absolute;right:6px;top:6px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#222;font-weight:900;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18)} .fmd-video-preview-v28{display:flex;align-items:center;gap:12px;min-height:52px;padding:11px 13px;border:1px dashed #cfcfd7;border-radius:12px;background:#fff;color:#686870} .fmd-video-preview-v28:not(.empty){border-style:solid;color:#27272c} .fmd-video-preview-v28 video{width:110px;max-height:76px;border-radius:8px;background:#111} .fmd-video-remove-v28{margin-left:auto;border:1px solid #dddde3;background:#fff;border-radius:9px;padding:7px 10px;cursor:pointer;font-weight:700} .fmd-upload-message-v28{min-height:18px;font-size:.83rem;font-weight:650} .fmd-upload-message-v28.good{color:#21733d}.fmd-upload-message-v28.warn{color:#9a5b00}.fmd-upload-message-v28.bad{color:#a62929} .fmd-supporting-files-v28{border-top:1px solid #ececf0;padding-top:13px} .fmd-supporting-files-v28 summary{cursor:pointer;font-weight:750;color:#38383e} .swap-media-uploader-v28{margin-top:12px} @media(max-width:700px){ .fmd-media-uploader-v28{padding:14px} .fmd-media-heading-v28,.fmd-upload-title-row-v28{display:grid} .fmd-photo-count-v28,.fmd-video-count-v28{white-space:normal} .fmd-add-media-button-v28{width:100%} .fmd-photo-gallery-v28{grid-template-columns:repeat(2,minmax(0,1fr))} } /* V28.1 polish */ .fmd-media-uploader-v28{gap:12px!important;padding:14px!important} .fmd-photo-uploader-v28,.fmd-video-uploader-v28{padding:12px!important;gap:8px!important} .fmd-add-media-button-v28{padding:8px 12px!important;font-size:.92rem!important} .fmd-gallery-empty-v28,.fmd-video-preview-v28.empty{padding:10px!important;min-height:auto!important} .fmd-supporting-files-v28{padding-top:8px!important} .helper,.fmd-upload-help-v28{color:#7a7a84!important} /* ===== V29 private owner workspace and final form refinement ===== */ body.fmd-owner-workspace-v29 .fmd-public-home-only-v29{display:none!important} body.fmd-owner-workspace-v29 main#top{padding-top:18px} .fmd-workspace-banner-v29{ max-width:1180px;margin:0 auto 14px;padding:18px 20px;border:1px solid #e4e3e9; border-radius:16px;background:#fff;display:flex;justify-content:space-between; align-items:center;gap:18px;box-shadow:0 7px 20px rgba(24,18,40,.04) } .fmd-workspace-banner-v29 h1{margin:3px 0 5px;font-size:clamp(1.45rem,2.2vw,2rem)} .fmd-workspace-banner-v29 p{margin:0;color:#6f6f77} .fmd-workspace-actions-v29{display:flex;gap:8px;flex-wrap:wrap} body.fmd-owner-workspace-v29 #sell-form{margin-top:0!important;padding-top:12px!important} body.fmd-owner-workspace-v29 .listing-hub{box-shadow:none} /* Quiet main-image confirmation */ .media-preview-box{ min-height:0!important;padding:8px 10px!important;margin:8px 0!important; border-color:#e3e3e7!important;background:#fafafa!important;box-shadow:none!important } .media-preview-box .preview-empty{display:flex!important;align-items:center!important;gap:8px!important} .media-preview-box .preview-empty strong{font-size:.82rem!important;color:#55555d!important;white-space:nowrap} .media-preview-box .preview-empty span{font-size:.76rem!important;line-height:1.35!important;color:#85858e!important} .media-preview-box img{width:64px!important;height:48px!important;object-fit:cover!important;border-radius:7px!important} .media-preview-box:not(.empty){display:flex!important;align-items:center!important;gap:10px!important} /* Denser media section */ .fmd-media-uploader-v28{gap:10px!important;padding:12px!important} .fmd-photo-uploader-v28,.fmd-video-uploader-v28{padding:10px!important;gap:7px!important} .fmd-add-media-button-v28{padding:7px 11px!important;font-size:.86rem!important;border-radius:9px!important} .fmd-gallery-empty-v28,.fmd-video-preview-v28.empty{padding:8px 10px!important;font-size:.8rem!important} .fmd-supporting-files-v28{margin-top:0!important;padding-top:6px!important} .form .button[type="submit"],.form button[type="submit"]{font-weight:800!important} @media(max-width:700px){ .fmd-workspace-banner-v29{margin:0 10px 10px;padding:14px;display:grid} .fmd-workspace-actions-v29{display:grid} .fmd-workspace-actions-v29 .button{width:100%} .media-preview-box .preview-empty{display:grid!important} .media-preview-box .preview-empty strong{white-space:normal} } /* V29.2 Sale/Rental visual alignment to accepted Swap form */ body:not(.swap-page) .fmd-media-uploader-v28{gap:12px!important;padding:14px!important;border:1px solid #e5e1ef!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important} body:not(.swap-page) .fmd-photo-uploader-v28,body:not(.swap-page) .fmd-video-uploader-v28{padding:12px!important;gap:7px!important;border:1px solid #e7e4ec!important;border-radius:13px!important;background:#fff!important} body:not(.swap-page) .fmd-add-media-button-v28{display:inline-flex!important;width:auto!important;min-height:0!important;padding:7px 12px!important;border:1px solid #54339a!important;border-radius:8px!important;background:#4a318f!important;color:#fff!important;font-size:.86rem!important;line-height:1.15!important;font-weight:800!important;box-shadow:none!important;gap:5px!important} body:not(.swap-page) .fmd-add-media-button-v28.secondary{border-color:#d8d3e3!important;background:#f7f6f9!important;color:#29272f!important} body:not(.swap-page) .fmd-add-media-button-v28 button{display:none!important} body:not(.swap-page) .fmd-gallery-empty-v28,body:not(.swap-page) .fmd-video-preview-v28.empty{min-height:0!important;margin-top:6px!important;padding:8px 10px!important;border:1px dashed #dedbe5!important;border-radius:9px!important;background:#fbfbfc!important;color:#76727d!important;font-size:.78rem!important} body:not(.swap-page) .media-preview-box{display:flex!important;align-items:center!important;gap:9px!important;min-height:0!important;margin:8px 0!important;padding:8px 10px!important;border:1px solid #e3e0e8!important;border-radius:10px!important;background:#fafafa!important;box-shadow:none!important} body:not(.swap-page) .media-preview-box .preview-empty{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important} body:not(.swap-page) .media-preview-box .preview-empty strong{margin:0!important;font-size:.79rem!important;line-height:1.2!important;color:#55515c!important;white-space:normal!important} body:not(.swap-page) .media-preview-box .preview-empty span{font-size:.72rem!important;line-height:1.3!important;color:#8a8690!important} body:not(.swap-page) .media-preview-box img{width:58px!important;height:44px!important;border-radius:7px!important;object-fit:cover!important} @media(max-width:700px){body:not(.swap-page) .fmd-add-media-button-v28{width:auto!important}} /* ===== V29.3 exact Property Swap form design clone for Sale/Rental ===== */ #salePropertyForm.swap-form-card, #rentPropertyForm.swap-form-card{ border:1px solid #ded8eb!important; border-radius:24px!important; background:#fff!important; padding:28px!important; box-shadow:0 16px 45px rgba(42,31,78,.06)!important; } #salePropertyForm .swap-form-section, #rentPropertyForm .swap-form-section{ border-top:1px solid #eeeaf4!important; padding-top:24px!important; margin-top:24px!important; } #salePropertyForm .swap-form-section:first-child, #rentPropertyForm .swap-form-section:first-child{ border-top:0!important; padding-top:0!important; margin-top:0!important; } #salePropertyForm .swap-form-section h3, #rentPropertyForm .swap-form-section h3{ margin:0 0 16px!important; } #salePropertyForm .swap-grid, #rentPropertyForm .swap-grid{ display:grid!important; gap:15px!important; } #salePropertyForm .swap-grid.two, #rentPropertyForm .swap-grid.two{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #salePropertyForm .swap-grid.three, #rentPropertyForm .swap-grid.three{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } #salePropertyForm .swap-field, #rentPropertyForm .swap-field{ display:grid!important; gap:7px!important; font-weight:750!important; font-size:.84rem!important; color:#46534f!important; } #salePropertyForm .swap-field input, #salePropertyForm .swap-field select, #salePropertyForm .swap-field textarea, #rentPropertyForm .swap-field input, #rentPropertyForm .swap-field select, #rentPropertyForm .swap-field textarea{ width:100%!important; border:1px solid #d8dede!important; border-radius:11px!important; padding:12px 13px!important; background:#fff!important; color:#25302d!important; font:inherit!important; font-weight:500!important; } #salePropertyForm .swap-field textarea, #rentPropertyForm .swap-field textarea{ resize:vertical!important; min-height:105px!important; } #salePropertyForm .swap-field input:focus, #salePropertyForm .swap-field select:focus, #salePropertyForm .swap-field textarea:focus, #rentPropertyForm .swap-field input:focus, #rentPropertyForm .swap-field select:focus, #rentPropertyForm .swap-field textarea:focus{ outline:3px solid rgba(91,63,164,.12)!important; border-color:#a996d5!important; } #salePropertyForm .swap-check, #rentPropertyForm .swap-check{ display:flex!important; gap:11px!important; align-items:flex-start!important; border:1px solid #e6e1ee!important; border-radius:14px!important; padding:14px!important; background:#fcfbff!important; line-height:1.5!important; color:#4f5c58!important; } #salePropertyForm .swap-check input, #rentPropertyForm .swap-check input{ margin-top:4px!important; } /* Exact Swap media controls — no experimental Sale/Rental variants. */ #salePropertyForm .fmd-media-uploader-v28, #rentPropertyForm .fmd-media-uploader-v28{ margin-top:12px!important; padding:0!important; gap:16px!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:transparent!important; } #salePropertyForm .fmd-media-heading-v28, #rentPropertyForm .fmd-media-heading-v28{ display:none!important; } #salePropertyForm .fmd-photo-uploader-v28, #salePropertyForm .fmd-video-uploader-v28, #rentPropertyForm .fmd-photo-uploader-v28, #rentPropertyForm .fmd-video-uploader-v28{ padding:0!important; gap:9px!important; border:0!important; border-radius:0!important; background:transparent!important; } #salePropertyForm .fmd-add-media-button-v28.swap-button, #rentPropertyForm .fmd-add-media-button-v28.swap-button{ display:inline-flex!important; width:auto!important; align-items:center!important; justify-content:center!important; gap:8px!important; border-radius:12px!important; padding:9px 12px!important; text-decoration:none!important; border:1px solid #d9d1ea!important; background:#fff!important; color:#2e3734!important; font-weight:800!important; cursor:pointer!important; box-shadow:none!important; } #salePropertyForm .fmd-add-media-button-v28.swap-button.primary, #rentPropertyForm .fmd-add-media-button-v28.swap-button.primary{ background:#5b3fa4!important; color:#fff!important; border-color:#5b3fa4!important; } #salePropertyForm .fmd-add-media-button-v28.secondary, #rentPropertyForm .fmd-add-media-button-v28.secondary{ background:#fff!important; color:#2e3734!important; border-color:#d9d1ea!important; } #salePropertyForm .fmd-gallery-empty-v28, #salePropertyForm .fmd-video-preview-v28.empty, #rentPropertyForm .fmd-gallery-empty-v28, #rentPropertyForm .fmd-video-preview-v28.empty{ padding:10px 12px!important; min-height:0!important; border:1px dashed #ddd5eb!important; border-radius:12px!important; background:#fcfbff!important; color:#6e6875!important; font-size:.8rem!important; } #salePropertyForm .fmd-main-preview-hidden-v293, #rentPropertyForm .fmd-main-preview-hidden-v293{ display:none!important; } #salePropertyForm .swap-button.green, #rentPropertyForm .swap-button.green{ width:100%!important; background:#148d3b!important; border-color:#148d3b!important; color:#fff!important; border-radius:12px!important; padding:13px 18px!important; font-weight:800!important; } #salePropertyForm .preview-listing-btn.swap-button, #rentPropertyForm .preview-listing-btn.swap-button{ width:100%!important; border-radius:12px!important; padding:13px 18px!important; border:1px solid #d9d1ea!important; background:#fff!important; color:#2e3734!important; font-weight:800!important; } @media(max-width:680px){ #salePropertyForm.swap-form-card, #rentPropertyForm.swap-form-card{ padding:20px!important; border-radius:18px!important; } #salePropertyForm .swap-grid.two, #salePropertyForm .swap-grid.three, #rentPropertyForm .swap-grid.two, #rentPropertyForm .swap-grid.three{ grid-template-columns:1fr!important; } #salePropertyForm .fmd-add-media-button-v28.swap-button, #rentPropertyForm .fmd-add-media-button-v28.swap-button{ width:100%!important; } } /* ===== V29.4 final Sale/Rental media control correction ===== */ #salePropertyForm .fmd-add-media-button-v28, #rentPropertyForm .fmd-add-media-button-v28, #salePropertyForm .fmd-add-media-button-v28.secondary, #rentPropertyForm .fmd-add-media-button-v28.secondary{ display:inline-flex!important; flex:0 0 auto!important; width:max-content!important; min-width:0!important; max-width:max-content!important; min-height:0!important; padding:8px 12px!important; margin:0!important; align-items:center!important; justify-content:center!important; gap:6px!important; border:1px solid #d6d1df!important; border-radius:10px!important; background:#fff!important; color:#2f2d34!important; box-shadow:none!important; font-size:.86rem!important; line-height:1!important; font-weight:800!important; white-space:nowrap!important; } #salePropertyForm .fmd-add-media-button-v28 span, #rentPropertyForm .fmd-add-media-button-v28 span{ display:inline!important; white-space:nowrap!important; line-height:1!important; } #salePropertyForm .fmd-add-media-button-v28 input, #rentPropertyForm .fmd-add-media-button-v28 input{ position:absolute!important; width:1px!important; height:1px!important; opacity:0!important; pointer-events:none!important; } #salePropertyForm .fmd-photo-uploader-v28, #salePropertyForm .fmd-video-uploader-v28, #rentPropertyForm .fmd-photo-uploader-v28, #rentPropertyForm .fmd-video-uploader-v28{ display:block!important; } #salePropertyForm .fmd-gallery-empty-v28, #salePropertyForm .fmd-video-preview-v28.empty, #rentPropertyForm .fmd-gallery-empty-v28, #rentPropertyForm .fmd-video-preview-v28.empty{ margin-top:8px!important; padding:8px 10px!important; min-height:0!important; } #salePropertyForm .media-preview-box, #rentPropertyForm .media-preview-box{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:0!important; margin:8px 0!important; padding:7px 10px!important; border:1px solid #e3e0e8!important; border-radius:10px!important; background:#fafafa!important; box-shadow:none!important; } #salePropertyForm .media-preview-box .preview-empty, #rentPropertyForm .media-preview-box .preview-empty{ display:block!important; } #salePropertyForm .media-preview-box .preview-empty strong, #rentPropertyForm .media-preview-box .preview-empty strong{ margin:0!important; font-size:.8rem!important; color:#77727d!important; font-weight:700!important; white-space:nowrap!important; } #salePropertyForm .media-preview-box .preview-empty span, #rentPropertyForm .media-preview-box .preview-empty span{ display:none!important; } @media(max-width:700px){ #salePropertyForm .fmd-add-media-button-v28, #rentPropertyForm .fmd-add-media-button-v28{ width:max-content!important; max-width:100%!important; } } /* ===== V29.4.1 tighter Sale/Rental spacing ===== */ #salePropertyForm .fmd-media-uploader-v28, #rentPropertyForm .fmd-media-uploader-v28{ gap:8px!important; margin-top:6px!important; } #salePropertyForm .fmd-photo-uploader-v28, #salePropertyForm .fmd-video-uploader-v28, #rentPropertyForm .fmd-photo-uploader-v28, #rentPropertyForm .fmd-video-uploader-v28{ gap:5px!important; margin:0!important; padding:8px 0!important; } #salePropertyForm .fmd-gallery-empty-v28, #salePropertyForm .fmd-video-preview-v28.empty, #rentPropertyForm .fmd-gallery-empty-v28, #rentPropertyForm .fmd-video-preview-v28.empty{ margin-top:5px!important; margin-bottom:0!important; padding:6px 9px!important; } #salePropertyForm .media-preview-box, #rentPropertyForm .media-preview-box{ margin:5px 0!important; padding:6px 9px!important; } #salePropertyForm .form-section, #rentPropertyForm .form-section{ margin-top:14px!important; padding-top:14px!important; } #salePropertyForm .swap-form-section, #rentPropertyForm .swap-form-section{ margin-top:16px!important; padding-top:16px!important; } #salePropertyForm .checkrow, #rentPropertyForm .checkrow{ margin:6px 0!important; } #salePropertyForm .preview-listing-btn, #rentPropertyForm .preview-listing-btn{ margin-top:6px!important; margin-bottom:5px!important; } #salePropertyForm button[type="submit"], #rentPropertyForm button[type="submit"]{ margin-top:5px!important; } #salePropertyForm .helper, #rentPropertyForm .helper, #salePropertyForm .form-note, #rentPropertyForm .form-note{ margin-top:5px!important; margin-bottom:5px!important; } /* ===== V29.5 consolidated safe cleanup ===== */ /* Consistent navigation actions in the private owner workspace. */ .fmd-workspace-actions-v29 .button{ min-height:38px!important; padding:9px 13px!important; white-space:nowrap!important; font-weight:800!important; } /* Final consistent Sale/Rental media controls. */ #salePropertyForm .fmd-add-media-button-v28, #rentPropertyForm .fmd-add-media-button-v28{ min-height:36px!important; padding:8px 12px!important; border-radius:10px!important; transition:border-color .15s ease, background .15s ease, transform .15s ease!important; } #salePropertyForm .fmd-add-media-button-v28:hover, #rentPropertyForm .fmd-add-media-button-v28:hover{ background:#f8f7fa!important; border-color:#bdb6c9!important; transform:translateY(-1px)!important; } #salePropertyForm .fmd-add-media-button-v28:focus-within, #rentPropertyForm .fmd-add-media-button-v28:focus-within{ outline:3px solid rgba(91,63,164,.12)!important; outline-offset:2px!important; } #salePropertyForm .fmd-media-counter-v28, #rentPropertyForm .fmd-media-counter-v28{ color:#67626d!important; font-size:.8rem!important; font-weight:750!important; white-space:nowrap!important; } #salePropertyForm .fmd-media-header-v28, #rentPropertyForm .fmd-media-header-v28{ gap:8px!important; align-items:center!important; } /* Keep confirmation rows compact and readable. */ #salePropertyForm .swap-check, #rentPropertyForm .swap-check{ padding:12px 13px!important; gap:10px!important; } @media(max-width:700px){ .fmd-workspace-actions-v29 .button{ white-space:normal!important; text-align:center!important; } #salePropertyForm .fmd-media-header-v28, #rentPropertyForm .fmd-media-header-v28{ display:flex!important; justify-content:space-between!important; flex-wrap:wrap!important; } } /* ===== V29.5.1 final visual close-up ===== */ /* Remove decorative labels only; functional form/status labels remain. */ body:not(.swap-page) .home-hero-v23 > .hero-copy-v168 > .eyebrow, body:not(.swap-page) .home-route-panel-v23 > .eyebrow, body:not(.swap-page) .fmd-journeys-head-v248 .eyebrow, body:not(.swap-page) .home-service-grid-v231 > article > .eyebrow, body:not(.swap-page) .fmd-value-strip-v262 > .eyebrow, body:not(.swap-page) .listing-hub > .center > .eyebrow, body:not(.swap-page) .home-listing-choice-v23 > .eyebrow, body:not(.swap-page) .home-listing-choice-grid-v23 .listing-choice > .eyebrow, body:not(.swap-page) .home-listing-choice-grid-v23 .home-listing-choice-v23 > .eyebrow, body:not(.swap-page) .properties-preview-section-v1611 > .eyebrow, body:not(.swap-page) .home-swap-section-v23 > .eyebrow, body:not(.swap-page) .safety-simple-section > .eyebrow{ display:none!important; } /* Reduce oversized hero and section titles. */ body:not(.swap-page) .home-hero-v23 .hero-heading-v176{ font-size:clamp(2rem,3.55vw,3.45rem)!important; line-height:1.04!important; letter-spacing:-.038em!important; margin-bottom:10px!important; } body:not(.swap-page) .home-hero-v23 .hero-era-message-v2051{ font-size:clamp(.98rem,1.28vw,1.16rem)!important; line-height:1.38!important; margin-bottom:9px!important; } body:not(.swap-page) .home-route-panel-v23 h2, body:not(.swap-page) .fmd-journeys-head-v248 h2, body:not(.swap-page) .listing-hub > .center h2, body:not(.swap-page) .home-service-grid-v231 h2, body:not(.swap-page) .fmd-value-strip-v262 h2, body:not(.swap-page) .properties-preview-section-v1611 h2{ font-size:clamp(1.55rem,2.35vw,2.15rem)!important; line-height:1.12!important; margin-top:0!important; } body:not(.swap-page) .home-listing-choice-v23 h3, body:not(.swap-page) .listing-choice h3{ font-size:1.23rem!important; line-height:1.18!important; margin:0 0 6px!important; } /* Reduce large cards/tiles and tighten spacing. */ body:not(.swap-page) .home-route-panel-v23{ padding:18px!important; } body:not(.swap-page) .home-route-card-v23{ padding:11px 13px!important; min-height:0!important; } body:not(.swap-page) .home-service-card-v231{ padding:17px!important; } body:not(.swap-page) .home-listing-choice-v23, body:not(.swap-page) .listing-choice{ padding:16px!important; min-height:0!important; } body:not(.swap-page) .home-listing-choice-v23 p, body:not(.swap-page) .listing-choice p{ min-height:0!important; margin:0 0 10px!important; } body:not(.swap-page) .home-listing-choice-v23 .button, body:not(.swap-page) .listing-choice .button{ margin-top:8px!important; min-width:170px!important; min-height:42px!important; padding:9px 15px!important; } body:not(.swap-page) .fmd-journeys-v248{ padding-top:24px!important; padding-bottom:24px!important; } body:not(.swap-page) .fmd-journey-stage-v248{ padding:15px!important; } body:not(.swap-page) .fmd-big-icon-v248{ width:62px!important; height:62px!important; } body:not(.swap-page) .listing-choice-grid, body:not(.swap-page) .home-listing-choice-grid-v23{ gap:12px!important; margin-bottom:14px!important; } @media(max-width:700px){ body:not(.swap-page) .home-hero-v23 .hero-heading-v176{ font-size:clamp(1.85rem,8vw,2.55rem)!important; } body:not(.swap-page) .home-route-panel-v23 h2, body:not(.swap-page) .fmd-journeys-head-v248 h2, body:not(.swap-page) .listing-hub > .center h2, body:not(.swap-page) .home-service-grid-v231 h2, body:not(.swap-page) .fmd-value-strip-v262 h2{ font-size:1.55rem!important; } } /* ========================================================== FMDirect V30 — release-candidate density and typography polish Built from the approved V29.5.1 preview baseline ========================================================== */ /* 1–5: Homepage density, hero balance, journey and listing-choice cards */ body:not(.swap-page) main#top > section{ margin-top:10px!important; margin-bottom:10px!important; } body:not(.swap-page) .home-hero-v23{ padding-top:10px!important; padding-bottom:10px!important; gap:16px!important; } body:not(.swap-page) .home-hero-v23 .hero-heading-v176{ margin:0 0 7px!important; font-size:clamp(1.92rem,3.25vw,3.18rem)!important; line-height:1.035!important; } body:not(.swap-page) .home-hero-v23 .hero-era-message-v2051{ margin:0 0 6px!important; font-size:clamp(.94rem,1.15vw,1.08rem)!important; line-height:1.34!important; } body:not(.swap-page) .home-hero-v23 .hero-core-message, body:not(.swap-page) .home-hero-v23 .hero-pricing-line{ margin-top:5px!important; margin-bottom:5px!important; } body:not(.swap-page) .home-hero-v23 .hero-actions-v168{ margin-top:9px!important; gap:7px!important; } body:not(.swap-page) .home-route-panel-v23{ padding:15px!important; } body:not(.swap-page) .home-route-panel-v23 h2{ margin:0 0 7px!important; font-size:clamp(1.42rem,2.05vw,1.86rem)!important; } body:not(.swap-page) .home-route-panel-v23 > p{ margin:0 0 9px!important; } body:not(.swap-page) .home-route-card-v23{ padding:9px 11px!important; gap:7px!important; } body:not(.swap-page) .home-service-grid-v231{ gap:12px!important; margin-top:10px!important; margin-bottom:10px!important; } body:not(.swap-page) .home-service-card-v231{ padding:14px!important; } body:not(.swap-page) .fmd-value-strip-v262{ margin-top:8px!important; margin-bottom:8px!important; padding:8px 12px!important; } body:not(.swap-page) .fmd-value-strip-v262 h2{ font-size:clamp(1.1rem,1.35vw,1.34rem)!important; } body:not(.swap-page) .fmd-value-card-v262{ min-height:66px!important; padding:6px!important; } body:not(.swap-page) .fmd-journeys-v248{ margin-top:8px!important; margin-bottom:10px!important; padding:19px!important; } body:not(.swap-page) .fmd-journeys-head-v248{ margin-bottom:10px!important; gap:12px!important; } body:not(.swap-page) .fmd-journeys-head-v248 h2{ margin:0 0 4px!important; font-size:clamp(1.42rem,2.05vw,1.9rem)!important; } body:not(.swap-page) .fmd-journey-tabs-v248{ margin-top:8px!important; } body:not(.swap-page) .fmd-journey-stage-v248{ padding:12px!important; } body:not(.swap-page) .fmd-big-icon-v248{ width:56px!important; height:56px!important; border-radius:18px!important; } body:not(.swap-page) .fmd-big-icon-v248 svg{ width:34px!important; height:34px!important; } body:not(.swap-page) .listing-hub{ padding-top:17px!important; padding-bottom:17px!important; } body:not(.swap-page) .listing-hub > .center{ margin-bottom:10px!important; } body:not(.swap-page) .listing-hub > .center h2{ margin:0 0 5px!important; font-size:clamp(1.4rem,2vw,1.86rem)!important; } body:not(.swap-page) .listing-hub > .center p{ margin:0 auto!important; } body:not(.swap-page) .home-listing-choice-grid-v23, body:not(.swap-page) .listing-choice-grid{ gap:10px!important; margin-top:10px!important; margin-bottom:8px!important; } body:not(.swap-page) .home-listing-choice-v23, body:not(.swap-page) .listing-choice{ padding:13px!important; } body:not(.swap-page) .home-listing-choice-v23 h3, body:not(.swap-page) .listing-choice h3{ font-size:1.12rem!important; font-weight:700!important; } body:not(.swap-page) .home-listing-choice-v23 p, body:not(.swap-page) .listing-choice p{ margin:0 0 8px!important; font-size:.82rem!important; line-height:1.4!important; } body:not(.swap-page) .home-listing-choice-v23 .button, body:not(.swap-page) .listing-choice .button{ min-height:38px!important; margin-top:5px!important; padding:8px 13px!important; } /* Remove remaining decorative section kickers without touching functional labels. */ body:not(.swap-page) .move-story-section-v1611 .eyebrow, body:not(.swap-page) .properties-preview-section-v1611 > .center > .eyebrow, body:not(.swap-page) .property-swap-intro-v21 .eyebrow, body:not(.swap-page) .safety-final-polish > .center > .eyebrow{ display:none!important; } /* 6–8: Listing intro, filters and property-row typography */ body:not(.swap-page) .move-story-section-v1611{ margin-top:6px!important; margin-bottom:6px!important; padding-top:8px!important; padding-bottom:8px!important; } body:not(.swap-page) .move-story-card-v1611{ padding:14px 16px!important; } body:not(.swap-page) .move-story-card-v1611 h2{ margin:0 0 6px!important; font-size:clamp(1.32rem,1.9vw,1.72rem)!important; line-height:1.16!important; } body:not(.swap-page) .move-story-card-v1611 p{ margin:0!important; font-size:.82rem!important; line-height:1.45!important; } body:not(.swap-page) .properties-preview-section-v1611{ padding-top:15px!important; padding-bottom:16px!important; } body:not(.swap-page) .properties-preview-section-v1611 > .center{ margin-bottom:9px!important; } body:not(.swap-page) .properties-preview-section-v1611 > .center h2{ margin:0 0 4px!important; font-size:clamp(1.38rem,2vw,1.84rem)!important; } body:not(.swap-page) .properties-preview-section-v1611 > .center p{ margin:0!important; font-size:.82rem!important; } body:not(.swap-page) .listing-preview-banner-v1611{ margin-top:8px!important; margin-bottom:8px!important; padding:9px 11px!important; min-height:0!important; } body:not(.swap-page) .listing-tabs-v161131{ margin-top:6px!important; margin-bottom:7px!important; gap:6px!important; } body:not(.swap-page) .listing-tabs-v161131 button{ padding:7px 11px!important; min-height:34px!important; font-size:.78rem!important; } body:not(.swap-page) .property-toolbar-v161131{ gap:7px!important; margin-top:6px!important; margin-bottom:10px!important; } body:not(.swap-page) .property-toolbar-v161131 input, body:not(.swap-page) .property-toolbar-v161131 select, body:not(.swap-page) .property-toolbar-v161131 .button{ min-height:38px!important; padding:8px 10px!important; font-size:.8rem!important; } body:not(.swap-page) .property-grid{ gap:9px!important; } body:not(.swap-page) .property-row-v17{ grid-template-columns:215px minmax(0,1fr) 156px!important; min-height:138px!important; border-radius:16px!important; } body:not(.swap-page) .property-row-v17 .property-row-media-v17, body:not(.swap-page) .property-row-v17 .property-row-photo-v17, body:not(.swap-page) .properties-preview-section-v1611 .property-row-v17 .photo.has-image, body:not(.swap-page) #properties .property-row-v17 .photo.has-image{ min-height:138px!important; height:138px!important; } body:not(.swap-page) .property-row-body-v17{ padding:10px 12px!important; gap:3px!important; } body:not(.swap-page) .property-price-label-v17{ font-size:.65rem!important; font-weight:600!important; letter-spacing:.04em!important; } body:not(.swap-page) .property-card-price-v17{ font-size:1.15rem!important; line-height:1.1!important; font-weight:650!important; } body:not(.swap-page) .property-card-location-v17{ font-size:.84rem!important; line-height:1.25!important; font-weight:600!important; } body:not(.swap-page) .property-card-title-v17{ font-size:.78rem!important; line-height:1.28!important; font-weight:500!important; } body:not(.swap-page) .property-card-chips-v17{ gap:4px!important; margin-top:2px!important; } body:not(.swap-page) .property-card-chips-v17 span{ padding:3px 6px!important; border-radius:999px!important; font-size:.66rem!important; font-weight:600!important; } body:not(.swap-page) .property-card-meta-v17{ margin-top:1px!important; gap:4px!important; font-size:.66rem!important; font-weight:400!important; } body:not(.swap-page) .property-card-meta-v17 span{ padding:2px 5px!important; } body:not(.swap-page) .property-card-meta-v17 strong{ font-weight:600!important; } body:not(.swap-page) .property-row-actions-v17{ padding:10px!important; gap:5px!important; } body:not(.swap-page) .property-row-actions-v17 .button{ min-height:32px!important; padding:7px 8px!important; font-size:.74rem!important; } body:not(.swap-page) .property-row-actions-v17 small{ font-size:.64rem!important; line-height:1.3!important; } /* 9–12: Main-page Swap introduction, safety and general mobile density */ body:not(.swap-page) .property-swap-intro-v21{ margin-top:7px!important; margin-bottom:7px!important; padding-top:14px!important; padding-bottom:14px!important; } body:not(.swap-page) .property-swap-intro-grid-v21{ gap:12px!important; } body:not(.swap-page) .property-swap-intro-copy-v21 h2{ margin:0 0 5px!important; font-size:clamp(1.38rem,2vw,1.82rem)!important; } body:not(.swap-page) .property-swap-intro-copy-v21 p{ margin:0 0 8px!important; font-size:.8rem!important; line-height:1.44!important; } body:not(.swap-page) .property-swap-route-grid-v21{ gap:8px!important; } body:not(.swap-page) .property-swap-route-grid-v21 article{ padding:10px!important; } body:not(.swap-page) .property-swap-disclaimer-v21{ margin-top:8px!important; padding:8px 10px!important; font-size:.7rem!important; } body:not(.swap-page) .safety-final-polish{ margin-top:7px!important; padding-top:15px!important; padding-bottom:15px!important; } body:not(.swap-page) .safety-final-polish > .center{ margin-bottom:9px!important; } body:not(.swap-page) .safety-final-polish > .center h2{ margin:0 0 4px!important; font-size:clamp(1.38rem,2vw,1.82rem)!important; } body:not(.swap-page) .safety-card-grid{ gap:9px!important; } body:not(.swap-page) .safety-simple-card{ padding:12px!important; } body:not(.swap-page) .safety-simple-card h3{ margin:6px 0 4px!important; font-size:.98rem!important; } body:not(.swap-page) .safety-simple-card p{ margin:0!important; font-size:.76rem!important; line-height:1.4!important; } @media(max-width:980px){ body:not(.swap-page) .property-row-v17{ grid-template-columns:185px minmax(0,1fr)!important; } body:not(.swap-page) .property-row-actions-v17{ grid-column:1/-1!important; grid-template-columns:1fr 1fr!important; } } @media(max-width:700px){ body:not(.swap-page) main#top > section{ margin-top:6px!important; margin-bottom:6px!important; } body:not(.swap-page) .home-hero-v23{ padding-top:6px!important; padding-bottom:6px!important; } body:not(.swap-page) .home-hero-v23 .hero-heading-v176{ font-size:clamp(1.72rem,7.2vw,2.25rem)!important; margin-bottom:5px!important; } body:not(.swap-page) .home-hero-v23 .hero-era-message-v2051{ font-size:.9rem!important; } body:not(.swap-page) .home-route-panel-v23, body:not(.swap-page) .home-service-card-v231, body:not(.swap-page) .fmd-journeys-v248, body:not(.swap-page) .home-listing-choice-v23, body:not(.swap-page) .listing-choice{ padding:12px!important; } body:not(.swap-page) .fmd-journeys-head-v248 h2, body:not(.swap-page) .listing-hub > .center h2, body:not(.swap-page) .properties-preview-section-v1611 > .center h2, body:not(.swap-page) .safety-final-polish > .center h2{ font-size:1.36rem!important; } body:not(.swap-page) .fmd-journey-stage-v248{ padding:10px 6px!important; } body:not(.swap-page) .fmd-big-icon-v248{ width:48px!important; height:48px!important; } body:not(.swap-page) .fmd-big-icon-v248 svg{ width:30px!important; height:30px!important; } body:not(.swap-page) .property-toolbar-v161131{ gap:6px!important; } body:not(.swap-page) .property-row-v17{ display:flex!important; flex-direction:column!important; min-height:0!important; border-radius:15px!important; } body:not(.swap-page) .property-row-v17 .property-row-media-v17, body:not(.swap-page) .property-row-v17 .property-row-photo-v17, body:not(.swap-page) .properties-preview-section-v1611 .property-row-v17 .photo.has-image, body:not(.swap-page) #properties .property-row-v17 .photo.has-image{ min-height:165px!important; height:165px!important; } body:not(.swap-page) .property-row-body-v17{ padding:10px 11px!important; } body:not(.swap-page) .property-card-price-v17{ font-size:1.08rem!important; } body:not(.swap-page) .property-row-actions-v17{ grid-template-columns:1fr!important; padding:9px 11px!important; } body:not(.swap-page) .safety-simple-card{ padding:10px!important; } } /* ========================================================== FMDirect V32 Professional Rebuild Targeted polish only — verified V30 layout preserved ========================================================== */ .registration-route-fields-v32{ margin:0 0 8px!important; padding:10px!important; border:1px solid #e6e0f7!important; border-radius:13px!important; background:#fbfaff!important; } .registration-route-note-v32{ margin:5px 0 0!important; font-size:.75rem!important; line-height:1.35!important; } .compact-account-form{gap:10px!important;} .compact-account-form .grid{gap:10px!important;} .compact-account-form input, .compact-account-form select{min-height:40px!important;padding:9px 11px!important;} .account-mode-tabs button{padding:9px 12px!important;} /* Agreed 10% increase for the three homepage hero actions only. */ .home-hero-v23 .hero-actions-v168 .button{ font-size:1.03em!important; padding:13px 20px!important; } /* Keep the accepted V30 video balance; only a restrained 5% uplift. */ @media (min-width:901px){ .guide-card-v231 .guide-video-player-v1836{ width:105%!important; max-width:105%!important; margin-bottom:0!important; } .guide-card-v231{overflow:hidden!important;padding-bottom:14px!important;} } /* Search price selects remain normal controls on desktop and mobile. */ .property-toolbar-v161131 #minPriceFilter, .property-toolbar-v161131 #maxPriceFilter{min-width:0!important;} .property-toolbar-v161131 select:disabled{ opacity:.72!important; background:#f7f5fb!important; cursor:not-allowed!important; } /* Agreed measured mobile density: 10%, without altering desktop cards. */ @media(max-width:700px){ .fmd-value-items-v262{gap:9px!important;} .fmd-value-card-v262{padding:12.6px!important;} .fmd-value-icon-v262{transform:scale(.9)!important;transform-origin:center!important;} .safety-card-grid{gap:8px!important;} .safety-simple-card{padding:14.4px!important;} .safety-icon-v241{transform:scale(.9)!important;transform-origin:center!important;} .compact-login-card{padding:16px!important;} .compact-account-form input, .compact-account-form select{min-height:40px!important;} .home-hero-v23 .hero-actions-v168 .button{font-size:.98rem!important;padding:12px 17px!important;} } /* ========================================================== FMDirect V32.1 — controlled account/search refinement ========================================================== */ .account-page-title h1{ font-size:clamp(1.75rem,3vw,2.5rem)!important; font-weight:500!important; line-height:1.12!important; letter-spacing:-.02em!important; margin:7px 0 8px!important; } .account-page-title .eyebrow{font-weight:600!important;font-size:.68rem!important;} .account-page-title .sublead{margin-top:0!important;max-width:760px!important;} .account-page-hero{padding-top:28px!important;gap:18px!important;} .account-side-note{padding:19px!important;} .account-side-note h2,.account-card-head h2{font-weight:500!important;font-size:1.22rem!important;} .role-account-page{padding-top:10px!important;} .role-account-page .account-page-grid{display:block!important;max-width:980px!important;margin:0 auto!important;} .role-account-page .compact-login-card{width:100%!important;} .compact-account-section{padding-top:10px!important;} .account-card-head .eyebrow{font-size:.67rem!important;font-weight:600!important;} .registration-route-fields-v32{padding:9px!important;} @media(max-width:700px){ .account-page-title h1{font-size:1.65rem!important;} .account-page-hero{padding-top:20px!important;gap:12px!important;} .account-side-note{padding:16px!important;} } /* V32.2 — lighter FMDirect typography. Submit/action buttons remain untouched. */ body{font-weight:400} h1,h2,h3,h4,h5,h6, .brand,.links,.eyebrow,.sublead,.mini-note,.badge,.pill,.status, .form label,.login-card label,.admin-tools label,.mini-label, .value-card strong,.detail-table b,.checks li,.checks span,.price, .footer strong,.footer a,strong,b{ font-weight:400!important; } h1{font-size:clamp(1.85rem,3.05vw,2.78rem)!important;line-height:1.08!important} h2{font-size:clamp(1.3rem,2.05vw,1.9rem)!important;line-height:1.13!important} h3{font-size:1rem!important;line-height:1.25!important} button strong,button b,.button strong,.button b, .swap-button strong,.swap-button b,.account-submit strong,.account-submit b{ font-weight:inherit!important; } .role-account-page .account-card-head h2, .role-account-page > .account-page-intro h1{font-weight:400!important} /* ========================================================== FMDirect V32.3 — homepage title balance and compact trust strip Visual-only refinement from verified V32.2. Submit/action buttons and all workflows remain untouched. ========================================================== */ /* Main homepage hero: lighter subtitle and a more restrained title. */ body:not(.swap-page) .home-hero-v23 .hero-heading-v176{ font-size:clamp(1.9rem,3.05vw,2.9rem)!important; line-height:1.06!important; letter-spacing:-.035em!important; margin-bottom:7px!important; font-weight:400!important; } body:not(.swap-page) .home-hero-v23 .hero-era-message-v2051{ font-size:clamp(.94rem,1.25vw,1.12rem)!important; line-height:1.34!important; font-weight:400!important; margin-bottom:8px!important; } /* The three specifically identified homepage titles. */ body:not(.swap-page) .home-route-panel-v23 h2{ font-size:clamp(1.2rem,1.55vw,1.48rem)!important; line-height:1.16!important; font-weight:400!important; margin:5px 0 10px!important; } body:not(.swap-page) .safety-card-copy-v241 h2{ font-size:clamp(.98rem,1.18vw,1.12rem)!important; line-height:1.2!important; font-weight:400!important; margin:0 0 4px!important; } body:not(.swap-page) .listing-hub > .center h2{ font-size:clamp(1.28rem,1.75vw,1.62rem)!important; line-height:1.16!important; font-weight:400!important; margin:3px 0 5px!important; } /* Denser Why FMDirect strip with regular-weight card titles. */ body:not(.swap-page) .fmd-value-strip-v262{ padding:8px 12px!important; gap:8px!important; margin-top:5px!important; margin-bottom:5px!important; } body:not(.swap-page) .fmd-value-strip-v262 .fmd-value-copy-v247 h2{ font-size:clamp(1.05rem,1.28vw,1.28rem)!important; line-height:1.12!important; font-weight:400!important; margin:3px 0 0!important; } body:not(.swap-page) .fmd-value-items-v262{ gap:5px!important; } body:not(.swap-page) .fmd-value-card-v262{ min-height:64px!important; padding:6px!important; gap:6px!important; } body:not(.swap-page) .fmd-value-title-v323{ display:block!important; font-size:.7rem!important; line-height:1.14!important; font-weight:400!important; margin:0 0 2px!important; color:inherit!important; } body:not(.swap-page) .fmd-value-card-v262 small{ display:block!important; font-size:.57rem!important; line-height:1.22!important; font-weight:400!important; } body:not(.swap-page) .fmd-value-icon-v262{ flex-basis:23px!important; width:23px!important; height:23px!important; } body:not(.swap-page) .fmd-value-icon-v262 svg{ width:23px!important; height:23px!important; } /* Tighten only the identified listing invitation section. */ body:not(.swap-page) .home-listing-hub-v24{ padding-top:12px!important; padding-bottom:10px!important; } body:not(.swap-page) .home-listing-hub-v24 .compact-center{ margin-bottom:8px!important; } @media(max-width:700px){ body:not(.swap-page) .home-hero-v23 .hero-heading-v176{ font-size:clamp(1.58rem,6.6vw,1.95rem)!important; } body:not(.swap-page) .home-hero-v23 .hero-era-message-v2051{ font-size:.86rem!important; } body:not(.swap-page) .home-route-panel-v23 h2, body:not(.swap-page) .listing-hub > .center h2{ font-size:1.22rem!important; } body:not(.swap-page) .fmd-value-strip-v262{ padding:8px 10px!important; } body:not(.swap-page) .fmd-value-card-v262{ min-height:58px!important; padding:7px!important; } body:not(.swap-page) .fmd-value-title-v323{ font-size:.72rem!important; } body:not(.swap-page) .fmd-value-card-v262 small{ font-size:.62rem!important; } } /* ========================================================== FMDirect V32.4 — final launch typography and density polish Visual-only overrides from verified V32.3. Working submit buttons, forms and application workflows untouched. ========================================================== */ /* A smaller, shallower homepage hero without reducing action emphasis. */ body:not(.swap-page) .home-hero-v23{ padding-top:20px!important; padding-bottom:20px!important; gap:18px!important; min-height:0!important; } body:not(.swap-page) .home-hero-v23 .hero-heading-v176{ font-size:clamp(1.72rem,2.7vw,2.55rem)!important; line-height:1.07!important; letter-spacing:-.03em!important; margin:5px 0 6px!important; font-weight:400!important; } body:not(.swap-page) .home-hero-v23 .hero-era-message-v2051{ font-size:clamp(.86rem,1.08vw,1rem)!important; line-height:1.32!important; margin:0 0 6px!important; font-weight:400!important; } body:not(.swap-page) .home-hero-v23 .hero-core-message, body:not(.swap-page) .home-hero-v23 .hero-pricing-line{ margin-bottom:6px!important; line-height:1.42!important; } body:not(.swap-page) .home-hero-v23 .hero-actions-v168{ margin-top:0!important; margin-bottom:1px!important; } /* Consistent restrained section headings across the public homepage. */ body:not(.swap-page) .fmd-journeys-head-v248 h2, body:not(.swap-page) .properties-preview-section-v1611 > .center h2, body:not(.swap-page) .safety-final-polish > .center h2, body:not(.swap-page) .home-listing-hub-v24 h2, body:not(.swap-page) .listing-hub > .center h2{ font-size:clamp(1.18rem,1.55vw,1.48rem)!important; line-height:1.17!important; font-weight:400!important; margin-top:2px!important; margin-bottom:5px!important; } body:not(.swap-page) .home-route-panel-v23 h2{ font-size:clamp(1.12rem,1.4vw,1.34rem)!important; margin:3px 0 8px!important; } body:not(.swap-page) .safety-card-copy-v241 h2{ font-size:clamp(.92rem,1.05vw,1.04rem)!important; } /* Why FMDirect: reduce unused height after lighter typography. */ body:not(.swap-page) .fmd-value-strip-v262{ padding:6px 10px!important; gap:6px!important; margin-top:3px!important; margin-bottom:3px!important; } body:not(.swap-page) .fmd-value-strip-v262 .fmd-value-copy-v247 h2{ font-size:clamp(.98rem,1.16vw,1.16rem)!important; margin:1px 0 0!important; } body:not(.swap-page) .fmd-value-items-v262{gap:4px!important;} body:not(.swap-page) .fmd-value-card-v262{ min-height:54px!important; padding:5px 6px!important; gap:5px!important; } body:not(.swap-page) .fmd-value-title-v323{ font-size:.66rem!important; margin-bottom:1px!important; } body:not(.swap-page) .fmd-value-card-v262 small{ font-size:.54rem!important; line-height:1.18!important; } body:not(.swap-page) .fmd-value-icon-v262, body:not(.swap-page) .fmd-value-icon-v262 svg{ width:21px!important; height:21px!important; } body:not(.swap-page) .fmd-value-icon-v262{flex-basis:21px!important;} /* Tighten the remaining public sections while retaining readable separation. */ body:not(.swap-page) .home-listing-hub-v24, body:not(.swap-page) .properties-preview-section-v1611, body:not(.swap-page) .safety-final-polish{ padding-top:16px!important; padding-bottom:16px!important; } body:not(.swap-page) .home-listing-hub-v24 .compact-center, body:not(.swap-page) .properties-preview-section-v1611 .center, body:not(.swap-page) .safety-final-polish .center{ margin-bottom:9px!important; } @media(max-width:700px){ body:not(.swap-page) .home-hero-v23{ padding-top:16px!important; padding-bottom:17px!important; gap:14px!important; } body:not(.swap-page) .home-hero-v23 .hero-heading-v176{ font-size:clamp(1.42rem,6vw,1.72rem)!important; line-height:1.09!important; } body:not(.swap-page) .home-hero-v23 .hero-era-message-v2051{ font-size:.8rem!important; line-height:1.3!important; } body:not(.swap-page) .fmd-journeys-head-v248 h2, body:not(.swap-page) .properties-preview-section-v1611 > .center h2, body:not(.swap-page) .safety-final-polish > .center h2, body:not(.swap-page) .home-listing-hub-v24 h2, body:not(.swap-page) .listing-hub > .center h2, body:not(.swap-page) .home-route-panel-v23 h2{ font-size:1.1rem!important; } body:not(.swap-page) .fmd-value-strip-v262{padding:6px 8px!important;} body:not(.swap-page) .fmd-value-card-v262{ min-height:50px!important; padding:5px!important; } body:not(.swap-page) .fmd-value-title-v323{font-size:.67rem!important;} body:not(.swap-page) .fmd-value-card-v262 small{font-size:.57rem!important;} } /* ========================================================== FMDirect V32.5 — unified launch-candidate polish Built from verified V32.4. Visual/layout changes only. ========================================================== */ .fmd-brand-line-v325{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:2px} .fmd-main-slogan-v325{font-size:1.02rem;line-height:1.2;color:#4e4a5f;font-weight:700;letter-spacing:.01em} body:not(.swap-page) .home-hero-v23{padding-top:10px!important;padding-bottom:10px!important;gap:12px!important} body:not(.swap-page) .home-hero-v23 .hero-heading-v176{font-size:clamp(1.45rem,2.15vw,2.08rem)!important;margin:2px 0 4px!important} body:not(.swap-page) .home-hero-v23 .hero-era-message-v2051{font-size:clamp(.84rem,1vw,.96rem)!important} /* Rebuilt Why FMDirect section. */ .fmd-why-v325{max-width:1180px;margin:0 auto;padding:18px 24px!important} .fmd-why-head-v325{text-align:center;margin:0 auto 8px;max-width:680px} .fmd-why-head-v325 h2{font-size:clamp(1.15rem,1.55vw,1.42rem)!important;line-height:1.17!important;font-weight:400!important;margin:3px 0 0!important} .fmd-why-grid-v325{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .fmd-why-card-v325{display:flex;align-items:center;gap:10px;min-height:82px;padding:12px 13px;border:1px solid #e9e5ef;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(35,27,60,.045)} .fmd-why-card-v325 h3{font-size:.96rem!important;line-height:1.15!important;font-weight:400!important;margin:0 0 3px!important;color:#292638} .fmd-why-card-v325 p{font-size:.77rem;line-height:1.32;margin:0;color:#666174} .fmd-why-icon-v325{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:#f5f1ff;color:#654ad5} .fmd-why-card-v325.protect .fmd-why-icon-v325,.fmd-why-card-v325.forward .fmd-why-icon-v325{background:#effaf5;color:#16845d} .fmd-why-icon-v325 svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .fmd-why-icon-v325 text{fill:currentColor;stroke:none;font-size:19px;font-family:Arial,sans-serif} /* Smaller legacy account heroes and denser content columns. */ .account-page-hero{padding-top:18px!important;padding-bottom:14px!important;gap:16px!important} .account-page-title h1{font-size:clamp(1.38rem,2.15vw,1.9rem)!important;line-height:1.12!important;font-weight:400!important;margin:6px 0!important} .account-page-title .sublead{font-size:.88rem!important;line-height:1.42!important;max-width:720px!important} .account-side-note{padding:15px!important} .account-side-note h2{font-size:1.02rem!important;font-weight:400!important;margin:5px 0!important} .account-side-note p{font-size:.8rem!important;line-height:1.4!important} .compact-account-section{padding-top:12px!important;padding-bottom:18px!important} .account-page-grid{gap:14px!important} .compact-login-card{padding:16px!important;max-width:760px!important} .account-card-head{margin-bottom:9px!important} .account-card-head h2{font-size:1.12rem!important;margin:3px 0 5px!important} .account-card-head .quiet{font-size:.79rem!important;line-height:1.4!important} .account-mode-tabs{min-height:0!important;margin:8px 0 10px!important;padding:3px!important;gap:3px!important} .account-mode-tab{min-height:34px!important;padding:6px 12px!important;font-size:.82rem!important;line-height:1.1!important} .compact-account-form{gap:9px!important} .compact-account-form .grid{gap:9px!important} .compact-account-form label{gap:4px!important;font-size:.78rem!important} .compact-account-form input,.compact-account-form select,.compact-account-form textarea{min-height:38px!important;padding:8px 10px!important;font-size:.88rem!important} .compact-account-form .password-eye{width:32px!important;height:32px!important;min-height:32px!important} .account-password-actions{gap:6px!important;margin-top:1px!important} .account-password-actions .button{min-height:32px!important;padding:6px 10px!important;font-size:.76rem!important;white-space:nowrap!important} .compact-account-form .status{padding:8px 10px!important;margin-top:0!important;font-size:.76rem!important} @media(max-width:900px){.fmd-why-grid-v325{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){ .fmd-main-slogan-v325{font-size:.76rem} body:not(.swap-page) .home-hero-v23{padding-top:13px!important;padding-bottom:14px!important;gap:12px!important} body:not(.swap-page) .home-hero-v23 .hero-heading-v176{font-size:clamp(1.36rem,5.6vw,1.62rem)!important} .fmd-why-v325{padding:14px!important} .fmd-why-grid-v325{grid-template-columns:1fr;gap:7px} .fmd-why-card-v325{min-height:68px;padding:9px 11px} .fmd-why-icon-v325{width:34px;height:34px;flex-basis:34px} .account-page-hero{padding-top:14px!important;padding-bottom:10px!important} .account-page-title h1{font-size:1.32rem!important} .compact-login-card{padding:13px!important} .account-password-actions{display:flex!important;flex-wrap:wrap!important} .account-password-actions .button{flex:1 1 auto!important;width:auto!important} } /* V32.6 compact account pages */ .fmd-why-head-v325 .eyebrow{ font-weight:700 !important; font-size:.86rem !important; } .role-account-page h1, .account-page-title h1{ font-size:clamp(1.9rem,2.4vw,2.45rem) !important; margin-bottom:8px !important; } .role-account-page input, .role-account-page button, .role-account-page .button, .role-account-page .account-mode-tab{ min-height:42px !important; padding-top:8px !important; padding-bottom:8px !important; } .role-account-page .login-card, .role-account-page .card{ padding-top:18px !important; padding-bottom:18px !important; } /* ========================================================== FMDirect V32.8 — final polish + assistant/i18n foundation Exact overrides placed last to defeat earlier legacy rules. ========================================================== */ body:not(.swap-page) .home-hero-v23 .hero-heading-v176{ font-size:clamp(1.18rem,1.58vw,1.50rem)!important; line-height:1.10!important; } .account-page .account-page-hero{ padding-top:12px!important; padding-bottom:8px!important; gap:12px!important; } .account-page .account-page-title h1{ font-size:clamp(1.28rem,1.8vw,1.62rem)!important; font-weight:400!important; margin:4px 0!important; } .account-page .role-account-page{ padding-top:6px!important; padding-bottom:12px!important; } .account-page .role-account-page .compact-login-card{ max-width:720px!important; padding:13px!important; margin:0 auto!important; } .account-page .role-account-page .account-mode-tab{ min-height:32px!important; padding:5px 10px!important; } .account-page .role-account-page input, .account-page .role-account-page select, .account-page .role-account-page textarea{ min-height:36px!important; padding:7px 9px!important; } .account-page .role-account-page .account-submit{ min-height:38px!important; padding:7px 12px!important; } .account-page .role-account-page .account-password-actions{ display:flex!important; flex-wrap:wrap!important; gap:6px!important; } .account-page .role-account-page .account-password-actions .button{ flex:0 1 auto!important; width:auto!important; min-height:30px!important; padding:5px 9px!important; font-size:.74rem!important; } .account-page .role-account-page .password-eye{ width:30px!important; height:30px!important; min-height:30px!important; padding:0!important; } .footer .fmd-footer-signature-v3271>div{ display:flex;align-items:baseline;gap:10px;flex-wrap:wrap } .footer .fmd-footer-signature-v3271 span{font-weight:700;color:#4b2aa8} .footer .fmd-footer-signature-v3271 p{margin:4px 0 0!important} @media(max-width:700px){ body:not(.swap-page) .home-hero-v23 .hero-heading-v176{font-size:clamp(1.22rem,5.1vw,1.48rem)!important} .account-page .account-page-hero{padding-top:10px!important;padding-bottom:6px!important} .account-page .role-account-page .account-password-actions .button{flex:1 1 auto!important} } /* ========================================================== FMDirect V33.4 — verified homepage proportion repair Desktop: compact two-panel journey row. Mobile structure preserved. ========================================================== */ body:not(.swap-page) .home-hero-v23{ max-width:1180px!important; margin:0 auto!important; padding:14px 22px 12px!important; gap:14px 18px!important; min-height:0!important; align-items:center!important; } body:not(.swap-page) .home-hero-copy-v23{ align-self:center!important; padding:2px 0!important; } body:not(.swap-page) .home-hero-v23 .hero-heading-v176{ font-size:clamp(1.62rem,2.45vw,2.38rem)!important; line-height:1.08!important; letter-spacing:-.032em!important; margin:0 0 9px!important; max-width:650px!important; font-weight:500!important; } body:not(.swap-page) .home-hero-v23 .hero-era-message-v2051{ font-size:clamp(1rem,1.34vw,1.19rem)!important; line-height:1.42!important; max-width:690px!important; color:#4f347e!important; margin:0 0 13px!important; font-weight:500!important; } body:not(.swap-page) .home-hero-v23 .hero-actions-v168{ margin:0!important; gap:8px!important; } body:not(.swap-page) .fmd-hero-visual-v2481{ min-height:260px!important; height:100%!important; max-height:330px!important; align-self:stretch!important; border-radius:20px!important; overflow:hidden!important; } body:not(.swap-page) .fmd-hero-visual-v2481 img{ width:100%!important; height:100%!important; min-height:260px!important; object-fit:cover!important; object-position:center 42%!important; transform:scale(1.035)!important; } @media(min-width:981px){ body:not(.swap-page) .home-hero-v23{ display:grid!important; grid-template-columns:minmax(0,.92fr) minmax(410px,1.08fr)!important; grid-template-areas: "copy visual" "route journey"!important; } body:not(.swap-page) .home-hero-copy-v23{grid-area:copy!important} body:not(.swap-page) .fmd-hero-visual-v2481{grid-area:visual!important} body:not(.swap-page) .home-route-panel-v23{grid-area:route!important} body:not(.swap-page) .fmd-journeys-v248{grid-area:journey!important} body:not(.swap-page) .home-route-panel-v23{ height:auto!important; min-height:0!important; padding:11px 12px!important; border-radius:16px!important; justify-content:flex-start!important; box-shadow:0 8px 22px rgba(57,39,97,.07)!important; } body:not(.swap-page) .home-route-panel-v23>.eyebrow{font-size:.62rem!important;margin:0!important} body:not(.swap-page) .home-route-panel-v23>h2{ font-size:1rem!important; margin:2px 0 7px!important; line-height:1.15!important; } body:not(.swap-page) .home-route-list-v23{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; } body:not(.swap-page) .home-route-card-v23{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; min-height:74px!important; padding:7px!important; gap:4px!important; border-radius:11px!important; } body:not(.swap-page) .home-route-icon-v23{ width:27px!important;height:27px!important;min-width:27px!important;border-radius:8px!important; } body:not(.swap-page) .home-route-icon-v23 svg{width:17px!important;height:17px!important} body:not(.swap-page) .home-route-card-v23 strong{font-size:.68rem!important;line-height:1.13!important} body:not(.swap-page) .home-route-card-v23 small{display:none!important} body:not(.swap-page) .home-route-card-v23 b{display:none!important} body:not(.swap-page) .home-route-assurance-v23{font-size:.61rem!important;margin:6px 0 0!important;line-height:1.2!important} body:not(.swap-page) .fmd-journeys-v248{ max-width:none!important; width:100%!important; margin:0!important; padding:10px 12px!important; border-radius:16px!important; box-shadow:0 8px 22px rgba(49,29,83,.06)!important; } body:not(.swap-page) .fmd-journeys-head-v248{ align-items:center!important; gap:8px!important; margin-bottom:7px!important; } body:not(.swap-page) .fmd-journeys-head-v248 .eyebrow, body:not(.swap-page) .fmd-journeys-head-v248 p{display:none!important} body:not(.swap-page) .fmd-journeys-head-v248 h2{ font-size:1rem!important; margin:0!important; white-space:nowrap!important; } body:not(.swap-page) .fmd-journey-tabs-v248{gap:3px!important;margin:0!important} body:not(.swap-page) .fmd-journey-tabs-v248 button{ min-height:27px!important; padding:4px 7px!important; font-size:.61rem!important; border-radius:8px!important; } body:not(.swap-page) .fmd-journey-stage-v248{padding:7px 8px!important;border-radius:12px!important} body:not(.swap-page) .fmd-journey-label-v248{display:none!important} body:not(.swap-page) .fmd-flow-v248{ grid-template-columns:1fr 17px 1fr 17px 1fr 17px 1fr!important; gap:2px!important; } body:not(.swap-page) .fmd-big-icon-v248{ width:38px!important;height:38px!important;border-radius:12px!important;margin-bottom:3px!important; } body:not(.swap-page) .fmd-big-icon-v248 svg{width:23px!important;height:23px!important} body:not(.swap-page) .fmd-big-icon-v248.people svg{width:25px!important;height:25px!important} body:not(.swap-page) .fmd-big-icon-v248.swap-homes svg{width:31px!important;height:22px!important} body:not(.swap-page) .fmd-step-v248 b{font-size:.59rem!important;line-height:1.1!important} body:not(.swap-page) .fmd-step-v248 small{display:none!important} body:not(.swap-page) .fmd-flow-v248>i{height:2px!important} body:not(.swap-page) .home-service-grid-v231{ margin-top:10px!important; padding-top:10px!important; } } /* ===== V61.5 READ-ONLY ACCOUNT PHOTO THUMBNAILS ===== */ .dashboard-readonly-media-v615{ margin:10px 0 12px; padding:11px; border:1px solid #ded7ec; border-radius:14px; background:#fbf9ff; } .dashboard-media-head-v615{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; } .dashboard-media-head-v615 strong{color:#34206f} .dashboard-media-head-v615 span{ color:#5d4a84; font-size:.74rem; font-weight:800; } .dashboard-thumb-strip-v615{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; } .dashboard-thumb-strip-v615 a{ display:block; aspect-ratio:4/3; overflow:hidden; border:1px solid #d8d0e8; border-radius:10px; background:#fff; box-shadow:0 3px 9px rgba(52,32,111,.07); } .dashboard-thumb-strip-v615 a:focus-visible{outline:3px solid #6b4cc3;outline-offset:2px} .dashboard-thumb-strip-v615 img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease} .dashboard-thumb-strip-v615 a:hover img{transform:scale(1.035)} .dashboard-readonly-media-v615 .quiet{margin:8px 0 0;font-size:.76rem} .dashboard-media-empty-v615{margin:8px 0 12px;padding:10px;border:1px dashed #d8d0e8;border-radius:12px;color:#6c6378;background:#fbf9ff;font-size:.82rem} @media(max-width:760px){ .dashboard-thumb-strip-v615{grid-template-columns:repeat(3,minmax(0,1fr))} .dashboard-media-head-v615{align-items:flex-start;flex-direction:column;gap:3px} } /* V61.5 dashboard legibility and content hierarchy */ .account-page .account-dashboard{ font-size:1rem!important; line-height:1.5!important; padding:24px!important; } .account-page .account-dashboard h3{font-size:1.55rem!important;line-height:1.2!important;margin-bottom:14px!important} .account-page .account-dashboard h4{font-size:1.18rem!important;line-height:1.3!important;margin:22px 0 10px!important} .account-page .account-dashboard .dashboard-intro-v615{font-size:1rem!important;line-height:1.55!important;color:#514b5b!important;margin:14px 0 18px!important} .account-page .account-dashboard .mini-record{padding:20px!important} .account-page .account-dashboard .mini-record .record-head>div>strong{font-size:1.15rem!important} .account-page .account-dashboard .small, .account-page .account-dashboard .quiet{font-size:.9rem!important;line-height:1.48!important} .account-page .account-dashboard .detail-table>div{font-size:.95rem!important;line-height:1.42!important;padding:9px 4px!important} .account-page .account-dashboard .detail-table b{font-size:.95rem!important} .account-page .account-dashboard .button, .account-page .account-dashboard button, .account-page .account-dashboard select{font-size:.95rem!important;min-height:42px!important} .account-page .account-dashboard .subscription-countdown-v224{font-size:.9rem!important;padding:7px 10px!important} @media(max-width:680px){ .account-page .account-dashboard{font-size:.96rem!important;padding:16px!important} .account-page .account-dashboard .mini-record{padding:15px!important} .account-page .account-dashboard .detail-table>div{display:grid!important;grid-template-columns:1fr!important;gap:3px!important} } @media(max-width:980px){ body:not(.swap-page) .home-hero-v23{ display:grid!important; grid-template-columns:1fr!important; padding:12px 14px 14px!important; gap:12px!important; } body:not(.swap-page) .home-hero-v23 .hero-heading-v176{ font-size:clamp(1.48rem,6.3vw,1.9rem)!important; margin-bottom:7px!important; } body:not(.swap-page) .home-hero-v23 .hero-era-message-v2051{ font-size:.91rem!important; line-height:1.38!important; margin-bottom:10px!important; } body:not(.swap-page) .fmd-hero-visual-v2481, body:not(.swap-page) .fmd-hero-visual-v2481 img{ min-height:215px!important; max-height:285px!important; transform:none!important; } /* Preserve the accepted mobile order and card structure. */ body:not(.swap-page) .home-route-panel-v23{margin:0!important} body:not(.swap-page) .fmd-journeys-v248{margin:0!important} } /* ===== V35 FINAL-STAGE FOCUSED REPAIR ===== Scope locked to: desktop companion-panel balance, video title/subtitles, and clear password-eye controls. Mobile companion layout remains unchanged. */ /* Bright, single password eye control across every account surface. */ .password-field, .swap-password-wrap{position:relative!important;display:block!important} .password-field input, .swap-password-wrap input{padding-right:54px!important} .password-eye, .swap-password-toggle{ position:absolute!important; right:8px!important; top:50%!important; transform:translateY(-50%)!important; width:38px!important; height:34px!important; min-width:38px!important; display:grid!important; place-items:center!important; padding:0!important; border:1px solid #7b5ac7!important; border-radius:9px!important; background:#fff!important; color:#4b2aa8!important; box-shadow:0 1px 5px rgba(75,42,168,.14)!important; z-index:5!important; opacity:1!important; } .password-eye svg, .swap-password-toggle svg{ width:22px!important; height:22px!important; display:block!important; fill:none!important; stroke:#4b2aa8!important; stroke-width:2.25!important; stroke-linecap:round!important; stroke-linejoin:round!important; opacity:1!important; } .password-eye.is-visible::after, .swap-password-toggle.is-visible::after{ content:""; position:absolute; width:22px; height:2.3px; background:#4b2aa8; border-radius:2px; transform:rotate(-42deg); } .password-field input::-ms-reveal, .password-field input::-ms-clear, .swap-password-wrap input::-ms-reveal, .swap-password-wrap input::-ms-clear{display:none!important;width:0!important;height:0!important} .password-field input::-webkit-credentials-auto-fill-button, .password-field input::-webkit-contacts-auto-fill-button, .swap-password-wrap input::-webkit-credentials-auto-fill-button, .swap-password-wrap input::-webkit-contacts-auto-fill-button{visibility:hidden!important;display:none!important;pointer-events:none!important} /* Keep the accepted hero untouched; rebalance only the two companion panels below it. */ @media(min-width:981px){ body:not(.swap-page) .home-hero-v23{ grid-template-columns:minmax(0,.96fr) minmax(430px,1.04fr)!important; grid-template-areas:"copy visual" "route journey"!important; column-gap:18px!important; row-gap:14px!important; align-items:stretch!important; } body:not(.swap-page) .home-route-panel-v23, body:not(.swap-page) .fmd-journeys-v248{ height:100%!important; min-height:188px!important; box-sizing:border-box!important; } body:not(.swap-page) .home-route-panel-v23{ padding:16px 17px!important; border-radius:18px!important; } body:not(.swap-page) .home-route-panel-v23>.eyebrow{ font-size:.72rem!important; letter-spacing:.055em!important; } body:not(.swap-page) .home-route-panel-v23>h2{ font-size:1.22rem!important; line-height:1.18!important; margin:4px 0 11px!important; } body:not(.swap-page) .home-route-list-v23{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:9px!important; } body:not(.swap-page) .home-route-card-v23{ min-height:101px!important; padding:11px 10px!important; gap:7px!important; border-radius:13px!important; } body:not(.swap-page) .home-route-icon-v23{ width:37px!important;height:37px!important;min-width:37px!important;border-radius:10px!important; } body:not(.swap-page) .home-route-icon-v23 svg{width:22px!important;height:22px!important} body:not(.swap-page) .home-route-card-v23 strong{font-size:.82rem!important;line-height:1.18!important} body:not(.swap-page) .home-route-card-v23 small{display:block!important;font-size:.64rem!important;line-height:1.22!important;margin-top:2px!important} body:not(.swap-page) .home-route-assurance-v23{font-size:.68rem!important;margin:9px 0 0!important} body:not(.swap-page) .fmd-journeys-v248{ padding:15px 17px!important; border-radius:18px!important; } body:not(.swap-page) .fmd-journeys-head-v248{ align-items:flex-start!important; margin-bottom:10px!important; gap:10px!important; } body:not(.swap-page) .fmd-journeys-head-v248 .eyebrow{display:block!important;font-size:.72rem!important} body:not(.swap-page) .fmd-journeys-head-v248 p{display:none!important} body:not(.swap-page) .fmd-journeys-head-v248 h2{ font-size:1.22rem!important; line-height:1.18!important; white-space:normal!important; } body:not(.swap-page) .fmd-journey-tabs-v248{gap:5px!important} body:not(.swap-page) .fmd-journey-tabs-v248 button{ min-height:32px!important; padding:6px 9px!important; font-size:.7rem!important; border-radius:9px!important; } body:not(.swap-page) .fmd-journey-stage-v248{padding:10px 11px!important;border-radius:13px!important} body:not(.swap-page) .fmd-flow-v248{ grid-template-columns:1fr 19px 1fr 19px 1fr 19px 1fr!important; gap:3px!important; } body:not(.swap-page) .fmd-big-icon-v248{ width:49px!important;height:49px!important;border-radius:15px!important;margin-bottom:5px!important; } body:not(.swap-page) .fmd-big-icon-v248 svg{width:29px!important;height:29px!important} body:not(.swap-page) .fmd-big-icon-v248.people svg{width:31px!important;height:31px!important} body:not(.swap-page) .fmd-big-icon-v248.swap-homes svg{width:39px!important;height:28px!important} body:not(.swap-page) .fmd-step-v248 b{font-size:.7rem!important;line-height:1.12!important} body:not(.swap-page) .fmd-step-v248 small{display:none!important} body:not(.swap-page) .home-service-grid-v231{margin-top:8px!important;padding-top:8px!important} } /* Restore the approved compact video heading. */ body:not(.swap-page) .home-service-grid-v231 .guide-card-v231>h2{ font-size:clamp(1.08rem,1.35vw,1.34rem)!important; line-height:1.18!important; margin:3px 0 3px!important; font-weight:500!important; } body:not(.swap-page) .home-service-grid-v231 .guide-card-v231>.eyebrow{font-size:.68rem!important} body:not(.swap-page) .home-service-grid-v231 .guide-intro-v16118{font-size:.76rem!important;margin:0 0 7px!important} /* Native WebVTT subtitle treatment: smaller, lighter, no black block. */ .guide-video-player-v1836 video::cue{ color:#ffffff; background-color:transparent; font-size:68%; line-height:1.18; text-shadow: -1px -1px 0 rgba(55,37,92,.95), 1px -1px 0 rgba(55,37,92,.95), -1px 1px 0 rgba(55,37,92,.95), 1px 1px 0 rgba(55,37,92,.95), 0 2px 4px rgba(0,0,0,.65); } .guide-video-player-v1836 video::cue(.accent){color:#8df0a8} @media(max-width:720px){ .guide-video-player-v1836 video::cue{font-size:58%;line-height:1.14} } /* ===== V61.3 FINAL CONTAINER + ACCOUNT POLISH ===== */ @media(min-width:981px){ body:not(.swap-page) .home-hero-v23, body:not(.swap-page) .fmd-three-column-group-v58{ width:min(1044px,calc(100% - 56px))!important; max-width:1044px!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box!important; } } /* ===== V61.6 FINAL EDGE, PHONE AND LOCALITY POLISH ===== */ @media(min-width:981px){ body:not(.swap-page) .home-hero-v23, body:not(.swap-page) .fmd-three-column-group-v58{ width:min(1026px,calc(100% - 74px))!important; max-width:1026px!important; position:relative!important; left:-9px!important; } } @media(min-width:681px){ #salePropertyForm .fmd-phone-row-v616, #rentPropertyForm .fmd-phone-row-v616, #buyerForm .fmd-phone-row-v616{ grid-template-columns:minmax(220px,360px) minmax(0,1fr)!important; align-items:start!important; } } .fmd-phone-field-v616{max-width:360px!important;min-width:0!important} .fmd-phone-field-v616 input{ width:100%!important; min-height:44px!important; padding:10px 12px!important; box-sizing:border-box!important; } @media(max-width:680px){.fmd-phone-field-v616{max-width:none!important}} /* ===== V61.7 FORM RHYTHM + DASHBOARD-SCALE TYPOGRAPHY ===== */ #salePropertyForm .swap-form-section, #rentPropertyForm .swap-form-section, #buyerForm{ font-size:1rem!important; line-height:1.5!important; } #salePropertyForm .swap-field, #rentPropertyForm .swap-field, #buyerForm label{ font-size:.95rem!important; line-height:1.4!important; } #salePropertyForm input, #salePropertyForm select, #salePropertyForm textarea, #rentPropertyForm input, #rentPropertyForm select, #rentPropertyForm textarea, #buyerForm input, #buyerForm select, #buyerForm textarea{ font-size:.95rem!important; } #salePropertyForm .helper, #rentPropertyForm .helper, #buyerForm .helper{ font-size:.88rem!important; line-height:1.38!important; } .fmd-helper-after-v617{display:block!important;margin:1px 0 0!important;font-weight:500!important} /* ===== V61.9 BALANCED DASHBOARD + FORM TYPE SCALE ===== */ .account-page .account-dashboard{font-size:.96rem!important;line-height:1.5!important} .account-page .account-dashboard h3{font-size:1.4rem!important} .account-page .account-dashboard h4{font-size:1.12rem!important} .account-page .account-dashboard .small, .account-page .account-dashboard .quiet, .account-page .account-dashboard small, .account-page .account-dashboard .status, .account-page .account-dashboard .empty{font-size:.92rem!important;line-height:1.45!important} .account-page .account-dashboard .detail-table>div, .account-page .account-dashboard .detail-table b, .account-page .account-dashboard .detail-table span, .account-page .account-dashboard .package-renewal-v174, .account-page .account-dashboard .seller-media-actions-v16118{font-size:.96rem!important;line-height:1.45!important} .account-page .account-dashboard .button, .account-page .account-dashboard button, .account-page .account-dashboard select{font-size:.92rem!important;font-weight:750!important} .account-page .account-dashboard .pill{font-size:.92rem!important;font-weight:850!important;padding:9px 13px!important;border-radius:999px!important;white-space:nowrap!important} .account-page .account-dashboard .pill.no{background:#fff1cf!important;color:#754b00!important;border:1px solid #e8b84d!important;box-shadow:0 5px 13px rgba(151,105,18,.14)!important} .account-page .account-dashboard .pill.ok{background:#e5f7ec!important;color:#17613f!important;border:1px solid #88cda6!important;box-shadow:0 5px 13px rgba(32,117,75,.12)!important} .account-page .account-side-note.owner-note{background:linear-gradient(135deg,#dcf5e5,#f5fff8)!important;border:2px solid #72bd8e!important;box-shadow:0 10px 24px rgba(35,118,75,.13)!important} .account-page .account-side-note.owner-note h2{font-size:1.16rem!important;font-weight:750!important;color:#174d35!important} .account-page .account-side-note.owner-note p{font-size:.92rem!important;line-height:1.45!important;color:#355d4a!important} .account-page .account-side-note.owner-note .role-logo-owner{background:#23754d!important;color:#fff!important;border-color:#23754d!important} .account-page .account-side-note.requester-note{background:linear-gradient(135deg,#e2f2ff,#f7fbff)!important;border:2px solid #70acd4!important;box-shadow:0 10px 24px rgba(34,101,145,.12)!important} .account-page .account-side-note.requester-note h2{font-size:1.16rem!important;font-weight:750!important;color:#184c70!important} .account-page .account-side-note.requester-note p{font-size:.92rem!important;line-height:1.45!important;color:#365d76!important} .account-page .account-side-note.requester-note .role-logo-requester{background:#276f9e!important;color:#fff!important;border-color:#276f9e!important} #salePropertyForm .swap-form-section, #rentPropertyForm .swap-form-section, #buyerForm{font-size:.95rem!important;line-height:1.48!important} #salePropertyForm .swap-form-section h3, #rentPropertyForm .swap-form-section h3, #buyerForm h3{font-size:1.08rem!important;line-height:1.3!important} #salePropertyForm .swap-field, #rentPropertyForm .swap-field, #buyerForm label{font-size:.9rem!important;line-height:1.38!important} #salePropertyForm input,#salePropertyForm select,#salePropertyForm textarea, #rentPropertyForm input,#rentPropertyForm select,#rentPropertyForm textarea, #buyerForm input,#buyerForm select,#buyerForm textarea{font-size:.92rem!important;line-height:1.35!important} #salePropertyForm .helper,#rentPropertyForm .helper,#buyerForm .helper{font-size:.86rem!important;line-height:1.38!important} /* V67.8.2 — fixed pre-release contact messages */ .fmd-fixed-contact-message[readonly]{background:#f3f4f4!important;color:#35413e!important;border-color:#d9dfdc!important;cursor:default;resize:none!important;box-shadow:none!important;} .fmd-fixed-contact-message[readonly]:focus{outline:none!important;border-color:#d9dfdc!important;box-shadow:none!important;} /* V67.8.5.2 — unique-email User Overview and two-layer listing status */ .user-overview-section{overflow:hidden} .user-overview-metrics{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:9px;margin:14px 0} .user-overview-metrics .metric{padding:12px;min-height:82px} .user-overview-metrics .metric strong{font-size:1.35rem} .user-overview-rule{margin:10px 0 12px} .user-overview-rule p{margin:4px 0 0} .user-overview-scroll{overflow:auto;border:1px solid #e5dfef;border-radius:12px;background:#fff} .user-overview-table{width:100%;min-width:1080px;border-collapse:collapse;font-size:.78rem} .user-overview-table th{position:sticky;top:0;background:#f2eef8;color:#463b5c;text-align:left;padding:9px 10px;border-bottom:1px solid #dcd3e9;white-space:nowrap} .user-overview-table td{padding:9px 10px;border-bottom:1px solid #eee9f4;vertical-align:top} .user-overview-table tr:last-child td{border-bottom:0} .user-overview-table td b,.user-overview-table td small{display:block} .user-overview-table td small{margin-top:3px;color:#756d82;line-height:1.3;max-width:280px} .listing-status-layers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px} .listing-status-layer{border:1px solid #d9d1e7;border-radius:11px;padding:11px;background:#fff} .automatic-status-layer{background:#f8fbf8;border-color:#cfe2d2} .manual-status-layer{background:#fffaf0;border-color:#eadbb8} .manual-status-layer.no-override{background:#fcfbfd;border-color:#e2dceb} .listing-status-layer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px} .listing-status-layer-head h4{font-size:.92rem;font-weight:600;margin:2px 0 0;color:#332d40} .listing-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px} .listing-status-grid div{min-width:0} .listing-status-grid b,.listing-status-grid span{display:block} .listing-status-grid b{font-size:.68rem;text-transform:uppercase;letter-spacing:.035em;color:#6e657a} .listing-status-grid span{font-size:.78rem;margin-top:2px;overflow-wrap:anywhere} @media(max-width:1180px){.user-overview-metrics{grid-template-columns:repeat(4,minmax(110px,1fr))}} @media(max-width:760px){.user-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-status-layers{grid-template-columns:1fr}.listing-status-grid{grid-template-columns:1fr}} /* V67.8.5.3 premium Admin workflow ledger */ .admin-compact-statuses{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap} .record-origin-label{font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;color:#625b6d;padding:3px 6px;border-left:1px solid #d9d2e2;margin-left:2px} .listing-status-layers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:2px 0 16px} .listing-status-layer{position:relative;border:1px solid #ddd7e6;border-radius:15px;padding:16px 17px 13px;background:#fff;box-shadow:0 7px 20px rgba(44,32,61,.045);min-height:0} .automatic-status-layer{border-top:3px solid #67547e;background:linear-gradient(180deg,#fbf9fd 0,#fff 46%)} .manual-status-layer{border-top:3px solid #a69eaf;background:linear-gradient(180deg,#fcfbfd 0,#fff 46%)} .manual-status-layer.override-active{border-top-color:#a66a21;background:linear-gradient(180deg,#fffaf2 0,#fff 46%)} .listing-status-layer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 13px} .listing-status-layer-head h4{font-size:1rem!important;font-weight:600!important;letter-spacing:-.01em;margin:3px 0 2px!important;color:#2f2938} .listing-status-layer-head p{margin:0;color:#777080;font-size:.73rem;line-height:1.35} .status-kicker{display:block;color:#766787;font-size:.62rem;font-weight:700;letter-spacing:.15em} .record-source-badge{flex:0 0 auto;border:1px solid #d7cfe2;border-radius:999px;background:#f4f0f8;color:#534662;padding:5px 9px;font-size:.67rem;font-weight:650} .record-source-badge.inactive{background:#f5f5f6;border-color:#dfdde2;color:#77717c} .record-source-badge.alert{background:#fff0d8;border-color:#e8c68c;color:#77501a} .status-ledger{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ebe7ef;border-radius:11px;overflow:hidden;background:#fff} .status-ledger-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-bottom:1px solid #eeeaf2} .status-ledger-row:nth-child(odd):not(.wide){border-right:1px solid #eeeaf2} .status-ledger-row.wide{grid-column:1/-1;border-bottom:0;align-items:flex-start} .status-ledger-row span{color:#6f6878;font-size:.71rem} .status-ledger-row strong{font-size:.75rem;font-weight:550;text-align:right;color:#332d3b;line-height:1.35} .ledger-state{border-radius:999px;padding:3px 7px!important;font-size:.68rem!important;white-space:nowrap} .ledger-state.good{background:#e8f4e9;color:#2e6338} .ledger-state.pending{background:#fff3d8;color:#76581f} .ledger-state.danger{background:#fde8e8;color:#8b3036} .status-layer-footer{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#7c7484;font-size:.66rem;line-height:1.3} .status-layer-footer time{text-align:right} .override-empty-state{display:flex;align-items:center;gap:11px;border:1px dashed #d9d4de;border-radius:11px;background:#faf9fb;padding:17px 14px} .override-check{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ecebef;color:#67616d;font-size:.85rem} .override-empty-state strong{display:block;font-size:.79rem;font-weight:600;color:#4b4552} .override-empty-state p{margin:3px 0 0;color:#7a7480;font-size:.7rem} .user-overview-section .cloud-status{font-weight:550} @media(max-width:850px){.listing-status-layers{grid-template-columns:1fr}.status-ledger{grid-template-columns:1fr}.status-ledger-row:nth-child(odd):not(.wide){border-right:0}.status-ledger-row.wide{grid-column:auto}.status-ledger-row:last-child{border-bottom:0}} /* V68 focused Admin reliability polish */ .automatic-workflow-healthy{display:inline-flex;align-items:center;padding:.58rem .78rem;border:1px solid #cfe5d8;border-radius:10px;background:#f4fbf7;color:#295c43;font-size:.84rem} .admin-emergency-controls-label{display:inline-flex;align-items:center;padding:.5rem .68rem;border-radius:9px;background:#fff6df;color:#795612;border:1px solid #ead49c;font-size:.82rem} .manual-status-layer.attention-required{border-color:#e6c66d;background:linear-gradient(180deg,#fffdf6,#fffaf0)} /* V75.6 — Signature Brand Refinement only. Scoped to existing FMDirect brand assets and wordmark; no layout or workflow changes. */ .site-header .brand-logo-mark, .footer-bottom-logo, .bims-brand img{ border-color:rgba(202,157,69,.46)!important; box-shadow:0 10px 25px rgba(15,91,58,.12),0 3px 10px rgba(106,47,181,.10)!important; } .site-header .brand .brand-title, .bims-brand strong{ font-family:Poppins,Arial,Helvetica,sans-serif!important; font-weight:650!important; letter-spacing:-.045em!important; } .site-header .brand .brand-title .fmd-purple, .brand-title .fmd-purple{ color:#6A2FB5; background:linear-gradient(145deg,#8B3FD3 0%,#6A2FB5 48%,#3E176F 100%); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; } .site-header .brand .brand-title .fmd-green, .brand-title .fmd-green{ color:#0F5B3A; background:linear-gradient(145deg,#167A58 0%,#0F5B3A 50%,#063B29 100%); -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; } .site-header .brand .brand-subtitle{ color:#173F35!important; letter-spacing:.105em!important; } /* V76.1 controlled rental/sale parking density refinement */ .parking-outside-grid{gap:6px!important;margin-bottom:8px!important} .parking-outside-grid .choice{min-height:38px!important;padding:6px 9px!important;align-items:center!important} .parking-outside-grid .choice input{margin-top:0!important} @media(max-width:680px){.parking-outside-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}.parking-outside-grid .choice{min-height:40px!important}} /* V76.2 premium compact parking/outside-space layout */ .parking-outside-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px 8px!important;margin:4px 0 6px!important} .parking-outside-grid .choice{min-height:32px!important;height:auto!important;padding:4px 8px!important;border-radius:8px!important;line-height:1.15!important;margin:0!important;display:flex!important;align-items:center!important} .parking-outside-grid .choice input{width:17px!important;height:17px!important;flex:0 0 17px!important;margin:0 7px 0 0!important} .parking-outside-grid + label,.parking-outside-grid + .field,.parking-outside-grid + .upload-section{margin-top:8px!important} @media(max-width:680px){.parking-outside-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}.parking-outside-grid .choice{min-height:34px!important;padding:5px 7px!important;font-size:.94rem!important}} /* V76.2.2.2 — visible FMDirect AI writing action */ .fmd-ai-writing-button-v762222{background:#0b4a3a!important;color:#fff!important;border:1px solid #0b4a3a!important;box-shadow:0 5px 14px rgba(11,74,58,.16)!important} .fmd-ai-writing-button-v762222:hover{background:#073c30!important;border-color:#073c30!important} .fmd-ai-writing-button-v762222:focus-visible{outline:3px solid rgba(11,74,58,.25);outline-offset:2px} /* V77.12 Compact All User Payment Tables — presentation only */ .payment-panel-v7711{margin-top:7px!important;padding:9px!important;border:1px solid rgba(20,74,55,.18)!important;border-radius:9px!important;background:#fff!important;box-shadow:0 3px 10px rgba(20,48,39,.04)!important;color:#17372d!important} .payment-panel-v7711 h4{margin:0 0 6px!important;font-size:.94rem!important;font-weight:700!important;color:#184d3b!important} .payment-summary-table-v7711{display:grid;border:1px solid rgba(20,74,55,.14);border-radius:8px;overflow:hidden} .payment-summary-table-v7711>div{display:grid;grid-template-columns:minmax(135px,.8fr) minmax(0,1.6fr);gap:9px;align-items:center;padding:5px 8px;min-height:31px;border-bottom:1px solid rgba(20,74,55,.1);background:#fff} .payment-summary-table-v7711>div:nth-child(even){background:#f8fbf9} .payment-summary-table-v7711>div:last-child{border-bottom:0} .payment-summary-table-v7711 span{font-size:.82rem;line-height:1.25;color:#5a6e66} .payment-summary-table-v7711 strong{font-size:.86rem;line-height:1.25;font-weight:600;text-align:right;color:#17372d;overflow-wrap:anywhere} .payment-summary-table-v7711 .payment-expiry-v7711{background:#f0f7f3} .payment-summary-table-v7711 .payment-expiry-v7711 strong{color:#0f5b3d} .payment-history-v7711{margin-top:5px;border:1px solid rgba(20,74,55,.12);border-radius:8px;background:#fff;overflow:hidden} .payment-history-v7711 summary{cursor:pointer;padding:6px 8px;font-size:.83rem;line-height:1.2;font-weight:600;color:#184d3b;background:#f8fbf9;list-style-position:inside} .payment-history-scroll-v7711{overflow-x:auto;-webkit-overflow-scrolling:touch} .payment-history-v7711 table{width:100%;min-width:480px;border-collapse:collapse;font-size:.79rem;line-height:1.2} .payment-history-v7711 th,.payment-history-v7711 td{padding:5px 7px;border-top:1px solid rgba(20,74,55,.1);text-align:left;white-space:nowrap} .payment-history-v7711 th{font-weight:600;color:#4f655d;background:#fbfdfc} .payment-history-v7711 td:nth-child(4),.payment-history-v7711 th:nth-child(4){text-align:right} .payment-paid-v7711{display:inline-block;padding:1px 6px;border-radius:999px;background:#e8f5ed;color:#17623f;font-weight:600;font-size:.72rem} @media(max-width:640px){.payment-panel-v7711{padding:8px!important}.payment-panel-v7711 h4{margin-bottom:5px!important}.payment-summary-table-v7711>div{grid-template-columns:minmax(105px,.85fr) minmax(0,1.35fr);gap:7px;padding:5px 7px;min-height:30px}.payment-summary-table-v7711 strong{text-align:right;font-size:.81rem}.payment-summary-table-v7711 span{font-size:.76rem}.payment-history-v7711 summary{padding:6px 7px}.payment-history-v7711 table{min-width:440px}.payment-history-v7711 th,.payment-history-v7711 td{padding:5px 6px}} /* V77.13 Premium All-User Dashboard Layout Refinement — CSS presentation only */ .account-page .account-dashboard{ margin-top:12px!important; padding:16px!important; } .account-page .account-dashboard h3{ margin:0 0 9px!important; font-size:1.34rem!important; line-height:1.2!important; } .account-page .account-dashboard h4{ margin:14px 0 7px!important; font-size:1.04rem!important; line-height:1.25!important; } .account-page .account-dashboard .dashboard-intro-v615{ margin:7px 0 11px!important; font-size:.93rem!important; line-height:1.42!important; } .account-page .account-dashboard .stacked-records{ gap:8px!important; margin:8px 0 12px!important; } .account-page .account-dashboard .mini-record{ padding:14px!important; border-radius:14px!important; } .account-page .account-dashboard .mini-record .record-head{ gap:10px!important; margin-bottom:5px!important; } .account-page .account-dashboard .mini-record .record-head>div>strong{ font-size:1.04rem!important; } .account-page .account-dashboard .detail-table{ margin-top:7px!important; } .account-page .account-dashboard .detail-table>div{ padding:6px 3px!important; line-height:1.32!important; } .account-page .account-dashboard .dashboard-links{ gap:7px!important; margin:7px 0 9px!important; } .account-page .account-dashboard .dashboard-links .button{ padding:7px 10px!important; min-height:36px!important; } .account-page .account-dashboard .notice, .account-page .account-dashboard .notice.safe{ margin:7px 0!important; padding:8px 10px!important; } .account-page .account-dashboard .dashboard-readonly-media-v615{ margin:7px 0 9px!important; padding:9px!important; border-radius:12px!important; } .account-page .account-dashboard .dashboard-media-head-v615{ margin-bottom:6px!important; } .account-page .account-dashboard .dashboard-thumb-strip-v615{ gap:6px!important; } .account-page .account-dashboard .dashboard-readonly-media-v615 .quiet{ margin-top:5px!important; } .account-page .account-dashboard .package-renewal-v174{ margin-top:7px!important; padding:9px!important; gap:6px!important; border-radius:11px!important; } .account-page .account-dashboard .package-renewal-v174 label{gap:3px!important} .account-page .account-dashboard .package-renewal-v174 select{ min-height:38px!important; padding:7px 9px!important; } .account-page .account-dashboard .package-renewal-v174 .renew-row-v174{gap:6px!important} .account-page .account-dashboard .payment-panel-v7711{ margin-top:6px!important; padding:6px!important; border-radius:8px!important; } .account-page .account-dashboard .payment-panel-v7711 h4{ margin:0 0 4px!important; font-size:.9rem!important; } .account-page .account-dashboard .payment-summary-table-v7711>div{ min-height:29px!important; padding:4px 7px!important; } .account-page .account-dashboard .payment-history-v7711{margin-top:4px!important} .account-page .account-dashboard .payment-history-v7711 summary{padding:5px 7px!important} .account-page .account-dashboard .payment-history-v7711 th, .account-page .account-dashboard .payment-history-v7711 td{padding:4px 6px!important} @media(max-width:680px){ .account-page .account-dashboard{ margin-top:9px!important; padding:11px!important; } .account-page .account-dashboard h3{font-size:1.22rem!important;margin-bottom:7px!important} .account-page .account-dashboard h4{font-size:.98rem!important;margin:11px 0 6px!important} .account-page .account-dashboard .mini-record{padding:11px!important;border-radius:12px!important} .account-page .account-dashboard .detail-table>div{ gap:2px!important; padding:5px 2px!important; } .account-page .account-dashboard .dashboard-readonly-media-v615{padding:7px!important} .account-page .account-dashboard .dashboard-thumb-strip-v615{gap:5px!important} .account-page .account-dashboard .payment-panel-v7711{padding:5px!important} .account-page .account-dashboard .payment-panel-v7711 h4{margin-bottom:3px!important} .account-page .account-dashboard .payment-summary-table-v7711>div{padding:4px 6px!important;min-height:28px!important} } /* V77.14 All-User Dashboard Typography and Account-Role Refinement — CSS only */ /* Local account/dashboard typography: no global font-size override and no functional selectors changed. */ .account-page .account-page-title h1{ font-size:clamp(1.42rem,2.15vw,1.82rem)!important; line-height:1.16!important; font-weight:520!important; margin:8px 0 5px!important; } .account-page .account-page-title .sublead{ max-width:760px!important; font-size:.88rem!important; line-height:1.42!important; } .account-page .account-page-title>.eyebrow{ font-size:.7rem!important; letter-spacing:.08em!important; } .account-page .account-side-note.owner-note, .account-page .account-side-note.requester-note{ width:206px!important; min-width:206px!important; max-width:206px!important; min-height:72px!important; padding:9px 11px!important; column-gap:9px!important; border-width:1px!important; border-radius:13px!important; box-shadow:0 5px 14px rgba(17,57,43,.06)!important; } .account-page .account-side-note.owner-note{ background:linear-gradient(145deg,#fbfdfc 0%,#f1f8f4 100%)!important; border-color:rgba(16,92,60,.34)!important; color:#173f30!important; } .account-page .account-side-note.requester-note{ background:linear-gradient(145deg,#fbfcfd 0%,#f1f6f9 100%)!important; border-color:rgba(37,100,133,.28)!important; color:#1d4559!important; } .account-page .account-side-note.owner-note .role-logo, .account-page .account-side-note.requester-note .role-logo{ width:31px!important; height:31px!important; min-width:31px!important; border-radius:9px!important; font-size:.66rem!important; font-weight:700!important; } .account-page .account-side-note.owner-note .role-logo-owner{ background:#0f6a43!important; border-color:#0f6a43!important; } .account-page .account-side-note.requester-note .role-logo-requester{ background:#27627f!important; border-color:#27627f!important; } .account-page .account-side-note.owner-note h2, .account-page .account-side-note.requester-note h2{ font-size:.79rem!important; line-height:1.14!important; font-weight:650!important; color:inherit!important; } .account-page .account-side-note.owner-note p, .account-page .account-side-note.requester-note p{ font-size:.66rem!important; line-height:1.22!important; color:#64736c!important; } /* Login / registration cards */ .account-page .role-login-card{ padding:15px!important; border-radius:15px!important; } .account-page .role-login-card .account-card-head h2{ font-size:1.16rem!important; line-height:1.2!important; font-weight:560!important; margin:4px 0!important; } .account-page .role-login-card .account-card-head .quiet, .account-page .compact-account-form .helper, .account-page .compact-account-form label{ font-size:.82rem!important; line-height:1.38!important; } .account-page .account-mode-tab, .account-page .account-password-actions .button{ font-size:.8rem!important; } .account-page .compact-account-form input, .account-page .compact-account-form select{ font-size:.88rem!important; } /* Unified dashboard type scale */ .account-page .account-dashboard, .swap-page [data-swap-dashboard], .swap-page .swap-dashboard, .swap-page .swap-private-dashboard{ font-size:.88rem!important; line-height:1.36!important; } .account-page .account-dashboard h3, .swap-page .swap-dashboard h2, .swap-page .swap-dashboard h3, .swap-page .swap-private-dashboard h2, .swap-page .swap-private-dashboard h3{ font-size:1.16rem!important; line-height:1.18!important; font-weight:560!important; } .account-page .account-dashboard h4, .swap-page .swap-dashboard h4, .swap-page .swap-private-dashboard h4{ font-size:.94rem!important; line-height:1.2!important; font-weight:620!important; } .account-page .account-dashboard .mini-record .record-head>div>strong, .swap-page .swap-listing-card h3, .swap-page .swap-request-card h3{ font-size:.94rem!important; line-height:1.22!important; font-weight:580!important; } .account-page .account-dashboard .record-head .small, .account-page .account-dashboard .small, .account-page .account-dashboard .quiet, .swap-page .swap-dashboard .small, .swap-page .swap-dashboard .quiet{ font-size:.76rem!important; line-height:1.36!important; } .account-page .account-dashboard .detail-table>div{ font-size:.82rem!important; } .account-page .account-dashboard .detail-table b{ font-size:.79rem!important; font-weight:560!important; color:#394f47!important; } .account-page .account-dashboard .detail-table span{ font-size:.82rem!important; color:#243b33!important; } .account-page .account-dashboard .pill, .swap-page .pill, .swap-page .status-pill{ font-size:.72rem!important; line-height:1.1!important; padding:6px 10px!important; } .account-page .account-dashboard .notice strong, .account-page .account-dashboard .seller-media-actions-v16118>strong{ font-size:.8rem!important; font-weight:600!important; } .account-page .account-dashboard .payment-panel-v7711 h4{ font-size:.84rem!important; font-weight:620!important; } .account-page .account-dashboard .payment-summary-table-v7711 span, .account-page .account-dashboard .payment-history-v7711 th{ font-size:.73rem!important; } .account-page .account-dashboard .payment-summary-table-v7711 strong, .account-page .account-dashboard .payment-history-v7711 td{ font-size:.78rem!important; } .account-page .account-dashboard .package-renewal-v174>strong{ font-size:.86rem!important; font-weight:600!important; } .account-page .account-dashboard .package-renewal-v174 label, .account-page .account-dashboard .renew-status-v174{ font-size:.76rem!important; } /* Property Swap account/login type balance without changing swap functions */ .swap-page .swap-auth-card h1, .swap-page .swap-auth-card h2, .swap-page .swap-account-card h1, .swap-page .swap-account-card h2{ font-size:1.28rem!important; line-height:1.18!important; font-weight:560!important; } .swap-page .swap-auth-card p, .swap-page .swap-account-card p, .swap-page .swap-auth-card label, .swap-page .swap-account-card label{ font-size:.84rem!important; line-height:1.4!important; } .swap-page .swap-auth-tabs button, .swap-page .swap-auth-card input, .swap-page .swap-account-card input{ font-size:.88rem!important; } @media(max-width:760px){ .account-page .account-page-hero{grid-template-columns:1fr!important} .account-page .account-side-note.owner-note, .account-page .account-side-note.requester-note{ width:100%!important; min-width:0!important; max-width:100%!important; min-height:64px!important; } .account-page .account-page-title h1{font-size:1.38rem!important} .account-page .role-login-card{padding:12px!important} .account-page .account-dashboard, .swap-page [data-swap-dashboard], .swap-page .swap-dashboard, .swap-page .swap-private-dashboard{font-size:.84rem!important} .account-page .account-dashboard h3{font-size:1.08rem!important} .account-page .account-dashboard .mini-record .record-head>div>strong{font-size:.9rem!important} .account-page .account-dashboard .detail-table b, .account-page .account-dashboard .detail-table span{font-size:.77rem!important} } /* V80 AI Property Expert promise and email-continuity foundation */ .fmd-ai-promise{margin:0 12px 10px;padding:10px 12px;border:1px solid rgba(196,155,72,.35);border-radius:12px;background:linear-gradient(135deg,rgba(255,250,235,.96),rgba(244,249,246,.96));color:#173f35;display:grid;gap:2px}.fmd-ai-promise strong{font-size:.82rem}.fmd-ai-promise span{font-size:.74rem;line-height:1.35;color:#5b665f}.fmd-ai-continuity{margin:8px 12px 0;padding-top:8px;border-top:1px solid #e2e8e4}.fmd-ai-continuity-toggle{width:100%;border:1px solid #b9cec4;background:#f4f8f6;color:#174f35;border-radius:10px;padding:9px 10px;font:inherit;cursor:pointer}.fmd-ai-continuity-form{display:grid;grid-template-columns:1fr 1.35fr auto;gap:7px;margin-top:8px}.fmd-ai-continuity-form[hidden]{display:none}.fmd-ai-continuity-form input{min-width:0;border:1px solid #cbd8d2;border-radius:9px;padding:9px}.fmd-ai-continuity-form button{border:0;border-radius:9px;padding:9px 12px;background:#174f35;color:#fff}.fmd-ai-continuity-form small{grid-column:1/-1;color:#68736d;line-height:1.35}.fmd-ai-continuity-status{font-size:.75rem;color:#174f35;margin-top:6px;line-height:1.35}@media(max-width:680px){.fmd-ai-promise{margin:0 9px 7px;padding:8px 9px}.fmd-ai-promise span{font-size:.69rem}.fmd-ai-continuity{margin:6px 9px 0}.fmd-ai-continuity-form{grid-template-columns:1fr}.fmd-ai-continuity-form small{grid-column:1}} /* ========================================================= V80.2.5 — true pure-white public canvas micro-fix Scope: background only. Preserve cards, typography, layout and workflows. ========================================================= */ html, body:not(.admin-body), body:not(.admin-body) main, body:not(.admin-body) .site-shell, body:not(.admin-body) .page-shell, body:not(.admin-body) .page, body:not(.admin-body) .page-wrap, body:not(.admin-body) .page-wrapper, body:not(.admin-body) .main-content, body:not(.admin-body) .content-wrap, body:not(.admin-body) .section, body:not(.admin-body) section{ background-color:#ffffff!important; } /* Remove any page-level tint/gradient while leaving intentional component cards intact. */ body:not(.admin-body){ background-image:none!important; background:#ffffff!important; } body:not(.admin-body) main, body:not(.admin-body) .site-shell, body:not(.admin-body) .page-shell, body:not(.admin-body) .page, body:not(.admin-body) .page-wrap, body:not(.admin-body) .page-wrapper, body:not(.admin-body) .main-content, body:not(.admin-body) .content-wrap{ background-image:none!important; } /* V86 STRUCTURAL PREMIUM ACCOUNT + DASHBOARD SYSTEM */ .account-page main{padding:0 22px 42px}.account-page .premium-account-access{padding:22px 0 8px!important}.account-page .premium-account-shell{max-width:780px;margin:0 auto}.account-page .premium-account-back{display:inline-flex;align-items:center;margin:0 0 10px;color:#53645d;text-decoration:none;font-size:.8rem;font-weight:600}.account-page .premium-account-shell>.account-card{padding:24px!important;border:1px solid #dfe7e3!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 34px rgba(18,53,41,.07)!important}.account-page .premium-account-card-head{margin:0 0 15px!important}.account-page .premium-account-card-head h1{margin:0 0 5px!important;font-size:1.32rem!important;line-height:1.2!important;font-weight:650!important;color:#173d31!important}.account-page .premium-account-card-head p{margin:0!important;color:#65746e!important;font-size:.87rem!important;line-height:1.45!important}.account-page .premium-account-card-head p strong{color:#294c3f!important;font-weight:650!important}.account-page .account-mode-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;padding:4px!important;margin:0 0 15px!important;border:1px solid #e2e8e5!important;border-radius:11px!important;background:#f7faf8!important}.account-page .account-mode-tab{min-height:38px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#53645d!important;font-size:.84rem!important;font-weight:650!important}.account-page .account-mode-tab.active{background:#fff!important;color:#173d31!important;box-shadow:0 3px 10px rgba(18,53,41,.07)!important}.account-page .compact-account-form label{display:grid!important;gap:6px!important;font-size:.82rem!important;font-weight:650!important;color:#344c43!important}.account-page .compact-account-form input,.account-page .compact-account-form select{min-height:46px!important;border:1px solid #d6dfdb!important;border-radius:10px!important;background:#fff!important;font-size:.94rem!important}.account-page .account-submit{min-height:46px!important;margin-top:15px!important;border-radius:10px!important;background:#123f31!important;color:#fff!important;font-size:.92rem!important;font-weight:700!important}.account-page .account-password-actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin-top:8px!important}.account-page .account-password-actions .button{min-height:34px!important;padding:6px!important;border-radius:8px!important;font-size:.74rem!important}.account-page [data-account-status]{margin-top:8px!important;padding:9px 10px!important;border-radius:9px!important;font-size:.78rem!important}.account-page .premium-dashboard{padding:0!important;border:1px solid #dde6e2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 34px rgba(18,53,41,.055)!important;overflow:hidden!important}.account-page .premium-dashboard-header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:20px 22px 15px!important;border-bottom:1px solid #e7ece9!important}.account-page .premium-dashboard-header h2{margin:0!important;font-size:1.28rem!important;font-weight:650!important;color:#163d30!important}.account-page .premium-dashboard-header p{margin:4px 0 0!important;color:#738079!important;font-size:.77rem!important}.account-page .premium-dashboard-logout{min-height:34px!important;padding:7px 12px!important;border-radius:8px!important;font-size:.76rem!important}.account-page .premium-dashboard-actions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;padding:12px 22px!important;background:#f8faf9!important;border-bottom:1px solid #e7ece9!important}.account-page .premium-dashboard-actions .button{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:7px 9px!important;border-radius:9px!important;font-size:.76rem!important;font-weight:650!important;text-align:center!important}.account-page .premium-dashboard-actions .primary-cta{background:#173f32!important;color:#fff!important;border-color:#173f32!important}.account-page .premium-dashboard-note{display:flex!important;gap:8px!important;align-items:center!important;margin:14px 22px 0!important;padding:10px 12px!important;border-radius:10px!important;background:#f4f8f6!important;color:#556760!important;font-size:.78rem!important;line-height:1.45!important}.account-page .premium-dashboard-note strong{color:#24493b!important}.account-page .premium-dashboard-note span{color:#5b6c65!important}.account-page .premium-dashboard-section{padding:18px 22px 2px!important}.account-page .premium-dashboard-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:9px!important}.account-page .premium-dashboard-section-head h3{margin:0!important;font-size:.98rem!important;font-weight:650!important;color:#23483a!important}.account-page .premium-dashboard-section-head span{display:inline-grid!important;place-items:center!important;min-width:25px!important;height:25px!important;padding:0 7px!important;border-radius:999px!important;background:#eef4f1!important;color:#34584a!important;font-size:.7rem!important;font-weight:700!important}.account-page .premium-dashboard-records{display:grid!important;gap:10px!important}.account-page .premium-dashboard .mini-record{padding:14px!important;border:1px solid #e1e8e5!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}.account-page .premium-dashboard .record-head>div>strong{font-size:.96rem!important;color:#1c4033!important}.account-page .premium-dashboard .record-head .small{font-size:.72rem!important;color:#728079!important}.account-page .premium-dashboard .pill{font-size:.68rem!important;padding:5px 9px!important}.account-page .premium-dashboard .detail-table{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border:1px solid #e5ebe8!important;border-radius:10px!important;overflow:hidden!important;background:#fafcfb!important}.account-page .premium-dashboard .detail-table>div{display:flex!important;justify-content:space-between!important;gap:12px!important;min-height:34px!important;padding:7px 9px!important;border-bottom:1px solid #e8eeeb!important}.account-page .premium-dashboard .detail-table>div:nth-child(odd){border-right:1px solid #e8eeeb!important}.account-page .premium-dashboard .detail-table b,.account-page .premium-dashboard .detail-table span{font-size:.74rem!important}.account-page .premium-dashboard .notice{margin:8px 0!important;padding:10px 11px!important;border-radius:9px!important;font-size:.76rem!important}.account-page .premium-dashboard .empty{padding:14px!important;border:1px dashed #d8e2dd!important;border-radius:10px!important;background:#fafcfb!important;font-size:.78rem!important;color:#6a7771!important}.account-page .premium-dashboard-state{margin:18px 22px!important;padding:14px!important;border-radius:10px!important;background:#f6f9f7!important;color:#52655d!important} .swap-page .premium-swap-dashboard-host{border:1px solid #dde6e2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 34px rgba(18,53,41,.055)!important;overflow:hidden!important}.swap-page .premium-swap-dashboard-header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;padding:20px!important;border-bottom:1px solid #e7ece9!important}.swap-page .premium-swap-dashboard-header h2{margin:0!important;font-size:1.28rem!important;color:#173f32!important}.swap-page .premium-swap-dashboard-header p{margin:4px 0 0!important;font-size:.77rem!important;color:#748079!important}.swap-page .premium-swap-summary{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;padding:12px 20px!important;background:#f8faf9!important;border-bottom:1px solid #e7ece9!important}.swap-page .premium-swap-summary>div{padding:10px!important;text-align:center!important;border:1px solid #e3e9e6!important;border-radius:10px!important;background:#fff!important}.swap-page .premium-swap-summary strong{display:block!important;font-size:1.1rem!important;color:#173f32!important}.swap-page .premium-swap-summary span{font-size:.72rem!important;color:#6e7b75!important}.swap-page .premium-swap-section{padding:16px 20px 2px!important}.swap-page .premium-swap-section-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important}.swap-page .premium-swap-section-head h3{margin:0!important;font-size:.96rem!important;color:#24483b!important}.swap-page .premium-swap-section-head span{font-size:.7rem!important;font-weight:700!important;background:#eef4f1!important;color:#34584a!important;border-radius:999px!important;padding:5px 8px!important} @media(max-width:760px){.account-page main{padding:0 14px 30px}.account-page .premium-account-shell>.account-card{padding:18px!important}.account-page .account-password-actions{grid-template-columns:1fr!important}.account-page .premium-dashboard-header{align-items:flex-start!important;padding:16px!important}.account-page .premium-dashboard-actions{grid-template-columns:1fr 1fr!important;padding:10px 16px!important}.account-page .premium-dashboard-note{margin:12px 16px 0!important}.account-page .premium-dashboard-section{padding:15px 16px 2px!important}.account-page .premium-dashboard .detail-table{grid-template-columns:1fr!important}.account-page .premium-dashboard .detail-table>div:nth-child(odd){border-right:0!important}.swap-page .premium-swap-dashboard-header{align-items:flex-start!important}} @media(max-width:480px){.account-page .premium-dashboard-actions{grid-template-columns:1fr!important}.account-page .premium-dashboard-header,.swap-page .premium-swap-dashboard-header{flex-direction:column!important}.swap-page .premium-swap-summary{grid-template-columns:1fr!important}} /* V86.1 premium finishing pass: tighter account dashboards + restored Swap account composition */ @media (min-width: 900px){ .account-page .premium-dashboard-header{padding:16px 18px 12px!important} .account-page .premium-dashboard-actions{grid-template-columns:repeat(3,minmax(120px,1fr)) repeat(2,minmax(150px,1.08fr))!important;padding:10px 18px!important;gap:6px!important} .account-page .premium-dashboard-note{margin:10px 18px 0!important;padding:8px 10px!important} .account-page .premium-dashboard-section{padding:14px 18px 0!important} .account-page .premium-dashboard .mini-record{padding:12px!important} } .account-page .premium-dashboard-header>div{flex:1;text-align:center;padding-left:72px} .account-page .premium-dashboard-header .premium-dashboard-logout{flex:0 0 auto} .account-page .premium-dashboard-section-head span{min-width:auto!important;height:auto!important;padding:3px 7px!important} /* Property Swap account: replace the old narrow two-column registration composition. */ html body.swap-page[data-swap-page="account"] .swap-account-main{padding-top:0!important} html body.swap-page[data-swap-page="account"] .swap-account-section{padding-top:12px!important} html body.swap-page[data-swap-page="account"] .swap-shell{max-width:1040px!important;margin:0 auto!important} html body.swap-page[data-swap-page="account"] .swap-account-heading{max-width:700px!important;margin:0 auto 14px!important;text-align:center!important} html body.swap-page[data-swap-page="account"] .swap-account-heading h1{font-size:1.45rem!important;margin:4px 0 5px!important;color:#173f32!important} html body.swap-page[data-swap-page="account"] .swap-account-heading p{font-size:.86rem!important;margin:0!important;color:#68766f!important} html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-account-layout, html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-account-layout:has(.swap-dashboard-summary){display:grid!important;grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr)!important;gap:18px!important;align-items:start!important;max-width:1040px!important;margin:0 auto!important} html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .premium-swap-dashboard-side{margin:0!important;min-width:0!important} html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-account-guide{height:100%!important;box-sizing:border-box!important} html body.swap-page[data-swap-page="account"] .swap-auth-card{padding:22px 24px!important;border:1px solid #dfe7e3!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 34px rgba(18,53,41,.07)!important} html body.swap-page[data-swap-page="account"] .swap-auth-card h2{font-size:1.3rem!important;margin:0 0 5px!important;color:#173f32!important} html body.swap-page[data-swap-page="account"] .swap-auth-card>.quiet{font-size:.86rem!important;line-height:1.45!important;margin:0 0 14px!important;color:#68766f!important} html body.swap-page[data-swap-page="account"] .swap-auth-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;padding:4px!important;margin-bottom:14px!important;border:1px solid #e2e8e5!important;border-radius:11px!important;background:#f7faf8!important} html body.swap-page[data-swap-page="account"] .swap-auth-tabs button{min-height:38px!important;border-radius:8px!important;font-size:.84rem!important} html body.swap-page[data-swap-page="account"] .swap-auth-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px 12px!important} html body.swap-page[data-swap-page="account"] .swap-auth-full{grid-column:1/-1!important} html body.swap-page[data-swap-page="account"] .swap-auth-half{grid-column:auto!important} html body.swap-page[data-swap-page="account"] .swap-password-field, html body.swap-page[data-swap-page="account"] .swap-confirm-field{grid-column:auto!important} html body.swap-page[data-swap-page="account"] .swap-field{gap:6px!important;font-size:.82rem!important;font-weight:650!important;color:#344c43!important} html body.swap-page[data-swap-page="account"] .swap-field input, html body.swap-page[data-swap-page="account"] .swap-field select{min-height:45px!important;border-radius:10px!important;border-color:#d6dfdb!important;background:#fff!important;font-size:.92rem!important} html body.swap-page[data-swap-page="account"] .swap-route-note-v32{padding:9px 10px!important;border-radius:9px!important;font-size:.76rem!important;line-height:1.4!important} html body.swap-page[data-swap-page="account"] .swap-check{padding:9px 10px!important;border:1px solid #e3e9e6!important;border-radius:9px!important;background:#fafcfb!important;font-size:.76rem!important} html body.swap-page[data-swap-page="account"] [data-swap-auth-submit]{min-height:46px!important;border-radius:10px!important;font-weight:700!important} html body.swap-page[data-swap-page="account"] .swap-record-actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important} html body.swap-page[data-swap-page="account"] .swap-record-actions .swap-button{min-height:34px!important;border-radius:8px!important;font-size:.74rem!important} html body.swap-page[data-swap-page="account"] .premium-swap-dashboard-side{margin:14px 0 0!important} html body.swap-page[data-swap-page="account"] .premium-swap-dashboard-host{border-radius:14px!important;box-shadow:none!important;background:#f8faf9!important} html body.swap-page[data-swap-page="account"] .premium-swap-dashboard-host .swap-empty{padding:13px 15px!important;text-align:center!important} @media(max-width:760px){ .account-page .premium-dashboard-header>div{text-align:left;padding-left:0} html body.swap-page[data-swap-page="account"] .swap-account-heading{text-align:left!important} html body.swap-page[data-swap-page="account"] .swap-auth-card{padding:18px!important} html body.swap-page[data-swap-page="account"] .swap-auth-fields{grid-template-columns:1fr!important} html body.swap-page[data-swap-page="account"] .swap-auth-half, html body.swap-page[data-swap-page="account"] .swap-password-field, html body.swap-page[data-swap-page="account"] .swap-confirm-field{grid-column:1/-1!important} html body.swap-page[data-swap-page="account"] .swap-record-actions{grid-template-columns:1fr!important} } /* V87 REBUILD — PREMIUM HORIZONTAL DASHBOARD INFORMATION ARCHITECTURE Rebuilt from the verified V86.5 functional baseline. Purpose: use desktop width intelligently without squeezing content or creating a long narrow column. */ @media (min-width: 1000px){ /* Shared account workspace */ .account-page .account-dashboard-stage > #accountDashboard{ width:min(1220px,calc(100vw - 72px))!important; max-width:1220px!important; } .account-page .premium-dashboard{overflow:visible!important} .account-page .premium-dashboard-owner-grid{ display:grid; grid-template-columns:minmax(0,1.72fr) minmax(360px,.88fr); gap:18px; padding:16px 18px 20px; align-items:start; } .account-page .premium-dashboard-owner-grid > .premium-dashboard-section{ padding:0!important; min-width:0; } .account-page .premium-dashboard-listings-zone, .account-page .premium-dashboard-enquiries-zone{ border:1px solid #e1e8e5; border-radius:14px; background:#fbfcfb; padding:18px!important; box-sizing:border-box!important; } .account-page .premium-dashboard-enquiries-zone .notice{ margin:0 0 10px!important; } .account-page .premium-dashboard-enquiries-zone .detail-table{ grid-template-columns:1fr!important; } .account-page .premium-dashboard-enquiries-zone .detail-table > div{ display:grid!important; grid-template-columns:128px minmax(0,1fr); align-items:start; gap:12px!important; padding:10px 14px!important; box-sizing:border-box!important; } .account-page .premium-dashboard-enquiries-zone .detail-table > div:nth-child(odd){border-right:0!important} /* Seller / Landlord listing card: media + facts, then payment + renewal */ .account-page .seller-listing-control{ display:grid!important; grid-template-columns:minmax(280px,.92fr) minmax(320px,1.08fr); grid-template-areas: "head head" "media facts" "payment renewal" "protected protected"; gap:12px 14px!important; align-items:start; } .account-page .seller-listing-control > .record-head{grid-area:head} .account-page .seller-listing-control > .dashboard-readonly-media-v615{grid-area:media;margin:0!important;min-width:0} .account-page .seller-listing-control > .detail-table{grid-area:facts;min-width:0} .account-page .seller-listing-control > .payment-panel-v7711{grid-area:payment;margin:0!important;min-width:0} .account-page .seller-listing-control > .package-renewal-v174:not(.payment-panel-v7711){grid-area:renewal;margin:0!important;min-width:0} .account-page .seller-listing-control > .seller-media-actions-v16118{grid-area:protected;margin:0!important} .account-page .seller-listing-control .dashboard-thumb-strip-v615{grid-template-columns:repeat(3,minmax(0,1fr))!important} /* Buyer / Tenant: status rail + wide request workspace */ .account-page .premium-dashboard-requester-grid{ display:grid; grid-template-columns:minmax(240px,.34fr) minmax(0,1.66fr); gap:18px; padding:16px 18px 20px; align-items:start; } .account-page .premium-dashboard-requester-status{min-width:0} .account-page .premium-dashboard-requester-status .notice{margin:0!important} .account-page .premium-dashboard-requests-zone{ padding:0!important; min-width:0; } .account-page .buyer-tenant-request-card{ display:grid!important; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr); grid-template-areas: "head head" "facts payment" "facts renewal" "release release"; gap:12px 16px!important; align-items:start; } .account-page .buyer-tenant-request-card > .record-head{grid-area:head} .account-page .buyer-tenant-request-card > .detail-table{grid-area:facts;min-width:0} .account-page .buyer-tenant-request-card > .payment-panel-v7711{grid-area:payment;margin:0!important;min-width:0} .account-page .buyer-tenant-request-card > .package-renewal-v174:not(.payment-panel-v7711){grid-area:renewal;margin:0!important;min-width:0} .account-page .buyer-tenant-request-card > .notice{grid-area:release;margin:0!important} /* Shared long-value protection: wrap, never overlap or cover. */ .account-page .premium-dashboard .detail-table span, .account-page .premium-dashboard .detail-table b, .account-page .premium-dashboard .small, .account-page .premium-dashboard .quiet, .account-page .premium-dashboard td, .account-page .premium-dashboard th{ min-width:0; overflow-wrap:anywhere; word-break:normal; } /* V87 deep safe insets: protect real content from every card/cell boundary. */ .account-page .premium-dashboard .mini-record, .account-page .premium-dashboard .dashboard-readonly-media-v615, .account-page .premium-dashboard .payment-panel-v7711, .account-page .premium-dashboard .package-renewal-v174, .account-page .premium-dashboard .notice, .account-page .premium-dashboard .notice.safe{ box-sizing:border-box!important; } .account-page .premium-dashboard .mini-record{ padding:16px!important; } .account-page .premium-dashboard .record-head{ padding-left:4px!important; padding-right:4px!important; box-sizing:border-box!important; } .account-page .premium-dashboard .detail-table{ min-width:0!important; padding:4px!important; box-sizing:border-box!important; } .account-page .premium-dashboard .detail-table > div{ padding:10px 14px!important; gap:12px!important; min-width:0!important; box-sizing:border-box!important; } .account-page .premium-dashboard .detail-table > div > b, .account-page .premium-dashboard .detail-table > div > span{ min-width:0!important; max-width:100%!important; padding-left:2px!important; padding-right:2px!important; box-sizing:border-box!important; overflow-wrap:anywhere!important; word-break:normal!important; } .account-page .premium-dashboard .detail-table > div > span:last-child{ padding-right:6px!important; } .account-page .premium-dashboard .payment-summary-table-v7711{ padding:4px!important; box-sizing:border-box!important; } .account-page .premium-dashboard .payment-summary-table-v7711 > div{ padding:10px 14px!important; min-width:0!important; box-sizing:border-box!important; } .account-page .premium-dashboard .payment-summary-table-v7711 > div > *{ min-width:0!important; max-width:100%!important; overflow-wrap:anywhere!important; } .account-page .premium-dashboard .package-renewal-v174{ padding:16px!important; } .account-page .premium-dashboard .package-renewal-v174 .renew-row-v174{ padding:4px!important; box-sizing:border-box!important; } .account-page .premium-dashboard .dashboard-readonly-media-v615{ padding:14px!important; } .account-page .premium-dashboard .notice, .account-page .premium-dashboard .notice.safe{ padding:14px 16px!important; } .account-page .premium-dashboard-enquiries-zone .mini-record{ padding:18px!important; } .account-page .premium-dashboard-enquiries-zone .small, .account-page .premium-dashboard-enquiries-zone .quiet{ padding-left:2px!important; padding-right:6px!important; box-sizing:border-box!important; } .account-page .premium-dashboard-enquiries-zone .pill{ max-width:calc(100% - 8px)!important; } /* Property Swap logged-in workspace: hide login/guidance and use a full management console. */ html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-heading, html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-auth-card, html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-guide{ display:none!important; } html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-shell{ width:min(1240px,calc(100vw - 72px))!important; max-width:1240px!important; margin:0 auto!important; } html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-layout{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; } html body.swap-page[data-swap-page="account"].swap-dashboard-mode .premium-swap-dashboard-side{ margin:0!important; width:100%!important; } html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard{ width:100%!important; max-width:none!important; margin:0!important; background:#fff!important; box-shadow:0 12px 34px rgba(18,53,41,.055)!important; } .swap-page .premium-swap-dashboard-grid{ display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); grid-template-areas: "listing incoming" "outgoing payments"; gap:18px; padding:18px 20px 22px; align-items:start; } .swap-page .swap-zone-listings{grid-area:listing} .swap-page .swap-zone-incoming{grid-area:incoming} .swap-page .swap-zone-outgoing{grid-area:outgoing} .swap-page .swap-zone-payments{grid-area:payments} .swap-page .premium-swap-dashboard-grid > .premium-swap-section{ padding:14px!important; min-width:0; border:1px solid #e1e8e5; border-radius:14px; background:#fbfcfb; } .swap-page .swap-listing-record-premium, .swap-page .swap-request-record-premium, .swap-page .swap-payment-record-premium{ min-width:0; overflow:hidden; } .swap-page .swap-listing-dashboard-grid{ display:grid; grid-template-columns:minmax(210px,.75fr) minmax(280px,1.25fr); gap:14px; align-items:start; } .swap-page .swap-listing-dashboard-main, .swap-page .swap-listing-dashboard-finance{min-width:0} .swap-page .swap-dashboard-fact{ display:grid; gap:4px; padding:9px 10px; border:1px solid #e6ece9; border-radius:9px; background:#fff; margin-bottom:8px; } .swap-page .swap-dashboard-fact span, .swap-page .swap-request-message-premium > span{ font-size:.69rem; text-transform:uppercase; letter-spacing:.05em; color:#728079; font-weight:700; } .swap-page .swap-dashboard-fact strong, .swap-page .swap-request-message-premium p{ font-size:.78rem; line-height:1.42; color:#29483d; overflow-wrap:anywhere; } .swap-page .swap-request-dashboard-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:10px 0; } .swap-page .swap-request-message-premium{ padding:10px 11px; border:1px solid #e6ece9; border-radius:9px; background:#fff; margin:10px 0; } .swap-page .swap-request-message-premium p{margin:5px 0 0} .swap-page .swap-payment-line-premium{ display:grid; grid-template-columns:auto auto minmax(0,1fr); gap:8px 12px; align-items:center; font-size:.75rem; color:#5d6c65; } .swap-page .swap-payment-line-premium span:last-child{text-align:right;overflow-wrap:anywhere} .swap-page .premium-swap-dashboard-grid .payment-summary-table-v7711 > div{ display:grid!important; grid-template-columns:minmax(105px,.75fr) minmax(0,1.25fr)!important; gap:8px!important; } .swap-page .premium-swap-dashboard-grid .payment-summary-table-v7711 strong{ text-align:right; overflow-wrap:anywhere; } } @media (min-width: 760px) and (max-width: 999px){ .account-page .account-dashboard-stage > #accountDashboard{width:min(920px,calc(100vw - 40px))!important;max-width:920px!important} .account-page .premium-dashboard-owner-grid, .account-page .premium-dashboard-requester-grid, .swap-page .premium-swap-dashboard-grid{grid-template-columns:1fr!important;display:grid!important} .swap-page .premium-swap-dashboard-grid{grid-template-areas:"listing" "incoming" "outgoing" "payments"} } @media (max-width: 759px){ .account-page .premium-dashboard-owner-grid, .account-page .premium-dashboard-requester-grid, .swap-page .premium-swap-dashboard-grid{display:block!important;padding:12px!important} .account-page .premium-dashboard-owner-grid > *, .account-page .premium-dashboard-requester-grid > *, .swap-page .premium-swap-dashboard-grid > *{margin-bottom:12px!important} .account-page .seller-listing-control, .account-page .buyer-tenant-request-card, .swap-page .swap-listing-dashboard-grid, .swap-page .swap-request-dashboard-grid{display:block!important} html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-shell{width:calc(100% - 28px)!important} html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-layout{display:block!important} } /* V87.4 — TRUE CENTRED DASHBOARDS + CENTRED TILE HEADERS + AI EXPERT SAFE WORKSPACE Built on V87.3. Layout only: no data/auth/payment/email logic changed. */ @media (min-width:1000px){ /* The old .section/.account-section max-width was keeping the whole dashboard workspace left-biased. Keep the login shell compact, but let the signed-in dashboard stage use the full viewport canvas. */ .account-page .account-section.premium-account-access{ width:100%!important; max-width:none!important; margin-inline:auto!important; padding-left:22px!important; padding-right:22px!important; box-sizing:border-box!important; } .account-page .account-dashboard-stage{ width:100%!important; max-width:none!important; margin:0 auto!important; padding:0!important; box-sizing:border-box!important; } .account-page .account-dashboard-stage > #accountDashboard{ width:min(1220px,calc(100vw - 88px))!important; max-width:1220px!important; margin:18px auto 0!important; box-sizing:border-box!important; } /* Centre section/tile titles independently of the count badge. Badge keeps a real inset from the right boundary instead of sitting on the edge. */ .account-page .premium-dashboard-section-head, .swap-page .premium-swap-section-head{ position:relative!important; display:block!important; min-height:30px!important; padding:3px 44px 3px!important; margin-bottom:10px!important; box-sizing:border-box!important; } .account-page .premium-dashboard-section-head h3, .swap-page .premium-swap-section-head h3{ width:100%!important; margin:0!important; text-align:center!important; line-height:24px!important; } .account-page .premium-dashboard-section-head > span, .swap-page .premium-swap-section-head > span{ position:absolute!important; right:12px!important; top:50%!important; transform:translateY(-50%)!important; margin:0!important; min-width:25px!important; height:25px!important; padding:0 7px!important; display:grid!important; place-items:center!important; box-sizing:border-box!important; } /* Centre the headings of the smaller information tiles too, while retaining the safe inner padding. */ .account-page .premium-dashboard .payment-panel-v7711 > h4, .account-page .premium-dashboard .package-renewal-v174:not(.payment-panel-v7711) > strong, .account-page .premium-dashboard .seller-media-actions-v16118 > strong{ display:block!important; width:100%!important; text-align:center!important; box-sizing:border-box!important; } /* When the AI Property Expert is expanded, centre the dashboard in the usable canvas to its left. The chat keeps its own clear lane; the dashboard does not sit underneath or collide with it. */ body:has(.fmd-ai-assistant.expanded) .account-page .account-dashboard-stage{ padding-right:380px!important; } body:has(.fmd-ai-assistant.expanded) .account-page .account-dashboard-stage > #accountDashboard{ width:min(1120px,calc(100vw - 450px))!important; max-width:1120px!important; margin-left:auto!important; margin-right:auto!important; } /* Property Swap uses the same safe AI lane when its dashboard is open. */ body:has(.fmd-ai-assistant.expanded) .swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-section{ width:100%!important; max-width:none!important; padding-right:380px!important; box-sizing:border-box!important; } body:has(.fmd-ai-assistant.expanded) .swap-page[data-swap-page="account"].swap-dashboard-mode .swap-shell{ width:min(1120px,calc(100vw - 450px))!important; max-width:1120px!important; margin-left:auto!important; margin-right:auto!important; } } /* Tablet/mobile: keep the existing responsive stack and do not reserve a desktop AI lane. */ @media (max-width:999px){ .account-page .premium-dashboard-section-head, .swap-page .premium-swap-section-head{ position:relative!important; } } /* V87.7 — PROPERTY SWAP ONLY: restore the dedicated premium two-card composition and the original dashboard internals. Seller/Landlord/Buyer/Tenant V87.4 dashboard rules are intentionally untouched. */ @media (min-width: 900px){ html body.swap-page[data-swap-page="account"] .swap-shell{ max-width:1040px!important; margin:0 auto!important; } html body.swap-page[data-swap-page="account"] .swap-account-layout, html body.swap-page[data-swap-page="account"] .swap-account-layout:has(.swap-dashboard-summary){ display:grid!important; grid-template-columns:minmax(400px,.82fr) minmax(0,1.18fr)!important; gap:18px!important; align-items:start!important; max-width:1040px!important; margin:0 auto!important; } html body.swap-page[data-swap-page="account"] .swap-auth-card, html body.swap-page[data-swap-page="account"] .premium-swap-dashboard-side{ min-width:0!important; } /* Once authenticated, the right card becomes the dedicated Swap dashboard; the guidance card gets out of the way. */ html body.swap-page[data-swap-page="account"] .swap-account-layout:has(#swapDashboard:not([hidden])) .swap-account-guide{ display:none!important; } html body.swap-page[data-swap-page="account"] .swap-account-layout:has(#swapDashboard:not([hidden])) .premium-swap-dashboard-side{ margin:0!important; } html body.swap-page[data-swap-page="account"] #swapDashboard.premium-swap-dashboard-host:not([hidden]){ display:block!important; width:100%!important; max-width:none!important; margin:0!important; } /* Keep the original premium Swap dashboard structure: compact vertical sections inside a wider right card. */ html body.swap-page[data-swap-page="account"] #swapDashboard .premium-swap-section{ padding:16px 20px 2px!important; border:0!important; background:#fff!important; } html body.swap-page[data-swap-page="account"] #swapDashboard .premium-swap-section + .premium-swap-section{ border-top:1px solid #edf1ef!important; } html body.swap-page[data-swap-page="account"] #swapDashboard .premium-swap-section-head{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; min-height:32px!important; margin:0 0 8px!important; padding:0 38px!important; } html body.swap-page[data-swap-page="account"] #swapDashboard .premium-swap-section-head h3{ margin:0!important; text-align:center!important; } html body.swap-page[data-swap-page="account"] #swapDashboard .premium-swap-section-head > span{ position:absolute!important; right:12px!important; top:50%!important; transform:translateY(-50%)!important; margin:0!important; } html body.swap-page[data-swap-page="account"] #swapDashboard .swap-record{ min-width:0!important; overflow:hidden!important; padding:14px 16px!important; } html body.swap-page[data-swap-page="account"] #swapDashboard .swap-record, html body.swap-page[data-swap-page="account"] #swapDashboard .swap-record *{ box-sizing:border-box!important; min-width:0!important; overflow-wrap:anywhere!important; } /* Restore the original payment-summary rows. Do not turn them into equal vertical columns. */ html body.swap-page[data-swap-page="account"] #swapDashboard .payment-summary-table-v7711{ display:grid!important; grid-template-columns:1fr!important; gap:0!important; border:1px solid rgba(20,74,55,.14)!important; border-radius:8px!important; overflow:hidden!important; } html body.swap-page[data-swap-page="account"] #swapDashboard .payment-summary-table-v7711 > div{ display:grid!important; grid-template-columns:minmax(135px,.8fr) minmax(0,1.6fr)!important; gap:9px!important; align-items:center!important; padding:6px 10px!important; min-height:31px!important; border-bottom:1px solid rgba(20,74,55,.1)!important; } html body.swap-page[data-swap-page="account"] #swapDashboard .payment-summary-table-v7711 > div:last-child{ border-bottom:0!important; } html body.swap-page[data-swap-page="account"] #swapDashboard .payment-summary-table-v7711 strong{ text-align:right!important; overflow-wrap:anywhere!important; } html body.swap-page[data-swap-page="account"] #swapDashboard .swap-renewal-row-v778{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:10px!important; align-items:end!important; } html body.swap-page[data-swap-page="account"] #swapDashboard .swap-record-actions{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; } body:has(.fmd-ai-assistant.expanded) .swap-page[data-swap-page="account"] .swap-shell{ max-width:min(1040px,calc(100vw - 390px))!important; margin-left:max(18px,calc((100vw - 360px - min(1040px,calc(100vw - 390px)))/2))!important; margin-right:auto!important; } } @media (max-width: 899px){ html body.swap-page[data-swap-page="account"] .swap-account-layout, html body.swap-page[data-swap-page="account"] .swap-account-layout:has(.swap-dashboard-summary){ display:block!important; max-width:720px!important; margin:0 auto!important; } html body.swap-page[data-swap-page="account"] .premium-swap-dashboard-side{margin-top:14px!important} html body.swap-page[data-swap-page="account"] #swapDashboard .swap-record-actions{grid-template-columns:1fr!important} } /* V87.9 — Property Swap authenticated-state layout repair. Logged out: retain the verified V87.7 premium two-card access layout. Logged in: remove the access/intro UI entirely and show only the protected dashboard + logout. */ html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-heading, html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-auth-card, html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-guide{ display:none!important; } html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-layout, html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-layout:has(.swap-dashboard-summary){ display:block!important; width:100%!important; max-width:1040px!important; margin:0 auto!important; } html body.swap-page[data-swap-page="account"].swap-dashboard-mode .premium-swap-dashboard-side{ width:100%!important; margin:0!important; } html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard:not([hidden]){ display:block!important; width:100%!important; max-width:none!important; margin:0!important; } html body.swap-page[data-swap-page="account"] .premium-swap-dashboard-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:10px!important; flex-wrap:wrap!important; } @media (max-width:899px){ html body.swap-page[data-swap-page="account"] .premium-swap-dashboard-actions{width:100%!important;justify-content:stretch!important} html body.swap-page[data-swap-page="account"] .premium-swap-dashboard-actions .swap-button{flex:1 1 150px!important;text-align:center!important} } /* ===== V88.6 optional customer MFA ===== */ .user-mfa-optin-v886{display:flex;align-items:flex-start;gap:10px;margin:2px 0 12px;padding:12px 14px;border:1px solid #dfe9e4;border-radius:14px;background:#f8fbf9;color:#28453d;line-height:1.4} .user-mfa-optin-v886 input{margin-top:3px;flex:0 0 auto;width:18px;height:18px;accent-color:#175c47} .user-mfa-optin-v886 [data-user-mfa-optin-note]{display:grid;gap:2px} .user-mfa-optin-v886 strong{font-size:.91rem;color:#173d32} .user-mfa-optin-v886 span{font-size:.82rem;color:#5d6d68;font-weight:500} .fmd-user-mfa-modal{display:none;position:fixed;inset:0;z-index:100000;background:rgba(8,25,20,.62);padding:24px;overflow:auto;align-items:center;justify-content:center} .fmd-user-mfa-modal.open{display:flex} body.fmd-user-mfa-open{overflow:hidden!important} .fmd-user-mfa-dialog{width:min(520px,100%);background:#fff;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.28);padding:22px;border:1px solid #dce8e3;color:#20352f} .fmd-user-mfa-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px} .fmd-user-mfa-head h2{margin:3px 0 0;font-size:1.45rem;line-height:1.2;color:#173d32} .fmd-user-mfa-kicker{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#6a2fb5} .fmd-user-mfa-close{appearance:none;border:1px solid #d9e3df;background:#fff;border-radius:999px;width:38px;height:38px;line-height:34px;font-size:1.55rem;color:#4f635c;cursor:pointer} .fmd-user-mfa-intro{margin:0 0 14px;color:#526660;line-height:1.5} .fmd-user-mfa-setup{padding:15px;border:1px solid #dde8e3;border-radius:15px;background:#f8fbf9;margin:0 0 15px} .fmd-user-mfa-setup p{margin:0 0 10px;font-size:.9rem;line-height:1.5} .fmd-user-mfa-qr{display:block;width:190px;height:190px;max-width:100%;object-fit:contain;margin:12px auto;padding:7px;background:#fff;border:1px solid #d8e4df;border-radius:14px} .fmd-user-mfa-secret{display:grid;gap:4px;padding:10px 12px;background:#fff;border:1px solid #e0e8e4;border-radius:11px} .fmd-user-mfa-secret span{font-size:.76rem;color:#687a74;font-weight:700} .fmd-user-mfa-secret code{word-break:break-all;font-size:.87rem;color:#233c34;user-select:all} .fmd-user-mfa-code-label{display:grid;gap:7px;font-weight:700;font-size:.88rem;color:#304a42} .fmd-user-mfa-code-label input{width:100%;box-sizing:border-box;min-height:52px;border:1px solid #ccdcd5;border-radius:12px;padding:12px;text-align:center;font-size:1.15rem;letter-spacing:.27em;font-variant-numeric:tabular-nums;background:#fff} .fmd-user-mfa-status{min-height:22px;margin:10px 0;color:#5d6d68;font-size:.86rem;line-height:1.4} .fmd-user-mfa-actions{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center} .fmd-user-mfa-actions .button{margin:0;min-height:48px} @media(max-width:620px){.fmd-user-mfa-modal{padding:12px}.fmd-user-mfa-dialog{padding:18px;border-radius:17px}.fmd-user-mfa-qr{width:168px;height:168px}.fmd-user-mfa-actions{grid-template-columns:1fr}.fmd-user-mfa-actions .button{width:100%}} /* V88.7.6 — unpaid listing payment recovery card: keep Package row clean and place the recovery action in the card below. */ .account-page .account-dashboard .finish-payment-card-v8876{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:9px 10px!important;margin:5px 0!important;background:#f8fbf9!important;border:1px solid #dfe8e4!important;border-radius:10px!important;color:#52655d!important;line-height:1.35!important} .account-page .account-dashboard .finish-payment-card-v8876>span{min-width:0!important} .account-page .account-dashboard .finish-payment-card-v8876 .finish-payment-button-v8876{flex:0 0 auto!important;min-width:150px!important;min-height:36px!important;padding:8px 13px!important;background:#173f32!important;color:#fff!important;border:1px solid #173f32!important;border-radius:9px!important;font-weight:700!important;box-shadow:none!important} .account-page .account-dashboard .finish-payment-card-v8876 .finish-payment-button-v8876:hover{background:#12372c!important;color:#fff!important;border-color:#12372c!important} @media(max-width:620px){.account-page .account-dashboard .finish-payment-card-v8876{flex-direction:column!important;align-items:stretch!important}.account-page .account-dashboard .finish-payment-card-v8876 .finish-payment-button-v8876{width:100%!important;min-width:0!important}} /* V88.7.7 — premium unpaid-state emphasis. Media-control text row removed from the listing detail grid so payment recovery moves up naturally. */ .account-page .account-dashboard .unpaid-package-v8877{color:#9b2f38!important;font-weight:700!important} /* V90.15 — published-media replacement request workflow */ .dashboard-owner-media-v9015{margin-top:10px} .dashboard-media-grid-v9015{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:8px} .dashboard-media-item-v9015{border:1px solid rgba(15,91,58,.16);border-radius:12px;padding:9px;background:#fff;min-width:0} .dashboard-media-item-v9015>a{display:block} .dashboard-media-item-v9015 img,.dashboard-media-item-v9015 video{display:block;width:100%;height:118px;object-fit:cover;border-radius:9px;background:#eef4f0} .dashboard-media-item-v9015>span{display:block;font-size:12px;margin:6px 0;color:#31453d} .media-replacement-request-v9015{margin-top:7px} .media-replacement-form-v9015{display:grid;gap:7px;margin-top:7px;padding:8px;border-radius:10px;background:#f6faf8;border:1px solid rgba(15,91,58,.15)} .media-replacement-form-v9015.hidden{display:none} .media-replacement-form-v9015 label{display:grid;gap:4px;font-size:12px;color:#2e443a} .media-replacement-form-v9015 input,.media-replacement-form-v9015 textarea{width:100%;box-sizing:border-box} .media-replacement-actions-v9015{display:flex;gap:7px;flex-wrap:wrap} .media-replacement-status-v9015{margin:5px 0 0;font-size:11px;line-height:1.35} @media(max-width:680px){.dashboard-media-grid-v9015{grid-template-columns:1fr}.dashboard-media-item-v9015 img,.dashboard-media-item-v9015 video{height:auto;max-height:240px}} /* V91.2 — make a pending owner media replacement impossible to miss. */ .media-replacement-pending-v912{padding:8px;border:1px solid #d19a18;border-radius:10px;background:#fff8dc;box-shadow:0 0 0 2px rgba(209,154,24,.08) inset} .media-replacement-pending-v912 [data-media-replacement-toggle]{border-color:#c58b0b!important;background:#fff1b8!important;color:#684800!important;font-weight:800!important} .media-replacement-pending-v912 .media-replacement-status-v9015{color:#684800!important;font-weight:700} /* V92.2.2 — clear owner media replacement outcome badges. */ .media-replacement-status-approved-v9222,.media-replacement-status-rejected-v9222,.media-replacement-status-pending-v9222{display:inline-flex;align-items:center;max-width:100%;padding:5px 8px;border-radius:999px;font-weight:800!important;line-height:1.25!important} .media-replacement-status-approved-v9222{color:#0f5b3a!important;background:#e6f5ec;border:1px solid rgba(15,91,58,.28)} .media-replacement-status-pending-v9222{color:#684800!important;background:#fff1b8;border:1px solid rgba(197,139,11,.35)} .media-replacement-status-rejected-v9222{color:#8a2631!important;background:#fdecee;border:1px solid rgba(138,38,49,.25)} /* V94.16.5 — small breathing-space gap between logged-out account card and footer, desktop + mobile. */ body.account-page:not(.account-dashboard-mode) .premium-account-access{padding-bottom:24px!important} @media(max-width:760px){body.account-page:not(.account-dashboard-mode) .premium-account-access{padding-bottom:20px!important}} /* V94.16.6 — explicit logged-out login-card/footer breathing space. */ body.account-page:not(.account-dashboard-mode) main#top{padding-bottom:90px!important} @media(max-width:760px){body.account-page:not(.account-dashboard-mode) main#top{padding-bottom:84px!important}}