body.home #content-bg { background: #fff; }
body.home #lotus-home-root { width:100%; max-width:none; margin:0; padding:0; }
body.home #content-bg:has(.lotus-home) { max-width:none; }
.lotus-home { --lh-orange:#e96522; --lh-ink:#172b3d; color:var(--lh-ink); font-family:inherit; }
.lotus-home *, .lotus-home *::before, .lotus-home *::after { box-sizing:border-box; }
.lh-wrap { width:min(1200px, calc(100% - 40px)); margin:0 auto; padding:16px 0 70px; }
.lh-hero { display:grid; grid-template-columns:45% 55%; min-height:485px; overflow:hidden; background:#f5f9fc; border-radius:18px; }
.lh-portrait { min-height:485px; overflow:hidden; background:#dbe9f3; }
.lh-portrait img { width:100%; height:100%; object-fit:cover; object-position:32% center; display:block; }
.lh-hero-content { padding:clamp(22px,3.8vw,52px); display:flex; flex-direction:column; justify-content:center; }
.lh-kicker,.lh-eyebrow { color:#44748c; font-weight:700; letter-spacing:.08em; font-size:12px; margin:0 0 10px; }
.lh-hero h1 { color:#142b3d; font-size:clamp(24px,2.7vw,39px); line-height:1.48; letter-spacing:.015em; margin:0; }
.lh-hero h1 em { color:var(--lh-orange); font-style:normal; }
.lh-lead { margin:14px 0 20px; font-size:15px; line-height:1.8; }
.lh-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.lh-action { display:flex; flex-direction:column; gap:5px; padding:15px 14px; border:1px solid #e7a06d; border-radius:10px; background:#fff; color:var(--lh-ink); text-decoration:none; }
.lh-action-search { border-color:#82bde6; }
.lh-action-title { font-weight:800; font-size:16px; }
.lh-action small,.lh-name-search small { font-size:11px; color:#607282; }
.lh-name-search { background:#fff; border:1px solid #b9dccc; border-radius:10px; padding:14px; margin-top:10px; }
.lh-name-search label { display:block; font-size:16px; font-weight:800; color:#168050; margin-bottom:9px; }
.lh-search-row { display:flex; gap:8px; }
.lh-search-row input { min-width:0; flex:1; padding:12px; border:1px solid #cdd8dc; border-radius:7px; background:white; font-size:16px; }
.lh-search-row button { flex:0 0 auto; padding:10px 22px; border:0; border-radius:7px; background:#168050; color:white; font-weight:700; cursor:pointer; }
.lh-name-search small { display:block; margin-top:8px; }
.lh-benefits { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding:20px 0; }
.lh-benefits a { text-align:center; padding:16px 8px; border:1px solid #e9e9e9; border-radius:10px; color:var(--lh-ink); background:white; font-weight:700; text-decoration:none; }
.lh-counts { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; background:#f5f7f8; padding:14px 20px; border-radius:10px; font-size:14px; }
.lh-counts strong { font-size:20px; }
.lh-counts a { margin-left:auto; color:#c64d18; font-weight:700; }
.lh-section { padding:46px 0 8px; }
.lh-section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.lh-section-head h2,.lh-about h2 { margin:0; color:var(--lh-ink); font-size:clamp(22px,2.3vw,30px); line-height:1.35; }
.lh-section-head a,.lh-about>a { color:#176e96; font-weight:700; text-decoration:none; white-space:nowrap; }
.lh-grid { display:grid; gap:18px; }
.lh-grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.lh-grid-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.lh-card { display:block; overflow:hidden; border:1px solid #e1e7e9; border-radius:12px; background:#fff; color:var(--lh-ink); text-decoration:none; }
.lh-card img,.lh-placeholder { width:100%; height:175px; object-fit:cover; display:block; }
.lh-placeholder { display:grid; place-items:center; background:#edf3f6; color:#667f90; }
.lh-card-body { padding:14px; }
.lh-card h3 { margin:0 0 10px; font-size:16px; line-height:1.5; }
.lh-card-body span { font-size:12px; color:#1679a2; }
.lh-subnav { display:flex; gap:20px; margin-top:20px; }
.lh-subnav a { color:#176e96; font-weight:700; }
.lh-article-list { border-top:1px solid #e1e7e9; }
.lh-article-list a { display:grid; grid-template-columns:105px 1fr 20px; gap:12px; align-items:center; padding:16px 8px; border-bottom:1px solid #e1e7e9; color:var(--lh-ink); text-decoration:none; }
.lh-article-list time { color:#6d7c87; font-size:12px; }
.lh-about { margin-top:50px; padding:30px; background:#f4f8fa; border-radius:14px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.lh-about p { margin:12px 0 0; }
@media(max-width:800px){
.lh-wrap { width:min(100% - 24px, 620px); padding-top:8px; }
.lh-hero { display:block; border-radius:12px; }
.lh-portrait { min-height:0; height:260px; }
.lh-portrait img { object-position:30% 35%; }
.lh-hero-content { padding:20px 16px 24px; }
.lh-hero h1 { font-size:27px; }
.lh-actions { grid-template-columns:1fr; }
.lh-benefits { grid-template-columns:repeat(2,1fr); gap:8px; }
.lh-benefits a { padding:13px 8px; font-size:13px; }
.lh-grid-three,.lh-grid-four { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.lh-card img,.lh-placeholder { height:125px; }
.lh-card-body { padding:10px; }
.lh-card h3 { font-size:13px; }
.lh-section { padding-top:36px; }
.lh-section-head { align-items:start; }
.lh-section-head a { font-size:12px; }
.lh-about { display:block; padding:22px; }
.lh-about>a { display:inline-block; margin-top:16px; }
}
@media(max-width:420px){
.lh-portrait { height:220px; }
.lh-hero h1 { font-size:24px; }
.lh-search-row button { padding:10px 14px; }
.lh-article-list a { grid-template-columns:78px 1fr 15px; gap:8px; font-size:13px; }
} .lotus-home {
--lh-orange:#f56a12;
--lh-orange-deep:#db5100;
--lh-orange-soft:#fff3e9;
--lh-blue:#087fc7;
--lh-ink:#172b3d;
}
.lh-hero { background:#fff9f4; }
.lh-hero-content {
position:relative;
isolation:isolate;
background:linear-gradient(125deg,#fff 0%,#fffaf6 58%,#ffe4d0 100%);
}
.lh-hero-content::before {
content:"";
position:absolute;
z-index:-1;
pointer-events:none;
top:0;right:0;width:36%;height:100%;
background:linear-gradient(132deg,transparent 35%,rgba(245,106,18,.08) 35%,rgba(245,106,18,.08) 44%,transparent 44%,transparent 65%,rgba(245,106,18,.13) 65%,rgba(245,106,18,.13) 75%,transparent 75%);
}
.lh-kicker { color:#a34b18; }
.lh-hero h1 em { color:var(--lh-orange-deep); }
.lh-action { transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease; }
.lh-action-login { border-color:#f7b187; background:#fffaf6; }
.lh-action-login .lh-action-title { color:#b74709; }
.lh-action-search { border-color:#93cdf2; background:#f4faff; }
.lh-action-search .lh-action-title { color:#086aaf; }
.lh-action:hover,.lh-action:focus-visible { transform:translateY(-2px); box-shadow:0 5px 18px rgba(31,48,64,.12); }
.lh-name-search { border-color:#f2d7c5; box-shadow:0 3px 12px rgba(99,64,40,.07); }
.lh-name-search label { color:#bd4e0b; }
.lh-search-row input:focus-visible { outline:2px solid #f56a12; outline-offset:2px; }
.lh-search-row button { background:var(--lh-orange); color:#fff; transition:background .18s ease; }
.lh-search-row button:hover,.lh-search-row button:focus-visible { background:var(--lh-orange-deep); }
.lh-benefits a { border-color:#f1e8e0; background:#fff; }
.lh-benefits a:hover,.lh-benefits a:focus-visible { border-color:#f4a16e; background:#fffaf6; }
.lh-counts { background:#fff7f1; border:1px solid #f6e4d8; }
.lh-counts a { color:var(--lh-orange-deep); }
.lh-section-head h2 { border-left:4px solid var(--lh-orange); padding-left:13px; }
.lh-section-head a,.lh-about>a { color:#b74a0b; }
.lh-section-head a:hover,.lh-about>a:hover,.lh-subnav a:hover { color:var(--lh-orange); }
.lh-card { transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.lh-card:hover,.lh-card:focus-visible { transform:translateY(-3px); border-color:#f5bc9a; box-shadow:0 7px 20px rgba(33,44,56,.1); }
.lh-card-body span { color:#b74a0b; }
.lh-subnav a { color:#b74a0b; }
.lh-about { background:linear-gradient(110deg,#fff9f4,#f6f9fb); border:1px solid #f6e8dc; }
.lh-article-list a:hover,.lh-article-list a:focus-visible { background:#fff8f2; }
@media (max-width:800px) {
.lh-hero-content { background:linear-gradient(160deg,#fff 0%,#fff8f2 100%); }
.lh-hero-content::before { width:48%; opacity:.45; }
.lh-action:hover,.lh-card:hover { transform:none; }
}
@media (prefers-reduced-motion:reduce) {
.lh-action,.lh-card,.lh-search-row button { transition:none; }
} .lh-card-badged { position:relative; overflow:hidden; }
.lh-badges { position:absolute; z-index:2; top:10px; left:10px; display:flex; flex-wrap:wrap; gap:6px; max-width:calc(100% - 20px); pointer-events:none; }
.lh-badge { display:inline-flex; align-items:center; min-height:27px; padding:4px 10px; border-radius:5px; font-size:12px; font-weight:700; line-height:1.3; letter-spacing:.02em; box-shadow:0 2px 7px rgba(0,0,0,.12); }
.lh-badge-new { background:#f56a12; color:#fff; }
.lh-badge-exclusive { background:#fff; color:#b84708; border:1px solid #e67c3d; }
@media(max-width:600px){.lh-badges{top:7px;left:7px;gap:4px}.lh-badge{font-size:11px;min-height:23px;padding:3px 7px}} .lotus-home .lh-icon { width:24px; height:24px; flex:0 0 auto; display:block; }
.lotus-home .lh-action { flex-direction:row; align-items:center; gap:12px; min-width:0; }
.lotus-home .lh-action-icon { width:43px; height:43px; padding:9px; border-radius:12px; background:#fff0e4; color:#e65b0a; }
.lotus-home .lh-action-search .lh-action-icon { color:#087fc7; background:#e6f4ff; }
.lotus-home .lh-action-copy { display:flex; flex-direction:column; gap:4px; min-width:0; }
.lotus-home .lh-action-title { line-height:1.3; }
.lotus-home .lh-name-search label { display:flex; align-items:center; gap:9px; }
.lotus-home .lh-name-icon { color:#f56a12; width:23px; height:23px; }
.lotus-home .lh-benefits a { display:flex; align-items:center; justify-content:center; gap:12px; min-width:0; text-align:left; }
.lotus-home .lh-benefit-icon { display:grid; place-items:center; flex:0 0 45px; width:45px; height:45px; background:#fff1e6; color:#ed610d; border-radius:50%; }
.lotus-home .lh-benefit-icon .lh-icon { width:27px; height:27px; }
.lotus-home .lh-benefit-label { font-size:14px; line-height:1.4; }
.lotus-home .lh-section-head a.lh-view-all { display:inline-flex; align-items:center; justify-content:center; gap:9px; background:#f56a12; color:#fff; border-radius:999px; padding:10px 19px; font-size:13px; line-height:1.3; box-shadow:0 3px 9px rgba(245,106,18,.16); transition:background .18s ease,transform .18s ease; }
.lotus-home .lh-section-head a.lh-view-all:hover,.lotus-home .lh-section-head a.lh-view-all:focus-visible { background:#d95100; color:#fff; transform:translateY(-1px); }
.lotus-home .lh-view-all .lh-icon { width:17px; height:17px; }
@media(max-width:1000px) { .lotus-home .lh-benefits a { flex-direction:column; text-align:center; gap:7px; } }
@media(max-width:800px) { .lotus-home .lh-action { flex-direction:row; } .lotus-home .lh-benefit-label { font-size:12px; } .lotus-home .lh-section-head a.lh-view-all { padding:9px 13px; font-size:12px; } }
@media(max-width:420px) { .lotus-home .lh-action-icon { width:40px; height:40px; } .lotus-home .lh-benefit-icon { width:40px; height:40px; flex-basis:40px; } .lotus-home .lh-benefit-icon .lh-icon { width:24px; height:24px; } }
@media(prefers-reduced-motion:reduce) { .lotus-home .lh-section-head a.lh-view-all { transition:none; } } body.home .lotus-home svg.lh-icon {
display:block !important;
width:24px !important;
height:24px !important;
min-width:24px !important;
max-width:24px !important;
min-height:24px !important;
max-height:24px !important;
flex:0 0 24px !important;
padding:0 !important;
margin:0 !important;
position:static !important;
transform:none !important;
vertical-align:middle;
}
body.home .lotus-home svg.lh-action-icon {
width:44px !important; height:44px !important;
min-width:44px !important; max-width:44px !important;
min-height:44px !important; max-height:44px !important;
flex:0 0 44px !important;
padding:9px !important;
}
body.home .lotus-home .lh-benefit-icon svg.lh-icon {
width:26px !important; height:26px !important;
min-width:26px !important; max-width:26px !important;
min-height:26px !important; max-height:26px !important;
flex:0 0 26px !important;
}
body.home .lotus-home .lh-view-all svg.lh-icon {
width:16px !important; height:16px !important;
min-width:16px !important; max-width:16px !important;
min-height:16px !important; max-height:16px !important;
flex:0 0 16px !important;
}
body.home .lotus-home .lh-portrait img { object-position:left center; }
@media (max-width:800px) {
body.home .lotus-home .lh-portrait img { object-position:left 35%; }
} body.home .lotus-home .lh-section-head > a,
body.home .lotus-home .lh-about > a {
display:inline-flex;
align-items:center;
justify-content:center;
width:max-content;
max-width:100%;
padding:10px 18px;
border:1px solid #f56a12;
border-radius:999px;
background:#f56a12;
color:#fff !important;
font-size:13px;
font-weight:800;
line-height:1.4;
text-decoration:none !important;
white-space:nowrap;
box-shadow:0 3px 9px rgba(245,106,18,.15);
transition:background .18s ease, box-shadow .18s ease;
}
body.home .lotus-home .lh-section-head > a:hover,
body.home .lotus-home .lh-about > a:hover,
body.home .lotus-home .lh-section-head > a:focus-visible,
body.home .lotus-home .lh-about > a:focus-visible {
background:#d95100;
border-color:#d95100;
color:#fff !important;
box-shadow:0 5px 12px rgba(245,106,18,.25);
} body.home .lotus-home .lh-grid-three .lh-card > img {
width:100%;
height:175px;
object-fit:contain !important;
object-position:center center !important;
background:#fff;
}
@media(max-width:800px) {
body.home .lotus-home .lh-grid-three .lh-card > img { height:145px; }
body.home .lotus-home .lh-section-head > a,
body.home .lotus-home .lh-about > a { padding:8px 12px; font-size:12px; }
}
@media(max-width:420px) {
body.home .lotus-home .lh-section-head { flex-wrap:wrap; }
body.home .lotus-home .lh-grid-three .lh-card > img { height:135px; }
}
@media(prefers-reduced-motion:reduce) {
body.home .lotus-home .lh-section-head > a,
body.home .lotus-home .lh-about > a { transition:none; }
} body.home .lotus-home .lh-wards { margin-top:25px; padding-top:18px; border-top:1px solid #e8ded5; }
body.home .lotus-home .lh-wards-title { margin:0 0 13px; font-size:15px; line-height:1.5; font-weight:700; color:#23465f; }
body.home .lotus-home .lh-ward-links { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; }
body.home .lotus-home .lh-ward-links a { display:flex; align-items:center; justify-content:center; min-height:41px; padding:8px 5px; border:1px solid #ead5c3; border-radius:7px; background:#fff; color:#164d75; text-align:center; font-size:13px; line-height:1.35; font-weight:600; text-decoration:none; transition:border-color .15s,background .15s,color .15s; }
body.home .lotus-home .lh-ward-links a:hover,
body.home .lotus-home .lh-ward-links a:focus-visible { border-color:#f56a12; background:#fff0dd; color:#91410d; }
@media(max-width:900px){body.home .lotus-home .lh-ward-links{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:540px){body.home .lotus-home .lh-ward-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}body.home .lotus-home .lh-ward-links a{min-height:39px;padding:8px 3px;font-size:12px;}}
@media(prefers-reduced-motion:reduce){body.home .lotus-home .lh-ward-links a{transition:none;}} #lotus-home-root section[aria-labelledby="lh-new"] .lh-card > img.lh-new-listing-image {
display:block !important;
width:100% !important;
height:auto !important;
aspect-ratio:4 / 5 !important;
max-height:none !important;
object-fit:contain !important;
object-position:center center !important;
background:#fff !important;
} #lotus-home-root section[aria-labelledby="lh-new"] .lh-card picture img {
display: block !important;
width: 100% !important;
height: 240px !important;
max-height: none !important;
object-fit: contain !important;
object-position: center center !important;
background: #fff !important;
}