body.rpg-homepage{--rpgx-g950:#053b2c;--rpgx-g900:#064b36;--rpgx-g800:#076746;--rpgx-g700:#0a8f55;--rpgx-g600:#13a462;--rpgx-g100:#e9f7ef;--rpgx-page:#f6f8f7;--rpgx-ink:#18231f;--rpgx-muted:#758079;--rpgx-line:#e5ebe7;background:var(--rpgx-page)!important;color:var(--rpgx-ink)!important;font-family:Inter,DM Sans,system-ui,-apple-system,"Segoe UI",sans-serif!important}body.rpg-homepage>.top-header,body.rpg-homepage #header{display:none!important}body.rpg-homepage #wrapper,body.rpg-homepage main.clearfix,body.rpg-homepage .ck-content{margin:0!important;padding:0!important;max-width:none!important;width:100%!important}.rpgx-home *{box-sizing:border-box}.rpgx-home a{text-decoration:none;color:inherit}.rpgx-home img{display:block;width:100%;object-fit:cover}.rpgx-container{width:min(1420px,calc(100% - 64px));margin:auto}.rpgx-topbar{background:#053b2c;color:#dff4e8;font-size:12px}.rpgx-topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.rpgx-top-left,.rpgx-top-right{display:flex;gap:24px;align-items:center}.rpgx-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--rpgx-line)}.rpgx-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.rpgx-brand{display:flex;align-items:center;gap:11px;font-weight:900}.rpgx-brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--rpgx-g700),var(--rpgx-g600));color:#fff;font-size:20px;box-shadow:0 8px 22px rgba(10,143,85,.22)}.rpgx-brand-copy{line-height:1.03}.rpgx-brand-copy b,.rpgx-brand-copy span{display:block}.rpgx-brand-copy b{font-size:13px;letter-spacing:.02em}.rpgx-brand-copy span{font-size:12px;color:var(--rpgx-g700)}.rpgx-nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:750}.rpgx-nav a:hover{color:var(--rpgx-g700)}.rpgx-header-actions{display:flex;align-items:center;gap:10px}.rpgx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid transparent;font-weight:800;font-size:13px}.rpgx-btn-primary{background:var(--rpgx-g700);color:#fff!important}.rpgx-btn-soft{background:#fff;border-color:var(--rpgx-line)}.rpgx-btn-outline{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.45)}.rpgx-menu-btn{display:none;width:44px;height:44px;border:1px solid var(--rpgx-line);background:#fff;border-radius:12px}.rpgx-mobile-menu{display:none}.rpgx-hero{min-height:500px;color:#fff;background:linear-gradient(90deg,rgba(4,49,36,.96) 0%,rgba(4,58,41,.84) 35%,rgba(3,36,27,.32) 67%,rgba(3,24,18,.10) 100%),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2200&q=90') center/cover}.rpgx-hero-inner{padding:72px 0 48px}.rpgx-hero-copy{max-width:660px}.rpgx-hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;padding:8px 12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);backdrop-filter:blur(8px);border-radius:999px}.rpgx-hero-badge span{color:#f5d36c}.rpgx-hero h1{margin:20px 0 14px!important;font:800 clamp(48px,5.5vw,82px)/.98 Inter,DM Sans,sans-serif!important;letter-spacing:-.05em;color:#fff!important;max-width:680px}.rpgx-hero h1 span{color:#38cf7e}.rpgx-hero p{max-width:560px;margin:0 0 28px;color:#e6f2ec;font-size:16px}.rpgx-hero-points{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px}.rpgx-hero-points>span{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:750;color:#e2efe8}.rpgx-hero-points i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(16,159,92,.16);border:1px solid rgba(105,234,161,.23);color:#67e49e;font-style:normal}.rpgx-search-wrap{position:relative;z-index:5;margin-top:-112px}.rpgx-search-shell{margin-left:auto;width:min(980px,72%)}.rpgx-search-tabs{display:inline-flex;margin-left:26px;background:rgba(5,51,37,.82);backdrop-filter:blur(12px);border-radius:16px 16px 0 0;overflow:hidden}.rpgx-search-tabs button{border:0;background:transparent;color:#dbeee5;padding:14px 30px;font-weight:850;cursor:pointer}.rpgx-search-tabs button.active{background:#fff;color:var(--rpgx-g800)}.rpgx-search-box{background:#fff;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.18);padding:14px;display:grid;grid-template-columns:1.3fr 1fr .85fr .85fr auto;gap:9px}.rpgx-field{padding:9px 12px;border-right:1px solid var(--rpgx-line);min-width:0}.rpgx-field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#9aa39e;font-weight:850;margin-bottom:3px}.rpgx-field input,.rpgx-field select{width:100%;border:0!important;outline:0;background:transparent!important;color:var(--rpgx-ink);padding:5px 0!important;height:auto!important;box-shadow:none!important}.rpgx-search-btn{white-space:nowrap}.rpgx-more-filters{text-align:center;font-size:11px;font-weight:800;color:#5d6d64;margin-top:8px}.rpgx-section{padding:58px 0}.rpgx-white{background:#fff}.rpgx-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.rpgx-section-head h2{margin:0!important;font:800 32px/1.08 Inter,DM Sans,sans-serif!important;letter-spacing:-.035em;color:var(--rpgx-ink)!important}.rpgx-section-head>a,.rpgx-view-all,.rpgx-panel-head>a{font-size:12px;font-weight:850;color:var(--rpgx-g700)}.rpgx-type-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.rpgx-type-card{background:#fff;border:1px solid var(--rpgx-line);border-radius:17px;padding:10px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px rgba(16,60,42,.04)}.rpgx-type-card img{width:62px;height:62px;border-radius:13px}.rpgx-type-card strong{display:block;font-size:13px}.rpgx-type-card span{display:block;font-size:10px;color:var(--rpgx-muted);margin-top:3px}.rpgx-properties-head{align-items:center}.rpgx-pills{display:flex;gap:8px;flex-wrap:wrap}.rpgx-pills>*{padding:9px 14px;border:1px solid var(--rpgx-line);border-radius:999px;background:#fff;font-size:11px;font-weight:800}.rpgx-pills .active{background:var(--rpgx-g700);color:#fff;border-color:var(--rpgx-g700)}.rpgx-property-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.rpgx-property-card{background:#fff;border:1px solid var(--rpgx-line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(13,53,38,.05)}.rpgx-property-media{height:220px;position:relative;display:block}.rpgx-property-media img{height:100%}.rpgx-badge{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.06em;background:var(--rpgx-g700);color:#fff}.rpgx-badge.rent{background:#ef5a4d}.rpgx-heart{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.96);font-size:17px}.rpgx-property-body{padding:15px}.rpgx-property-title{font-weight:900;font-size:14px;color:var(--rpgx-ink)}.rpgx-meta{margin-top:6px;color:var(--rpgx-muted);font-size:11px}.rpgx-features{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0;color:#66746b;font-size:11px}.rpgx-price-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.rpgx-price-line strong{font-size:16px;color:var(--rpgx-g900)}.rpgx-price-line span{font-size:10px;color:var(--rpgx-g700);font-weight:850}.rpgx-property-card .property-contact-actions{display:grid!important;grid-template-columns:1fr 1fr!important;border-top:1px solid var(--rpgx-line)!important;padding:0!important;gap:0!important}.rpgx-property-card .property-contact-action{border:0!important;border-radius:0!important;min-height:46px!important;background:#fff!important;color:var(--rpgx-ink)!important;box-shadow:none!important}.rpgx-property-card .property-contact-action--whatsapp{color:#079455!important;border-left:1px solid var(--rpgx-line)!important}.rpgx-location-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.rpgx-location-card{height:150px;border-radius:17px;overflow:hidden;position:relative;color:#fff}.rpgx-location-card img{height:100%}.rpgx-location-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(3,35,26,.90))}.rpgx-location-card>div{position:absolute;z-index:2;left:14px;bottom:12px}.rpgx-location-card strong{display:block;font-size:15px}.rpgx-location-card span{font-size:10px;color:#d9eee4}.rpgx-trust{background:linear-gradient(120deg,rgba(3,64,45,.97),rgba(5,96,61,.95)),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=80') center/cover;border-radius:22px;color:#fff;padding:30px;display:grid;grid-template-columns:1.15fr repeat(4,.7fr);gap:18px;align-items:center}.rpgx-trust h3{margin:0 0 8px!important;font:800 27px/1.05 Inter,DM Sans,sans-serif!important;color:#fff!important}.rpgx-trust h3 span{color:#74e6a6}.rpgx-trust p{color:#cfe6dc;font-size:12px;max-width:320px}.rpgx-trust>div:first-child>a{display:inline-flex;border:1px solid rgba(255,255,255,.35);padding:9px 13px;border-radius:10px;font-size:11px}.rpgx-trust-stat{text-align:center;border-left:1px solid rgba(255,255,255,.12)}.rpgx-trust-stat i{width:44px;height:44px;border-radius:50%;margin:0 auto 9px;display:grid;place-items:center;background:rgba(54,210,123,.18);color:#80edaf;font-size:20px;font-style:normal}.rpgx-trust-stat strong{display:block;font-size:24px}.rpgx-trust-stat span{font-size:10px;color:#d1e5dc}.rpgx-split{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.rpgx-panel{background:#fff;border:1px solid var(--rpgx-line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(12,49,35,.04)}.rpgx-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--rpgx-line)}.rpgx-panel-head h3{margin:0!important;font:800 18px/1.2 Inter,DM Sans,sans-serif!important;color:var(--rpgx-ink)!important}.rpgx-pro-tabs{display:flex;gap:8px}.rpgx-pro-tabs>*{padding:7px 12px;border-radius:999px;background:#f3f6f4;font-size:10px;font-weight:800}.rpgx-pro-tabs .active{background:var(--rpgx-g700);color:#fff}.rpgx-prof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:18px}.rpgx-prof{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center}.rpgx-prof img{width:52px;height:52px;border-radius:50%}.rpgx-prof strong{display:block;font-size:12px}.rpgx-prof span{display:block;font-size:10px;color:var(--rpgx-muted)}.rpgx-prof b{font-size:11px;color:#d3951e}.rpgx-dev-main{padding:18px}.rpgx-dev-card{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center}.rpgx-dev-card img{height:210px;border-radius:16px}.rpgx-dev-card h4{margin:0 0 8px!important;font:800 20px/1.15 Inter,DM Sans,sans-serif!important;color:var(--rpgx-ink)!important}.rpgx-dev-card p{margin:3px 0;color:var(--rpgx-muted);font-size:11px}.rpgx-dev-price{margin:10px 0;font-size:14px;font-weight:900;color:var(--rpgx-g800)}.rpgx-cta{margin-top:20px;border-radius:22px;overflow:hidden;background:linear-gradient(90deg,rgba(4,88,59,.97),rgba(4,72,49,.80)),url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1800&q=80') center/cover;color:#fff;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.rpgx-cta h3{margin:0 0 6px!important;font:800 26px/1.08 Inter,DM Sans,sans-serif!important;color:#fff!important}.rpgx-cta p{margin:0;color:#d4e9df;font-size:12px}.rpgx-cta>div:last-child{display:flex;gap:10px}.rpgx-footer{background:#063d2e;color:#d5e9df;padding:54px 0 18px}.rpgx-footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr) 1.4fr;gap:28px}.rpgx-footer-grid>div{display:grid;align-content:start;gap:7px}.rpgx-footer h4{margin:0 0 12px!important;font:800 13px/1.2 Inter,DM Sans,sans-serif!important;color:#fff!important}.rpgx-footer p,.rpgx-footer a{font-size:11px;color:#bfd6cc}.rpgx-footer-brand .rpgx-brand-copy b{color:#fff}.rpgx-footer-brand .rpgx-brand-copy span{color:#86e4ae}.rpgx-newsletter{display:flex;background:#fff;border-radius:10px;padding:4px;margin-top:10px}.rpgx-newsletter input{border:0!important;outline:0;min-width:0;flex:1;padding:9px!important;height:auto!important}.rpgx-newsletter button{border:0;background:var(--rpgx-g700);color:#fff;border-radius:8px;padding:0 13px}.rpgx-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#a9c7bb}.rpgx-mobile-bottom{display:none} @media(max-width:1180px){.rpgx-nav{display:none}.rpgx-menu-btn{display:block}.rpgx-mobile-menu.open{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 24px 18px;background:#fff;border-top:1px solid var(--rpgx-line)}.rpgx-mobile-menu a{padding:10px;border:1px solid var(--rpgx-line);border-radius:10px;text-align:center;font-size:12px}.rpgx-search-shell{width:86%}.rpgx-property-grid{grid-template-columns:repeat(2,1fr)}.rpgx-type-row,.rpgx-location-row{grid-template-columns:repeat(3,1fr)}.rpgx-trust{grid-template-columns:1fr 1fr 1fr}.rpgx-trust>div:first-child{grid-column:1/-1}.rpgx-split{grid-template-columns:1fr}.rpgx-footer-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:760px){body.rpg-homepage{padding-bottom:84px}.rpgx-container{width:min(100% - 24px,1420px)}.rpgx-topbar{display:none}.rpgx-header-inner{min-height:64px}.rpgx-brand-copy span{display:none}.rpgx-header-actions .rpgx-btn{display:none}.rpgx-mobile-menu.open{grid-template-columns:1fr 1fr}.rpgx-hero{min-height:540px}.rpgx-hero-inner{padding:50px 0 150px}.rpgx-hero h1{font-size:46px!important;max-width:330px}.rpgx-hero p{font-size:14px;max-width:330px}.rpgx-hero-points{gap:12px}.rpgx-hero-points>span{font-size:10px}.rpgx-search-wrap{margin-top:-125px}.rpgx-search-shell{width:100%}.rpgx-search-tabs{width:100%;margin-left:0;display:grid;grid-template-columns:repeat(3,1fr)}.rpgx-search-tabs button{padding:12px 8px}.rpgx-search-box{grid-template-columns:1fr 1fr;border-radius:0 0 20px 20px}.rpgx-field{border-right:0;border-bottom:1px solid var(--rpgx-line)}.rpgx-search-btn{grid-column:1/-1}.rpgx-section{padding:42px 0}.rpgx-section-head{align-items:flex-start;flex-direction:column}.rpgx-section-head h2{font-size:27px!important}.rpgx-properties-head .rpgx-view-all{display:none}.rpgx-type-row,.rpgx-location-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;gap:12px}.rpgx-type-card{min-width:78%;scroll-snap-align:start}.rpgx-location-card{min-width:72%;scroll-snap-align:start}.rpgx-property-grid{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding-bottom:4px}.rpgx-property-card{min-width:86%;scroll-snap-align:start}.rpgx-property-media{height:230px}.rpgx-trust{grid-template-columns:1fr 1fr;padding:22px}.rpgx-trust>div:first-child{grid-column:1/-1}.rpgx-trust-stat{border-left:0}.rpgx-prof-grid{grid-template-columns:1fr}.rpgx-panel-head{align-items:flex-start;flex-wrap:wrap}.rpgx-dev-card{grid-template-columns:1fr}.rpgx-cta{align-items:flex-start;flex-direction:column}.rpgx-cta>div:last-child{width:100%;display:grid;grid-template-columns:1fr 1fr}.rpgx-footer-grid{grid-template-columns:1fr 1fr}.rpgx-footer-grid>div:first-child,.rpgx-footer-grid>div:last-child{grid-column:1/-1}.rpgx-footer-bottom{flex-direction:column}.rpgx-mobile-bottom{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid var(--rpgx-line);border-radius:18px;box-shadow:0 12px 32px rgba(0,0,0,.14);padding:8px 10px}.rpgx-mobile-bottom a{flex:1;text-align:center;font-size:10px;font-weight:800;color:#66736c}.rpgx-mobile-bottom strong{display:block;color:var(--rpgx-g700);font-size:17px;line-height:1.1}} /* ===== V19 exact-reference precision overrides ===== */ body.rpg-homepage > #wrapper main.clearfix > .top-header, body.rpg-homepage > #wrapper main.clearfix > #header, body.rpg-homepage > #wrapper > footer.footer, body.rpg-homepage footer.footer:not(.rpgx-footer), body.rpg-homepage .footer:not(.rpgx-footer){display:none!important} body.rpg-homepage #wrapper,body.rpg-homepage main.clearfix{background:#f6f8f7!important} body.rpg-homepage .rpgx-container{width:min(1420px,calc(100% - 64px))!important} .rpgx-topbar-inner{min-height:38px!important}.rpgx-header-inner{min-height:82px!important}.rpgx-nav{gap:32px!important} .rpgx-brand-mark{width:46px!important;height:46px!important}.rpgx-btn{min-height:46px!important;padding-inline:19px!important} .rpgx-hero{min-height:510px!important;background:linear-gradient(90deg,rgba(4,49,36,.96) 0%,rgba(4,58,41,.84) 35%,rgba(3,36,27,.26) 68%,rgba(3,24,18,.08) 100%),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2200&q=90') center 56%/cover no-repeat!important} .rpgx-hero-inner{min-height:510px!important;display:flex!important;align-items:center!important;padding:54px 0 104px!important}.rpgx-hero-copy{max-width:650px!important} .rpgx-hero h1{font-size:clamp(54px,5.45vw,80px)!important;line-height:.98!important;letter-spacing:-.055em!important;max-width:650px!important}.rpgx-hero p{font-size:16px!important;max-width:520px!important}.rpgx-hero-points{gap:30px!important}.rpgx-hero-points i{width:38px!important;height:38px!important} .rpgx-search-wrap{margin-top:-144px!important;padding-bottom:16px!important}.rpgx-search-shell{width:min(930px,68%)!important}.rpgx-search-box{grid-template-columns:1.35fr 1fr .9fr .8fr auto!important;box-shadow:0 22px 54px rgba(0,0,0,.19)!important}.rpgx-search-btn{min-width:160px!important} .rpgx-section{padding:58px 0!important}.rpgx-section-head h2{font-size:32px!important}.rpgx-type-card{min-height:84px!important}.rpgx-property-media{height:235px!important}.rpgx-property-body{padding:16px!important}.rpgx-location-card{height:160px!important} .rpgx-property-card .property-contact-actions{display:grid!important;grid-template-columns:1fr 1fr!important;border-top:1px solid #e5ebe7!important;padding:0!important;gap:0!important;background:#fff!important}.rpgx-property-card .property-contact-action{min-height:48px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#18231f!important;box-shadow:none!important;font-weight:850!important}.rpgx-property-card .property-contact-action:hover{background:#f7faf8!important;transform:none!important;box-shadow:none!important}.rpgx-property-card .property-contact-action--call{background:#fff!important;color:#1c5f78!important}.rpgx-property-card .property-contact-action--whatsapp{background:#fff!important;color:#079455!important;border-left:1px solid #e5ebe7!important} .rpgx-trust{min-height:205px!important;padding:32px!important}.rpgx-trust-stat i{width:48px!important;height:48px!important}.rpgx-trust-stat strong{font-size:27px!important}.rpgx-prof-grid{padding:20px!important}.rpgx-prof{grid-template-columns:56px 1fr auto!important}.rpgx-prof img{width:56px!important;height:56px!important}.rpgx-dev-main{padding:20px!important}.rpgx-dev-card img{height:220px!important} .rpgx-cta{min-height:160px!important;padding:34px 40px!important;background:linear-gradient(90deg,rgba(4,88,59,.94),rgba(4,72,49,.72)),url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1800&q=80') center 58%/cover!important}.rpgx-footer{padding:58px 0 20px!important}.rpgx-footer-grid{gap:32px!important} @media(max-width:1180px){body.rpg-homepage .rpgx-container{width:min(100% - 36px,1420px)!important}.rpgx-search-shell{width:86%!important}} @media(max-width:760px){body.rpg-homepage .rpgx-container{width:min(100% - 24px,1420px)!important}.rpgx-header-inner{min-height:64px!important}.rpgx-brand-mark{width:40px!important;height:40px!important}.rpgx-hero{min-height:540px!important;background-position:60% center!important}.rpgx-hero-inner{min-height:540px!important;padding:44px 0 160px!important;align-items:flex-start!important}.rpgx-hero h1{font-size:46px!important;max-width:340px!important}.rpgx-hero p{font-size:14px!important;max-width:330px!important}.rpgx-search-wrap{margin-top:-140px!important}.rpgx-search-shell{width:100%!important}.rpgx-search-box{grid-template-columns:1fr 1fr!important}.rpgx-property-media{height:235px!important}.rpgx-trust{min-height:auto!important;padding:22px!important}.rpgx-cta{padding:28px 22px!important}} /* ========================================================================== REAL PROPERTY GURU — HOMEPAGE MOBILE TWO-ROW SWIPE V19.1 Mobile-only. Desktop/tablet desktop layout remains unchanged. ========================================================================== */ @media (max-width: 760px) { /* Section spacing + swipe affordance */ .rpgx-types-section, .rpgx-section.rpgx-white, .rpgx-section { overflow: hidden; } .rpgx-section-head { gap: 6px !important; margin-bottom: 16px !important; } .rpgx-section-head > a, .rpgx-view-all { font-size: 11px !important; font-weight: 850 !important; color: #078e48 !important; } /* -------------------------------------------------------------- TWO-ROW HORIZONTAL SWIPE ENGINE First 2 cards = column 1, next 2 = column 2, etc. -------------------------------------------------------------- */ .rpgx-type-row, .rpgx-property-grid, .rpgx-location-row { display: grid !important; grid-auto-flow: column !important; grid-template-rows: repeat(2, auto) !important; align-items: stretch !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory !important; scroll-padding-inline: 12px !important; overscroll-behavior-inline: contain !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; padding: 2px 12px 14px 0 !important; margin-right: -12px !important; } .rpgx-type-row::-webkit-scrollbar, .rpgx-property-grid::-webkit-scrollbar, .rpgx-location-row::-webkit-scrollbar { display: none !important; } /* Every first item of a 2-card column snaps to viewport start. All cards inherit the same column width. */ .rpgx-type-row > *, .rpgx-property-grid > *, .rpgx-location-row > * { min-width: 0 !important; width: auto !important; max-width: none !important; } .rpgx-type-row > :nth-child(odd), .rpgx-property-grid > :nth-child(odd), .rpgx-location-row > :nth-child(odd) { scroll-snap-align: start !important; scroll-snap-stop: normal !important; } /* -------------------------------------------------------------- PROPERTY TYPES — 2 stacked compact cards per swipe column -------------------------------------------------------------- */ .rpgx-type-row { grid-auto-columns: min(78vw, 300px) !important; column-gap: 12px !important; row-gap: 10px !important; } .rpgx-type-card { min-width: 0 !important; min-height: 76px !important; padding: 9px 12px !important; border-radius: 14px !important; display: grid !important; grid-template-columns: 54px 1fr !important; align-items: center !important; gap: 10px !important; background: #fff !important; box-shadow: 0 7px 20px rgba(7,49,34,.06) !important; } .rpgx-type-card img { width: 54px !important; height: 54px !important; border-radius: 10px !important; object-fit: cover !important; } .rpgx-type-card strong { font-size: 13px !important; line-height: 1.2 !important; } .rpgx-type-card span { margin-top: 3px !important; font-size: 10.5px !important; } /* -------------------------------------------------------------- RECOMMENDED PROPERTIES — 2 full cards per swipe column -------------------------------------------------------------- */ .rpgx-property-grid { grid-auto-columns: min(86vw, 340px) !important; column-gap: 14px !important; row-gap: 14px !important; align-items: stretch !important; } .rpgx-property-card { min-width: 0 !important; width: 100% !important; height: 100% !important; border-radius: 16px !important; overflow: hidden !important; background: #fff !important; box-shadow: 0 9px 26px rgba(7,49,34,.075) !important; } .rpgx-property-media { height: 190px !important; } .rpgx-property-body { padding: 13px !important; } .rpgx-property-title { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; min-height: 37px !important; font-size: 13.5px !important; line-height: 1.36 !important; } .rpgx-meta { margin-top: 7px !important; font-size: 10.5px !important; } .rpgx-features { margin-top: 8px !important; gap: 8px !important; font-size: 10px !important; flex-wrap: wrap !important; } .rpgx-price-line { margin-top: 10px !important; } .rpgx-price-line strong { font-size: 14px !important; } .rpgx-price-line span { font-size: 9.5px !important; } .rpgx-property-card .property-contact-action { min-height: 42px !important; font-size: 11px !important; } /* -------------------------------------------------------------- TOP LOCATIONS — 2 image cards per swipe column -------------------------------------------------------------- */ .rpgx-location-row { grid-auto-columns: min(82vw, 320px) !important; column-gap: 12px !important; row-gap: 10px !important; } .rpgx-location-card { min-width: 0 !important; width: 100% !important; height: 118px !important; border-radius: 15px !important; overflow: hidden !important; box-shadow: 0 7px 20px rgba(7,49,34,.07) !important; } .rpgx-location-card img { width: 100% !important; height: 100% !important; object-fit: cover !important; } .rpgx-location-card strong { font-size: 13px !important; } .rpgx-location-card span { font-size: 9.5px !important; } /* Clear left/right swipe cue without extra JS */ .rpgx-type-row, .rpgx-property-grid, .rpgx-location-row { mask-image: linear-gradient( to right, #000 0, #000 calc(100% - 18px), rgba(0,0,0,.25) 100% ); -webkit-mask-image: linear-gradient( to right, #000 0, #000 calc(100% - 18px), rgba(0,0,0,.25) 100% ); } } /* Very small phones */ @media (max-width: 390px) { .rpgx-type-row { grid-auto-columns: 82vw !important; } .rpgx-property-grid { grid-auto-columns: 88vw !important; } .rpgx-location-row { grid-auto-columns: 86vw !important; } .rpgx-property-media { height: 176px !important; } } /* Large phones / small tablets */ @media (min-width: 761px) and (max-width: 900px) { .rpgx-type-row, .rpgx-location-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .rpgx-property-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* ========================================================================== REAL PROPERTY GURU — HOMEPAGE MOBILE PREMIUM V20 True mobile composition, not a squeezed desktop layout. ========================================================================== */ @media (max-width: 760px) { body.rpg-homepage{ padding-bottom:76px!important; overflow-x:hidden!important; } body.rpg-homepage .rpgx-container{ width:calc(100% - 24px)!important; max-width:none!important; } /* -------------------------------------------------------------- MOBILE HEADER -------------------------------------------------------------- */ .rpgx-topbar{display:none!important} .rpgx-header{ position:sticky!important; top:0!important; z-index:95!important; background:rgba(255,255,255,.98)!important; border-bottom:1px solid #e5ebe7!important; box-shadow:0 5px 18px rgba(5,59,44,.055)!important; backdrop-filter:blur(12px)!important; } .rpgx-header-inner{ min-height:60px!important; gap:10px!important; } .rpgx-brand{ gap:8px!important; min-width:0!important; } .rpgx-brand-mark{ width:38px!important; height:38px!important; border-radius:10px!important; font-size:16px!important; box-shadow:none!important; } .rpgx-brand-copy b{ font-size:11.5px!important; line-height:1.05!important; } .rpgx-brand-copy span{display:none!important} .rpgx-nav{display:none!important} .rpgx-header-actions .rpgx-btn{display:none!important} .rpgx-menu-btn{ display:grid!important; place-items:center!important; width:40px!important; height:40px!important; border-radius:10px!important; flex:0 0 40px!important; } .rpgx-mobile-menu.open{ position:absolute!important; top:60px!important; left:0!important; right:0!important; grid-template-columns:1fr 1fr!important; gap:8px!important; padding:10px 12px 14px!important; background:#fff!important; border-top:1px solid #e5ebe7!important; box-shadow:0 16px 30px rgba(0,0,0,.08)!important; } /* -------------------------------------------------------------- HERO — shorter, cleaner, mobile-first -------------------------------------------------------------- */ .rpgx-hero{ min-height:455px!important; background: linear-gradient(180deg,rgba(3,47,35,.84) 0%,rgba(3,52,38,.68) 45%,rgba(3,45,34,.86) 100%), url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1100&q=88') 60% center/cover no-repeat!important; } .rpgx-hero-inner{ min-height:455px!important; padding:34px 0 138px!important; display:block!important; } .rpgx-hero-copy{max-width:100%!important} .rpgx-hero-badge{ padding:6px 9px!important; font-size:9.5px!important; border-radius:999px!important; } .rpgx-hero h1{ margin:13px 0 9px!important; max-width:310px!important; font-size:37px!important; line-height:.98!important; letter-spacing:-.045em!important; } .rpgx-hero p{ max-width:310px!important; margin-bottom:15px!important; font-size:12px!important; line-height:1.55!important; } .rpgx-hero-points{ gap:7px 10px!important; margin-top:12px!important; display:grid!important; grid-template-columns:1fr 1fr!important; max-width:300px!important; } .rpgx-hero-points>span{ gap:6px!important; font-size:9px!important; } .rpgx-hero-points i{ width:27px!important; height:27px!important; border-radius:8px!important; font-size:11px!important; } /* -------------------------------------------------------------- MOBILE SEARCH CARD -------------------------------------------------------------- */ .rpgx-search-wrap{ margin-top:-116px!important; padding-bottom:8px!important; position:relative!important; z-index:8!important; } .rpgx-search-shell{ width:100%!important; } .rpgx-search-tabs{ width:100%!important; margin:0!important; grid-template-columns:repeat(3,1fr)!important; background:#07543a!important; border-radius:14px 14px 0 0!important; } .rpgx-search-tabs button{ min-height:38px!important; padding:0 6px!important; font-size:10.5px!important; } .rpgx-search-tabs button.active{ color:#078e48!important; } .rpgx-search-box{ padding:10px!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; border-radius:0 0 16px 16px!important; box-shadow:0 16px 34px rgba(0,0,0,.18)!important; } .rpgx-field{ min-width:0!important; padding:9px 10px!important; border:1px solid #e4ebe6!important; border-radius:10px!important; background:#fbfdfc!important; } .rpgx-field:first-child{ grid-column:1/-1!important; } .rpgx-field label{ margin-bottom:2px!important; font-size:8px!important; letter-spacing:.055em!important; } .rpgx-field input, .rpgx-field select{ min-height:24px!important; padding:2px 0!important; font-size:11.5px!important; } .rpgx-search-btn{ grid-column:1/-1!important; min-width:0!important; min-height:44px!important; border-radius:10px!important; font-size:11.5px!important; } .rpgx-more-filters{ margin-top:7px!important; font-size:9.5px!important; } /* -------------------------------------------------------------- GLOBAL MOBILE SECTION RHYTHM -------------------------------------------------------------- */ .rpgx-section{ padding:28px 0!important; } .rpgx-section-head{ margin-bottom:13px!important; flex-direction:row!important; align-items:flex-end!important; justify-content:space-between!important; gap:10px!important; } .rpgx-section-head h2{ max-width:250px!important; font-size:20px!important; line-height:1.08!important; letter-spacing:-.025em!important; } .rpgx-section-head>a, .rpgx-view-all, .rpgx-panel-head>a{ flex:0 0 auto!important; font-size:9.5px!important; white-space:nowrap!important; } /* -------------------------------------------------------------- PROPERTY TYPES — KEEP 2-ROW SWIPE, BUT LARGE ENOUGH TO READ -------------------------------------------------------------- */ .rpgx-type-row{ display:grid!important; grid-auto-flow:column!important; grid-template-rows:repeat(2,76px)!important; grid-auto-columns:154px!important; column-gap:10px!important; row-gap:10px!important; overflow-x:auto!important; overflow-y:hidden!important; scroll-snap-type:x proximity!important; padding:1px 18px 8px 0!important; margin-right:-12px!important; -webkit-overflow-scrolling:touch!important; scrollbar-width:none!important; mask-image:none!important; -webkit-mask-image:none!important; } .rpgx-type-row::-webkit-scrollbar{display:none!important} .rpgx-type-card{ min-width:0!important; width:154px!important; min-height:76px!important; padding:8px!important; display:grid!important; grid-template-columns:50px 1fr!important; gap:9px!important; border-radius:13px!important; scroll-snap-align:start!important; } .rpgx-type-card img{ width:50px!important; height:58px!important; border-radius:9px!important; } .rpgx-type-card strong{ font-size:11.5px!important; line-height:1.15!important; } .rpgx-type-card span{ font-size:8.5px!important; line-height:1.25!important; } /* -------------------------------------------------------------- RECOMMENDED PROPERTIES — SINGLE ROW LARGE SWIPE CARDS -------------------------------------------------------------- */ .rpgx-properties-head{ align-items:flex-end!important; } .rpgx-properties-head .rpgx-view-all{ display:block!important; } .rpgx-pills{ grid-column:1/-1!important; width:100%!important; gap:5px!important; flex-wrap:nowrap!important; overflow-x:auto!important; scrollbar-width:none!important; padding-bottom:2px!important; } .rpgx-pills::-webkit-scrollbar{display:none!important} .rpgx-pills>*{ flex:0 0 auto!important; padding:6px 9px!important; font-size:8.5px!important; } .rpgx-property-grid{ display:flex!important; gap:12px!important; overflow-x:auto!important; overflow-y:hidden!important; scroll-snap-type:x mandatory!important; scroll-padding-inline:0!important; padding:2px 42px 11px 0!important; margin-right:-12px!important; -webkit-overflow-scrolling:touch!important; scrollbar-width:none!important; mask-image:none!important; -webkit-mask-image:none!important; } .rpgx-property-grid::-webkit-scrollbar{display:none!important} .rpgx-property-card{ flex:0 0 min(82vw,310px)!important; min-width:min(82vw,310px)!important; width:min(82vw,310px)!important; height:auto!important; scroll-snap-align:start!important; border-radius:15px!important; box-shadow:0 8px 24px rgba(8,50,36,.07)!important; } .rpgx-property-media{ height:184px!important; } .rpgx-property-body{ padding:12px!important; } .rpgx-property-title{ min-height:34px!important; font-size:12.5px!important; line-height:1.35!important; } .rpgx-meta{ margin-top:5px!important; font-size:9.5px!important; } .rpgx-features{ margin:8px 0!important; gap:8px!important; font-size:9px!important; } .rpgx-price-line strong{ font-size:13.5px!important; white-space:nowrap!important; } .rpgx-price-line span{ font-size:8.5px!important; } .rpgx-property-card .property-contact-action{ min-height:40px!important; font-size:10px!important; } /* -------------------------------------------------------------- LOCATIONS — SINGLE ROW PREMIUM IMAGE SWIPE -------------------------------------------------------------- */ .rpgx-location-row{ display:flex!important; gap:10px!important; overflow-x:auto!important; overflow-y:hidden!important; scroll-snap-type:x mandatory!important; padding:1px 34px 8px 0!important; margin-right:-12px!important; -webkit-overflow-scrolling:touch!important; scrollbar-width:none!important; mask-image:none!important; -webkit-mask-image:none!important; } .rpgx-location-row::-webkit-scrollbar{display:none!important} .rpgx-location-card{ flex:0 0 145px!important; min-width:145px!important; width:145px!important; height:132px!important; border-radius:13px!important; scroll-snap-align:start!important; } .rpgx-location-card>div{ left:10px!important; bottom:9px!important; } .rpgx-location-card strong{ font-size:12px!important; } .rpgx-location-card span{ font-size:8.5px!important; } /* -------------------------------------------------------------- WHY CHOOSE — 2x2 STATIC PREMIUM GRID -------------------------------------------------------------- */ .rpgx-trust{ min-height:0!important; padding:18px!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:14px 8px!important; border-radius:17px!important; } .rpgx-trust>div:first-child{ grid-column:1/-1!important; } .rpgx-trust h3{ max-width:260px!important; font-size:20px!important; line-height:1.05!important; } .rpgx-trust p{ max-width:270px!important; margin-bottom:6px!important; font-size:9.5px!important; line-height:1.5!important; } .rpgx-trust>div:first-child>a{ padding:7px 10px!important; font-size:9px!important; } .rpgx-trust-stat{ min-height:84px!important; padding:6px!important; border:0!important; border-radius:12px!important; background:rgba(255,255,255,.04)!important; } .rpgx-trust-stat i{ width:34px!important; height:34px!important; margin-bottom:5px!important; font-size:14px!important; } .rpgx-trust-stat strong{ font-size:18px!important; } .rpgx-trust-stat span{ font-size:8px!important; line-height:1.2!important; } /* -------------------------------------------------------------- PROFESSIONALS + FEATURED DEVELOPMENT -------------------------------------------------------------- */ .rpgx-split{ grid-template-columns:1fr!important; gap:12px!important; } .rpgx-panel{ border-radius:15px!important; } .rpgx-panel-head{ padding:12px!important; align-items:center!important; flex-wrap:nowrap!important; } .rpgx-panel-head h3{ font-size:13.5px!important; } .rpgx-prof-grid{ padding:10px 12px 12px!important; gap:8px!important; } .rpgx-prof{ min-height:48px!important; padding:4px 0!important; grid-template-columns:36px 1fr auto!important; gap:8px!important; } .rpgx-prof img{ width:36px!important; height:36px!important; } .rpgx-prof strong{ font-size:10.5px!important; } .rpgx-prof span{ font-size:8.5px!important; } .rpgx-prof b{ font-size:9px!important; } .rpgx-dev-main{ padding:12px!important; } .rpgx-dev-card{ grid-template-columns:1fr!important; gap:10px!important; } .rpgx-dev-card img{ height:178px!important; border-radius:12px!important; } .rpgx-dev-card h4{ font-size:16px!important; } .rpgx-dev-card p{ font-size:9.5px!important; } .rpgx-dev-price{ margin:7px 0!important; font-size:11.5px!important; } .rpgx-dev-card .rpgx-btn{ min-height:38px!important; padding:0 13px!important; font-size:10px!important; } /* -------------------------------------------------------------- CTA -------------------------------------------------------------- */ .rpgx-cta{ min-height:185px!important; margin-top:12px!important; padding:22px 18px!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:13px!important; border-radius:16px!important; } .rpgx-cta h3{ max-width:280px!important; font-size:19px!important; } .rpgx-cta p{ max-width:280px!important; font-size:9.5px!important; line-height:1.5!important; } .rpgx-cta>div:last-child{ width:100%!important; grid-template-columns:1fr 1fr!important; gap:8px!important; } .rpgx-cta .rpgx-btn{ min-height:40px!important; padding:0 10px!important; font-size:9.5px!important; } /* -------------------------------------------------------------- FOOTER — compact mobile composition -------------------------------------------------------------- */ .rpgx-footer{ padding:28px 0 14px!important; } .rpgx-footer-grid{ grid-template-columns:1fr 1fr!important; gap:18px 14px!important; } .rpgx-footer-grid>div:first-child, .rpgx-footer-grid>div:last-child{ grid-column:1/-1!important; } .rpgx-footer h4{ margin-bottom:7px!important; font-size:11px!important; } .rpgx-footer p, .rpgx-footer a{ font-size:9px!important; line-height:1.5!important; } .rpgx-newsletter{ margin-top:6px!important; } .rpgx-newsletter input{ min-height:38px!important; font-size:10px!important; } .rpgx-footer-bottom{ margin-top:18px!important; padding-top:12px!important; gap:4px!important; font-size:8px!important; } /* -------------------------------------------------------------- MOBILE BOTTOM NAV -------------------------------------------------------------- */ .rpgx-mobile-bottom{ left:8px!important; right:8px!important; bottom:8px!important; z-index:90!important; border-radius:14px!important; padding:6px!important; } .rpgx-mobile-bottom a{ font-size:8px!important; } .rpgx-mobile-bottom strong{ font-size:14px!important; } } /* Compact phones */ @media (max-width: 390px) { .rpgx-hero h1{font-size:34px!important} .rpgx-property-card{ flex-basis:84vw!important; min-width:84vw!important; width:84vw!important; } .rpgx-location-card{ flex-basis:136px!important; min-width:136px!important; width:136px!important; } } /* Tablet refinement */ @media (min-width: 761px) and (max-width: 1023px) { .rpgx-property-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .rpgx-type-row, .rpgx-location-row{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } .rpgx-trust{ grid-template-columns:1fr 1fr!important; } .rpgx-trust>div:first-child{ grid-column:1/-1!important; } .rpgx-footer-grid{ grid-template-columns:repeat(3,1fr)!important; } } /* ========================================================================== REAL PROPERTY GURU — HOMEPAGE MOBILE PREMIUM V20.1 Focused correction: visible property types, smaller property swipe cards, better filter pills and safer mobile spacing. ========================================================================== */ @media (max-width: 760px) { /* -------------------------------------------------------------- 1. PROPERTY TYPES — make the two-row swipe clearly visible -------------------------------------------------------------- */ .rpgx-types-section{ padding-top:30px!important; padding-bottom:26px!important; overflow:visible!important; } .rpgx-types-section .rpgx-section-head{ margin-bottom:16px!important; position:relative!important; z-index:2!important; } .rpgx-type-row{ grid-template-rows:repeat(2,84px)!important; grid-auto-columns:168px!important; column-gap:12px!important; row-gap:12px!important; padding:2px 34px 12px 0!important; margin:0 -12px 0 0!important; overflow-x:auto!important; overflow-y:visible!important; scroll-snap-type:x mandatory!important; scroll-padding-left:0!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch!important; mask-image:none!important; -webkit-mask-image:none!important; } .rpgx-type-card{ width:168px!important; min-width:168px!important; min-height:84px!important; padding:10px!important; grid-template-columns:58px 1fr!important; gap:10px!important; border:1px solid #e4ebe6!important; border-radius:14px!important; background:#fff!important; box-shadow:0 8px 20px rgba(7,49,34,.065)!important; overflow:hidden!important; } .rpgx-type-card img{ width:58px!important; height:62px!important; border-radius:10px!important; object-fit:cover!important; } .rpgx-type-card strong{ display:block!important; font-size:12px!important; line-height:1.18!important; color:#1d2a23!important; white-space:normal!important; } .rpgx-type-card span{ display:block!important; margin-top:4px!important; font-size:9.5px!important; line-height:1.25!important; color:#7b8880!important; white-space:normal!important; } /* -------------------------------------------------------------- 2. RECOMMENDED FILTER TABS — readable and horizontally scrollable -------------------------------------------------------------- */ .rpgx-properties-head{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:9px!important; } .rpgx-properties-head h2{ flex:1 1 auto!important; min-width:0!important; } .rpgx-properties-head .rpgx-view-all{ margin-left:auto!important; } .rpgx-pills{ order:3!important; flex:0 0 100%!important; width:100%!important; display:flex!important; gap:6px!important; padding:1px 2px 4px!important; overflow-x:auto!important; overflow-y:hidden!important; white-space:nowrap!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch!important; } .rpgx-pills>*{ flex:0 0 auto!important; min-height:30px!important; padding:0 11px!important; display:inline-flex!important; align-items:center!important; border-radius:999px!important; font-size:9.5px!important; line-height:1!important; font-weight:800!important; } /* -------------------------------------------------------------- 3. RECOMMENDED PROPERTY CARDS — resize down Target: about 1.4 cards visible on most phones. -------------------------------------------------------------- */ .rpgx-property-grid{ gap:10px!important; padding:2px 56px 12px 0!important; margin-right:-12px!important; scroll-snap-type:x mandatory!important; overflow-x:auto!important; overflow-y:hidden!important; mask-image:none!important; -webkit-mask-image:none!important; } .rpgx-property-card{ flex:0 0 min(70vw,268px)!important; min-width:min(70vw,268px)!important; width:min(70vw,268px)!important; max-width:268px!important; border-radius:14px!important; box-shadow:0 7px 20px rgba(8,50,36,.065)!important; } .rpgx-property-media{ height:150px!important; } .rpgx-property-body{ padding:10px!important; } .rpgx-property-title{ min-height:31px!important; font-size:11.5px!important; line-height:1.32!important; -webkit-line-clamp:2!important; } .rpgx-meta{ margin-top:4px!important; font-size:8.8px!important; line-height:1.3!important; } .rpgx-features{ margin:6px 0!important; gap:6px!important; font-size:8.5px!important; } .rpgx-price-line{ margin-top:7px!important; gap:6px!important; } .rpgx-price-line strong{ font-size:12.5px!important; line-height:1.1!important; } .rpgx-price-line span{ font-size:8px!important; } .rpgx-property-card .property-contact-actions, .rpgx-property-card .rpgx-property-actions{ gap:5px!important; } .rpgx-property-card .property-contact-action{ min-height:36px!important; padding:0 6px!important; font-size:9px!important; border-radius:8px!important; } /* prevent seller/verification row from consuming card width */ .rpgx-property-card .property-author, .rpgx-property-card .rpgx-seller-row{ min-height:22px!important; gap:4px!important; font-size:8px!important; } /* -------------------------------------------------------------- 4. LOCATIONS — retain one-row swipe but give cards breathing room -------------------------------------------------------------- */ .rpgx-location-row{ gap:11px!important; padding-right:44px!important; } .rpgx-location-card{ flex-basis:154px!important; min-width:154px!important; width:154px!important; height:138px!important; } /* -------------------------------------------------------------- 5. MOBILE SECTION SAFETY Avoid content sitting under floating chrome. -------------------------------------------------------------- */ .rpgx-types-section, .rpgx-properties-section, .rpgx-locations-section{ position:relative!important; z-index:1!important; } /* The homepage has no page-level submenu. If a universal profile/detail submenu is accidentally injected here, suppress only that submenu on mobile while keeping the global main header sticky. */ body.rpg-homepage .rpg-universal-subnav, body.rpg-homepage [data-rpg-universal-subnav="1"], body.rpg-homepage .rpg-page-subnav{ display:none!important; } } @media (max-width: 390px) { .rpgx-type-row{ grid-auto-columns:162px!important; } .rpgx-type-card{ width:162px!important; min-width:162px!important; } .rpgx-property-card{ flex-basis:72vw!important; min-width:72vw!important; width:72vw!important; max-width:252px!important; } .rpgx-property-media{ height:142px!important; } } /* ================================================================ BPP_HOMEPAGE_SEARCH_CENTER_V191 Desktop only. Center the existing hero search system without redesigning it. ================================================================ */ @media (min-width: 992px) { body .rpgx-search-wrap { margin-left: auto !important; margin-right: auto !important; left: auto !important; right: auto !important; float: none !important; transform: none !important; } body .rpgx-search-wrap .rpgx-search-shell { margin-left: auto !important; margin-right: auto !important; left: auto !important; right: auto !important; float: none !important; transform: none !important; } /* * Keep the tabs, fields and button centered as one unit. */ body .rpgx-search-wrap .rpgx-search-tabs, body .rpgx-search-wrap .rpgx-search-box, body .rpgx-search-wrap .rpgx-more-filters { margin-left: auto !important; margin-right: auto !important; } } /* ================================================================ BPP_HOME_RECOMMENDED_LIVE_TABS_V1 ================================================================ */ [data-bpp-rec-live-tabs="1"] [data-bpp-rec-tab] { cursor: pointer; user-select: none; } [data-bpp-rec-live-tabs="1"] [data-bpp-rec-tab].bpp-rec-tab-active { background: #079b54 !important; border-color: #079b54 !important; color: #fff !important; box-shadow: 0 4px 12px rgba(7,155,84,.16) !important; } [data-bpp-rec-live-tabs="1"][data-bpp-rec-loading] { cursor: progress; } [data-bpp-rec-live-tabs="1"][data-bpp-rec-loading] .homeya-box, [data-bpp-rec-live-tabs="1"][data-bpp-rec-loading] [class*="property-card"] { opacity: .55; } [data-bpp-rec-live-tabs="1"] .bpp-rec-grid-swapping { opacity: .32; transform: translateY(3px); } [data-bpp-rec-live-tabs="1"] .bpp-rec-grid-enter { opacity: .58; transform: translateY(3px); } [data-bpp-rec-live-tabs="1"] .bpp-rec-grid-swapping, [data-bpp-rec-live-tabs="1"] .bpp-rec-grid-enter { transition: opacity .16s ease, transform .16s ease; } /* * Keep the four-card desktop layout controlled by the existing * homepage stylesheet. This patch does not alter columns. */