:root{--green:#16a34a;--green2:#0f8f3e;--dark:#17211b;--text:#252a27;--muted:#6d756f;--line:#e8ece9;--soft:#f7f9f7;--yellow:#ffcc33;--shadow:0 10px 30px rgba(28,51,36,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:white;font-size:14px}button,input{font:inherit}button{cursor:pointer}.container{max-width:1180px;margin:0 auto;padding:0 18px}.notice{background:#edf8f0;color:#3a5c45;font-size:12px;border-bottom:1px solid #ddede1}.notice-inner{height:34px;display:flex;align-items:center;gap:8px}.shield{background:var(--green);color:white;width:17px;height:17px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px}.header{background:white;box-shadow:0 1px 0 rgba(0,0,0,.06);position:relative;z-index:20}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;align-items:center;gap:9px;color:#159447;font-weight:900;font-size:24px;letter-spacing:-1px}.brand-mark{width:36px;height:36px;background:linear-gradient(145deg,#2dcc67,#0f8f3e);border-radius:10px 10px 10px 3px;color:white;display:grid;place-items:center;font-weight:900;box-shadow:0 5px 12px rgba(22,163,74,.25)}.top-actions{display:flex;align-items:center;gap:9px}.ghost,.link{background:none;border:0;color:#455149}.ghost{font-size:13px}.link{color:#188a43;font-weight:700}.muted{color:#bbc1bd}.divider{height:20px;width:1px;background:#e5e7e5}.owner-btn{border:1px solid #dcf1e3;background:#f2fbf5;color:#168842;border-radius:9px;padding:8px 12px;font-weight:800;display:flex;gap:6px;align-items:center}.owner-btn small{font-weight:500;color:#657068}.nav{height:45px;display:flex;align-items:center;gap:30px;overflow:auto;white-space:nowrap;border-top:1px solid #f2f3f2}.nav::-webkit-scrollbar{display:none}.nav a{height:45px;display:flex;align-items:center;text-decoration:none;color:#4a524d;font-size:13px;font-weight:600;position:relative}.nav a.active{color:var(--green)}.nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--green)}.hero{min-height:335px;position:relative;overflow:hidden;background:#ebf7ef}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,75,35,.82),rgba(11,117,50,.46),rgba(15,143,62,.14)),url('https://images.unsplash.com/photo-1522708323590-d24dbb6b0267?auto=format&fit=crop&w=1800&q=80') center/cover;filter:saturate(.9)}.hero-content{position:relative;z-index:2;padding-top:65px;color:white}.hero h1{font-size:30px;max-width:760px;line-height:1.23;margin:0 0 8px;font-weight:800;letter-spacing:-.5px}.hero p{font-size:16px;margin:0 0 27px;opacity:.95}.search-shell{background:white;border-radius:12px;padding:9px;box-shadow:0 14px 40px rgba(15,45,29,.22);max-width:1120px;color:var(--text)}.search-row{display:flex;align-items:stretch;gap:7px}.search-row button{border:1px solid var(--line);background:white;border-radius:8px;padding:0 14px;color:#4a524d}.location-pill{min-width:192px;text-align:left;font-weight:700}.location-pill span{font-weight:400;color:#79817c;margin-left:3px}.place-input{flex:1;min-width:240px;display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 12px;gap:7px}.place-input span{color:#7c857f;font-size:20px}.place-input input{border:0;outline:0;width:100%;height:48px;color:#333}.filter{min-width:94px}.search-btn{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important;font-weight:800;min-width:116px}.quick-tags{display:flex;gap:7px;align-items:center;padding:8px 4px 0;color:#7a817c;font-size:12px;flex-wrap:wrap}.quick-tags button{border:0;background:#f2f5f3;border-radius:20px;padding:5px 10px;color:#617067}.app-banner{margin-top:26px;background:#f5fbf7;border:1px solid #e3f2e7;border-radius:16px;min-height:240px;display:grid;grid-template-columns:210px 1fr 150px;align-items:center;gap:28px;padding:24px 42px;overflow:hidden}.phone-mock{height:225px;width:132px;border:8px solid #252b27;border-radius:28px;background:#fff;margin:18px auto -48px;box-shadow:0 10px 30px rgba(34,64,44,.16);padding:8px}.phone-screen{background:#f5f7f5;border-radius:15px;height:100%;padding:12px 7px}.mini-brand{color:var(--green);font-weight:900;font-size:10px;margin-bottom:14px}.mini-card{height:55px;border-radius:9px;background:linear-gradient(135deg,#cdebd5,#8cd09f);margin-bottom:8px}.mini-card.small{height:34px;background:#e4eee7}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.2px;color:var(--green)}.app-copy h2,.manager-copy h2{font-size:23px;margin:7px 0 8px;letter-spacing:-.3px}.app-copy p{margin:5px 0;color:#56605a}.muted-copy{font-size:13px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;margin-top:17px;color:#46544a}.checks span:First-letter{color:var(--green)}.qr-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.fake-qr{width:95px;height:95px;border:8px dotted #1d2c22;display:grid;place-items:center;font-size:42px;background:white}.qr-card small{color:#838b86}.near-box{margin-top:18px;border:1px solid #e7ebe8;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:white}.near-box>div{display:flex;gap:11px;align-items:center}.near-icon{width:42px;height:42px;background:#e7f8ec;color:var(--green);border-radius:50%;display:grid;place-items:center;font-size:23px}.near-box b,.near-box span{display:block}.near-box span{color:#7a817c;font-size:12px;margin-top:3px}.near-box button{border:1px solid var(--green);background:#fff;color:var(--green);border-radius:8px;padding:9px 14px;font-weight:700}.shortcut-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}.shortcut{border:1px solid var(--line);border-radius:12px;padding:14px 12px;text-decoration:none;color:var(--text);display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:72px;transition:.2s}.shortcut:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.shortcut-icon{grid-row:1/3;width:42px;height:42px;background:#f1faf4;border-radius:10px;display:grid;place-items:center;font-size:20px}.shortcut b{font-size:13px}.shortcut span{color:#818984;font-size:11px;margin-top:3px}.shortcut em{font-style:normal;background:#ff4d4f;color:white;border-radius:4px;padding:2px 4px;font-size:8px;margin-left:3px}.shortcut.pro em{background:var(--green)}.manager-strip{margin-top:28px;background:#12251a;color:#fff}.manager-inner{min-height:265px;display:grid;grid-template-columns:380px 1fr;gap:60px;align-items:center}.manager-art{display:grid;place-items:center}.dash-card{width:300px;height:190px;background:#fbfffc;border-radius:14px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.25);transform:rotate(-2deg)}.bars{height:85px;display:flex;align-items:end;gap:15px;padding:0 15px 12px;border-bottom:1px solid #e9ecea}.bars i{width:30px;background:#24ac58;border-radius:5px 5px 0 0}.bars i:nth-child(1){height:33%}.bars i:nth-child(2){height:62%}.bars i:nth-child(3){height:45%}.bars i:nth-child(4){height:80%}.dash-row{height:10px;background:#e9efeb;border-radius:8px;margin-top:14px}.dash-row.half{width:55%}.manager-copy{max-width:610px}.manager-copy .eyebrow{color:#71da95}.manager-copy h2{font-size:25px}.manager-copy p{color:#c4d0c8;line-height:1.65}.manager-copy button,.owner-cta button{border:0;border-radius:8px;background:var(--green);color:#fff;padding:11px 16px;font-weight:800;margin-top:10px}.section{padding-top:35px;padding-bottom:35px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-head h2{margin:0;font-size:22px;letter-spacing:-.3px}.section-head p{margin:5px 0 0;color:#858c87;font-size:13px}.section-head>a{color:var(--green);text-decoration:none;font-weight:700;font-size:13px}.nav-arrows{display:flex;gap:6px}.nav-arrows button{width:34px;height:34px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:19px}.program-scroll,.cards-scroll{display:flex;gap:13px;overflow:auto;padding-bottom:4px;scrollbar-width:none}.program-scroll::-webkit-scrollbar,.cards-scroll::-webkit-scrollbar{display:none}.program{min-width:calc(25% - 10px);height:170px;border-radius:13px;overflow:hidden;position:relative;background-size:cover;background-position:center}.program:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0) 70%)}.program-copy{position:absolute;z-index:2;bottom:15px;left:15px;right:15px;color:white}.program-copy b,.program-copy span{display:block}.program-copy span{font-size:11px;margin-top:5px;opacity:.9}.p1{background-image:url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?auto=format&fit=crop&w=700&q=75')}.p2{background-image:url('https://images.unsplash.com/photo-1607082349566-187342175e2f?auto=format&fit=crop&w=700&q=75')}.p3{background-image:url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=700&q=75')}.p4{background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=700&q=75')}.city-section{padding-top:18px}.city-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.city{height:145px;border-radius:12px;position:relative;overflow:hidden;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:end;padding:14px;color:white}.city:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 70%)}.city b,.city span{position:relative;z-index:2}.city b{font-size:14px}.city span{font-size:10px;margin-top:4px;opacity:.9}.c1{background-image:url('https://images.unsplash.com/photo-1583417319070-4a69db38a482?auto=format&fit=crop&w=500&q=75')}.c2{background-image:url('https://images.unsplash.com/photo-1528127269322-539801943592?auto=format&fit=crop&w=500&q=75')}.c3{background-image:url('https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=500&q=75')}.c4{background-image:url('https://images.unsplash.com/photo-1486325212027-8081e485255e?auto=format&fit=crop&w=500&q=75')}.c5{background-image:url('https://images.unsplash.com/photo-1559592413-7cec4d0cae2b?auto=format&fit=crop&w=500&q=75')}.c6{background-image:url('https://images.unsplash.com/photo-1480714378408-67cf0d13bc1b?auto=format&fit=crop&w=500&q=75')}.popular{margin-top:20px}.popular>b{font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.chips button{border:1px solid #e3e8e5;background:#fff;border-radius:20px;padding:7px 11px;color:#68716b;font-size:11px}.listing-wrap.hot{background:#fffaf0;border-top:1px solid #fff0c7;border-bottom:1px solid #fff0c7}.room-card{min-width:270px;width:270px;border:1px solid #e5e9e6;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 4px 14px rgba(40,52,44,.04);position:relative}.room-img{height:165px;background-size:cover;background-position:center;position:relative}.badge{position:absolute;top:9px;left:9px;background:#fff;color:#159447;padding:5px 7px;border-radius:5px;font-size:10px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.12)}.photo-count{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.58);color:#fff;border-radius:5px;padding:4px 6px;font-size:10px}.room-body{padding:12px}.room-title{font-size:13px;line-height:1.45;font-weight:800;height:38px;overflow:hidden}.room-place{margin-top:6px;color:#747c77;font-size:11px;height:29px;line-height:1.35;overflow:hidden}.price-row{display:flex;align-items:baseline;gap:6px;margin-top:10px}.old-price{color:#9ba19d;text-decoration:line-through;font-size:11px}.discount{background:#fff0ef;color:#e84f4f;border-radius:4px;padding:2px 4px;font-size:9px;font-weight:800}.price{color:#e43838;font-size:15px;font-weight:900}.meta{display:flex;justify-content:space-between;color:#7c847f;font-size:10px;border-top:1px solid #eef0ef;margin-top:9px;padding-top:9px}.latest-bg{background:#f7f9f7}.latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.latest-card{background:#fff;border:1px solid #e4e8e5;border-radius:11px;display:grid;grid-template-columns:150px 1fr;overflow:hidden;min-height:146px}.latest-img{background-size:cover;background-position:center;position:relative}.latest-body{padding:12px}.latest-body .room-title{height:auto}.latest-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:9px;border-top:1px solid #edf0ee;font-size:10px;color:#7b837e}.contact-btn{background:#eaf8ee;color:#13833e;padding:6px 8px;border-radius:6px;font-weight:700}.load-more{display:block;margin:18px auto 0;border:1px solid var(--green);background:#fff;color:var(--green);border-radius:8px;padding:9px 16px;font-weight:700}.owner-cta{background:linear-gradient(120deg,#0d7735,#12a049);color:#fff}.owner-cta-inner{min-height:280px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.owner-cta h2{font-size:28px;margin:7px 0}.owner-cta p{font-size:16px}.owner-cta small{display:block;color:#d6efe0;max-width:560px;line-height:1.6}.owner-cta button{background:white;color:#118943}.light{color:#d9ffe5}.cta-illustration{height:240px;position:relative;display:grid;place-items:center}.house{font-size:150px;color:#e8f9ed;line-height:1}.person{position:absolute;background:#ffd267;border:7px solid white;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;color:#243027}.person.one{left:80px;bottom:30px}.person.two{right:70px;bottom:55px}.keywords{padding-top:28px;padding-bottom:30px}.keywords h3{font-size:15px}.keyword-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;color:#778079;font-size:11px;line-height:2.1}.steps-bg{background:#f6faf7;border-top:1px solid #edf1ee}.centered{justify-content:center;text-align:center}.steps{display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;align-items:center;max-width:900px;margin:30px auto 5px}.steps article{text-align:center}.steps article div{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:var(--green);color:#fff;font-weight:900;font-size:18px;box-shadow:0 7px 15px rgba(22,163,74,.2)}.steps b,.steps span{display:block}.steps span{font-size:11px;color:#7f8782;margin-top:5px}.steps i{text-align:center;color:#9eaaa2;font-size:24px;font-style:normal}.why{padding:50px 0}.why-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.why-copy h2{font-size:25px;line-height:1.3;max-width:480px}.why-copy p{color:#717b74;line-height:1.65}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats div{border:1px solid #e5ebe7;border-radius:12px;padding:20px;background:#fbfdfb}.stats b{display:block;color:var(--green);font-size:25px}.stats span{color:#6f7972;font-size:12px}.footer{background:#132019;color:#c8d0cb;padding-top:40px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1.1fr .8fr;gap:45px}.brand.inverse{color:#fff}.footer h4{color:#fff;margin-top:0}.footer a,.footer p{display:block;color:#aeb8b1;text-decoration:none;font-size:12px;line-height:1.7;margin:6px 0}.footer-brand p{max-width:320px}.store{border:1px solid #536159;border-radius:7px;padding:9px 10px;margin-bottom:8px;width:140px;font-size:12px;color:#fff}.copyright{border-top:1px solid #2d3a32;margin-top:30px;padding-top:18px;padding-bottom:18px;font-size:11px;color:#839087}.mobile-nav{display:none}
@media(max-width:900px){body{font-size:13px;padding-bottom:65px}.container{padding-left:14px;padding-right:14px}.notice{display:none}.topbar{height:58px}.brand{font-size:20px}.brand-mark{width:31px;height:31px}.top-actions .ghost,.top-actions .divider,.top-actions .link,.top-actions .muted{display:none}.owner-btn{font-size:0;padding:8px}.owner-btn small{display:none}.owner-btn:after{content:'Đăng tin';font-size:12px}.nav{display:none}.hero{min-height:350px}.hero-content{padding-top:42px}.hero h1{font-size:25px;max-width:620px}.hero p{font-size:14px}.search-shell{padding:8px}.search-main{display:grid;grid-template-columns:1fr 1fr}.location-pill{grid-column:1/3;min-width:0;height:44px}.place-input{grid-column:1/3;min-width:0}.place-input input{height:43px}.filter{height:42px;min-width:0}.search-btn{grid-column:1/3;height:44px}.quick-tags{display:none}.app-banner{grid-template-columns:130px 1fr;padding:18px;min-height:230px}.phone-mock{width:105px;height:195px;margin-bottom:-35px}.qr-card{display:none}.app-copy h2{font-size:18px}.checks{grid-template-columns:1fr;font-size:11px;gap:5px}.near-box{margin-top:13px}.shortcut-grid{display:flex;overflow:auto;gap:9px;scrollbar-width:none}.shortcut{min-width:190px}.manager-inner{grid-template-columns:220px 1fr;gap:22px}.dash-card{width:200px;height:145px}.manager-copy h2{font-size:20px}.program{min-width:42%}.city-grid{grid-template-columns:repeat(3,1fr)}.city{height:135px}.room-card{min-width:250px;width:250px}.latest-grid{grid-template-columns:1fr}.owner-cta-inner{grid-template-columns:1fr .5fr}.cta-illustration{transform:scale(.72)}.keyword-columns{grid-template-columns:1fr 1fr}.why-inner{grid-template-columns:1fr;gap:22px}.footer-grid{grid-template-columns:1fr 1fr}.mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:61px;background:#fff;border-top:1px solid #e1e5e2;z-index:50;justify-content:space-around;align-items:center;padding-bottom:4px}.mobile-nav button{border:0;background:none;color:#68716b;font-size:18px;display:flex;flex-direction:column;align-items:center;gap:2px}.mobile-nav span{font-size:9px}.mobile-nav .post{width:45px;height:45px;background:var(--green);color:white;border-radius:50%;font-size:27px;margin-top:-26px;box-shadow:0 6px 15px rgba(22,163,74,.28)}}
@media(max-width:600px){.hero{min-height:365px}.hero h1{font-size:22px}.app-banner{grid-template-columns:1fr;padding:18px}.phone-mock{display:none}.app-copy h2{font-size:17px}.near-box button{font-size:11px;padding:8px}.shortcut{min-width:170px}.manager-inner{grid-template-columns:1fr;padding-top:24px;padding-bottom:26px}.manager-art{display:none}.program{min-width:78%}.section{padding-top:28px;padding-bottom:28px}.section-head{align-items:center}.section-head h2{font-size:18px}.city-grid{display:flex;overflow:auto;scrollbar-width:none}.city{min-width:145px}.room-card{min-width:78vw;width:78vw}.latest-card{grid-template-columns:120px 1fr;min-height:132px}.owner-cta-inner{grid-template-columns:1fr;min-height:300px}.cta-illustration{display:none}.keyword-columns{grid-template-columns:1fr 1fr;gap:16px}.steps{grid-template-columns:1fr;gap:17px}.steps i{transform:rotate(90deg)}.why{padding:34px 0}.why-copy h2{font-size:21px}.stats b{font-size:20px}.footer-grid{grid-template-columns:1fr}.footer{padding-top:30px}.footer-grid>div:nth-child(3),.footer-grid>div:nth-child(4){display:none}}


/* ===== V2 integration: workspace tabs + safe interaction layer ===== */
.workspace-tabs{position:sticky;top:0;z-index:1000;display:flex;justify-content:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e7ebe8;box-shadow:0 4px 16px rgba(20,50,31,.05)}
.workspace-tab{border:1px solid #dfe7e2;background:#fff;color:#56625b;padding:9px 18px;border-radius:999px;font-weight:800;font-size:12px}.workspace-tab:hover{border-color:#bcdcc7;color:var(--green)}.workspace-tab.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 5px 15px rgba(22,163,74,.2)}
.workspace-panel{display:none;background:#f6f8f7;min-height:calc(100vh - 50px)}.workspace-panel.active{display:block}.workspace-frame{display:block;width:100%;height:calc(100vh - 50px);border:0;background:#f6f8f7}
body.workspace-admin #landingWorkspace,body.workspace-super #landingWorkspace{display:none}body.workspace-admin #workspaceAdmin,body.workspace-super #workspaceSuper{display:block}
.manager-benefits{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;margin:18px 0 20px}.manager-benefits span{font-size:12px;color:#d9eee0;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.04)}
.filter-popovers{position:relative}.filter-popover{display:none;position:absolute;top:6px;z-index:25;min-width:220px;background:#fff;border:1px solid #e3e9e5;border-radius:12px;padding:10px;box-shadow:0 15px 36px rgba(27,55,36,.18);color:#344139}.filter-popover.open{display:grid;gap:5px}.filter-popover[data-popover="location"]{left:0}.filter-popover[data-popover="price"]{left:46%}.filter-popover[data-popover="area"]{left:59%}.filter-popover[data-popover="more"]{right:0}.filter-popover>b{padding:7px 8px;font-size:12px}.filter-popover button{border:0;background:#f7faf8;text-align:left;border-radius:8px;padding:9px;color:#526058}.filter-popover button:hover{background:#eaf8ee;color:#13833e}.filter-popover label{padding:8px;border-radius:7px;background:#f7faf8;font-size:12px}
.search-results-note{margin-top:10px;padding:9px 12px;background:#edf8f0;border-radius:8px;color:#356044;font-size:12px;display:none}.search-results-note.show{display:block}
.ui-toast{position:fixed;z-index:3000;left:50%;bottom:78px;transform:translate(-50%,20px);background:#17211b;color:#fff;border-radius:10px;padding:11px 16px;box-shadow:0 12px 30px rgba(0,0,0,.22);font-size:12px;opacity:0;pointer-events:none;transition:.22s}.ui-toast.show{opacity:1;transform:translate(-50%,0)}
.room-card,.latest-card,.city,.program,.shortcut{cursor:pointer}.room-card:hover,.latest-card:hover{box-shadow:0 10px 28px rgba(28,51,36,.12);transform:translateY(-2px);transition:.2s}
.room-modal{display:none;position:fixed;inset:0;z-index:2500;background:rgba(10,22,15,.55);padding:24px;align-items:center;justify-content:center}.room-modal.open{display:flex}.room-modal-card{position:relative;background:#fff;border-radius:16px;max-width:720px;width:100%;max-height:88vh;overflow:auto;box-shadow:0 25px 70px rgba(0,0,0,.28)}.room-modal-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font-size:22px;z-index:2}.room-modal-hero{height:270px;background-size:cover;background-position:center}.room-modal-copy{padding:22px}.room-modal-copy h2{margin:0 0 8px}.room-modal-copy .price{font-size:20px;margin:14px 0}.room-modal-actions{display:flex;gap:10px;margin-top:18px}.room-modal-actions button{border:1px solid var(--green);border-radius:8px;padding:10px 14px;font-weight:800}.room-modal-actions .primary{background:var(--green);color:#fff}
@media(max-width:900px){.workspace-tabs{justify-content:flex-start;overflow:auto;scrollbar-width:none}.workspace-tab{white-space:nowrap;padding:8px 14px}.manager-benefits{grid-template-columns:1fr}.filter-popover{position:fixed;left:14px!important;right:14px!important;top:auto;bottom:76px}.workspace-frame{height:calc(100vh - 48px)}}

/* ===== V3 search refinements ===== */
.hero{overflow:visible}.hero-bg{overflow:hidden}.search-shell{position:relative;overflow:visible;z-index:30}.filter-popovers{position:relative;overflow:visible;z-index:80}.filter-popover{top:10px;z-index:120}.range-popover{width:365px;padding:14px 14px 12px}.filter-popover[data-popover="price"]{left:44%}.filter-popover[data-popover="area"]{left:57%}
.range-head{display:flex;justify-content:space-between;align-items:center;padding:3px 2px 10px}.range-head strong{font-size:13px}.range-head span{font-size:11px;color:#778079}.dual-range{position:relative;height:26px;margin:5px 8px 0}.range-track,.range-fill{position:absolute;left:0;right:0;top:11px;height:4px;border-radius:999px}.range-track{background:#d8ddda}.range-fill{background:var(--green)}.range-input{position:absolute;left:0;top:0;width:100%;height:26px;margin:0;background:transparent;pointer-events:none;-webkit-appearance:none;appearance:none}.range-input::-webkit-slider-runnable-track{height:4px;background:transparent}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--green);box-shadow:0 2px 7px rgba(0,0,0,.16);margin-top:-8px;pointer-events:auto;cursor:grab}.range-input::-moz-range-track{height:4px;background:transparent}.range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--green);box-shadow:0 2px 7px rgba(0,0,0,.16);pointer-events:auto;cursor:grab}.range-scale{display:flex;justify-content:space-between;margin:-1px 8px 10px;color:#67716b;font-size:10px;font-weight:700}.range-values{display:grid;grid-template-columns:1fr 16px 1fr;align-items:end;gap:8px;margin-top:11px}.range-values label{border:1px solid #dfe4e1;border-radius:10px;padding:8px 10px;background:#fff}.range-values label span,.range-values label b{display:block}.range-values label span{font-size:9px;color:#747d77;margin-bottom:5px;font-weight:600}.range-values label b{font-size:12px;color:#27332c}.range-values i{font-style:normal;padding-bottom:17px;text-align:center;color:#8a928d}.range-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #edf0ee}.range-actions button{height:39px;border-radius:9px;font-weight:800;border:0}.range-clear{background:#eef0ef;color:#414a44}.range-apply{background:var(--green);color:#fff}
.search-criteria-modal{display:none;position:fixed;inset:0;z-index:4000;background:rgba(10,20,14,.62);align-items:center;justify-content:center;padding:18px}.search-criteria-modal.open{display:flex}.criteria-card{width:min(600px,calc(100vw - 28px));background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.32)}.criteria-titlebar{height:52px;background:#2fb463;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:15px}.criteria-close{border:0;background:transparent;color:#fff;font-size:26px;line-height:1;padding:2px 6px}.criteria-content{padding:24px 15px 18px}.criteria-content h3{text-align:center;margin:0 0 16px;font-size:18px;color:#454545}.criteria-content h3:nth-of-type(2){margin-top:20px}.criteria-selects{display:grid;grid-template-columns:1fr 1fr;gap:10px}.criteria-selects select{height:41px;border:1px solid #d6d6d6;border-radius:4px;padding:0 12px;background:#fff;color:#4b4b4b}.type-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4}.type-grid button{min-height:43px;border:0;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;background:#fff;text-align:left;padding:9px 10px;color:#222}.type-grid button.selected{color:#30ad5f;background:#f4fff0;font-weight:800;box-shadow:inset 0 0 0 1px #31b65f}.criteria-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.criteria-actions button{height:40px;border:0;border-radius:5px;font-weight:800}.criteria-reset{background:#d7d7d7;color:#333}.criteria-apply{background:#2fb463;color:#fff}
@media(max-width:900px){.filter-popover.range-popover{position:fixed;width:auto;left:14px!important;right:14px!important;bottom:76px;top:auto}.criteria-card{max-height:88vh;overflow:auto}.criteria-content{padding:20px 12px 15px}.criteria-content h3{font-size:16px}.criteria-selects{grid-template-columns:1fr}.type-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.type-grid{grid-template-columns:1fr}.criteria-actions{grid-template-columns:1fr 1fr}.range-popover{width:auto}}

/* ===== V4 dedicated search results page ===== */
.search-page{background:#fff;color:#333}.search-page .workspace-tabs{position:relative}.search-page .header{box-shadow:none}.search-page-main{padding-bottom:50px}.search-topbar-shell{position:relative;padding-top:7px;padding-bottom:8px}.result-searchbar{display:grid;grid-template-columns:165px minmax(250px,1fr) 110px 110px 80px 110px;gap:7px;background:#e8f0f7;padding:8px;border-radius:6px;align-items:center}.result-searchbar button,.result-keyword{height:42px;border:1px solid #d5dce1;border-radius:5px;background:#fff}.result-location{display:flex;align-items:center;gap:8px;padding:0 12px;text-align:left}.result-location>span{display:flex;flex-direction:column;line-height:1.1;flex:1}.result-location b{font-size:12px}.result-location small{font-size:9px}.result-location i{font-size:21px;font-style:normal;color:#788}.result-keyword{display:flex;align-items:center;gap:8px;padding:0 12px;border-color:#168bd8}.result-keyword span{font-size:22px;color:#168bd8}.result-keyword input{border:0;outline:0;width:100%;font-size:13px}.result-filter{font-weight:700;color:#767d78}.result-filter.small{color:#333}.result-search-btn{background:#f39812!important;border-color:#f39812!important;color:#fff;font-weight:800;font-size:13px}.result-popover-wrap{position:relative;z-index:100}.result-popover{top:4px}.result-popover[data-rpopover="price"]{left:43%}.result-popover[data-rpopover="area"]{left:55%}.result-popover[data-rpopover="more"]{right:8%;left:auto}.result-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(285px,.9fr);gap:14px;padding-top:8px}.breadcrumbs{display:flex;gap:7px;align-items:center;font-size:11px;color:#606760;margin:7px 0 18px}.breadcrumbs a{color:#505650;text-decoration:none}.breadcrumbs b{color:#28a653}.result-maincol>h1{font-size:20px;margin:0 0 16px;color:#4a4a4a}.active-filters{display:flex;gap:8px;margin-bottom:16px}.active-filters button{border:1px solid #add7d5;background:#f5ffff;border-radius:4px;padding:6px 9px;color:#405}.result-toolbar{background:#edf6fd;border-radius:5px;min-height:50px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:12px}.result-toolbar>div>b{background:#3ac56b;color:#fff;border-radius:3px;padding:2px 5px}.sorts{display:flex;align-items:center;gap:8px}.sorts select{height:34px;border:1px solid #d4dde3;border-radius:5px;background:#fff;padding:0 28px 0 10px;color:#555}.result-list{display:grid;gap:12px}.horizontal-room{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:150px;border:1px solid #d9ddda;border-radius:7px;overflow:hidden;background:#fff;cursor:pointer}.horizontal-room:hover{box-shadow:0 5px 18px rgba(30,60,40,.1)}.horizontal-img{position:relative;background-size:cover;background-position:center}.horizontal-img .verified{position:absolute;bottom:5px;left:6px;background:rgba(255,255,255,.88);border-radius:3px;padding:2px 5px;color:#299c52;font-size:9px}.horizontal-img .save{position:absolute;top:10px;right:42px;width:27px;height:27px;border-radius:50%;background:rgba(50,55,53,.55);display:grid;place-items:center;color:#fff;font-size:17px}.horizontal-img .count{position:absolute;top:10px;right:9px;background:rgba(50,55,53,.65);color:#fff;border-radius:12px;padding:5px 7px;font-size:10px}.horizontal-copy{padding:10px 12px;min-width:0}.horizontal-copy h2{font-size:14px;line-height:1.3;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.horizontal-copy .address{font-size:10px;margin:0 0 9px;color:#343a36}.horizontal-info{display:grid;grid-template-columns:1.2fr .75fr .75fr;gap:12px;align-items:end}.horizontal-info>div{display:flex;flex-direction:column;gap:3px}.horizontal-info small{font-size:9px;color:#727873}.horizontal-info b,.horizontal-info strong{font-size:11px}.horizontal-info .red-price{color:red;font-size:13px}.horizontal-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:8px;font-size:10px}.horizontal-bottom span small{font-size:9px;color:#777}.horizontal-bottom button{height:30px;border-radius:4px;padding:0 10px;font-size:10px}.horizontal-bottom .zalo{background:#fff;border:1px solid #2f87e8;color:#2f87e8}.horizontal-bottom .phone{background:#2f87e8;border:1px solid #2f87e8;color:#fff}.result-load-more{display:block;margin:18px auto 0;border:1px solid #38ae63;background:#fff;color:#299b51;border-radius:6px;padding:9px 18px;font-weight:700}.result-sidebar{padding-top:0}.facebook-card{border:1px solid #2da54d;border-radius:6px;overflow:hidden;margin-bottom:15px}.facebook-card>strong{display:block;text-align:center;background:#2da54d;color:#fff;padding:10px;font-size:13px}.facebook-card>div{display:flex;align-items:center;justify-content:space-between;padding:10px}.facebook-card span{display:flex;flex-direction:column;font-size:11px}.facebook-card small{font-size:9px;margin-top:3px;max-width:170px}.facebook-card button{background:#2da54d;color:#fff;border:0;border-radius:4px;padding:7px 10px}.side-section{margin-bottom:18px}.side-section h3{font-size:14px;font-weight:500;border-left:3px solid #18ad99;padding-left:9px;margin:0 0 12px}.side-links{display:grid;gap:5px}.side-links button{border:1px solid #d7d9d8;background:#fff;border-radius:4px;text-align:left;padding:8px;font-size:11px}.district-links{border:1px dashed #4b99ff;border-radius:5px;padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.district-links button{border:0;border-bottom:1px solid #a9d7ae;background:#fff;text-align:left;padding:5px 2px;font-size:10px;color:#444}.search-page .criteria-card{max-width:620px}
@media(max-width:1050px){.result-searchbar{grid-template-columns:150px minmax(190px,1fr) 90px 90px 72px 100px}.result-layout{grid-template-columns:minmax(0,1fr) 280px}.horizontal-room{grid-template-columns:165px 1fr}.horizontal-info{gap:7px}.result-popover[data-rpopover="price"]{left:38%}.result-popover[data-rpopover="area"]{left:53%}}
@media(max-width:820px){.search-page .top-actions{display:none}.result-searchbar{grid-template-columns:1fr 1fr 1fr}.result-location{grid-column:1/2}.result-keyword{grid-column:2/4}.result-search-btn{grid-column:3/4}.result-layout{grid-template-columns:1fr}.result-sidebar{order:2}.result-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.horizontal-room{grid-template-columns:155px 1fr}.result-popover{position:fixed!important;left:14px!important;right:14px!important;top:auto!important;bottom:18px!important}.district-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.result-searchbar{grid-template-columns:1fr 1fr}.result-location{grid-column:1/2}.result-keyword{grid-column:1/3;grid-row:1}.result-location{grid-row:2}.result-filter{grid-row:2}.result-filter.small{display:none}.result-search-btn{grid-column:1/3;grid-row:3}.breadcrumbs{margin-top:10px}.result-maincol>h1{font-size:17px}.horizontal-room{grid-template-columns:125px 1fr;min-height:145px}.horizontal-copy{padding:8px}.horizontal-copy h2{font-size:12px}.horizontal-info{grid-template-columns:1fr 1fr}.horizontal-info>div:nth-child(3){display:none}.horizontal-bottom{align-items:center}.horizontal-bottom span{display:none}.horizontal-bottom button{padding:0 7px}.sorts{width:100%;display:grid;grid-template-columns:auto 1fr 1fr}.sorts select{width:100%;padding-right:5px}.district-links{grid-template-columns:1fr 1fr}}

/* V5 — compact range controls */
.range-popover{padding:11px 13px 10px}.range-head{padding:2px 2px 7px}.dual-range{height:22px;margin:2px 8px 0}.range-track,.range-fill{top:9px}.range-input{height:22px}.range-scale{margin:-2px 8px 6px}.range-values{margin-top:7px}.range-values label{padding:6px 9px;border-radius:8px}.range-values label span{margin-bottom:3px}.range-values i{padding-bottom:13px}.range-actions{margin-top:8px;padding-top:8px}.range-actions button{height:32px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;padding:0 10px}.result-popover .range-actions{margin-top:7px;padding-top:7px}

/* V5 — flagship landlord software section */
.manager-strip.manager-pro{position:relative;overflow:hidden;background:linear-gradient(120deg,#071b10 0%,#0b2e1a 54%,#0d3a20 100%);margin-top:30px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(0,0,0,.14)}
.manager-pro .manager-glow{position:absolute;border-radius:999px;filter:blur(1px);pointer-events:none}.manager-glow-one{width:520px;height:520px;left:-160px;top:-250px;background:radial-gradient(circle,rgba(42,211,101,.17),transparent 67%)}.manager-glow-two{width:430px;height:430px;right:-120px;bottom:-260px;background:radial-gradient(circle,rgba(99,240,145,.12),transparent 67%)}
.manager-pro-inner{min-height:460px;grid-template-columns:minmax(500px,1.05fr) minmax(430px,.95fr);gap:66px;padding-top:54px;padding-bottom:54px;position:relative;z-index:2}
.manager-product-demo{position:relative;perspective:1000px}.manager-window{background:#f8fbf9;border:1px solid rgba(255,255,255,.28);border-radius:18px;box-shadow:0 32px 80px rgba(0,0,0,.38);overflow:hidden;transform:rotateY(3deg) rotateX(1deg);animation:managerFloat 6s ease-in-out infinite}.manager-window-top{height:38px;background:#fff;display:flex;align-items:center;padding:0 13px;border-bottom:1px solid #e8eeea;color:#536159;font-size:10px}.manager-window-top>span{margin:auto;font-weight:800}.manager-window-top>b{color:#159447;font-size:9px}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#d7ded9}.window-dots i:first-child{background:#ff7a70}.window-dots i:nth-child(2){background:#ffca55}.window-dots i:nth-child(3){background:#48c779}.manager-window-body{height:300px;display:flex}.manager-mini-nav{width:45px;background:#0e4225;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:13px}.manager-mini-nav strong{width:25px;height:25px;border-radius:7px;background:#31bd68;color:#fff;display:grid;place-items:center;font-size:12px;margin-bottom:4px}.manager-mini-nav i{width:19px;height:19px;border-radius:6px;background:rgba(255,255,255,.10);position:relative}.manager-mini-nav i.active{background:#37c76e}.manager-mini-nav i.active:after{content:"";position:absolute;left:6px;top:5px;width:7px;height:7px;border:2px solid white;border-radius:2px}.manager-dashboard{flex:1;padding:14px 16px;background:#f5f8f6}.manager-dashboard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.manager-dashboard-head small{display:block;font-size:7px;font-weight:900;letter-spacing:.8px;color:#2aaa5d}.manager-dashboard-head b{display:block;color:#213229;font-size:11px;margin-top:3px}.manager-dashboard-head>span{font-size:8px;color:#819087}.manager-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.manager-kpis>div{background:#fff;border:1px solid #e7ece9;border-radius:9px;padding:9px;box-shadow:0 3px 10px rgba(33,62,45,.04)}.manager-kpis small,.manager-kpis b,.manager-kpis em{display:block}.manager-kpis small{font-size:7px;color:#7a887f}.manager-kpis b{font-size:14px;color:#20342a;margin:5px 0 3px}.manager-kpis em{font-size:7px;color:#1aa755;font-style:normal;font-weight:800}.manager-demo-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:9px;margin-top:9px}.meter-demo,.contract-demo{min-height:156px;background:#fff;border:1px solid #e7ece9;border-radius:10px;padding:10px;overflow:hidden;position:relative}.demo-label span,.demo-label b{display:block}.demo-label span{color:#19a751;font-size:7px;font-weight:900;letter-spacing:.7px}.demo-label b{font-size:9px;margin-top:2px;color:#36473e}.meter-device{height:61px;margin-top:9px;border-radius:8px;background:linear-gradient(145deg,#253128,#151d18);display:grid;place-items:center;position:relative;overflow:hidden;border:4px solid #dce3de}.meter-device>span{font-family:monospace;font-size:17px;letter-spacing:3px;background:#e3eadf;color:#1b261f;padding:5px 8px;border-radius:3px}.scan-line{position:absolute;left:0;right:0;height:2px;background:#49ec83;box-shadow:0 0 9px #49ec83;animation:meterScan 2.4s ease-in-out infinite}.meter-result{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:8px}.meter-result span{font-size:7px;color:#839087}.meter-result b{font-size:9px;color:#263a2f}.meter-result em{grid-column:1/3;font-size:7px;color:#17a34c;font-style:normal;font-weight:800;margin-top:3px}.contract-paper{height:82px;border:1px solid #dfe7e2;border-radius:6px;margin:10px 8px 7px;padding:11px;background:linear-gradient(160deg,#fff,#f9fcfa);position:relative;transform:rotate(-2deg)}.contract-paper>i{display:block;height:4px;background:#e5ebe7;border-radius:5px;margin-bottom:7px}.contract-paper>i:nth-child(2){width:76%}.contract-paper>i:nth-child(3){width:58%}.contract-sign{position:absolute;right:8px;bottom:7px;border:1px solid #8bd4a5;color:#19994c;border-radius:4px;padding:3px 5px;font-size:6px;font-weight:900;transform:rotate(-4deg)}.contract-demo>small{font-size:6px;color:#78867d}.floating-status{position:absolute;background:#fff;color:#26362d;border:1px solid #e6ebe8;border-radius:11px;padding:9px 12px;display:flex;align-items:center;gap:9px;box-shadow:0 12px 34px rgba(0,0,0,.22);animation:statusFloat 4.8s ease-in-out infinite}.floating-status>span{width:28px;height:28px;border-radius:8px;background:#e8f8ed;color:#169e49;display:grid;place-items:center;font-weight:900}.floating-status b,.floating-status small{display:block}.floating-status b{font-size:9px}.floating-status small{font-size:7px;color:#829087;margin-top:2px}.status-one{left:-24px;bottom:-24px}.status-two{right:-18px;top:44px;animation-delay:-2s}
.manager-pro-copy{max-width:560px}.manager-pro-copy .eyebrow{color:#79e49e}.manager-pro-copy h2{font-size:31px;line-height:1.15;letter-spacing:-.8px;margin:9px 0 13px;max-width:520px}.manager-pro-copy>p{font-size:14px;line-height:1.7;color:#b9cbc0;max-width:530px}.manager-benefits-pro{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.manager-benefits-pro>span{display:grid;grid-template-columns:31px 1fr;grid-template-rows:auto auto;column-gap:9px;padding:10px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:10px}.manager-benefits-pro i{grid-row:1/3;width:31px;height:31px;border-radius:8px;background:rgba(48,208,104,.14);color:#6ee694;display:grid;place-items:center;font-style:normal;font-size:12px}.manager-benefits-pro b{font-size:10px;color:#f3f8f5}.manager-benefits-pro small{font-size:8px;color:#9eb1a5;margin-top:3px;line-height:1.35}.manager-cta-row{display:flex;align-items:center;gap:17px;margin-top:18px}.manager-cta-row button{margin:0!important;padding:12px 17px!important;box-shadow:0 8px 24px rgba(20,180,78,.22)}.manager-cta-row>span{font-size:8px;color:#9eb0a5;line-height:1.4}.manager-cta-row>span b{display:block;color:#6fe396;font-size:13px}
@keyframes managerFloat{0%,100%{transform:rotateY(3deg) rotateX(1deg) translateY(0)}50%{transform:rotateY(2deg) rotateX(1deg) translateY(-6px)}}@keyframes meterScan{0%,100%{top:10%;opacity:.4}50%{top:86%;opacity:1}}@keyframes statusFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* V5 — authentication modal */
.auth-modal{position:fixed;inset:0;background:rgba(8,22,14,.58);backdrop-filter:blur(5px);z-index:400;display:none;align-items:center;justify-content:center;padding:20px}.auth-modal.open{display:flex}.auth-card{width:min(440px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 32px 90px rgba(0,0,0,.28);padding:24px;position:relative;animation:authIn .2s ease-out}.auth-close{position:absolute;right:15px;top:13px;width:31px;height:31px;border:0;background:#f1f4f2;border-radius:50%;font-size:20px;color:#627067}.auth-brand{display:flex;align-items:center;gap:10px;padding-right:34px}.auth-brand .brand-mark{width:34px;height:34px;font-size:16px}.auth-brand b,.auth-brand small{display:block}.auth-brand b{color:#169a49;font-size:15px}.auth-brand small{font-size:9px;color:#869089;margin-top:2px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f2f5f3;border-radius:10px;padding:4px;margin:19px 0}.auth-tabs button{height:36px;border:0;background:transparent;border-radius:8px;color:#707b74;font-weight:800;font-size:12px}.auth-tabs button.active{background:#fff;color:#178f45;box-shadow:0 2px 9px rgba(31,61,42,.08)}.auth-form{display:none}.auth-form.active{display:block}.auth-heading{margin:4px 0 17px}.auth-heading h3{font-size:20px;margin:0 0 5px;color:#243129}.auth-heading p{font-size:11px;line-height:1.5;color:#79847d;margin:0}.auth-form>label{display:block;font-size:10px;font-weight:800;color:#47534c;margin:11px 0}.auth-form input[type="text"],.auth-form input[type="tel"],.auth-form input[type="password"]{display:block;width:100%;height:42px;border:1px solid #dfe5e1;border-radius:9px;margin-top:6px;padding:0 12px;outline:0;background:#fff}.auth-form input:focus{border-color:#35b766;box-shadow:0 0 0 3px rgba(22,163,74,.08)}.password-wrap{position:relative}.password-wrap input{padding-right:58px!important}.show-password{position:absolute;right:7px;top:12px;border:0;background:none;color:#188e46;font-size:9px;font-weight:800}.auth-helper{display:flex;align-items:center;justify-content:space-between;margin:8px 0 14px}.auth-helper .remember{font-size:9px;color:#68746c;display:flex;align-items:center;gap:5px}.forgot-password{border:0;background:none;color:#168c44;font-size:9px;font-weight:800}.auth-primary{width:100%;height:43px;border:0;border-radius:9px;background:linear-gradient(135deg,#20b758,#129345);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(22,163,74,.19)}.auth-divider{height:29px;display:flex;align-items:center;color:#99a19c;font-size:9px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#edf0ee;flex:1}.auth-divider span{padding:0 9px}.auth-social{width:100%;height:42px;border:1px solid #dfe5e1;border-radius:9px;background:#fff;color:#39453e;font-weight:800;font-size:11px}.auth-social span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f2f5f3;margin-right:6px}.auth-role{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.auth-role button{height:39px;border:1px solid #dfe5e1;background:#fff;border-radius:9px;color:#69746d;font-size:10px;font-weight:800}.auth-role button.selected{border-color:#49bd72;background:#effaf2;color:#16994a}.auth-consent{font-weight:500!important;display:flex!important;gap:7px;align-items:flex-start;line-height:1.45!important}.auth-consent input{margin-top:1px}.auth-form .auth-consent+button{margin-top:5px}@keyframes authIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:980px){.manager-pro-inner{grid-template-columns:1fr;gap:42px}.manager-product-demo{max-width:650px;width:100%;margin:auto}.manager-pro-copy{max-width:680px}.manager-benefits-pro{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.manager-pro-inner{padding-top:42px;padding-bottom:46px}.manager-window{transform:none!important;animation:none}.manager-window-body{height:270px}.manager-kpis>div:nth-child(3){display:none}.manager-kpis{grid-template-columns:1fr 1fr}.manager-demo-grid{grid-template-columns:1fr}.contract-demo{display:none}.floating-status{transform:scale(.9);transform-origin:center}.status-one{left:-4px;bottom:-27px}.status-two{right:-2px;top:43px}.manager-pro-copy h2{font-size:25px}.manager-benefits-pro{grid-template-columns:1fr}.manager-cta-row{align-items:flex-start;flex-direction:column}.auth-card{padding:20px 17px}.range-actions button{height:31px}}
@media(prefers-reduced-motion:reduce){.manager-window,.floating-status,.scan-line{animation:none!important}}

/* V6 — quick utility block matching the six-item reference */
.shortcut-grid.shortcut-grid-six{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:18px;border:1px solid #e5e9e6;border-radius:13px;background:#fff;overflow:visible;padding:16px 8px 14px;box-shadow:0 4px 18px rgba(28,51,36,.035)}
.shortcut-grid-six .shortcut{position:relative;border:0;border-radius:10px;min-height:132px;padding:8px 8px 7px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:0;background:#fff;overflow:visible}
.shortcut-grid-six .shortcut:hover{background:#fbfdfb;transform:translateY(-2px);box-shadow:none}
.shortcut-grid-six .shortcut-icon{position:relative;grid-row:auto;width:56px;height:56px;border-radius:18px;background:#eaf7ee;display:grid;place-items:center;font-size:28px;margin-bottom:11px;flex:0 0 auto}
.shortcut-grid-six .shortcut b{font-size:13px;line-height:1.25;color:#3c433f;font-weight:800;margin:0 0 5px}
.shortcut-grid-six .shortcut span{font-size:11px;line-height:1.45;color:#6f7772;margin:0;min-height:32px}
.shortcut-grid-six .shortcut-icon em{position:absolute;right:-10px;top:-8px;font-style:normal;background:#ff2028;color:#fff;border-radius:5px;padding:3px 5px;font-size:8px;font-weight:900;line-height:1;box-shadow:0 3px 8px rgba(230,32,40,.18)}
.shortcut-grid-six .shortcut.pro .shortcut-icon em{background:#ff2028}
.shortcut-grid-six .shortcut:not(:last-child):after{content:"";position:absolute;right:0;top:20px;bottom:20px;width:1px;background:#f2f4f2}

@media(max-width:900px){.shortcut-grid.shortcut-grid-six{display:flex;overflow-x:auto;overflow-y:visible;padding:14px 6px;gap:0;scrollbar-width:none}.shortcut-grid-six::-webkit-scrollbar{display:none}.shortcut-grid-six .shortcut{min-width:165px;min-height:126px}.shortcut-grid-six .shortcut:not(:last-child):after{top:16px;bottom:16px}}
@media(max-width:600px){.shortcut-grid.shortcut-grid-six{margin-left:14px;margin-right:14px;padding-left:2px;padding-right:2px}.shortcut-grid-six .shortcut{min-width:148px}.shortcut-grid-six .shortcut-icon{width:52px;height:52px;font-size:25px}.shortcut-grid-six .shortcut b{font-size:12px}.shortcut-grid-six .shortcut span{font-size:10px}}

/* V7 — stronger landlord benefits + professional posting steps/statistics */
.manager-benefits-pro>span{position:relative;padding:13px 14px;grid-template-columns:38px 1fr;column-gap:11px;min-height:70px;transition:.2s ease}
.manager-benefits-pro i{width:38px;height:38px;border-radius:10px;font-size:15px}
.manager-benefits-pro b{font-size:12px;line-height:1.35;letter-spacing:-.1px}
.manager-benefits-pro small{font-size:9px;line-height:1.45;margin-top:4px}
.manager-benefits-pro>span.benefit-featured{border-color:rgba(94,239,145,.45);background:linear-gradient(135deg,rgba(47,205,101,.17),rgba(255,255,255,.055));box-shadow:inset 0 0 0 1px rgba(65,220,119,.06),0 10px 30px rgba(0,0,0,.08)}
.manager-benefits-pro>span.benefit-featured:hover{transform:translateY(-2px);border-color:rgba(105,244,153,.7)}
.manager-benefits-pro>span.benefit-featured i{background:#1e8647;color:#a8ffc5;box-shadow:0 0 0 5px rgba(55,215,111,.08)}
.benefit-badge{position:absolute;right:9px;top:7px;font-style:normal;font-size:6px;line-height:1;background:#48d57b;color:#082e18;border-radius:999px;padding:4px 6px;font-weight:900;letter-spacing:.6px}

.steps-pro-section{background:linear-gradient(180deg,#fbfdfb 0%,#f5faf6 100%);border-top:1px solid #edf1ee;border-bottom:1px solid #edf1ee}
.steps-heading{margin-bottom:26px}.steps-heading .eyebrow{display:block;margin-bottom:7px}.steps-heading h2{font-size:26px!important;letter-spacing:-.5px}.steps-heading p{font-size:13px!important}
.steps.steps-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:none;margin:0}
.steps-pro .step-card{position:relative;min-height:98px;border:1px solid #dfe8e2;border-radius:12px;background:#fff;text-align:left;display:grid;grid-template-columns:56px 1fr;align-items:center;padding:16px 18px;overflow:hidden;box-shadow:0 8px 24px rgba(25,61,38,.055)}
.steps-pro .step-card:after{content:"";position:absolute;right:-22px;top:50%;width:42px;height:42px;transform:translateY(-50%) rotate(45deg);background:inherit;border-top:1px solid rgba(255,255,255,.55);border-right:1px solid rgba(255,255,255,.55);opacity:.9}
.steps-pro .step-number{position:relative;z-index:1;width:45px;height:45px;margin:0;border-radius:50%;display:grid;place-items:center;background:#fff!important;color:#239d69!important;border:1px solid rgba(255,255,255,.8);font-size:21px!important;box-shadow:none!important}
.steps-pro .step-copy{position:relative;z-index:1}.steps-pro .step-copy b{font-size:14px;color:#fff;margin:0 0 5px;line-height:1.25}.steps-pro .step-copy span{font-size:11px;color:rgba(255,255,255,.9);margin:0;line-height:1.35}
.steps-pro .step-one{background:linear-gradient(135deg,#2ca97a,#35b97a);border-color:#26966e}.steps-pro .step-two{background:linear-gradient(135deg,#328fe6,#43a4ef);border-color:#2783d7}.steps-pro .step-three{background:linear-gradient(135deg,#f18927,#ff9d13);border-color:#ed7f14}
.steps-pro .step-one .step-number{color:#249e75!important}.steps-pro .step-two .step-number{color:#368fe1!important}.steps-pro .step-three .step-number{color:#ef8721!important}

.why.why-pro{padding:48px 0 56px;background:#fff}
.why-pro-head{text-align:center;max-width:620px;margin:0 auto 28px}.why-pro-head .eyebrow{display:block;margin-bottom:8px}.why-pro-head h2{font-size:25px;line-height:1.25;margin:0 0 8px;letter-spacing:-.45px}.why-pro-head p{margin:0;color:#79827c;font-size:13px;line-height:1.55}
.stats.stats-pro{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stats-pro>div{text-align:center;min-height:184px;border:1px solid #e4e9e6;border-radius:12px;padding:21px 14px;background:linear-gradient(180deg,#fff,#fbfdfc);box-shadow:0 8px 28px rgba(31,60,41,.045);display:flex;flex-direction:column;align-items:center;justify-content:center}
.stats-pro .stat-icon{width:62px;height:62px;border-radius:50%;background:#f0f5f2;color:#35c86c;display:grid;place-items:center;font-size:27px;margin-bottom:12px;border:1px solid #e7eeea}
.stats-pro b{font-size:25px;color:#343936;letter-spacing:.2px;line-height:1.1;margin-bottom:6px}.stats-pro>div>span:not(.stat-icon){font-size:12px;color:#68716b}.stats-pro small{font-size:9px;color:#a0a7a2;margin-top:5px}

@media(max-width:900px){.steps.steps-pro{grid-template-columns:1fr}.steps-pro .step-card:after{display:none}.stats.stats-pro{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.manager-benefits-pro>span{padding:13px 12px}.manager-benefits-pro b{font-size:12px}.manager-benefits-pro small{font-size:9px}.steps-heading h2{font-size:22px!important}.steps-pro .step-card{min-height:88px;padding:14px}.stats.stats-pro{grid-template-columns:1fr 1fr;gap:9px}.stats-pro>div{min-height:156px;padding:16px 8px}.stats-pro .stat-icon{width:50px;height:50px;font-size:22px}.stats-pro b{font-size:20px}.why-pro-head h2{font-size:21px}}


/* V8 — typography + stable posting steps + clickable discovery links */
.manager-benefits-pro>span{min-height:86px;padding:16px 16px;grid-template-columns:44px minmax(0,1fr);column-gap:13px}
.manager-benefits-pro i{width:44px;height:44px;font-size:18px;border-radius:12px}
.manager-benefits-pro b{font-size:15px;line-height:1.28;letter-spacing:-.15px;padding-right:36px}
.manager-benefits-pro small{font-size:11px;line-height:1.48;margin-top:5px;color:rgba(255,255,255,.74)}
.manager-benefits-pro>span.benefit-featured b{font-size:16px;color:#fff}
.manager-benefits-pro>span.benefit-featured{border-width:1px;box-shadow:inset 0 0 0 1px rgba(65,220,119,.08),0 12px 34px rgba(0,0,0,.12)}
.benefit-badge{font-size:7px;padding:5px 7px;right:10px;top:9px}

.popular{margin-top:26px;padding:20px 22px;border:1px solid #e6eee8;border-radius:14px;background:linear-gradient(180deg,#fbfefc,#f6fbf8)}
.popular>b{display:block;font-size:18px;line-height:1.3;color:#303a33;margin-bottom:13px;letter-spacing:-.2px}
.popular>b:before{content:"⌖";display:inline-grid;place-items:center;width:29px;height:29px;margin-right:9px;border-radius:9px;background:#e5f8eb;color:#16a34a;font-size:16px;vertical-align:middle}
.popular .chips{gap:9px}
.popular .chips button{font-size:13px;font-weight:700;padding:8px 12px;border:1px solid #dce8df;background:#fff;color:#4b5850;transition:.18s ease}
.popular .chips button:hover{border-color:#62c981;color:#168c43;background:#f1fbf4;transform:translateY(-1px)}

.keywords-pro h3{font-size:20px;margin:0 0 17px;color:#343b36;letter-spacing:-.2px}
.keywords-pro .keyword-columns{font-size:13px;line-height:1.45;gap:22px}
.keywords-pro .keyword-columns>div{display:flex;flex-direction:column;gap:6px}
.keyword-link{display:block;color:#5e6962;text-decoration:none;padding:7px 9px;border-radius:7px;cursor:pointer;transition:.16s ease;font-weight:600}
.keyword-link:hover{color:#148b41;background:#eff9f2;transform:translateX(2px)}

/* Important: reset generic legacy .steps article div rules for nested step-copy */
.steps.steps-pro{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:none;margin:0}
.steps-pro .step-card{min-width:0;min-height:112px;display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:13px;overflow:hidden}
.steps-pro .step-card .step-number{flex:0 0 50px;width:50px!important;height:50px!important;margin:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:22px!important}
.steps-pro .step-card .step-copy{display:block!important;flex:1 1 auto;width:auto!important;height:auto!important;min-width:0;margin:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;place-items:initial!important}
.steps-pro .step-card .step-copy b{display:block;font-size:16px;line-height:1.25;color:#fff;margin:0 0 6px;white-space:normal;word-break:normal;overflow-wrap:normal}
.steps-pro .step-card .step-copy span{display:block;font-size:12px;line-height:1.45;color:rgba(255,255,255,.92);margin:0;white-space:normal;word-break:normal;overflow-wrap:normal}
.steps-pro .step-card:after{right:-25px;width:48px;height:48px}

@media(max-width:900px){
 .manager-benefits-pro b,.manager-benefits-pro>span.benefit-featured b{font-size:14px}
 .manager-benefits-pro small{font-size:10.5px}
 .steps.steps-pro{grid-template-columns:1fr;gap:11px}
 .steps-pro .step-card{min-height:98px}
 .steps-pro .step-card:after{display:none}
 .popular>b{font-size:17px}
 .keywords-pro .keyword-columns{grid-template-columns:1fr 1fr;font-size:12.5px}
}
@media(max-width:600px){
 .manager-benefits-pro>span{min-height:82px;padding:14px 13px;grid-template-columns:40px minmax(0,1fr)}
 .manager-benefits-pro i{width:40px;height:40px}
 .manager-benefits-pro b,.manager-benefits-pro>span.benefit-featured b{font-size:13.5px;padding-right:28px}
 .manager-benefits-pro small{font-size:10px}
 .popular{padding:16px 14px}.popular>b{font-size:16px}.popular .chips button{font-size:12px}
 .keywords-pro h3{font-size:18px}.keywords-pro .keyword-columns{grid-template-columns:1fr;font-size:13px;gap:6px}
 .steps-pro .step-card{padding:16px;gap:13px}.steps-pro .step-card .step-copy b{font-size:15px}.steps-pro .step-card .step-copy span{font-size:11.5px}
}

/* V9 — sticky header, tighter landlord showcase, floating contacts, multi-choice type filter */
.header{position:sticky;top:0;z-index:80;box-shadow:0 5px 18px rgba(25,54,36,.08)}
.manager-pro-inner{min-height:420px;padding-top:38px;padding-bottom:38px}
.type-grid button{position:relative}
.type-grid button.selected:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#38b765;color:#fff;font-size:12px;font-weight:900;margin-right:7px;vertical-align:-2px}
.floating-contact{position:fixed;right:18px;bottom:84px;z-index:95;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.floating-contact button{width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 8px 28px rgba(20,52,32,.18);display:grid;place-items:center;position:relative;color:#168f44;border:1px solid #e1ece5;transition:.18s ease;padding:0}
.floating-contact button:hover{transform:translateY(-2px);box-shadow:0 11px 32px rgba(20,52,32,.24)}
.floating-contact button span{font-size:20px;font-style:normal;font-weight:900}.floating-contact button .zalo-text{font-size:14px;background:#1677ff;color:#fff;width:26px;height:26px;border-radius:50%;display:grid;place-items:center}
.floating-contact button em{position:absolute;right:57px;top:50%;transform:translateY(-50%) translateX(5px);opacity:0;pointer-events:none;background:#173322;color:#fff;border-radius:7px;padding:6px 9px;font-style:normal;font-size:11px;font-weight:700;white-space:nowrap;transition:.16s ease}
.floating-contact button:hover em{opacity:1;transform:translateY(-50%) translateX(0)}
@media(max-width:700px){.manager-pro-inner{min-height:auto;padding-top:32px;padding-bottom:34px}.floating-contact{right:12px;bottom:78px;gap:8px}.floating-contact button{width:43px;height:43px}.floating-contact button em{display:none}}

/* V10 — larger room-card typography + compact flagship height + larger product demo */
/* Room cards: easier to scan, closer to the reference treatment */
.room-card{min-width:286px;width:286px;border-radius:10px}
.room-img{height:170px}
.room-body{padding:12px 12px 13px}
.room-title{font-size:15px;line-height:1.42;height:43px;letter-spacing:-.12px}
.room-place{font-size:12px;line-height:1.4;height:34px;margin-top:6px}
.price-row{gap:7px;margin-top:9px;min-height:20px;align-items:center}
.old-price{font-size:12px;color:#8e9691}
.discount{background:#ff3939;color:#fff;border-radius:2px;padding:4px 7px;font-size:10.5px;line-height:1;font-weight:900;letter-spacing:.2px;box-shadow:0 2px 5px rgba(230,45,45,.14)}
.price{font-size:17px;line-height:1.2;margin-top:2px}
.meta{font-size:11.5px;margin-top:9px;padding-top:9px;color:#67716b;font-weight:600}
.badge{font-size:10.5px;padding:5px 7px}
.photo-count{font-size:10.5px;padding:4px 7px}

/* Latest listing cards use the same more-readable information scale */
.latest-body{padding:13px 14px}
.latest-body .room-title{font-size:15px;line-height:1.4}
.latest-body .room-place{font-size:12px;height:auto;min-height:32px}
.latest-body .price{font-size:17px}
.latest-bottom{font-size:11.5px}
.contact-btn{font-size:11px;padding:7px 9px}

/* Keep the flagship section visually strong but reduce its vertical footprint only */
.manager-pro-inner{min-height:395px;padding-top:25px;padding-bottom:25px;grid-template-columns:minmax(520px,1.08fr) minmax(400px,.92fr);gap:46px}
/* Enlarge the animated product visual primarily in width, without inflating section height */
.manager-product-demo{transform:scale(1.045);transform-origin:center left}
.manager-window-body{height:300px}
/* Make meter wording inside the animated dashboard easier to read */
.meter-demo .demo-label span{font-size:9.5px;letter-spacing:.55px}
.meter-demo .demo-label b{font-size:10.5px;margin-top:3px}
.status-two b{font-size:11.5px}
.status-two small{font-size:8px}

@media(max-width:1050px){
  .manager-pro-inner{grid-template-columns:minmax(440px,1fr) minmax(380px,.95fr);gap:34px}
  .manager-product-demo{transform:scale(1.02)}
}
@media(max-width:900px){
  .room-card{min-width:270px;width:270px}
  .room-title{font-size:14.5px}.room-place{font-size:11.5px}.price{font-size:16px}.meta{font-size:11px}
  .manager-pro-inner{min-height:auto;padding-top:24px;padding-bottom:24px}
  .manager-product-demo{transform:scale(1)}
}
@media(max-width:600px){
  .room-card{min-width:82vw;width:82vw}
  .room-title{font-size:15px}.room-place{font-size:12px}.price{font-size:17px}.discount{font-size:10px}
}


/* V11 — shortcut order/readability + room-card readability polish */
/* Utility strip now sits before the app banner and uses a more readable scale. */
.shortcut-grid.shortcut-grid-six{margin-top:22px;margin-bottom:0;padding:18px 10px 16px}
.shortcut-grid-six .shortcut{min-height:140px;padding:8px 10px 9px}
.shortcut-grid-six .shortcut-icon{width:58px;height:58px;font-size:29px;margin-bottom:12px}
.shortcut-grid-six .shortcut b{font-size:14.5px;line-height:1.28;margin-bottom:6px;letter-spacing:-.1px}
.shortcut-grid-six .shortcut span{font-size:12.5px;line-height:1.48;min-height:37px;color:#66706a}
.app-banner{margin-top:18px}

/* Room cards: stronger hierarchy, similar to the supplied reference. */
.room-card{min-width:300px;width:300px;border-color:#dfe5e1;box-shadow:0 3px 12px rgba(32,46,37,.055)}
.room-img{height:176px}
.room-body{padding:13px 13px 14px}
.room-title{font-size:16px;line-height:1.38;height:45px;font-weight:800;color:#3b403d}
.room-place{font-size:12.8px;line-height:1.45;height:36px;margin-top:7px;color:#626b65}
.price-row{margin-top:9px;min-height:23px;gap:8px}
.old-price{font-size:13px;color:#999f9b}
.discount{position:relative;background:#ff3038;color:#fff;border-radius:0;padding:5px 9px;font-size:11px;line-height:1;font-weight:900;letter-spacing:.15px;box-shadow:none}
.discount:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #ff3038}
.price{font-size:18px;line-height:1.2;margin-top:3px;color:#e60012}
.meta{font-size:12px;margin-top:10px;padding-top:10px;color:#626b65;font-weight:700}
.badge{font-size:11px;padding:5px 8px}
.photo-count{font-size:11px;padding:5px 7px}

/* Latest room list mirrors the reference's large, scan-friendly information block. */
.latest-card{min-height:174px;grid-template-columns:178px 1fr;border-color:#d9dfdb;border-radius:10px}
.latest-body{padding:13px 14px 12px}
.latest-body .room-title{font-size:16px;line-height:1.38;min-height:44px;height:auto}
.latest-body .room-place{font-size:12.8px;line-height:1.45;min-height:36px;height:auto;margin-top:6px}
.latest-body .price-row{margin-top:7px}
.latest-body .price{font-size:18px}
.latest-bottom{font-size:12px;margin-top:11px;padding-top:9px}
.contact-btn{font-size:12px;padding:7px 10px;border:1px solid #2582ff;background:#fff;color:#2175df;border-radius:6px}

@media(max-width:900px){
  .shortcut-grid-six .shortcut b{font-size:14px}.shortcut-grid-six .shortcut span{font-size:12px}
  .room-card{min-width:286px;width:286px}
  .latest-card{grid-template-columns:160px 1fr}
}
@media(max-width:600px){
  .shortcut-grid.shortcut-grid-six{margin-top:16px;margin-left:14px;margin-right:14px;padding-top:14px;padding-bottom:13px}
  .shortcut-grid-six .shortcut{min-width:158px;min-height:132px}
  .shortcut-grid-six .shortcut b{font-size:13px}.shortcut-grid-six .shortcut span{font-size:11px}
  .room-card{min-width:84vw;width:84vw}.room-title{font-size:15.5px}.room-place{font-size:12.3px}.price{font-size:17.5px}
  .latest-card{grid-template-columns:128px 1fr;min-height:154px}.latest-body .room-title{font-size:15px}.latest-body .room-place{font-size:11.8px}.latest-body .price{font-size:17px}
}

/* V12 — fixed listing counts/layout + professional footer + functional contact panel */
.green-word{color:var(--green)}

/* HOTDEAL / NOW: exactly 4 cards on desktop, aligned in a fixed grid. */
.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.featured-grid .room-card{min-width:0;width:100%;height:100%}
.featured-grid .room-img{height:172px}
.featured-grid .room-body{min-height:190px;display:flex;flex-direction:column}
.featured-grid .meta{margin-top:auto}

/* Latest: exactly 10 cards = 5 rows x 2 columns. */
.latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.latest-card{min-height:205px;grid-template-columns:185px minmax(0,1fr);border:1px solid #cfd6d1;border-radius:11px;box-shadow:0 2px 8px rgba(30,45,35,.035)}
.latest-img{min-height:205px}
.latest-body{padding:14px 14px 11px;display:flex;flex-direction:column;min-width:0}
.latest-body .room-title{font-size:16.5px;line-height:1.35;min-height:44px;font-weight:800;color:#343b37}
.latest-body .room-place{font-size:12.8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-height:auto;height:auto;margin-top:6px;color:#424b45}
.latest-price-line{display:flex;align-items:center;gap:8px;margin-top:10px;min-height:24px}
.latest-price-area{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:2px}
.latest-price-area .price{font-size:18px;color:#e00014;font-weight:900}
.latest-price-area strong{font-size:15px;color:#272d29;white-space:nowrap}
.latest-bottom{margin-top:auto;padding-top:11px;font-size:11px}
.latest-actions{display:flex;gap:5px;align-items:center}
.latest-actions button{font:inherit;cursor:pointer;background:#fff}
.zalo-mini{border:1px solid #2f80ed;color:#2076dc;border-radius:6px;padding:7px 9px}
.contact-btn{border:1px solid #2f80ed;background:#2f80ed!important;color:#fff!important;border-radius:6px;padding:7px 9px;font-weight:800}
.latest-card .discount{font-size:10px;padding:5px 8px}
.latest-card .old-price{font-size:12.5px}

/* Professional light footer inspired by the supplied information architecture, with UNISTAY branding/content. */
.footer.footer-pro{background:#f7f8f7;color:#555f59;padding:44px 0 0;border-top:1px solid #edf0ee}
.footer-main-pro{display:grid;grid-template-columns:1.15fr .8fr 1.15fr;gap:58px;align-items:start}
.footer-logo{color:#1b2820;font-size:31px;letter-spacing:-1.2px;margin-bottom:18px}
.footer-logo .brand-mark{width:45px;height:45px;font-size:25px}
.footer-about p,.footer-contact-pro p{font-size:13px;line-height:1.65;color:#68716b;margin:6px 0}
.footer-about p{max-width:390px}
.footer.footer-pro h4{color:#333a36;font-size:18px;margin:0 0 18px}
.footer-links-pro a{font-size:13px;color:#414943;text-decoration:none;margin:0 0 11px;line-height:1.4;font-weight:600}
.footer-contact-pro p b{color:#4a524d}
.footer-contact-pro small{font-size:10px;color:#909892}
.footer-trust{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.footer-trust span{background:#eef7f0;border:1px solid #dceadf;color:#248048;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:700}
.footer-support-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;padding-left:380px}
.support-card{background:#eef4e7;border-radius:12px;text-align:center;padding:13px 12px 14px;display:flex;flex-direction:column;gap:3px}
.support-card small{font-size:12px;color:#747d77}.support-card strong{font-size:12px;color:#f26a00}.support-card b{font-size:22px;color:#101512;letter-spacing:.2px}
.social-row{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;flex-wrap:wrap}
.social-row button{border:1px solid #cdd6d0;background:#fff;border-radius:8px;padding:9px 13px;font-weight:800;color:#3f4742}
.footer-app-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.footer-app-card{background:#fff;border:1px solid #eef0ef;border-radius:12px;padding:16px 18px;display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center}
.mini-qr{width:92px;height:92px;border:2px dashed #222;background:#fff;border-radius:8px;display:grid;place-items:center;font-size:43px;color:#111}
.footer-app-card h4{font-size:17px!important;margin:0 0 4px!important;color:#454d48!important}.footer-app-card p{font-size:12px!important;margin:0 0 12px!important;color:#777f79!important}
.store.store-dark{display:inline-block;width:auto;background:#111;color:#fff;border:0;border-radius:7px;padding:9px 12px;margin:0 6px 0 0;font-size:11px}
.footer.footer-pro .copyright{border-top:1px solid #e2e6e3;color:#89908b;margin-top:28px;padding-top:16px;padding-bottom:18px}

/* Contact popover and scroll-to-top. */
.floating-contact .scroll-top-btn{opacity:.82}
.contact-popover{position:fixed;right:78px;bottom:92px;width:320px;max-width:calc(100vw - 105px);background:#fff;border:1px solid #dfe7e2;border-radius:14px;box-shadow:0 18px 50px rgba(23,51,33,.22);padding:20px;z-index:96;display:none}
.contact-popover.open{display:block;animation:contactIn .16s ease-out}
@keyframes contactIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.contact-popover-close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:24px;color:#7a837d;line-height:1}
.contact-panel-icon{width:42px;height:42px;border-radius:12px;background:#eaf8ee;color:#169447;display:grid;place-items:center;font-size:21px;margin-bottom:10px}
.contact-panel-icon.zalo-panel{background:#1677ff;color:#fff;font-weight:900}
.contact-popover h3{font-size:18px;margin:0 0 7px;color:#2d3630}.contact-popover p{font-size:12.5px;line-height:1.55;color:#6b756e;margin:0 0 12px}.contact-popover small{display:block;color:#8b938e;font-size:10px;margin-top:6px}
.contact-big{font-size:21px;color:#159447;display:block}.mini-chat{display:flex;gap:7px}.mini-chat input{flex:1;min-width:0;border:1px solid #dfe5e1;border-radius:8px;padding:9px 10px;outline:none}.mini-chat button,.contact-panel-action{border:0;background:var(--green);color:#fff;border-radius:8px;padding:9px 12px;font-weight:800}
.contact-panel-action{margin-top:12px}

@media(max-width:1050px){
  .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .latest-card{grid-template-columns:160px minmax(0,1fr)}
  .footer-support-row{padding-left:0}
}
@media(max-width:800px){
  .latest-grid{grid-template-columns:1fr}
  .footer-main-pro{grid-template-columns:1fr 1fr;gap:28px}.footer-about{grid-column:1/3}.footer-support-row{grid-template-columns:1fr}.footer-app-row{grid-template-columns:1fr}.social-row{justify-content:flex-start}
}
@media(max-width:600px){
  .featured-grid{grid-template-columns:1fr 1fr;gap:9px}.featured-grid .room-card{min-width:0;width:100%}.featured-grid .room-img{height:135px}.featured-grid .room-body{min-height:205px;padding:10px}.featured-grid .room-title{font-size:13px}.featured-grid .room-place{font-size:10.5px}.featured-grid .price{font-size:15px}
  .latest-card{grid-template-columns:125px minmax(0,1fr);min-height:172px}.latest-img{min-height:172px}.latest-body{padding:10px}.latest-body .room-title{font-size:14px;min-height:38px}.latest-price-area .price{font-size:16px}.latest-price-area strong{font-size:12px}.latest-actions{display:none}
  .footer-main-pro{grid-template-columns:1fr}.footer-about{grid-column:auto}.footer-links-pro{display:none}.footer-support-row{gap:9px}.support-card{padding:11px}.support-card b{font-size:18px}.footer-app-card{grid-template-columns:64px 1fr;padding:12px}.mini-qr{width:64px;height:64px;font-size:30px}.store.store-dark{font-size:9px;padding:7px 8px}.social-row{gap:7px}.social-row button{font-size:10px;padding:8px 9px}
  .contact-popover{right:62px;bottom:78px;width:280px;max-width:calc(100vw - 78px)}
}


/* V12R — requested polish applied strictly on top of V12 */
/* Compact account cluster */
.account-actions{gap:8px}
.account-pill,.owner-pill{min-height:46px;border-radius:24px;display:flex;align-items:center;gap:9px;padding:5px 14px 5px 7px;border:1px solid #dce8df;box-shadow:0 1px 2px rgba(20,54,32,.04)}
.account-pill{background:#eaffdf;border-color:#d5efc9}
.owner-pill{background:#fff;border-color:#e0e8e3;color:#1b2920;margin:0;text-align:left}
.account-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:18px;box-shadow:inset 0 0 0 1px #e4ece7;flex:0 0 auto}
.owner-icon{background:#eef7ff}
.account-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.08;white-space:nowrap}
.account-copy small{font-size:9.5px;color:#4f5a53;font-weight:500;margin-bottom:2px}
.account-links{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:900;color:#111}
.account-links .link{padding:0;color:#111;font-size:13px;font-weight:900}
.owner-pill .account-copy b{font-size:13px;color:#111;line-height:1.05}
.owner-pill:hover,.account-pill:hover{border-color:#bcd7c5;box-shadow:0 5px 16px rgba(24,65,38,.08)}

/* Property type icon pills + hover */
.nav{gap:7px;padding-top:5px;padding-bottom:5px;height:52px}
.nav a{height:40px;padding:0 10px;border:1px solid transparent;border-radius:9px;gap:6px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.nav a:hover{background:#f1faf4;border-color:#dceee2;color:#158e43;transform:translateY(-1px)}
.nav a.active{background:#edf9f1;border-color:#cce8d4;color:#168f43}
.nav a.active:after{display:none}
.nav-type-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #e2e9e4;font-size:14px;flex:0 0 auto}

/* Opening hero reaches down behind the quick actions. */
.hero{min-height:405px}
.hero-content{padding-top:72px}
.shortcut-grid.shortcut-grid-six{position:relative;z-index:12;margin-top:-54px;box-shadow:0 12px 30px rgba(23,54,35,.10)}
.app-banner{margin-top:24px}

/* HOTDEAL / NOW: 8 cards = 2 rows x 4 columns, with no artificial blank rows. */
.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 13px;align-items:start}
.featured-grid .room-card{min-width:0;width:100%;height:auto}
.featured-grid .room-img{height:124px}
.featured-grid .room-body{min-height:0;height:auto;padding:9px 10px 10px;display:block}
.featured-grid .room-title{font-size:13.5px;line-height:1.3;height:auto;min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.featured-grid .room-place{font-size:10.5px;line-height:1.3;height:auto;min-height:0;margin-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.featured-grid .price-row{margin-top:6px;min-height:18px;gap:6px}
.featured-grid .old-price{font-size:10.5px}
.featured-grid .discount{font-size:9px;padding:4px 6px}
.featured-grid .price{font-size:15.5px;margin-top:2px}
.featured-grid .meta{font-size:10px;margin-top:7px;padding-top:7px}
.listing-wrap.hot .section,.listing-wrap.hot + .section{padding-top:28px;padding-bottom:28px}

/* Flagship product demo: taller animated window, while preserving the V12 composition. */
.manager-pro-inner{min-height:430px;padding-top:27px;padding-bottom:27px;grid-template-columns:minmax(540px,1.1fr) minmax(400px,.9fr);gap:48px}
.manager-window-body{height:326px}
.manager-product-demo{transform:scale(1.035);transform-origin:center left}
.manager-pro-copy>.eyebrow{font-size:14.5px;letter-spacing:1.35px}
.manager-pro-copy h2{font-size:30px;line-height:1.14;margin-top:8px}

@media(max-width:1080px){
  .account-copy small{display:none}.account-pill,.owner-pill{padding-right:11px}
  .manager-pro-inner{grid-template-columns:minmax(490px,1.05fr) minmax(380px,.95fr);gap:30px}
  .manager-product-demo{transform:scale(1.015)}
}
@media(max-width:900px){
  .top-actions .tenant-pill{display:none}
  .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .manager-pro-inner{grid-template-columns:1fr;min-height:auto}
  .manager-product-demo{transform:scale(1);max-width:650px;width:100%;margin:auto}
}
@media(max-width:600px){
  .hero{min-height:390px}.shortcut-grid.shortcut-grid-six{margin-top:-38px}
  .nav{height:49px}.nav a{height:37px;padding:0 8px}.nav-type-icon{width:24px;height:24px;font-size:13px}
  .featured-grid{grid-template-columns:1fr 1fr;gap:9px}
  .featured-grid .room-img{height:112px}.featured-grid .room-body{padding:8px}.featured-grid .room-title{font-size:12px;min-height:31px}.featured-grid .room-place{font-size:9.6px}.featured-grid .price{font-size:14px}.featured-grid .meta{font-size:9px}
  .manager-window-body{height:286px}
  .manager-pro-copy>.eyebrow{font-size:12.5px}.manager-pro-copy h2{font-size:25px}
}


/* V14 — professional featured cards, owner-sale banner, layered filters and readability polish */
.quick-tags button{transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.quick-tags button:hover{background:#e4f7e9;color:#138c42;box-shadow:0 0 0 1px #c7e8d1;transform:translateY(-1px)}

/* Make price / area popovers float over every following block. */
.search-shell{z-index:150!important}
.filter-popovers{z-index:250!important}
.filter-popover,.range-popover{z-index:500!important}
.hero-content{z-index:160}
.shortcut-grid.shortcut-grid-six{z-index:20}

/* Featured HOTDEAL / NOW cards: compact, legible and aligned like the reference. */
.featured-grid{gap:12px 14px}
.featured-grid .featured-room-card{border:1px solid #d9dedb;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 1px 0 rgba(20,42,28,.02);transition:box-shadow .18s ease,transform .18s ease}
.featured-grid .featured-room-card:hover{box-shadow:0 9px 24px rgba(27,59,38,.11);transform:translateY(-2px)}
.featured-grid .room-img{height:150px}
.featured-grid .room-body{padding:10px 11px 11px}
.featured-grid .room-title{font-size:15px;line-height:1.42;min-height:43px;font-weight:800;color:#3c423e}
.featured-grid .room-place.featured-owner{font-size:11px;line-height:1.35;color:#6c736f;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.featured-grid .room-place.featured-owner b{font-size:11.5px;color:#666d68}
.featured-grid .price-row{display:flex;align-items:center;gap:7px;margin-top:9px;min-height:20px}
.featured-grid .old-price{font-size:12px;color:#999;text-decoration:line-through}
.featured-grid .discount{position:relative;font-size:10px;font-weight:900;color:#fff;background:#ff3030;border-radius:0;padding:4px 8px;letter-spacing:.15px;line-height:1}
.featured-grid .discount:before{content:"";position:absolute;left:-6px;top:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:6px solid #ff3030}
.featured-price-line{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:4px}
.featured-grid .price{font-size:17px;font-weight:900;color:#f30019;line-height:1.15;margin:0}
.featured-area{font-size:15px;color:#4b514d;white-space:nowrap;line-height:1.1}
.listing-wrap.hot{background:#fff8e8}
.listing-wrap.hot .section-head h2,.listing-wrap.hot + .section .section-head h2{font-size:22px}
.listing-wrap.hot .section-head p,.listing-wrap.hot + .section .section-head p{font-size:12.5px}

/* Owner conversion banner inspired by the supplied reference, built in CSS only. */
.owner-cta-pro{background:#fff;padding:18px 0 30px}
.owner-cta-pro .owner-cta-inner{min-height:285px;border-radius:18px;padding:34px 48px;background:linear-gradient(115deg,#e8ffe0 0%,#e6fbf0 48%,#d9f2ff 100%);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;overflow:hidden;position:relative}
.owner-sale-copy{max-width:620px;text-align:center}
.owner-sale-copy .eyebrow{display:inline-block;background:rgba(255,255,255,.7);border:1px solid rgba(25,148,72,.14);border-radius:999px;padding:6px 11px;color:#158b42;font-size:12px}
.owner-sale-copy h2{font-size:28px;line-height:1.22;margin:10px 0 7px;color:#0d4f24;letter-spacing:-.45px}
.owner-sale-copy>p{font-size:23px;font-weight:900;margin:0 0 22px;background:linear-gradient(90deg,#ef4166,#c52caf,#5c29e7);-webkit-background-clip:text;background-clip:text;color:transparent}
.owner-sale-copy small{display:block;font-size:14px;line-height:1.55;color:#26362d;max-width:540px;margin:0 auto 9px}
.owner-proof{font-size:12.5px;color:#456052;margin-bottom:8px}.owner-proof b{color:#138f43}
.owner-cta-pro .owner-sale-copy button{background:#ff9500;color:#fff;border-radius:999px;padding:13px 22px;font-size:14px;box-shadow:0 8px 18px rgba(255,149,0,.24)}
.owner-sale-visual{height:225px;position:relative;display:grid;place-items:center}
.sale-orb{position:absolute;width:180px;height:180px;border-radius:50%;background:#3187de;box-shadow:0 18px 40px rgba(48,135,222,.22)}
.sale-phone{position:relative;z-index:2;width:126px;height:205px;border:7px solid #f8fbff;border-radius:24px;background:#fff;box-shadow:0 18px 32px rgba(35,78,118,.23);transform:rotate(6deg);padding:9px}
.sale-phone-head{font-size:10px;font-weight:900;color:#218858;margin-bottom:8px}.sale-photo{height:78px;border-radius:11px;background:linear-gradient(135deg,#d9efe0,#8cd4a4)}
.sale-lines{padding-top:10px}.sale-lines i{display:block;height:6px;background:#e7ece9;border-radius:4px;margin:6px 0}.sale-lines i:nth-child(2){width:72%}.sale-lines i:nth-child(3){width:48%}.sale-badge{font-size:9px;font-weight:900;color:#fff;background:#20ac59;border-radius:8px;padding:7px 5px;text-align:center;margin-top:10px}
.bubble{position:absolute;z-index:3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:#fff;box-shadow:0 7px 18px rgba(53,81,64,.16)}.b1{right:46px;bottom:32px;color:#f04d62}.b2{left:36px;top:36px;color:#ffbd18}.b3{right:76px;top:24px;color:#ff5353}

/* Flagship manager demo: taller and crisper text, without shrinking existing copy. */
.manager-pro-inner{min-height:465px;padding-top:25px;padding-bottom:25px}
.manager-window-body{height:362px}
.manager-product-demo{filter:contrast(1.06) saturate(1.04)}
.manager-window,.manager-window *{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.manager-dashboard-head small{font-size:9.5px;color:#71847a!important}.manager-dashboard-head b{font-size:14px;color:#183326!important}.manager-dashboard-head span{color:#60746a!important;font-weight:700}
.manager-kpis small{font-size:9.5px!important;color:#6b7b73!important}.manager-kpis b{font-size:17px!important;color:#162d21!important}.manager-kpis em{font-size:9px!important;color:#138c42!important}
.demo-label span{font-size:12.5px!important;font-weight:900!important;color:#122d20!important}.demo-label b{font-size:10px!important;color:#5b6f64!important}.meter-result span,.contract-demo small{color:#53665b!important}.meter-result b{font-size:14px!important;color:#183326!important}.meter-result em{color:#168e44!important;font-weight:800}.contract-sign{font-weight:900!important}

/* Larger auth typography for easier reading. */
.auth-card{width:min(470px,100%);padding:27px}
.auth-tabs button{font-size:14px;height:42px}
.auth-heading h3{font-size:24px}.auth-heading p{font-size:13px}
.auth-form>label{font-size:12.5px}.auth-form input[type="text"],.auth-form input[type="tel"],.auth-form input[type="password"]{height:46px;font-size:14px}
.auth-helper .remember,.forgot-password{font-size:11.5px}.auth-primary{height:47px;font-size:14px}.auth-social{height:45px;font-size:13px}.auth-role button{height:43px;font-size:12px}.auth-consent{font-size:11.5px!important}

@media(max-width:900px){
  .owner-cta-pro .owner-cta-inner{grid-template-columns:1fr;padding:28px 22px}.owner-sale-copy{margin:auto}.owner-sale-visual{height:205px}
  .manager-pro-inner{min-height:auto}.manager-window-body{height:325px}
}
@media(max-width:600px){
  .featured-grid .room-img{height:118px}.featured-grid .room-body{padding:8px}.featured-grid .room-title{font-size:12.5px;min-height:35px}.featured-grid .room-place.featured-owner{font-size:9.5px}.featured-grid .old-price{font-size:9.5px}.featured-grid .discount{font-size:8.5px;padding:3px 6px}.featured-grid .discount:before{left:-5px;border-top-width:7px;border-bottom-width:7px;border-right-width:5px}.featured-grid .price{font-size:14px}.featured-area{font-size:12px}
  .owner-sale-copy h2{font-size:23px}.owner-sale-copy>p{font-size:19px}.owner-sale-copy small{font-size:12px}.owner-sale-visual{height:180px}.sale-phone{transform:scale(.88) rotate(6deg)}
  .manager-window-body{height:304px}
}


/* V15 — header priority, full-width search, corrected sale tag and hero copy */
.header{position:sticky!important;top:0!important;z-index:1200!important;isolation:isolate}
.header .topbar,.header .nav{position:relative;z-index:2;background:#fff}
.hero-content{z-index:40!important}
.search-shell{width:100%;max-width:none!important}
.hero h1{max-width:none!important;font-size:32px;line-height:1.16;white-space:nowrap;letter-spacing:-.65px}
.hero p{font-size:18px;font-weight:600}

/* Sale badge: robust left notch without oversized/misaligned triangle. */
.featured-grid .discount{display:inline-flex;align-items:center;min-height:20px;padding:4px 9px 4px 10px!important;position:relative;border-radius:0 2px 2px 0!important}
.featured-grid .discount:before{content:""!important;position:absolute!important;left:-6px!important;top:0!important;width:6px!important;height:100%!important;border:0!important;background:#ff3030!important;clip-path:polygon(100% 0,100% 100%,0 50%)!important;transform:none!important}

/* More breathing room for the expanded popular-area choices. */
.popular .chips{display:flex;flex-wrap:wrap;gap:9px}
.popular .chips button{white-space:normal;text-align:left;line-height:1.25}

@media(max-width:1100px){
  .hero h1{white-space:normal;font-size:31px}
}
@media(max-width:900px){
  .header{z-index:1200!important}
  .hero h1{font-size:27px;white-space:normal}
  .hero p{font-size:15px}
}
@media(max-width:600px){
  .featured-grid .discount{min-height:18px;padding:3px 7px 3px 8px!important}
  .featured-grid .discount:before{left:-5px!important;width:5px!important}
}


/* V16 hero width + transparent benefit panel */
.hero .container, .hero-inner, .hero-content { max-width: 1180px !important; width: calc(100% - 32px) !important; margin-left:auto !important; margin-right:auto !important; }
.search-shell, .search-panel, .search-box, .searchbar-wrap { width:100% !important; max-width:none !important; box-sizing:border-box !important; }
.hero-benefits{margin:14px 0 0;width:min(760px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;padding:16px 18px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(255,255,255,.64);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:0 8px 26px rgba(0,0,0,.08);font-size:15px;font-weight:650;color:#20382a;line-height:1.35}
.hero-benefits div{display:flex;align-items:flex-start;gap:8px;min-width:0}
.hero-benefits span{flex:0 0 20px;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#25c65a;color:#fff;font-size:13px;font-weight:900;margin-top:0}
@media(max-width:760px){.hero-benefits{grid-template-columns:1fr;padding:13px 14px;font-size:14px}.hero .container,.hero-inner,.hero-content{width:calc(100% - 20px)!important}}


/* V17 — hard align hero search + shortcut container */
:root{
  --unistay-page-max: 1180px;
  --unistay-page-gutter: 32px;
}

/* Force the hero content area and shortcut area to share the exact same width */
.hero .container,
.hero-inner,
.hero-content,
.shortcuts-section > .container,
.quick-actions-section > .container,
.service-shortcuts > .container {
  width: min(var(--unistay-page-max), calc(100% - var(--unistay-page-gutter))) !important;
  max-width: var(--unistay-page-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Search must occupy the whole shared container, regardless of older max-width rules */
.search-shell,
.search-panel,
.search-box,
.searchbar-wrap,
.hero-search,
.search-area,
.search-form,
.hero form {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* If the search wrapper itself has a custom width, neutralize it */
.hero-content > .search-shell,
.hero-content > .search-panel,
.hero-content > .search-box,
.hero-content > .searchbar-wrap {
  flex: 0 0 100% !important;
  align-self: stretch !important;
}

/* Transparent benefits panel: more transparent and centered in the visual gap */
.hero-benefits{
  width: min(820px, calc(100% - 80px)) !important;
  margin: 18px auto 24px !important;
  padding: 14px 18px !important;
  background: rgba(255,255,255,.34) !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  box-shadow: 0 8px 24px rgba(18,64,35,.07) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

/* Give equal breathing room between transparent box and shortcut card */
.hero + .shortcuts-section,
.hero + .quick-actions-section,
.hero + .service-shortcuts {
  margin-top: 0 !important;
}

@media (max-width: 760px){
  :root{ --unistay-page-gutter: 20px; }
  .hero-benefits{
    width: 100% !important;
    margin: 14px auto 18px !important;
    background: rgba(255,255,255,.38) !important;
  }
}


/* V18 — move hero copy/search upward and fix transparent benefits clipping */
.hero-content{
  transform: translateY(-18px) !important;
}

.hero h1,
.hero-title{
  margin-top: 0 !important;
}

.hero-subtitle,
.hero .subtitle{
  margin-bottom: 14px !important;
}

.search-shell,
.search-panel,
.search-box,
.searchbar-wrap{
  margin-top: 0 !important;
}

/* Keep benefit panel centered and fully visible */
.hero-benefits{
  width: min(820px, calc(100% - 100px)) !important;
  min-height: 112px !important;
  height: auto !important;
  margin: 18px auto 22px !important;
  padding: 14px 18px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(34px, auto)) !important;
  align-items: center !important;
  column-gap: 22px !important;
  row-gap: 12px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.hero-benefits > div{
  min-width: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  line-height: 1.28 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
}

.hero-benefits span{
  flex: 0 0 20px !important;
}

/* Ensure hero itself has enough room so the benefit panel doesn't collide with shortcuts */
.hero{
  padding-bottom: 76px !important;
  overflow: visible !important;
}

@media (max-width: 900px){
  .hero-content{ transform: translateY(-10px) !important; }
  .hero-benefits{
    width: calc(100% - 28px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    min-height: 0 !important;
  }
}

@media (max-width: 620px){
  .hero-content{ transform: none !important; }
  .hero-benefits{
    width: 100% !important;
    grid-template-columns: 1fr !important;
    margin: 14px auto 18px !important;
  }
  .hero{ padding-bottom: 42px !important; }
}


/* V20 — transparent benefits typography */
.hero-benefits{
  font-size: 16px !important;
  font-weight: 500 !important;
}
.hero-benefits > div{
  font-weight: 500 !important;
}
.hero-benefits strong,
.hero-benefits b{
  font-weight: 500 !important;
}

/* V20 — landlord CTA animated visual */
.landlord-visual,
.owner-visual,
.landlord-banner-visual,
.owner-banner-visual{
  position: relative !important;
  overflow: hidden !important;
}

.landlord-visual::before,
.owner-visual::before,
.landlord-banner-visual::before,
.owner-banner-visual::before{
  content:"";
  position:absolute;
  width:86px;
  height:86px;
  border-radius:50%;
  background:rgba(60,183,110,.18);
  right:14%;
  top:18%;
  animation: unistayFloatA 4.8s ease-in-out infinite;
}

.landlord-visual::after,
.owner-visual::after,
.landlord-banner-visual::after,
.owner-banner-visual::after{
  content:"";
  position:absolute;
  width:54px;
  height:54px;
  border-radius:18px;
  background:rgba(255,174,51,.22);
  right:5%;
  bottom:16%;
  transform:rotate(14deg);
  animation: unistayFloatB 5.6s ease-in-out infinite;
}

.landlord-phone,
.owner-phone,
.landlord-demo-phone,
.owner-demo-phone{
  animation: unistayPhoneFloat 4.2s ease-in-out infinite !important;
  transform-origin:center;
}

.landlord-notification,
.owner-notification,
.landlord-bubble,
.owner-bubble,
.landlord-visual .notification,
.owner-visual .notification{
  animation: unistayBubblePulse 3.4s ease-in-out infinite !important;
}

@keyframes unistayPhoneFloat{
  0%,100%{ transform:translateY(0) rotate(-1deg); }
  50%{ transform:translateY(-10px) rotate(1deg); }
}
@keyframes unistayFloatA{
  0%,100%{ transform:translate(0,0) scale(1); opacity:.72; }
  50%{ transform:translate(-10px,-8px) scale(1.08); opacity:1; }
}
@keyframes unistayFloatB{
  0%,100%{ transform:translate(0,0) rotate(14deg); }
  50%{ transform:translate(-8px,-12px) rotate(4deg); }
}
@keyframes unistayBubblePulse{
  0%,100%{ transform:translateY(0) scale(1); opacity:.9; }
  50%{ transform:translateY(-6px) scale(1.035); opacity:1; }
}


/* =========================================================
   V21 — UniStay earthy premium palette
   COLOR-ONLY OVERRIDES. No layout / typography / spacing changes.
   Reference: deep olive + burnt orange + warm ivory.
   ========================================================= */
:root{
  --green:#31402d !important;
  --green2:#253521 !important;
  --dark:#263126 !important;
  --text:#30372f !important;
  --muted:#77786f !important;
  --line:#e7ddd3 !important;
  --soft:#fbf6f0 !important;
  --yellow:#c86532 !important;
  --shadow:0 10px 30px rgba(47,59,42,.10) !important;

  --unistay-olive:#31402d;
  --unistay-olive-2:#41543b;
  --unistay-olive-soft:#e8ede4;
  --unistay-orange:#c86532;
  --unistay-orange-dark:#a84d27;
  --unistay-orange-soft:#f4e4d7;
  --unistay-cream:#fcf6f0;
  --unistay-cream-2:#f7eee5;
  --unistay-border:#e4d8cd;
}

/* Base */
body{background:#fffdf9 !important;color:var(--text) !important}
.notice{background:#f7eee5 !important;color:#59614f !important;border-color:#e6d9cc !important}
.header{background:#fffdf9 !important}
.shield{background:var(--unistay-olive) !important}
.brand{color:var(--unistay-olive) !important}
.brand-mark{background:linear-gradient(145deg,#40553b,#28372a) !important;box-shadow:0 5px 12px rgba(47,59,42,.24) !important}
.link{color:var(--unistay-olive) !important}
.divider{background:#e4dbd2 !important}
.owner-btn{border-color:#dfd3c8 !important;background:#fbf5ef !important;color:var(--unistay-olive) !important}
.owner-btn small{color:#726f68 !important}

/* Header / nav */
.nav{border-color:#eee5dc !important}
.nav a{color:#565a51 !important}
.nav a.active{color:var(--unistay-olive) !important}
.nav a.active:after{background:var(--unistay-orange) !important}
.nav a:hover{background:#f6eee7 !important;border-color:#e1d5c9 !important;color:var(--unistay-olive) !important}
.nav a.active{background:#f2e9e0 !important;border-color:#d9c9bb !important;color:var(--unistay-olive) !important}
.nav-type-icon{background:#fffaf5 !important;border-color:#e5d9ce !important}

/* Hero */
.hero{background:#eee9e1 !important}
.hero-bg{
  background:
    linear-gradient(90deg,rgba(38,49,38,.88),rgba(49,64,45,.60),rgba(200,101,50,.14)),
    url('https://images.unsplash.com/photo-1522708323590-d24dbb6b0267?auto=format&fit=crop&w=1800&q=80') center/cover !important;
}
.search-shell{background:#fffdf9 !important;box-shadow:0 14px 40px rgba(47,59,42,.20) !important}
.search-row button{border-color:#e5dbd1 !important;background:#fffdf9 !important;color:#565950 !important}
.place-input{border-color:#e5dbd1 !important;background:#fffdf9 !important}
.search-btn{background:var(--unistay-olive) !important;border-color:var(--unistay-olive) !important;color:#fff !important}
.quick-tags button{background:#f1ebe5 !important;color:#676a61 !important}
.quick-tags button:hover{background:#eadfd5 !important;color:var(--unistay-olive) !important;box-shadow:0 0 0 1px #d8c9bd !important}

/* Transparent benefit box */
.hero-benefits{
  background:rgba(252,246,240,.40) !important;
  border-color:rgba(255,248,241,.45) !important;
  box-shadow:0 8px 24px rgba(47,59,42,.08) !important;
  color:#384137 !important;
}
.hero-benefits span{background:var(--unistay-orange) !important;color:#fff !important}

/* App / utility blocks */
.app-banner{background:#faf3ec !important;border-color:#e8ddd2 !important}
.phone-mock{border-color:#30382f !important;box-shadow:0 10px 30px rgba(47,59,42,.16) !important}
.phone-screen{background:#f6f0e9 !important}
.mini-brand,.eyebrow{color:var(--unistay-orange) !important}
.mini-card{background:linear-gradient(135deg,#e7ddd0,#c8b4a0) !important}
.mini-card.small{background:#eee6de !important}
.fake-qr{border-color:#343e34 !important;background:#fffaf6 !important}
.near-box{border-color:#e5ddd5 !important;background:#fffdf9 !important}
.near-icon{background:#ede7de !important;color:var(--unistay-orange) !important}
.near-box button{border-color:var(--unistay-olive) !important;color:var(--unistay-olive) !important;background:#fffdf9 !important}

/* Shortcut block */
.shortcut,.shortcut-grid-six .shortcut{border-color:#e5ddd5 !important;background:#fffdf9 !important}
.shortcut:hover{box-shadow:0 10px 28px rgba(47,59,42,.10) !important}
.shortcut-icon{background:#eee8df !important}
.shortcut em{background:var(--unistay-orange) !important}
.shortcut.pro em{background:var(--unistay-olive) !important}

/* Manager software */
.manager-strip{background:#283628 !important}
.manager-copy .eyebrow{color:#d79a70 !important}
.manager-copy p{color:#d5ddd2 !important}
.manager-copy button,.owner-cta button{background:var(--unistay-orange) !important;color:#fff !important}
.dash-card{background:#fffaf5 !important;box-shadow:0 18px 50px rgba(0,0,0,.22) !important}
.bars{border-color:#e8ded4 !important}
.bars i{background:var(--unistay-orange) !important}
.dash-row{background:#e8e0d8 !important}

/* General sections/cards */
.section-head>a{color:var(--unistay-orange) !important}
.nav-arrows button{border-color:#e3d9cf !important;background:#fffaf6 !important}
.room-card,.latest-card,.featured-grid .featured-room-card{border-color:#ddd3c9 !important;background:#fffdf9 !important}
.room-title,.latest-body .room-title,.featured-grid .room-title{color:#343a32 !important}
.room-place,.latest-body .room-place,.featured-grid .room-place.featured-owner{color:#6f7169 !important}

/* Pricing / discount palette */
.old-price{color:#9b968f !important}
.discount,.featured-grid .discount{background:var(--unistay-orange) !important;color:#fff !important}
.discount:before{border-right-color:var(--unistay-orange) !important}
.featured-grid .discount:before{border-right-color:var(--unistay-orange) !important}
.price,.latest-price-area .price,.featured-grid .price{color:var(--unistay-orange-dark) !important}
.featured-area{color:#4c5349 !important}

/* HOTDEAL/NOW backgrounds */
.listing-wrap.hot{background:#fbf0e5 !important}
.listing-wrap.now{background:#f3f1eb !important}

/* Contact buttons */
.contact-btn{border-color:var(--unistay-olive) !important;background:var(--unistay-olive) !important;color:#fff !important}
.zalo-mini{border-color:#8b745f !important;color:#6f5846 !important;background:#fffaf6 !important}

/* Owner CTA / landlord sales banner */
.owner-cta-pro .owner-cta-inner{
  background:linear-gradient(115deg,#fcf6f0 0%,#f4eee6 46%,#e8ede4 100%) !important
}
.owner-sale-copy .eyebrow{
  background:rgba(255,253,249,.76) !important;
  border-color:rgba(200,101,50,.18) !important;
  color:var(--unistay-orange-dark) !important
}
.owner-sale-copy h2{color:var(--unistay-olive) !important}
.owner-sale-copy>p{
  background:linear-gradient(90deg,#b64f29,#c86532,#7c4d34) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important
}
.owner-sale-copy small{color:#3f493d !important}
.owner-proof{color:#667060 !important}
.owner-proof b{color:var(--unistay-orange-dark) !important}
.owner-cta-pro .owner-sale-copy button{
  background:var(--unistay-orange) !important;
  box-shadow:0 8px 18px rgba(200,101,50,.24) !important
}
.sale-orb{background:#58684e !important;box-shadow:0 18px 40px rgba(49,64,45,.22) !important}
.sale-phone{border-color:#fffaf5 !important;background:#fffdf9 !important;box-shadow:0 18px 32px rgba(47,59,42,.22) !important}
.sale-phone-head{color:var(--unistay-olive) !important}
.sale-photo{background:linear-gradient(135deg,#eee4d9,#b9aa98) !important}
.sale-lines i{background:#e8e0d8 !important}
.sale-badge{background:var(--unistay-orange) !important}
.bubble{background:#fffaf5 !important;box-shadow:0 7px 18px rgba(47,59,42,.16) !important}
.b1,.b2,.b3{color:var(--unistay-orange) !important}

/* Footer */
.footer.footer-pro{background:#f8f2ec !important;color:#5b6157 !important;border-color:#e6ddd4 !important}
.footer-logo{color:var(--unistay-olive) !important}
.footer-about p,.footer-contact-pro p{color:#706f68 !important}
.footer.footer-pro h4{color:#384038 !important}
.footer-links-pro a{color:#50564d !important}
.footer-contact-pro p b{color:#434a42 !important}
.footer-trust span{background:#eee8df !important;border-color:#ded3c8 !important;color:var(--unistay-olive) !important}
.support-card{background:#eee9df !important}
.support-card strong{color:var(--unistay-orange) !important}
.social-row button{border-color:#d9cec4 !important;background:#fffaf6 !important;color:#454b43 !important}
.footer-app-card{background:#fffaf6 !important;border-color:#e8dfd7 !important}
.footer.footer-pro .copyright{border-color:#e2d8cf !important;color:#8b877f !important}

/* Auth / contact / misc popovers */
.contact-popover{background:#fffaf6 !important;border-color:#ded4ca !important;box-shadow:0 18px 50px rgba(47,59,42,.20) !important}
.contact-panel-icon{background:#eee8df !important;color:var(--unistay-orange) !important}
.contact-panel-icon.zalo-panel{background:var(--unistay-olive) !important;color:#fff !important}
.contact-popover h3{color:#394139 !important}
.contact-big{color:var(--unistay-orange-dark) !important}
.mini-chat input{border-color:#ded5cc !important;background:#fffdf9 !important}
.mini-chat button,.contact-panel-action{background:var(--unistay-olive) !important}

/* Account pills */
.account-pill,.owner-pill{border-color:#dfd4ca !important;box-shadow:0 1px 2px rgba(47,59,42,.04) !important}
.account-pill{background:#efe9df !important}
.owner-pill{background:#fffaf6 !important;color:#344034 !important}
.account-icon{background:#fffaf6 !important;box-shadow:inset 0 0 0 1px #e5dbd2 !important}
.owner-icon{background:#eee7df !important}
.owner-pill:hover,.account-pill:hover{border-color:#cdbdaf !important;box-shadow:0 5px 16px rgba(47,59,42,.10) !important}

/* Misc green status chips/checks */
.verified,.verified-badge,.status-ok,.check-badge,.success-badge{
  background:#e9ede5 !important;
  color:var(--unistay-olive) !important;
  border-color:#cfd9ca !important
}

/* Scroll/contact floating controls */
.floating-contact button,
.contact-fab,
.scroll-top-btn{
  border-color:#ded4ca !important;
  box-shadow:0 8px 22px rgba(47,59,42,.16) !important
}

/* Search result page generic accents */
.results-count strong,
.search-results-page a,
.result-link{color:var(--unistay-orange-dark) !important}
.sort-select,.result-filter{border-color:#dfd5cb !important;background:#fffaf6 !important}


/* V22 requested UI polish */
.brand-logo-img{
  width:38px;height:38px;display:block;object-fit:contain;flex:0 0 38px;
}
.auth-logo-img{width:42px;height:42px;flex-basis:42px}

/* original red discount tag, clean triangle, no stripe artifacts */
.discount,
.featured-grid .discount,
.latest-card .discount{
  position:relative !important;
  background:#ff3038 !important;
  background-image:none !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:none !important;
}
.discount::before,
.featured-grid .discount::before,
.latest-card .discount::before{
  content:"" !important;
  position:absolute !important;
  left:-6px !important;
  top:50% !important;
  width:0 !important;
  height:0 !important;
  transform:translateY(-50%) !important;
  background:transparent !important;
  clip-path:none !important;
  border-top:6px solid transparent !important;
  border-bottom:6px solid transparent !important;
  border-right:6px solid #ff3038 !important;
}
.discount::after,
.featured-grid .discount::after,
.latest-card .discount::after{
  content:none !important;
  display:none !important;
}

/* white cards */
.listing-wrap.hot .room-card,
.listing-wrap.now .room-card,
.featured-grid .room-card,
.featured-grid .featured-room-card,
.latest-card,
.latest-grid .latest-card{
  background:#fff !important;
}

/* search-result typography */
.search-page .result-maincol>h1{font-size:23px !important;line-height:1.3 !important}
.search-page .horizontal-copy h2{font-size:16px !important;line-height:1.35 !important;margin-bottom:8px !important}
.search-page .horizontal-copy .address{font-size:12.5px !important;line-height:1.35 !important}
.search-page .horizontal-info small{font-size:10.5px !important}
.search-page .horizontal-info b,
.search-page .horizontal-info strong{font-size:12.5px !important}
.search-page .horizontal-info .red-price{font-size:15px !important;font-weight:900 !important}
.search-page .horizontal-bottom{font-size:11.5px !important}
.search-page .horizontal-bottom span small{font-size:10.5px !important}
.search-page .horizontal-bottom button{font-size:11.5px !important}
.search-page .result-toolbar{font-size:12.5px !important}
.search-page .breadcrumbs{font-size:12px !important}

/* exact provided landlord visual, animated via CSS */
.owner-sale-image-wrap{
  display:flex !important;align-items:center !important;justify-content:center !important;overflow:visible !important;
}
.owner-sale-image{
  display:block;
  width:min(520px,112%) !important;
  max-width:none !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 18px 30px rgba(47,59,42,.16));
  transform-origin:center;
  animation:ownerImageFloat 4.6s ease-in-out infinite;
}
@keyframes ownerImageFloat{
  0%,100%{transform:translateY(0) rotate(-.35deg) scale(1)}
  50%{transform:translateY(-10px) rotate(.35deg) scale(1.025)}
}
@media(max-width:760px){
  .brand-logo-img{width:34px;height:34px;flex-basis:34px}
  .owner-sale-image{width:100% !important;max-width:460px !important}
  .search-page .horizontal-copy h2{font-size:14px !important}
  .search-page .horizontal-copy .address{font-size:11px !important}
}


/* V23 — exact UniStay logo palette + embedded admin + phone-only motion */
:root{
  --unistay-logo-green:#303A2E !important;
  --unistay-logo-green-dark:#2B352A !important;
  --unistay-logo-orange:#C46334 !important;
  --unistay-logo-orange-dark:#A94E28 !important;
  --green:#303A2E !important;
  --green2:#2B352A !important;
  --yellow:#C46334 !important;
}

/* Admin and Super Admin now share one embedded panel inside index.html */
body.workspace-admin #landingWorkspace,
body.workspace-super #landingWorkspace{display:none !important}
body.workspace-admin #workspaceSystem,
body.workspace-super #workspaceSystem{display:block !important}
#workspaceSystem{display:none}
#workspaceSystem.active{display:block}

/* Exact logo accents, no brown cast */
.brand,.nav a.active,.link{color:#303A2E !important}
.brand-mark,.search-btn,.result-search-btn,.auth-primary,.contact-panel-action{
  background:#C46334 !important;
  border-color:#C46334 !important;
  color:#fff !important;
}
.search-btn:hover,.result-search-btn:hover,.auth-primary:hover{background:#A94E28 !important;border-color:#A94E28 !important}
.workspace-tab.active{background:#303A2E !important;border-color:#303A2E !important;box-shadow:0 5px 15px rgba(48,58,46,.22) !important}
.owner-btn,.owner-pill{color:#303A2E !important}
.nav a:hover{color:#303A2E !important}
.nav a.active:after{background:#C46334 !important}
.eyebrow,.mini-brand,.price,.latest-price-area .price,.featured-grid .price{color:#C46334 !important}
.owner-cta-pro .owner-sale-copy button,.manager-copy button{background:#C46334 !important;color:#fff !important}
.sale-badge{background:#C46334 !important;color:#fff !important}
.sale-orb{background:#46523F !important}

/* Return to CSS-built visual; only the phone moves */
.owner-sale-image-wrap,.owner-sale-image{display:none !important}
.owner-sale-visual{position:relative !important;overflow:visible !important}
.sale-phone{animation:unistayPhoneOnly 4.2s ease-in-out infinite !important;transform-origin:center !important}
.sale-orb,.bubble{animation:none !important}
@keyframes unistayPhoneOnly{
  0%,100%{transform:translateY(0) rotate(-2deg)}
  50%{transform:translateY(-10px) rotate(1deg)}
}


/* =========================================================
   V24 — UniStay Yellow + Deep Green theme
   Color-only overrides based on supplied reference.
   No layout / font / spacing / animation / logic changes.
   ========================================================= */
:root{
  --unistay-yellow:#F3B627 !important;
  --unistay-yellow-dark:#D89A13 !important;
  --unistay-yellow-soft:#FFF2C9 !important;
  --unistay-green:#24573A !important;
  --unistay-green-dark:#1E4931 !important;
  --unistay-green-soft:#E8F0E9 !important;
  --unistay-cream:#F8F2E9 !important;
  --unistay-cream-2:#FFF9F1 !important;
  --unistay-border:#E7DCCB !important;

  --green:#24573A !important;
  --green2:#1E4931 !important;
  --dark:#263126 !important;
  --text:#30362F !important;
  --muted:#74766F !important;
  --line:#E7DCCB !important;
  --soft:#FFF9F1 !important;
  --yellow:#F3B627 !important;
}

/* Global warm ivory */
body{
  background:#FFFDF9 !important;
  color:#30362F !important;
}
.notice{
  background:#FFF5D9 !important;
  color:#4F5E4F !important;
  border-color:#F1DEAA !important;
}
.header{background:#FFFDF9 !important}
.divider{background:#E8DED2 !important}

/* Brand / header / navigation */
.brand{color:#24573A !important}
.link{color:#24573A !important}
.owner-btn,
.owner-pill{
  background:#FFF8E7 !important;
  border-color:#ECD9AA !important;
  color:#24573A !important;
}
.nav{border-color:#EDE3D7 !important}
.nav a{color:#535B50 !important}
.nav a:hover{
  background:#FFF5D8 !important;
  border-color:#EBCF80 !important;
  color:#24573A !important;
}
.nav a.active{
  background:#FFF0C0 !important;
  border-color:#E7C463 !important;
  color:#24573A !important;
}
.nav a.active:after{background:#F3B627 !important}
.nav-type-icon{
  background:#FFF9EF !important;
  border-color:#E9DEC9 !important;
}

/* Hero */
.hero{background:#F4EEE5 !important}
.hero-bg{
  background:
    linear-gradient(90deg,rgba(30,73,49,.90),rgba(36,87,58,.64),rgba(243,182,39,.18)),
    url('https://images.unsplash.com/photo-1522708323590-d24dbb6b0267?auto=format&fit=crop&w=1800&q=80') center/cover !important;
}
.search-shell{
  background:#FFFDF9 !important;
  box-shadow:0 14px 40px rgba(30,73,49,.20) !important;
}
.search-row button,
.place-input{
  background:#FFFDF9 !important;
  border-color:#E7DCCB !important;
  color:#52584F !important;
}

/* Search is the main yellow CTA */
.search-btn,
.result-search-btn{
  background:#F3B627 !important;
  border-color:#F3B627 !important;
  color:#203529 !important;
  box-shadow:0 5px 14px rgba(243,182,39,.28) !important;
}
.search-btn:hover,
.result-search-btn:hover{
  background:#D89A13 !important;
  border-color:#D89A13 !important;
  color:#fff !important;
}
.quick-tags button{
  background:#F4F0E8 !important;
  color:#626A60 !important;
}
.quick-tags button:hover{
  background:#FFF0BD !important;
  color:#24573A !important;
  box-shadow:0 0 0 1px #E3C465 !important;
}

/* Transparent benefit box */
.hero-benefits{
  background:rgba(255,248,228,.42) !important;
  border-color:rgba(255,240,191,.50) !important;
  color:#34463A !important;
  box-shadow:0 8px 24px rgba(30,73,49,.08) !important;
}
.hero-benefits span{
  background:#F3B627 !important;
  color:#24573A !important;
}

/* Utility / shortcuts */
.app-banner{
  background:#FFF7E8 !important;
  border-color:#EBDDC8 !important;
}
.mini-brand,.eyebrow{color:#D89A13 !important}
.near-icon{background:#FFF0C2 !important;color:#24573A !important}
.near-box{
  background:#FFFDF9 !important;
  border-color:#E7DCCB !important;
}
.near-box button{
  border-color:#24573A !important;
  color:#24573A !important;
  background:#FFFDF9 !important;
}
.shortcut,
.shortcut-grid-six .shortcut{
  background:#FFFDF9 !important;
  border-color:#E7DCCB !important;
}
.shortcut:hover{
  box-shadow:0 10px 28px rgba(30,73,49,.11) !important;
  border-color:#E2C875 !important;
}
.shortcut-icon{background:#FFF1C7 !important}
.shortcut em{background:#F3B627 !important;color:#24573A !important}
.shortcut.pro em{background:#24573A !important;color:#fff !important}

/* Workspace tabs */
.workspace-tab.active{
  background:#24573A !important;
  border-color:#24573A !important;
  color:#fff !important;
  box-shadow:0 5px 15px rgba(30,73,49,.23) !important;
}

/* Manager / landlord software */
.manager-strip{
  background:#1E4931 !important;
}
.manager-copy .eyebrow{color:#F3B627 !important}
.manager-copy p{color:#E7EFE9 !important}
.manager-copy button{
  background:#F3B627 !important;
  color:#203529 !important;
}
.dash-card{
  background:#FFFCF7 !important;
  box-shadow:0 18px 50px rgba(0,0,0,.20) !important;
}
.bars{border-color:#E9DDCA !important}
.bars i{background:#F3B627 !important}
.dash-row{background:#EEE7DC !important}

/* Section accents */
.section-head>a{color:#D89A13 !important}
.nav-arrows button{
  background:#FFF9EF !important;
  border-color:#E5D9C8 !important;
}

/* Room cards */
.room-card,
.latest-card,
.featured-grid .featured-room-card{
  background:#fff !important;
  border-color:#E2D8CA !important;
}
.room-title,
.latest-body .room-title,
.featured-grid .room-title{
  color:#30382F !important;
}
.room-place,
.latest-body .room-place,
.featured-grid .room-place.featured-owner{
  color:#6E736A !important;
}

/* Keep discount tags red as specifically requested earlier */
.discount,
.featured-grid .discount,
.latest-card .discount{
  background:#FF3038 !important;
  color:#fff !important;
}
.discount::before,
.featured-grid .discount::before,
.latest-card .discount::before{
  border-right-color:#FF3038 !important;
}

/* Prices use deep green instead of brown */
.price,
.latest-price-area .price,
.featured-grid .price{
  color:#24573A !important;
}
.old-price{color:#9C9992 !important}
.featured-area{color:#495449 !important}

/* HOTDEAL / NOW section surfaces */
.listing-wrap.hot{background:#FFF7E5 !important}
.listing-wrap.now{background:#F3F6F1 !important}

/* Buttons and contact */
.contact-btn{
  background:#24573A !important;
  border-color:#24573A !important;
  color:#fff !important;
}
.zalo-mini{
  background:#FFFDF9 !important;
  border-color:#D9C99E !important;
  color:#24573A !important;
}

/* Landlord sales CTA */
.owner-cta-pro .owner-cta-inner{
  background:linear-gradient(115deg,#FFF8E8 0%,#FFF2C9 45%,#E8F0E9 100%) !important;
}
.owner-sale-copy .eyebrow{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(243,182,39,.30) !important;
  color:#24573A !important;
}
.owner-sale-copy h2{color:#24573A !important}
.owner-sale-copy>p{
  background:linear-gradient(90deg,#D89A13,#F3B627,#24573A) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.owner-proof b{color:#24573A !important}
.owner-cta-pro .owner-sale-copy button{
  background:#F3B627 !important;
  color:#203529 !important;
  box-shadow:0 8px 18px rgba(243,182,39,.26) !important;
}
.sale-orb{background:#24573A !important}
.sale-badge{
  background:#F3B627 !important;
  color:#203529 !important;
}
.b1,.b2,.b3{color:#F3B627 !important}

/* Footer */
.footer.footer-pro{
  background:#F7F1E8 !important;
  color:#596158 !important;
  border-color:#E6DBCC !important;
}
.footer-logo{color:#24573A !important}
.footer.footer-pro h4{color:#2E3C31 !important}
.footer-about p,.footer-contact-pro p{color:#6D716B !important}
.footer-links-pro a{color:#4E584F !important}
.footer-contact-pro p b{color:#38443A !important}
.footer-trust span{
  background:#FFF0C4 !important;
  border-color:#E6CC7E !important;
  color:#24573A !important;
}
.support-card{background:#FFF3D2 !important}
.support-card strong{color:#24573A !important}
.social-row button{
  background:#FFFDF8 !important;
  border-color:#DFD3C4 !important;
  color:#374039 !important;
}
.footer-app-card{
  background:#FFFDF8 !important;
  border-color:#E7DCCF !important;
}
.footer.footer-pro .copyright{
  border-color:#E1D6C8 !important;
  color:#89867F !important;
}

/* Auth / contact popovers */
.contact-popover{
  background:#FFFDF8 !important;
  border-color:#E2D7C8 !important;
  box-shadow:0 18px 50px rgba(30,73,49,.20) !important;
}
.contact-panel-icon{
  background:#FFF0C4 !important;
  color:#24573A !important;
}
.contact-panel-icon.zalo-panel{
  background:#24573A !important;
  color:#fff !important;
}
.contact-big{color:#24573A !important}
.mini-chat button,
.contact-panel-action{
  background:#F3B627 !important;
  color:#203529 !important;
}

/* Account pills */
.account-pill{
  background:#FFF1C8 !important;
  border-color:#E5CE83 !important;
}
.owner-pill{
  background:#FFFDF8 !important;
  border-color:#DFD4C7 !important;
  color:#24573A !important;
}
.account-icon{
  background:#FFFDF8 !important;
  box-shadow:inset 0 0 0 1px #E5D9CA !important;
}
.owner-icon{background:#FFF1C8 !important}
.owner-pill:hover,.account-pill:hover{
  border-color:#D9BA57 !important;
  box-shadow:0 5px 16px rgba(30,73,49,.10) !important;
}

/* Status chips */
.verified,.verified-badge,.status-ok,.check-badge,.success-badge{
  background:#E8F0E9 !important;
  color:#24573A !important;
  border-color:#C8D8CB !important;
}

/* Result page accents */
.results-count strong,
.search-results-page a,
.result-link{
  color:#24573A !important;
}
.sort-select,.result-filter{
  background:#FFFDF8 !important;
  border-color:#E2D7C8 !important;
}


/* =========================================================
   V25 — UniStay DEEP RED primary theme
   Deep vivid red, NOT burgundy / wine red.
   Color-only overrides; layout/logic untouched.
   ========================================================= */
:root{
  --unistay-red:#C9151E !important;
  --unistay-red-strong:#B50F18 !important;
  --unistay-red-dark:#9F0C14 !important;
  --unistay-red-soft:#FCE7E5 !important;
  --unistay-red-pale:#FFF3F1 !important;
  --green:#C9151E !important;
  --green2:#B50F18 !important;
  --yellow:#C9151E !important;
}

/* Primary brand / navigation */
.brand,.link,.nav a.active{color:#B50F18 !important}
.nav a:hover{
  color:#B50F18 !important;
  background:#FFF0EE !important;
  border-color:#F0C6C3 !important;
}
.nav a.active{
  color:#B50F18 !important;
  background:#FCE7E5 !important;
  border-color:#EAB7B3 !important;
}
.nav a.active:after{background:#C9151E !important}
.owner-btn,.owner-pill{color:#B50F18 !important}

/* Hero overlay — clearly red, not brown/burgundy */
.hero-bg{
  background:
    linear-gradient(90deg,rgba(181,15,24,.90),rgba(201,21,30,.62),rgba(201,21,30,.12)),
    url('https://images.unsplash.com/photo-1522708323590-d24dbb6b0267?auto=format&fit=crop&w=1800&q=80') center/cover !important;
}

/* Main CTA */
.search-btn,
.result-search-btn,
.auth-primary,
.contact-panel-action{
  background:#C9151E !important;
  border-color:#C9151E !important;
  color:#fff !important;
  box-shadow:0 6px 16px rgba(201,21,30,.24) !important;
}
.search-btn:hover,
.result-search-btn:hover,
.auth-primary:hover{
  background:#B50F18 !important;
  border-color:#B50F18 !important;
  color:#fff !important;
}

/* Search suggestions */
.quick-tags button:hover{
  background:#FCE7E5 !important;
  color:#B50F18 !important;
  box-shadow:0 0 0 1px #EAB7B3 !important;
}

/* Benefit check accents */
.hero-benefits span{
  background:#C9151E !important;
  color:#fff !important;
}

/* Shortcut / accents */
.mini-brand,.eyebrow{color:#C9151E !important}
.near-icon{background:#FCE7E5 !important;color:#C9151E !important}
.near-box button{border-color:#C9151E !important;color:#B50F18 !important}
.shortcut-icon{background:#FCEBE9 !important}
.shortcut em{background:#C9151E !important;color:#fff !important}
.shortcut.pro em{background:#A90E17 !important;color:#fff !important}

/* Workspace */
.workspace-tab.active{
  background:#B50F18 !important;
  border-color:#B50F18 !important;
  color:#fff !important;
  box-shadow:0 5px 15px rgba(181,15,24,.23) !important;
}

/* Owner software block */
.manager-strip{background:#A90E17 !important}
.manager-copy .eyebrow{color:#FFD8D5 !important}
.manager-copy p{color:#FFF1EF !important}
.manager-copy button{
  background:#fff !important;
  color:#B50F18 !important;
}
.bars i{background:#C9151E !important}

/* Section links / prices */
.section-head>a{color:#B50F18 !important}
.price,
.latest-price-area .price,
.featured-grid .price{
  color:#C9151E !important;
}

/* Keep sale tags a brighter red so they remain distinct */
.discount,
.featured-grid .discount,
.latest-card .discount{
  background:#FF3038 !important;
  color:#fff !important;
}
.discount::before,
.featured-grid .discount::before,
.latest-card .discount::before{
  border-right-color:#FF3038 !important;
}

/* Section backgrounds */
.listing-wrap.hot{background:#FFF2EF !important}
.listing-wrap.now{background:#FFF9F7 !important}

/* Contact */
.contact-btn{
  background:#C9151E !important;
  border-color:#C9151E !important;
  color:#fff !important;
}
.zalo-mini{color:#B50F18 !important;border-color:#E0AAA6 !important}

/* Landlord CTA */
.owner-cta-pro .owner-cta-inner{
  background:linear-gradient(115deg,#FFF7F4 0%,#FDE8E5 48%,#FFF1EE 100%) !important;
}
.owner-sale-copy .eyebrow{
  color:#B50F18 !important;
  border-color:rgba(201,21,30,.20) !important;
}
.owner-sale-copy h2{color:#A90E17 !important}
.owner-sale-copy>p{
  background:linear-gradient(90deg,#B50F18,#E11C25,#C9151E) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.owner-proof b{color:#B50F18 !important}
.owner-cta-pro .owner-sale-copy button{
  background:#C9151E !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(201,21,30,.25) !important;
}
.sale-orb{background:#B50F18 !important}
.sale-badge{background:#C9151E !important;color:#fff !important}
.b1,.b2,.b3{color:#C9151E !important}

/* Footer */
.footer-logo{color:#B50F18 !important}
.footer-trust span{
  background:#FCE7E5 !important;
  border-color:#EAB7B3 !important;
  color:#B50F18 !important;
}
.support-card{background:#FCEBE9 !important}
.support-card strong{color:#B50F18 !important}

/* Account */
.account-pill{
  background:#FCE7E5 !important;
  border-color:#EAB7B3 !important;
}
.owner-pill{color:#B50F18 !important}
.owner-icon{background:#FCE7E5 !important}

/* Popovers */
.contact-panel-icon{background:#FCE7E5 !important;color:#C9151E !important}
.contact-panel-icon.zalo-panel{background:#C9151E !important;color:#fff !important}
.contact-big{color:#B50F18 !important}
.mini-chat button{background:#C9151E !important;color:#fff !important}

/* Status: keep green because it semantically means verified/success */
.verified,.verified-badge,.status-ok,.check-badge,.success-badge{
  background:#E7F4EA !important;
  color:#268744 !important;
  border-color:#C4E4CC !important;
}

/* Search results */
.results-count strong,
.search-results-page a,
.result-link{color:#B50F18 !important}

/* V26 — UniStay logo green + strong gold palette */
:root{
 --unistay-green:#234A35!important;--unistay-green-dark:#193A29!important;
 --unistay-gold:#F5A916!important;--unistay-gold-dark:#E59608!important;
 --green:#234A35!important;--green2:#193A29!important;--yellow:#F5A916!important;
}
.brand,.link,.nav a.active{color:#234A35!important}
.nav a.active:after{background:#F5A916!important}
.nav a:hover{color:#234A35!important;background:#FFF3D5!important;border-color:#EBCB83!important}
.nav a.active{color:#234A35!important;background:#FFF0C5!important;border-color:#E6C16C!important}
.owner-btn,.owner-pill{color:#234A35!important}
.hero-bg{background:linear-gradient(90deg,rgba(25,58,41,.91),rgba(35,74,53,.64),rgba(245,169,22,.16)),url('https://images.unsplash.com/photo-1522708323590-d24dbb6b0267?auto=format&fit=crop&w=1800&q=80') center/cover!important}
.search-btn,.result-search-btn,.auth-primary,.contact-panel-action{background:#F5A916!important;border-color:#F5A916!important;color:#193A29!important;box-shadow:0 6px 16px rgba(245,169,22,.27)!important}
.search-btn:hover,.result-search-btn:hover,.auth-primary:hover{background:#E59608!important;border-color:#E59608!important;color:#193A29!important}
.quick-tags button:hover{background:#FFF0C5!important;color:#234A35!important;box-shadow:0 0 0 1px #E4C36E!important}

/* Keep search-benefit ticks original green and align them */
.hero-benefits{align-items:start!important}
.hero-benefits>div{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:start!important;column-gap:9px!important;min-width:0!important}
.hero-benefits span{background:#2DBE60!important;color:#fff!important;flex:none!important;width:20px!important;height:20px!important;min-width:20px!important;margin:0!important;align-self:start!important}
.hero-benefits>div>*:not(span){margin-top:0!important}

.mini-brand,.eyebrow{color:#E59608!important}
.near-icon{background:#FFF0C5!important;color:#234A35!important}
.near-box button{border-color:#234A35!important;color:#234A35!important}
.shortcut-icon{background:#FFF1CC!important}
.shortcut em{background:#F5A916!important;color:#193A29!important}
.shortcut.pro em{background:#234A35!important;color:#fff!important}
.workspace-tab.active{background:#234A35!important;border-color:#234A35!important;color:#fff!important;box-shadow:0 5px 15px rgba(25,58,41,.24)!important}
.manager-strip{background:#193A29!important}
.manager-copy .eyebrow{color:#F5A916!important}
.manager-copy p{color:#EDF3EE!important}
.manager-copy button{background:#F5A916!important;color:#193A29!important}
.bars i{background:#F5A916!important}
.section-head>a,.price,.latest-price-area .price,.featured-grid .price{color:#234A35!important}

/* Sale tags remain red */
.discount,.featured-grid .discount,.latest-card .discount{background:#FF3038!important;color:#fff!important}
.discount::before,.featured-grid .discount::before,.latest-card .discount::before{border-right-color:#FF3038!important}

.owner-cta-pro .owner-cta-inner{background:linear-gradient(115deg,#FFF9ED 0%,#FFF0C8 48%,#EAF1EB 100%)!important}
.owner-sale-copy .eyebrow{color:#234A35!important}
.owner-sale-copy h2{color:#193A29!important}
.owner-sale-copy>p{background:linear-gradient(90deg,#234A35,#F5A916,#E59608)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.owner-proof b{color:#234A35!important}
.owner-cta-pro .owner-sale-copy button{background:#F5A916!important;color:#193A29!important;box-shadow:0 8px 18px rgba(245,169,22,.27)!important}
.sale-orb{background:#234A35!important}.sale-badge{background:#F5A916!important;color:#193A29!important}.b1,.b2,.b3{color:#F5A916!important}
.contact-btn{background:#234A35!important;border-color:#234A35!important;color:#fff!important}
.zalo-mini{color:#234A35!important;border-color:#B9C9BE!important}
.footer-logo{color:#234A35!important}
.footer-trust span{background:#FFF0C5!important;border-color:#E4C36E!important;color:#234A35!important}
.support-card{background:#FFF2CF!important}.support-card strong{color:#234A35!important}
.account-pill{background:#FFF0C5!important;border-color:#E4C36E!important}.owner-pill{color:#234A35!important}.owner-icon{background:#FFF0C5!important}
.contact-panel-icon{background:#FFF0C5!important;color:#234A35!important}.contact-panel-icon.zalo-panel{background:#234A35!important;color:#fff!important}
.contact-big{color:#234A35!important}.mini-chat button{background:#F5A916!important;color:#193A29!important}
.results-count strong,.search-results-page a,.result-link{color:#234A35!important}


/* =========================================================
   V27 — GOLD PRIMARY / DEEP GREEN SECONDARY
   Based directly on supplied UniStay wordmark.
   ========================================================= */
:root{
  --brand-gold:#F5A916 !important;
  --brand-gold-strong:#E99A08 !important;
  --brand-gold-deep:#D98900 !important;
  --brand-gold-soft:#FFF0BF !important;
  --brand-green:#234A35 !important;
  --brand-green-deep:#193A29 !important;
  --brand-cream:#FFF9EE !important;
}

/* Remove brown-looking accent surfaces and replace with logo gold */
body{background:#FFFDF8!important}
.notice{background:#FFF1C9!important;border-color:#F1CF79!important}
.nav a.active{background:#FFF0BF!important;border-color:#E9BF58!important;color:#234A35!important}
.nav a.active:after{background:#F5A916!important}
.nav a:hover{background:#FFF4D7!important;border-color:#EBCB83!important;color:#234A35!important}

/* Gold is visibly the primary action color */
.search-btn,.result-search-btn,.auth-primary,.contact-panel-action,
.owner-cta-pro .owner-sale-copy button,.manager-copy button,.mini-chat button{
  background:#F5A916!important;
  border-color:#F5A916!important;
  color:#193A29!important;
  box-shadow:0 6px 16px rgba(245,169,22,.30)!important;
}
.search-btn:hover,.result-search-btn:hover,.auth-primary:hover,
.owner-cta-pro .owner-sale-copy button:hover,.manager-copy button:hover{
  background:#E99A08!important;border-color:#E99A08!important;
}

/* Gold accents throughout instead of brown */
.mini-brand,.eyebrow,.section-head>a{color:#E99A08!important}
.shortcut-icon,.near-icon,.owner-icon,.contact-panel-icon{background:#FFF0BF!important}
.shortcut em,.sale-badge{background:#F5A916!important;color:#193A29!important}
.bars i,.nav a.active:after{background:#F5A916!important}
.footer-trust span,.account-pill,.support-card{
  background:#FFF0BF!important;
  border-color:#E8C365!important;
}
.footer-trust span,.support-card strong{color:#234A35!important}
.quick-tags button:hover{background:#FFF0BF!important;color:#234A35!important;border-color:#E8C365!important}

/* Listing accents: prices become gold/deep-gold rather than brown */
.price,.latest-price-area .price,.featured-grid .price{
  color:#D98900!important;
}
.listing-wrap.hot{background:#FFF7DF!important}
.listing-wrap.now{background:#FFFDF7!important}

/* Deep green stays secondary */
.workspace-tab.active,.contact-btn,.contact-panel-icon.zalo-panel{
  background:#234A35!important;border-color:#234A35!important;color:#fff!important;
}
.manager-strip{background:#193A29!important}
.owner-sale-copy h2,.footer-logo,.brand,.link,.contact-big{color:#234A35!important}
.owner-proof b,.results-count strong,.search-results-page a,.result-link{color:#234A35!important}
.sale-orb{background:#234A35!important}

/* Warm blocks use yellow/cream, no muddy brown */
.owner-cta-pro .owner-cta-inner{
  background:linear-gradient(115deg,#FFF9EC 0%,#FFE9A8 50%,#EEF3EC 100%)!important;
}
.owner-sale-copy>p{
  background:linear-gradient(90deg,#E99A08,#F5A916,#234A35)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}

/* Preserve original green ticks and their strict alignment */
.hero-benefits>div{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:9px!important;
}
.hero-benefits span{
  background:#2DBE60!important;color:#fff!important;
  width:20px!important;height:20px!important;min-width:20px!important;
  margin:0!important;align-self:start!important;
}

/* Keep discount badges red */
.discount,.featured-grid .discount,.latest-card .discount{
  background:#FF3038!important;color:#fff!important;
}
.discount::before,.featured-grid .discount::before,.latest-card .discount::before{
  border-right-color:#FF3038!important;
}

/* Real supplied UniStay wordmark */
.brand{
  font-size:0!important;
  width:160px!important;
  min-width:160px!important;
  height:46px!important;
  display:block!important;
  background:url('assets/unistay-logo-wordmark.png') left center/contain no-repeat!important;
}
.footer-logo{
  font-size:0!important;
  width:190px!important;
  height:58px!important;
  display:block!important;
  background:url('assets/unistay-logo-wordmark.png') left center/contain no-repeat!important;
}


/* =========================================================
   V28 — Gold cleanup + bright hero + real white-background logo
   ========================================================= */
:root{
  --brand-gold:#F5A916 !important;
  --brand-gold-strong:#E99A08 !important;
  --brand-gold-deep:#D98900 !important;
  --brand-gold-soft:#FFF1C5 !important;
  --brand-green:#234A35 !important;
  --brand-green-dark:#193A29 !important;
}

/* Single real logo, no old logo residue */
.brand{
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  background:none !important;
  font-size:0 !important;
}
.main-unistay-logo{
  display:block !important;
  width:168px !important;
  height:48px !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:#fff !important;
  border-radius:0 !important;
}
.brand-mark,.brand-logo-img{display:none !important}

/* Location / address filter buttons become gold */
.location-btn,
.place-btn,
.location-trigger,
.search-location,
.search-row .location-btn,
.search-row .place-btn,
.search-row button[data-filter="location"],
.search-row button[data-open="location"],
.search-row button:first-child{
  background:#FFF0BF !important;
  border-color:#E4BC55 !important;
  color:#193A29 !important;
}
.location-btn:hover,
.place-btn:hover,
.location-trigger:hover,
.search-location:hover,
.search-row button[data-filter="location"]:hover,
.search-row button[data-open="location"]:hover,
.search-row button:first-child:hover{
  background:#F5A916 !important;
  border-color:#F5A916 !important;
  color:#193A29 !important;
}

/* Footer becomes strong logo gold */
.footer.footer-pro{
  background:#F5A916 !important;
  border-color:#E59608 !important;
  color:#193A29 !important;
}
.footer.footer-pro h4,
.footer.footer-pro .footer-logo,
.footer.footer-pro .footer-links-pro a,
.footer.footer-pro .footer-about p,
.footer.footer-pro .footer-contact-pro p,
.footer.footer-pro .footer-contact-pro p b,
.footer.footer-pro .copyright{
  color:#193A29 !important;
}
.footer.footer-pro .footer-trust span,
.footer.footer-pro .support-card,
.footer.footer-pro .social-row button,
.footer.footer-pro .footer-app-card{
  background:#FFF7DE !important;
  border-color:#E3B84D !important;
  color:#193A29 !important;
}
.footer.footer-pro .copyright{
  border-color:rgba(25,58,41,.22) !important;
}

/* Remove remaining muddy brown surfaces */
.app-banner,
.near-box,
.shortcut,
.shortcut-grid-six .shortcut,
.dash-card,
.room-card,
.latest-card,
.featured-grid .featured-room-card,
.contact-popover,
.footer-app-card{
  background:#fff !important;
}
.notice,
.quick-tags button,
.nav-type-icon,
.owner-btn,
.owner-pill,
.account-pill,
.support-card{
  background:#FFF3CF !important;
}
.listing-wrap.hot{background:#FFF6D8 !important}
.listing-wrap.now{background:#FFFDF4 !important}

/* More visible gold accents */
.section-head>a,
.mini-brand,
.eyebrow,
.price,
.latest-price-area .price,
.featured-grid .price{
  color:#E59608 !important;
}
.shortcut-icon,
.near-icon,
.owner-icon,
.contact-panel-icon{
  background:#FFF0BF !important;
}
.shortcut:hover{
  border-color:#E6BF60 !important;
}
.search-btn,
.result-search-btn{
  background:#F5A916 !important;
  border-color:#F5A916 !important;
  color:#193A29 !important;
}

/* Brighten the search hero — lighter photo overlay and higher contrast */
.hero{
  background:#FFF8E8 !important;
}
.hero-bg{
  filter:none !important;
  background:
    linear-gradient(90deg,rgba(25,58,41,.55),rgba(35,74,53,.24),rgba(245,169,22,.08)),
    url('https://images.unsplash.com/photo-1522708323590-d24dbb6b0267?auto=format&fit=crop&w=1800&q=88') center/cover !important;
}
.hero::before{
  background:rgba(255,255,255,.05) !important;
}
.search-shell{
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 16px 42px rgba(25,58,41,.18) !important;
}

/* Keep landlord visual animation in both landing and search page */
.owner-sale-visual{display:block !important}
.sale-phone{
  animation:unistayPhoneOnly 4.2s ease-in-out infinite !important;
  transform-origin:center !important;
}
@keyframes unistayPhoneOnly{
  0%,100%{transform:translateY(0) rotate(-2deg)}
  50%{transform:translateY(-10px) rotate(1deg)}
}


/* =========================================================
   V29 — requested UI fixes
   ========================================================= */
:root{
  --stay-gold:#F5A916;
  --stay-gold-dark:#E59608;
  --stay-green:#234A35;
  --phone-blue:#1677FF;
}

/* (1) Search criteria modal: replace green with STAY gold */
.criteria-titlebar{
  background:var(--stay-gold) !important;
  color:#fff !important;
}
.criteria-close{
  color:#fff !important;
}
.criteria-apply{
  background:var(--stay-gold) !important;
  color:#fff !important;
}
.criteria-apply:hover{
  background:var(--stay-gold-dark) !important;
}
.type-grid button.selected{
  color:var(--stay-green) !important;
  background:#FFF4D0 !important;
  box-shadow:inset 0 0 0 1px var(--stay-gold) !important;
}
.type-grid button:hover{
  background:#FFF8E5 !important;
}

/* (2) Listing contact actions: remove Zalo in NOW and use blue phone CTA */
#nowRooms .zalo-mini,
.listing-wrap.now .zalo-mini{
  display:none !important;
}
#nowRooms .contact-btn,
.listing-wrap.now .contact-btn,
.latest-actions .contact-btn{
  background:var(--phone-blue) !important;
  border-color:var(--phone-blue) !important;
  color:#fff !important;
}
#nowRooms .contact-btn:hover,
.listing-wrap.now .contact-btn:hover,
.latest-actions .contact-btn:hover{
  background:#0B63D8 !important;
  border-color:#0B63D8 !important;
  color:#fff !important;
}

/* If the card uses Xem SĐT/Xem ĐT text, keep the text white */
.contact-btn,
.contact-btn span,
.contact-btn strong{
  color:inherit !important;
}

/* (4) Price/area range: STAY gold + larger readable typography */
.range-fill{
  background:var(--stay-gold) !important;
}
.range-input::-webkit-slider-thumb{
  border-color:var(--stay-gold) !important;
}
.range-input::-moz-range-thumb{
  border-color:var(--stay-gold) !important;
}
.range-apply{
  background:var(--stay-gold) !important;
  color:#fff !important;
}
.range-apply:hover{
  background:var(--stay-gold-dark) !important;
}
.range-head strong{
  font-size:15px !important;
  font-weight:800 !important;
}
.range-head span{
  font-size:13px !important;
}
.range-scale{
  font-size:11px !important;
}
.range-values label span{
  font-size:11px !important;
}
.range-values label b{
  font-size:14px !important;
}
.range-values i{
  font-size:14px !important;
}
.range-actions button{
  font-size:14px !important;
  font-weight:800 !important;
}


/* =========================================================
   V30 — compact header/menu + listing CTA + typography polish
   ========================================================= */

/* Remove card Zalo buttons defensively */
.room-card .zalo-mini,
.latest-card .zalo-mini,
.featured-room-card .zalo-mini,
.horizontal-card .zalo-mini,
.listing-wrap .zalo-mini{
  display:none !important;
}

/* Larger phone CTA */
.contact-btn{
  min-width:132px !important;
  padding-left:18px !important;
  padding-right:18px !important;
  font-size:15px !important;
  font-weight:800 !important;
  justify-content:center !important;
}
.latest-actions .contact-btn,
.featured-grid .contact-btn,
.listing-wrap .contact-btn{
  min-width:138px !important;
  font-size:15px !important;
}

/* Compact top brand/auth header: height only, preserve font/icon sizes */
.header{
  min-height:0 !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
}
.header .container,
.header-inner{
  min-height:0 !important;
}
.account-pill,
.owner-pill{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Compact category menu row */
.nav{
  padding-top:4px !important;
  padding-bottom:4px !important;
  min-height:0 !important;
}
.nav a{
  padding-top:5px !important;
  padding-bottom:5px !important;
}
.nav-type-icon{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Larger "Trải nghiệm phần mềm" CTA text */
#openAdminFromManager,
.manager-copy button,
.manager-strip button{
  font-size:17px !important;
  font-weight:900 !important;
}

/* Province names larger */
.province-card h3,
.province-card strong,
.city-card h3,
.city-card strong,
.province-name{
  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
}

/* 52+ management proof line larger */
.manager-proof,
.manager-stat,
.manager-copy .proof,
.manager-copy .manager-proof,
.manager-copy p strong{
  font-size:16px !important;
  line-height:1.4 !important;
}
.manager-proof strong,
.manager-stat strong,
.manager-copy .proof strong{
  font-size:22px !important;
  font-weight:900 !important;
}

/* Typing placeholder caret */
[data-typing-placeholder="1"]{
  caret-color:transparent !important;
}


/* =========================================================
   V31 — compact chrome + manager block refinement
   ========================================================= */

/* Top header: compress height further, preserve child sizes */
.header{
  padding-top:2px !important;
  padding-bottom:2px !important;
}
.header .container,
.header-inner{
  min-height:44px !important;
}

/* Category menu: slightly tighter */
.nav{
  padding-top:2px !important;
  padding-bottom:2px !important;
}
.nav a{
  padding-top:3px !important;
  padding-bottom:3px !important;
}

/* Manager block overall shorter */
.manager-strip{
  padding-top:22px !important;
  padding-bottom:22px !important;
}
.manager-strip .container,
.manager-inner{
  align-items:center !important;
}

/* Animation/dashboard becomes taller inside the shorter section */
.manager-visual,
.manager-demo,
.manager-dashboard,
.dash-card{
  min-height:330px !important;
}
.manager-visual{
  transform:scale(1.035) !important;
  transform-origin:center !important;
}

/* Make the 52+ proof line substantially more readable */
.manager-proof,
.manager-stat,
.manager-copy .proof,
.manager-copy .manager-proof{
  font-size:19px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
}
.manager-proof strong,
.manager-stat strong,
.manager-copy .proof strong,
.manager-copy .manager-proof strong{
  font-size:28px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

/* Highlight SỐ 1 in hero */
.hero-number-one{
  display:inline-block !important;
  color:#F5A916 !important;
  font-weight:950 !important;
  padding:0 6px 2px !important;
  background:linear-gradient(transparent 58%, rgba(245,169,22,.24) 58%) !important;
  text-decoration:underline !important;
  text-decoration-thickness:3px !important;
  text-underline-offset:5px !important;
  text-decoration-color:#F5A916 !important;
}

@media(max-width:760px){
  .manager-visual,
  .manager-demo,
  .manager-dashboard,
  .dash-card{
    min-height:280px !important;
  }
  .manager-proof,
  .manager-stat,
  .manager-copy .proof,
  .manager-copy .manager-proof{
    font-size:17px !important;
  }
  .manager-proof strong,
  .manager-stat strong,
  .manager-copy .proof strong,
  .manager-copy .manager-proof strong{
    font-size:24px !important;
  }
}


/* =========================================================
   V32 — stronger manager proof + tighter sections + hero copy panel
   ========================================================= */

/* Make 52+ proof line much more visible */
.manager-proof,
.manager-stat,
.manager-copy .proof,
.manager-copy .manager-proof{
  font-size:23px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
}
.manager-proof strong,
.manager-stat strong,
.manager-copy .proof strong,
.manager-copy .manager-proof strong{
  font-size:34px !important;
  line-height:1 !important;
  font-weight:950 !important;
  margin-right:4px !important;
}

/* Shorten the whole manager section further */
.manager-strip{
  padding-top:12px !important;
  padding-bottom:12px !important;
}
.manager-strip .container,
.manager-inner{
  min-height:0 !important;
}

/* Keep visual tall while section itself is tighter */
.manager-visual,
.manager-demo,
.manager-dashboard,
.dash-card{
  min-height:318px !important;
}

/* Compact top brand/auth header more, without shrinking children */
.header{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.header .container,
.header-inner{
  min-height:40px !important;
}

/* Transparent orange panel around hero heading + subheading */
.hero-copy,
.hero-heading-wrap,
.hero-content > .hero-title-wrap{
  background:rgba(245,169,22,.28) !important;
  border:1px solid rgba(245,169,22,.48) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  border-radius:14px !important;
  padding:12px 16px !important;
  width:max-content !important;
  max-width:100% !important;
}

/* Fallback selectors if title/subtitle are direct children */
.hero-content > h1:first-child{
  display:inline-block !important;
  background:rgba(245,169,22,.28) !important;
  border:1px solid rgba(245,169,22,.48) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  border-radius:14px 14px 0 0 !important;
  padding:10px 16px 4px !important;
  margin-bottom:0 !important;
}
.hero-content > h1:first-child + p{
  display:block !important;
  width:max-content !important;
  max-width:100% !important;
  background:rgba(245,169,22,.28) !important;
  border-left:1px solid rgba(245,169,22,.48) !important;
  border-right:1px solid rgba(245,169,22,.48) !important;
  border-bottom:1px solid rgba(245,169,22,.48) !important;
  border-radius:0 0 14px 14px !important;
  padding:4px 16px 10px !important;
  margin-top:0 !important;
}

/* SỐ 1 becomes deep UNI green */
.hero-number-one{
  color:#234A35 !important;
  text-decoration-color:#234A35 !important;
  background:linear-gradient(transparent 58%, rgba(35,74,53,.18) 58%) !important;
}

@media(max-width:760px){
  .manager-proof,
  .manager-stat,
  .manager-copy .proof,
  .manager-copy .manager-proof{
    font-size:19px !important;
  }
  .manager-proof strong,
  .manager-stat strong,
  .manager-copy .proof strong,
  .manager-copy .manager-proof strong{
    font-size:28px !important;
  }
}


/* =========================================================
   V33 — tighter top header + larger 52+ + shorter manager + full-width hero panel
   ========================================================= */

/* (1) Top logo/auth row: reduce height only */
.header{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.header .container,
.header-inner{
  min-height:34px !important;
  height:auto !important;
}
.header .brand,
.header .account-pill,
.header .owner-pill{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* (2) Make 52+ management message clearly readable */
.manager-proof,
.manager-stat,
.manager-copy .proof,
.manager-copy .manager-proof{
  font-size:25px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  letter-spacing:-0.01em !important;
}
.manager-proof strong,
.manager-stat strong,
.manager-copy .proof strong,
.manager-copy .manager-proof strong{
  font-size:38px !important;
  line-height:1 !important;
  font-weight:950 !important;
  margin-right:5px !important;
}

/* (3) Shorten whole manager section while preserving inner visual */
.manager-strip{
  padding-top:6px !important;
  padding-bottom:6px !important;
}
.manager-strip .container,
.manager-inner{
  min-height:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.manager-visual,
.manager-demo,
.manager-dashboard,
.dash-card{
  min-height:300px !important;
}

/* (4) Hero transparent copy panel exactly matches Search width */
.hero-content{
  width:100% !important;
}
.hero-copy,
.hero-heading-wrap,
.hero-content > .hero-title-wrap{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
.hero-content > h1:first-child{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
.hero-content > h1:first-child + p{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}

/* Keep the search shell on the exact same width reference */
.search-shell,
.search-panel,
.search-box,
.searchbar-wrap{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}

@media(max-width:760px){
  .header .container,
  .header-inner{
    min-height:32px !important;
  }
  .manager-proof,
  .manager-stat,
  .manager-copy .proof,
  .manager-copy .manager-proof{
    font-size:20px !important;
  }
  .manager-proof strong,
  .manager-stat strong,
  .manager-copy .proof strong,
  .manager-copy .manager-proof strong{
    font-size:30px !important;
  }
  .manager-visual,
  .manager-demo,
  .manager-dashboard,
  .dash-card{
    min-height:270px !important;
  }
}


/* =========================================================
   V34 — readability fixes only
   ========================================================= */

/* 1) Force the 52+ proof text to be large and readable */
.manager-strip .manager-copy .manager-proof,
.manager-strip .manager-copy .proof,
.manager-strip .manager-proof,
.manager-strip .manager-stat{
  font-size:22px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  color:#F3F7F3 !important;
  opacity:1 !important;
}

.manager-strip .manager-copy .manager-proof strong,
.manager-strip .manager-copy .proof strong,
.manager-strip .manager-proof strong,
.manager-strip .manager-stat strong{
  display:inline-block !important;
  font-size:36px !important;
  line-height:1 !important;
  font-weight:950 !important;
  color:#52E58B !important;
  margin-right:6px !important;
  vertical-align:baseline !important;
}

/* Catch current markup where 52+ may sit in a small sibling block */
.manager-strip .manager-copy > div:last-child,
.manager-strip .manager-copy > p:last-child{
  font-size:22px !important;
  line-height:1.35 !important;
}
.manager-strip .manager-copy > div:last-child strong,
.manager-strip .manager-copy > p:last-child strong{
  font-size:36px !important;
}

/* 2) Hero headline panel: stronger contrast, cleaner transparent background */
.hero-content > h1:first-child{
  background:rgba(245,169,22,.52) !important;
  border-color:rgba(245,169,22,.72) !important;
  color:#fff !important;
  text-shadow:0 2px 7px rgba(25,58,41,.45) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.hero-content > h1:first-child + p{
  background:rgba(245,169,22,.52) !important;
  border-left-color:rgba(245,169,22,.72) !important;
  border-right-color:rgba(245,169,22,.72) !important;
  border-bottom-color:rgba(245,169,22,.72) !important;
  color:#fff !important;
  text-shadow:0 1px 5px rgba(25,58,41,.40) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

/* Keep SỐ 1 deep green but make it crisp */
.hero-number-one{
  color:#193A29 !important;
  text-shadow:none !important;
  background:rgba(255,255,255,.34) !important;
  border-radius:6px !important;
  padding-left:7px !important;
  padding-right:7px !important;
  text-decoration-color:#193A29 !important;
}

/* Generic wrapped hero panel fallback */
.hero-copy,
.hero-heading-wrap,
.hero-content > .hero-title-wrap{
  background:rgba(245,169,22,.52) !important;
  border-color:rgba(245,169,22,.72) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}
.hero-copy h1,
.hero-heading-wrap h1,
.hero-content > .hero-title-wrap h1,
.hero-copy p,
.hero-heading-wrap p,
.hero-content > .hero-title-wrap p{
  color:#fff !important;
  text-shadow:0 2px 7px rgba(25,58,41,.42) !important;
}

@media(max-width:760px){
  .manager-strip .manager-copy .manager-proof,
  .manager-strip .manager-copy .proof,
  .manager-strip .manager-proof,
  .manager-strip .manager-stat{
    font-size:18px !important;
  }
  .manager-strip .manager-copy .manager-proof strong,
  .manager-strip .manager-copy .proof strong,
  .manager-strip .manager-proof strong,
  .manager-strip .manager-stat strong{
    font-size:30px !important;
  }
}


/* =========================================================
   V35 — UI ONLY: exact 52+ fix + remove orange hero panel
   ========================================================= */

/* 1) Force exact 52+ proof block to be large and readable */
.manager-proof-force{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin-top:8px !important;
  color:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
}
.manager-proof-force strong{
  display:block !important;
  font-size:42px !important;
  line-height:.95 !important;
  font-weight:950 !important;
  color:#52E58B !important;
  letter-spacing:-0.03em !important;
  flex:0 0 auto !important;
}
.manager-proof-force span{
  display:block !important;
  font-size:19px !important;
  line-height:1.25 !important;
  font-weight:750 !important;
  color:#fff !important;
  max-width:260px !important;
}

/* Also catch any remaining legacy structure */
.manager-strip strong:has(+ small),
.manager-strip strong:has(+ span){
  font-size:42px !important;
}
.manager-strip strong + small,
.manager-strip strong + span{
  font-size:19px !important;
  line-height:1.25 !important;
  color:#fff !important;
  opacity:1 !important;
}

/* 2) Remove orange transparent box completely */
.hero-copy,
.hero-heading-wrap,
.hero-content > .hero-title-wrap,
.hero-content > h1:first-child,
.hero-content > h1:first-child + p{
  background:transparent !important;
  border:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}

/* Make hero text stand out directly on the photo */
.hero-content > h1:first-child,
.hero-copy h1,
.hero-heading-wrap h1,
.hero-content > .hero-title-wrap h1{
  color:#fff !important;
  text-shadow:
    0 2px 4px rgba(0,0,0,.55),
    0 5px 18px rgba(0,0,0,.32) !important;
}

.hero-content > h1:first-child + p,
.hero-copy p,
.hero-heading-wrap p,
.hero-content > .hero-title-wrap p{
  color:#fff !important;
  text-shadow:
    0 2px 4px rgba(0,0,0,.50),
    0 4px 12px rgba(0,0,0,.28) !important;
}

/* SỐ 1 = deep STAY orange */
.hero-number-one{
  color:#E59608 !important;
  text-decoration-color:#E59608 !important;
  background:transparent !important;
  border-radius:0 !important;
  padding-left:2px !important;
  padding-right:2px !important;
  text-shadow:
    0 1px 2px rgba(0,0,0,.20),
    0 3px 10px rgba(0,0,0,.16) !important;
}

@media(max-width:760px){
  .manager-proof-force strong{font-size:34px !important}
  .manager-proof-force span{font-size:17px !important;max-width:220px !important}
}

/* V36B exact manager CTA proof fix */
.manager-cta-row{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
}
.manager-proof-force-v36{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
  min-width:360px !important;
  flex:0 0 auto !important;
}
.manager-proof-force-v36 .manager-proof-number{
  font-size:52px !important;
  line-height:.88 !important;
  font-weight:1000 !important;
  color:#52E58B !important;
  letter-spacing:-0.04em !important;
  white-space:nowrap !important;
}
.manager-proof-force-v36 .manager-proof-text{
  font-size:20px !important;
  line-height:1.12 !important;
  font-weight:850 !important;
  color:#fff !important;
  white-space:nowrap !important;
}
.manager-cta-row > span{
  font-size:20px !important;
}
@media(max-width:760px){
  .manager-cta-row{flex-wrap:wrap !important}
  .manager-proof-force-v36{min-width:0 !important}
  .manager-proof-force-v36 .manager-proof-number{font-size:40px !important}
  .manager-proof-force-v36 .manager-proof-text{font-size:17px !important;white-space:normal !important}
}


/* V37 — rebalance 52+ proof without affecting CTA button */
.manager-cta-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  flex-wrap:nowrap !important;
}

.manager-cta-row > button,
#openAdminFromManager{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  transform:none !important;
}

/* Smaller than V36B, still clearly readable */
.manager-proof-force-v36{
  min-width:0 !important;
  width:auto !important;
  flex:0 0 auto !important;
  gap:8px !important;
  margin:0 !important;
}

.manager-proof-force-v36 .manager-proof-number{
  font-size:30px !important;
  line-height:.95 !important;
  font-weight:950 !important;
}

.manager-proof-force-v36 .manager-proof-text{
  font-size:12.5px !important;
  line-height:1.18 !important;
  font-weight:750 !important;
  max-width:180px !important;
  white-space:normal !important;
}

/* Remove old forced min width if cached by earlier rule */
.manager-cta-row .manager-proof-force-v36{
  min-width:0 !important;
}

@media(max-width:760px){
  .manager-cta-row{
    flex-wrap:wrap !important;
  }
  .manager-proof-force-v36 .manager-proof-number{
    font-size:27px !important;
  }
  .manager-proof-force-v36 .manager-proof-text{
    font-size:12px !important;
  }
}


/* V38 utility shortcut popups */
.utility-modal{
  position:fixed;inset:0;z-index:10050;
  display:none;align-items:center;justify-content:center;
  padding:28px;background:rgba(17,31,23,.58);
  backdrop-filter:blur(3px);
}
.utility-modal.open{display:flex}
.utility-dialog{
  position:relative;width:min(1180px,96vw);max-height:90vh;overflow:auto;
  background:#fff;border-radius:18px;padding:26px;
  box-shadow:0 24px 70px rgba(0,0,0,.26);
}
.utility-close{
  position:sticky;float:right;top:0;z-index:2;
  width:38px;height:38px;border:0;border-radius:50%;
  background:#F5A916;color:#193A29;font-size:25px;font-weight:900;cursor:pointer;
}
.utility-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.utility-head>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#FFF0BF;font-size:25px}
.utility-head h2{margin:0;font-size:25px;color:#234A35}
.utility-head p{margin:4px 0 0;color:#70756e;font-size:14px}
.utility-subhead{font-size:20px;margin:24px 0 12px;color:#444}

/* gas */
.gas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gas-product-card{border:1px solid #E5B85D;border-radius:9px;overflow:hidden;background:#fff}
.gas-product-visual{height:190px;display:flex;align-items:center;justify-content:center;background:#fff}
.gas-product-copy{background:#FFF0DA;padding:14px;text-align:center;min-height:82px}
.gas-product-copy>b{display:block;font-size:15px;line-height:1.3;margin-bottom:7px;color:#111}
.gas-product-copy strong{font-size:15px;color:#D71920}
.gas-product-copy del{font-size:13px;color:#555}
.gas-cylinder{position:relative;width:82px;height:120px;border-radius:18px 18px 25px 25px;background:#cfd2cf;box-shadow:inset 0 0 0 3px rgba(0,0,0,.08)}
.gas-cylinder:before{content:"";position:absolute;left:21px;top:-28px;width:40px;height:36px;border:8px solid #aab0ad;border-bottom:0;border-radius:9px 9px 0 0}
.gas-cylinder span{position:absolute;left:7px;right:7px;top:52px;text-align:center;font-size:9px;font-weight:900;color:#fff;background:#2c7c61;padding:5px 2px;border-radius:5px}
.gas-product-visual.red .gas-cylinder{background:#e5272c}.gas-product-visual.blue .gas-cylinder{background:#1395df}.gas-product-visual.silver2 .gas-cylinder{background:#d9d9d4}
.gas-stove{position:relative;width:205px;height:54px;border-radius:6px;background:linear-gradient(#262b2b,#050606);box-shadow:0 9px 18px rgba(0,0,0,.18)}
.gas-stove i{position:absolute;top:9px;width:48px;height:35px;border-radius:50%;border:7px double #8b9290}.gas-stove i:first-child{left:30px}.gas-stove i:nth-child(2){right:30px}
.gas-stove b{position:absolute;bottom:4px;left:0;right:0;text-align:center;color:#bbb;font-size:8px}

/* broker */
.broker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.broker-card{background:#FAFCF8;border:1px solid #D9E4D5;border-radius:8px;padding:15px}
.broker-card h3{font-size:17px;color:#4a4f49;margin:0 0 13px;padding-bottom:7px;position:relative}
.broker-card h3:after{content:"";position:absolute;left:38px;bottom:0;width:165px;height:4px;background:#F0D000;border-radius:6px}
.broker-card ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.broker-card li{display:grid;grid-template-columns:18px 1fr;gap:7px;align-items:start}
.broker-card li>span{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#2DC64F;color:#fff;font-size:11px;font-weight:900;margin-top:2px}
.broker-card li p{margin:0;font-size:13px;line-height:1.45;color:#161916}
.broker-actions{display:flex;justify-content:center;gap:24px;margin-top:20px}
.broker-actions button{border:0;border-radius:24px;background:#79C83B;color:#fff;padding:12px 24px;font-weight:850;font-size:14px;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.10)}
.broker-actions button:hover{transform:translateY(-1px);filter:brightness(.96)}

/* market chart */
.price-chart-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.price-chart-summary>div{background:#FFF8E5;border:1px solid #F0D28C;border-radius:12px;padding:14px}
.price-chart-summary small{display:block;color:#777;margin-bottom:4px}.price-chart-summary b{font-size:20px;color:#234A35}.price-chart-summary .up{color:#1B9A4B}
.market-chart-wrap{background:#FFFCF7;border:1px solid #EADDCB;border-radius:14px;padding:12px}
.market-chart{display:block;width:100%;height:auto;max-height:320px}
.grid-lines line{stroke:#E8E0D6;stroke-width:1}
.chart-area{fill:url(#chartFill)}
.chart-line{fill:none;stroke:#F5A916;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.chart-dots circle{fill:#fff;stroke:#F5A916;stroke-width:4}
.chart-labels text{font-size:13px;fill:#686d66}
.price-chart-note{margin-top:10px;color:#7b7d76;font-size:12px}

/* owner shortcut should feel clickable */
.shortcut[data-action="owner"]{cursor:pointer}

@media(max-width:760px){
  .utility-modal{padding:10px}.utility-dialog{padding:16px}
  .gas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .broker-grid{grid-template-columns:1fr}
  .price-chart-summary{grid-template-columns:1fr}
}


/* V39 — shortcut icon green background */
.shortcut-icon{
  background:#2DBE60 !important;
  color:#fff !important;
}
.shortcut-icon.has-badge{
  background:#2DBE60 !important;
}
.shortcut-icon em{
  box-shadow:0 2px 5px rgba(0,0,0,.10) !important;
}

/* Exact actual product screenshot crops */
.gas-product-visual.actual-product{
  height:205px !important;
  padding:0 !important;
  background:#fff !important;
  overflow:hidden !important;
}
.gas-product-visual.actual-product img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fff !important;
}

/* Broker popup: fit desktop viewport without internal scroll */
.utility-dialog{
  max-height:94vh !important;
}
#utilityModalContent .broker-grid{
  gap:9px !important;
}
#utilityModalContent .broker-card{
  padding:10px 12px !important;
}
#utilityModalContent .broker-card h3{
  font-size:15px !important;
  margin-bottom:8px !important;
  padding-bottom:5px !important;
}
#utilityModalContent .broker-card ul{
  gap:4px !important;
}
#utilityModalContent .broker-card li{
  grid-template-columns:16px 1fr !important;
  gap:6px !important;
}
#utilityModalContent .broker-card li>span{
  width:15px !important;
  height:15px !important;
  font-size:10px !important;
}
#utilityModalContent .broker-card li p{
  font-size:11.5px !important;
  line-height:1.28 !important;
}
#utilityModalContent .broker-actions{
  margin-top:10px !important;
  gap:16px !important;
}
#utilityModalContent .broker-actions button{
  padding:9px 20px !important;
  font-size:13px !important;
}
#utilityModalContent .utility-head{
  margin-bottom:10px !important;
}
#utilityModalContent .utility-head h2{
  font-size:21px !important;
}
#utilityModalContent .utility-head p{
  font-size:12.5px !important;
}

/* For broker popup only, no vertical scroll on common desktop sizes */
@media(min-width:900px) and (min-height:700px){
  .utility-modal.open .utility-dialog{
    overflow:hidden !important;
  }
}

@media(max-width:760px){
  .utility-modal.open .utility-dialog{
    overflow:auto !important;
  }
}


/* =========================================================
   V40 — popup close fix, larger broker popup, count-up, hide app
   ========================================================= */

/* Hide app areas for now */
.app-banner,
.footer-app-row{
  display:none !important;
}

/* Utility popup close button must always be clickable */
.utility-dialog{
  position:relative !important;
}
.utility-close{
  position:sticky !important;
  top:0 !important;
  float:right !important;
  z-index:999 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  user-select:none !important;
  touch-action:manipulation !important;
}
.utility-close::before{
  content:"" !important;
  position:absolute !important;
  inset:-8px !important;
  border-radius:50% !important;
}

/* Broker popup: visibly larger, while still fitted to desktop viewport */
@media(min-width:900px){
  .utility-dialog{
    width:min(1320px,97vw) !important;
  }
  .utility-modal:has(.broker-grid) .utility-dialog{
    width:min(1380px,98vw) !important;
    max-height:96vh !important;
    padding:20px 24px !important;
    overflow:hidden !important;
  }
  .utility-modal:has(.broker-grid) .broker-grid{
    gap:11px !important;
  }
  .utility-modal:has(.broker-grid) .broker-card{
    padding:11px 14px !important;
  }
  .utility-modal:has(.broker-grid) .broker-card h3{
    font-size:16px !important;
  }
  .utility-modal:has(.broker-grid) .broker-card li p{
    font-size:12px !important;
    line-height:1.3 !important;
  }
}

/* Stats count-up visual emphasis */
.stats-pro .count-up{
  font-variant-numeric:tabular-nums !important;
  min-width:7ch !important;
  display:inline-block !important;
}


/* =========================================================
   V41 — Lozido-style posting steps + program image cards
   ========================================================= */

/* Steps: match supplied reference visual */
.steps-pro-section{
  background:#fff !important;
}
.steps-pro-section .section{
  padding-top:32px !important;
  padding-bottom:34px !important;
}
.steps-heading{
  margin-bottom:22px !important;
}
.steps-heading .eyebrow{
  display:none !important;
}
.steps-heading h2{
  font-size:22px !important;
  color:#4B4B4B !important;
  margin-bottom:8px !important;
}
.steps-heading p{
  font-size:14px !important;
  color:#858585 !important;
}
.steps.steps-pro{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}
.steps-pro .step-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:76px minmax(0,1fr) !important;
  align-items:center !important;
  min-height:68px !important;
  border-radius:6px !important;
  padding:0 18px 0 10px !important;
  overflow:visible !important;
  color:#fff !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
}
.steps-pro .step-one{background:#38AE79 !important;border-color:#1F9E6B !important}
.steps-pro .step-two{background:#3C9BE6 !important;border-color:#2B8FE0 !important}
.steps-pro .step-three{background:#FF940E !important;border-color:#F07E00 !important}

.steps-pro .step-number{
  width:46px !important;
  height:46px !important;
  border-radius:50% !important;
  background:#fff !important;
  display:grid !important;
  place-items:center !important;
  font-size:24px !important;
  font-weight:500 !important;
  margin-left:0 !important;
  z-index:2 !important;
}
.steps-pro .step-one .step-number{color:#289B76 !important}
.steps-pro .step-two .step-number{color:#2F94E9 !important}
.steps-pro .step-three .step-number{color:#FF8D08 !important}

.steps-pro .step-number::after{
  content:"" !important;
  position:absolute !important;
  left:65px !important;
  top:0 !important;
  width:16px !important;
  height:100% !important;
  background:
    radial-gradient(circle at 0 7px,#fff 6px,transparent 6.5px) 0 0/16px 14px repeat-y !important;
}
.steps-pro .step-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding-left:5px !important;
}
.steps-pro .step-copy b{
  color:#fff !important;
  font-size:15px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  margin:0 0 4px !important;
  white-space:normal !important;
}
.steps-pro .step-copy span{
  color:#fff !important;
  font-size:13px !important;
  line-height:1.15 !important;
  opacity:1 !important;
  white-space:normal !important;
}

/* Program cards: exact supplied image assets */
.program-scroll{
  gap:16px !important;
}
.program-image-card{
  position:relative !important;
  display:block !important;
  min-width:280px !important;
  height:260px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid #E4D9C9 !important;
  text-decoration:none !important;
  cursor:pointer !important;
}
.program-image-card img{
  width:100% !important;
  height:190px !important;
  object-fit:cover !important;
  display:block !important;
  background:#fff !important;
}
.program-image-card .program-copy{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  min-height:70px !important;
  padding:10px 14px !important;
  background:rgba(255,255,255,.96) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.program-image-card .program-copy b{
  font-size:16px !important;
  line-height:1.2 !important;
  color:#2C382E !important;
}
.program-image-card .program-copy span{
  margin-top:4px !important;
  font-size:13px !important;
  color:#6F746D !important;
}
.speakhub-program{
  border-color:#72B879 !important;
  box-shadow:0 8px 24px rgba(35,74,53,.12) !important;
}
.speakhub-program .program-copy b{
  color:#1F6F36 !important;
}

/* Make count-up feel slower and smoother visually */
.stats-pro .count-up{
  transition:none !important;
}

@media(max-width:760px){
  .steps.steps-pro{
    grid-template-columns:1fr !important;
  }
  .program-image-card{
    min-width:250px !important;
    height:240px !important;
  }
  .program-image-card img{
    height:170px !important;
  }
}


/* =========================================================
   V42 — clean posting steps + program interactions
   ========================================================= */

/* ---- Posting steps: clean, no overlap, closely match reference ---- */
.steps-pro-section{
  background:#fff !important;
}
.steps-pro-section .section{
  padding-top:34px !important;
  padding-bottom:30px !important;
}
.steps-heading{
  margin-bottom:24px !important;
}
.steps-heading .eyebrow{
  display:none !important;
}
.steps-heading h2{
  font-size:21px !important;
  line-height:1.2 !important;
  color:#4a4a4a !important;
  margin:0 0 10px !important;
}
.steps-heading p{
  font-size:14px !important;
  color:#888 !important;
  margin:0 !important;
}

.steps.steps-pro{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
  overflow:visible !important;
}

/* Reset previous decorative overlap rules */
.steps-pro .step-card{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  min-height:68px !important;
  padding:0 !important;
  border-radius:5px !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
.steps-pro .step-one{background:#36AB78 !important;border:1px solid #26956B !important}
.steps-pro .step-two{background:#3D9CE8 !important;border:1px solid #2C8ED8 !important}
.steps-pro .step-three{background:#FF940D !important;border:1px solid #F18400 !important}

.steps-pro .step-number{
  position:relative !important;
  flex:0 0 68px !important;
  width:68px !important;
  height:68px !important;
  margin:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:23px !important;
  font-weight:500 !important;
  z-index:1 !important;
}
.steps-pro .step-one .step-number{color:#279B76 !important}
.steps-pro .step-two .step-number{color:#2F93E7 !important}
.steps-pro .step-three .step-number{color:#FF8B07 !important}

/* White circle sitting inside the white number block */
.steps-pro .step-number::before{
  content:"" !important;
  position:absolute !important;
  width:46px !important;
  height:46px !important;
  border-radius:50% !important;
  background:currentColor !important;
  opacity:.12 !important;
  inset:11px !important;
  z-index:-1 !important;
}

/* Scalloped divider exactly between number and text */
.steps-pro .step-number::after{
  content:"" !important;
  position:absolute !important;
  right:-8px !important;
  top:0 !important;
  width:16px !important;
  height:100% !important;
  background:
    radial-gradient(circle at 0 7px,#fff 6px,transparent 6.5px)
    0 0/16px 14px repeat-y !important;
  pointer-events:none !important;
}

.steps-pro .step-copy{
  flex:1 1 auto !important;
  min-width:0 !important;
  padding:9px 14px 9px 20px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:4px !important;
}
.steps-pro .step-copy b{
  font-size:15px !important;
  line-height:1.15 !important;
  color:#fff !important;
  font-weight:900 !important;
  margin:0 !important;
  white-space:normal !important;
}
.steps-pro .step-copy span{
  font-size:13px !important;
  line-height:1.2 !important;
  color:#fff !important;
  margin:0 !important;
  opacity:1 !important;
  white-space:normal !important;
}

/* ---- Program heading: replace UNISTAY text with real logo ---- */
.program-heading-clean{
  display:block !important;
}
.program-heading-title{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.program-heading-title h2{
  margin:0 !important;
}
.program-heading-logo{
  width:132px !important;
  height:38px !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:#fff !important;
}
.program-heading-clean>p{
  margin-top:5px !important;
  color:#737871 !important;
}

/* Remove arrows completely */
.programs .nav-arrows{
  display:none !important;
}

/* ---- Program cards ---- */
.program-image-card{
  transform:none !important;
  transition:none !important;
  cursor:default !important;
}
.program-image-card.info-program:hover{
  transform:none !important;
  box-shadow:none !important;
  border-color:#E4D9C9 !important;
}
.program-image-card.info-program{
  pointer-events:none !important;
}

/* Only SpeakHub behaves like a clickable apartment card */
.speakhub-program{
  cursor:pointer !important;
  pointer-events:auto !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.speakhub-program:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 14px 34px rgba(35,74,53,.18) !important;
  border-color:#5FAE6A !important;
}
.speakhub-program:hover img{
  transform:scale(1.025) !important;
}
.speakhub-program img{
  transition:transform .22s ease !important;
}

/* Keep exact uploaded image visible without cropping text */
.speakhub-program img{
  object-fit:contain !important;
  background:#F7F2E9 !important;
}

@media(max-width:900px){
  .steps.steps-pro{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   V43 — equal 4-column programs + clean steps replacement + tighter owner CTA
   ========================================================= */

/* 1) Program cards: exact 4 equal columns */
.program-scroll{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  overflow:visible !important;
  width:100% !important;
}
.program-image-card{
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
  height:260px !important;
  box-sizing:border-box !important;
}

/* SpeakHub keeps green border even on hover */
.speakhub-program{
  border:1.5px solid #5FAE6A !important;
}
.speakhub-program:hover{
  border-color:#5FAE6A !important;
  box-shadow:0 14px 34px rgba(35,74,53,.18) !important;
}

/* 2) COMPLETE RESET + REBUILD of posting steps */
.steps-pro-section .steps,
.steps-pro-section .steps-pro{
  all:unset !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
  box-sizing:border-box !important;
}

.steps-pro-section .step-card{
  all:unset !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  min-height:68px !important;
  border-radius:5px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  color:#fff !important;
}

.steps-pro-section .step-one{
  background:#36AA79 !important;
  border:1px solid #23966B !important;
}
.steps-pro-section .step-two{
  background:#3C9CE7 !important;
  border:1px solid #2B8EDD !important;
}
.steps-pro-section .step-three{
  background:#FF950F !important;
  border:1px solid #F18400 !important;
}

.steps-pro-section .step-number{
  all:unset !important;
  position:relative !important;
  flex:0 0 72px !important;
  width:72px !important;
  height:68px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:23px !important;
  font-weight:500 !important;
  box-sizing:border-box !important;
  background:#fff !important;
  z-index:1 !important;
}

.steps-pro-section .step-one .step-number{color:#289B77 !important}
.steps-pro-section .step-two .step-number{color:#2F94E9 !important}
.steps-pro-section .step-three .step-number{color:#FF8D08 !important}

/* round number disc */
.steps-pro-section .step-number::before{
  content:"" !important;
  position:absolute !important;
  width:46px !important;
  height:46px !important;
  border-radius:50% !important;
  background:currentColor !important;
  opacity:.12 !important;
  z-index:-1 !important;
}

/* scalloped white divider */
.steps-pro-section .step-number::after{
  content:"" !important;
  position:absolute !important;
  right:-8px !important;
  top:0 !important;
  width:16px !important;
  height:100% !important;
  background:
    radial-gradient(circle at 0 7px,#fff 6px,transparent 6.5px)
    0 0/16px 14px repeat-y !important;
  pointer-events:none !important;
}

.steps-pro-section .step-copy{
  all:unset !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  padding:10px 14px 10px 20px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:4px !important;
  box-sizing:border-box !important;
}

.steps-pro-section .step-copy b{
  all:unset !important;
  display:block !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
}

.steps-pro-section .step-copy span{
  all:unset !important;
  display:block !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1.2 !important;
}

/* 3) Tighten owner CTA block height only */
.owner-cta-pro{
  padding-top:18px !important;
  padding-bottom:18px !important;
}
.owner-cta-pro .owner-cta-inner{
  min-height:0 !important;
  padding-top:22px !important;
  padding-bottom:22px !important;
}

@media(max-width:900px){
  .program-scroll{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .steps-pro-section .steps,
  .steps-pro-section .steps-pro{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:600px){
  .program-scroll{
    grid-template-columns:1fr !important;
  }
}


/* V44 — hard reset posting steps with isolated classes */
.posting-steps-v44{background:#fff!important;padding:32px 0 30px!important}
.posting-steps-inner{width:min(1180px,calc(100% - 32px))!important;margin:0 auto!important}
.posting-steps-head{text-align:center!important;margin-bottom:26px!important}
.posting-steps-head h2{margin:0 0 10px!important;font-size:22px!important;line-height:1.2!important;font-weight:850!important;color:#4B4B4B!important}
.posting-steps-head p{margin:0!important;font-size:14px!important;line-height:1.35!important;color:#888!important}
.posting-steps-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.posting-step-v44{height:68px!important;display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;align-items:stretch!important;border-radius:5px!important;overflow:hidden!important;box-sizing:border-box!important;position:relative!important}
.posting-step-green{background:#38AE79!important;border:1px solid #239C6E!important}
.posting-step-blue{background:#3C9BE6!important;border:1px solid #2C8EDB!important}
.posting-step-orange{background:#FF940E!important;border:1px solid #F28100!important}
.posting-step-number-zone{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;height:100%!important}
.posting-step-number{width:46px!important;height:46px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:23px!important;line-height:1!important;font-weight:500!important;background:#F5F7F5!important;position:relative!important;z-index:2!important}
.posting-step-green .posting-step-number{color:#2A9C77!important}
.posting-step-blue .posting-step-number{color:#3094E7!important}
.posting-step-orange .posting-step-number{color:#FF8C08!important}
.posting-step-teeth{position:absolute!important;top:0!important;right:-8px!important;width:16px!important;height:100%!important;z-index:3!important;pointer-events:none!important;background:radial-gradient(circle at 0 7px,#fff 6px,transparent 6.5px) 0 0/16px 14px repeat-y!important}
.posting-step-text{min-width:0!important;padding:10px 14px 10px 18px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;color:#fff!important;box-sizing:border-box!important}
.posting-step-text b{margin:0!important;padding:0!important;color:#fff!important;font-size:15px!important;line-height:1.15!important;font-weight:900!important;display:block!important}
.posting-step-text span{margin:0!important;padding:0!important;color:#fff!important;font-size:13px!important;line-height:1.18!important;font-weight:500!important;display:block!important}
@media(max-width:900px){.posting-steps-row{grid-template-columns:1fr!important}}
@media(max-width:600px){.posting-steps-inner{width:calc(100% - 20px)!important}.posting-step-v44{grid-template-columns:78px minmax(0,1fr)!important}}


/* =========================================================
   V45 — exact gas image, hero subtitle typing, sticky flicker fix
   ========================================================= */

/* Exact gas screenshot fits in one popup without scrolling */
.gas-popup-exact-wrap{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.gas-popup-exact-image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:76vh !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fff !important;
}
.utility-modal:has(.gas-popup-exact-image) .utility-dialog{
  width:min(1180px,96vw) !important;
  max-height:94vh !important;
  overflow:hidden !important;
  padding:18px 22px 20px !important;
}

/* Typing subtitle */
#heroTypingSubtitle{
  display:inline-block !important;
  min-height:1.25em !important;
  white-space:nowrap !important;
  border-right:2px solid rgba(255,255,255,.85) !important;
  padding-right:3px !important;
  animation:heroCaretBlink .75s steps(1,end) infinite !important;
}
@keyframes heroCaretBlink{
  0%,48%{border-right-color:rgba(255,255,255,.85)}
  49%,100%{border-right-color:transparent}
}

/* FIX: prevent top menu flicker caused by two sticky layers competing at top:0 */
.workspace-tabs{
  position:relative !important;
  top:auto !important;
  z-index:70 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Keep only the actual site header sticky */
.header{
  position:sticky !important;
  top:0 !important;
  z-index:1200 !important;
  isolation:isolate !important;
  background:#fff !important;

  /* Force stable compositor layer while scrolling */
  transform:translateZ(0) !important;
  -webkit-transform:translateZ(0) !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  will-change:transform !important;
  contain:paint !important;
}

/* Avoid transparent repaint seams inside sticky header */
.header .topbar,
.header .nav,
.header .container,
.header-inner{
  background:#fff !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
}

/* Stable dimensions help prevent 1px layout jumping during scroll */
.header{
  min-height:44px !important;
}
.nav{
  min-height:38px !important;
}

/* Remove animated transitions from sticky/navigation geometry */
.header,
.header *,
.nav,
.nav *{
  transition-property:background-color,color,border-color,box-shadow !important;
}

/* Ensure hero/search never paints above sticky menu */
.hero,
.hero-content,
.search-shell{
  isolation:auto !important;
}
.hero-content{
  z-index:20 !important;
}
.search-shell{
  z-index:30 !important;
}
.header{
  z-index:5000 !important;
}

@media(max-width:760px){
  #heroTypingSubtitle{
    white-space:normal !important;
  }
}

/* V46 — stop caret after one-time hero typing */
#heroTypingSubtitle.typing-done{
  border-right-color:transparent !important;
  animation:none !important;
}