/* RPG_PROPERTY_DETAIL_RPGPD3_MOBILE_V35 */ @media (max-width: 767px) { body.rpg-property-detail-exact-v2 { background:#f3f7f5 !important; padding-bottom:96px !important; } /* The uploaded live HTML proves the current page uses rpgpd3-* markup. These gallery rules DO NOT depend on JavaScript, so they are visible as soon as this V7 stylesheet is loaded. */ body.rpg-property-detail-exact-v2 .rpgpd3-breadcrumb { display:none !important; } body.rpg-property-detail-exact-v2 .rpgpd3-showcase { display:block !important; width:calc(100% - 12px) !important; max-width:none !important; margin:6px auto 8px !important; } body.rpg-property-detail-exact-v2 .rpgpd3-gallery-col { width:100% !important; min-width:0 !important; } body.rpg-property-detail-exact-v2 .rpgpd2-gallery { position:relative !important; display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; grid-template-rows:184px 30px !important; gap:4px !important; width:100% !important; height:auto !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border-radius:15px !important; background:transparent !important; } body.rpg-property-detail-exact-v2 .rpgpd2-gallery-item { display:block !important; position:relative !important; width:100% !important; height:30px !important; min-height:30px !important; max-height:30px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border-radius:6px !important; } body.rpg-property-detail-exact-v2 .rpgpd2-gallery-item-1 { grid-column:1/-1 !important; grid-row:1 !important; height:184px !important; min-height:184px !important; max-height:184px !important; border-radius:15px !important; } body.rpg-property-detail-exact-v2 .rpgpd2-gallery-item-2 {grid-column:1!important;grid-row:2!important} body.rpg-property-detail-exact-v2 .rpgpd2-gallery-item-3 {grid-column:2!important;grid-row:2!important} body.rpg-property-detail-exact-v2 .rpgpd2-gallery-item-4 {display:block!important;grid-column:3!important;grid-row:2!important} body.rpg-property-detail-exact-v2 .rpgpd2-gallery-item-5 {display:block!important;grid-column:4!important;grid-row:2!important} body.rpg-property-detail-exact-v2 .rpgpd2-gallery-item img { display:block !important; width:100% !important; height:100% !important; min-height:100% !important; max-height:none !important; object-fit:cover !important; object-position:center !important; margin:0 !important; } body.rpg-property-detail-exact-v2 .rpgpd2-photo-count, body.rpg-property-detail-exact-v2 .rpgpd2-gallery-all { bottom:6px !important; min-height:25px !important; display:inline-flex !important; align-items:center !important; padding:0 7px !important; border-radius:7px !important; font-size:12.5px !important; line-height:1 !important; background:rgba(9,35,26,.80) !important; color:#fff !important; } body.rpg-property-detail-exact-v2 .rpgpd2-photo-count {left:6px!important} body.rpg-property-detail-exact-v2 .rpgpd2-gallery-all {right:6px!important} /* seller currently sits beside the gallery in rpgpd3-showcase. JS moves it below Disclaimer; hide its old column after that move. */ body.rpgpd-v35-active .rpgpd3-agency-col { display:none !important; } body.rpgpd-v35-active .rpgpd3-layout { display:none !important; } body.rpgpd-v35-active .rpgpd35-flow { width:calc(100% - 12px) !important; max-width:none !important; margin:0 auto !important; } /* PROPERTY SUMMARY */ body.rpgpd-v35-active .rpgpd2-summary-card { width:100% !important; margin:0 0 8px !important; padding:12px !important; border:1px solid #dfe9e3 !important; border-radius:14px !important; background:#fff !important; box-shadow:0 6px 18px rgba(3,58,42,.055) !important; } body.rpgpd-v35-active .rpgpd2-summary-main { display:block !important; } body.rpgpd-v35-active .rpgpd2-summary-card h1 { margin:7px 0 0 !important; font-size:20px !important; line-height:1.17 !important; letter-spacing:-.025em !important; } body.rpgpd-v35-active .rpgpd2-meta { display:none !important; } body.rpgpd-v35-active .rpgpd2-location { display:flex !important; align-items:center !important; gap:5px !important; margin-top:7px !important; color:#68766f !important; font-size:12.5px !important; } body.rpgpd-v35-active .rpgpd2-summary-price { margin-top:8px !important; text-align:left !important; } body.rpgpd-v35-active .rpgpd2-price { color:#078647 !important; font-size:22px !important; line-height:1.1 !important; font-weight:900 !important; } body.rpgpd-v35-active .rpgpd2-summary-actions { justify-content:flex-start !important; margin-top:9px !important; } /* HALF-WIDTH ACCORDION GRID */ body.rpgpd-v35-active .rpgpd35-accordion-grid, body.rpgpd-v35-active .rpgpd35-secondary-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px !important; width:100% !important; margin:0 0 8px !important; } body.rpgpd-v35-active .rpgpd35-accordion { min-width:0 !important; overflow:hidden !important; border:1px solid #dfe9e3 !important; border-radius:13px !important; background:#fff !important; box-shadow:0 5px 15px rgba(3,58,42,.045) !important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open { grid-column:1/-1 !important; } body.rpgpd-v35-active .rpgpd35-accordion-btn { width:100% !important; min-height:54px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:6px !important; padding:9px 10px !important; border:0 !important; background:#fff !important; color:#163d2c !important; text-align:left !important; font-size:12.5px !important; line-height:1.2 !important; font-weight:850 !important; } body.rpgpd-v35-active .rpgpd35-plus { width:24px !important; height:24px !important; min-width:24px !important; display:grid !important; place-items:center !important; border-radius:8px !important; background:#edf7f1 !important; color:#078647 !important; font-size:16px !important; font-weight:900 !important; } body.rpgpd-v35-active .rpgpd35-accordion-body { display:none !important; padding:0 11px 11px !important; border-top:1px solid #edf2ef !important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd35-accordion-body { display:block !important; padding-top:10px !important; } body.rpgpd-v35-active .rpgpd35-accordion-body > * { width:100% !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; } body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd2-section-title, body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-section-heading, body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-enquiry-heading, body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd5-finance-head { display:none !important; } body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd2-overview-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; } body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd2-overview-item { min-height:52px !important; padding:7px !important; border:1px solid #e5ede8 !important; border-radius:9px !important; background:#f7faf8 !important; } body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-description { font-size:13px !important; line-height:1.5 !important; } body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-features-list, body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-highlight-grid { display:grid !important; grid-template-columns:1fr 1fr !important; gap:7px !important; } body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-features-list > div, body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-highlight-grid > div { margin:0 !important; padding:8px !important; border-radius:9px !important; background:#f5faf7 !important; font-size:12.5px !important; line-height:1.35 !important; } body.rpgpd-v35-active .rpgpd35-empty { margin:0 !important; color:#708079 !important; font-size:12.5px !important; } /* LOCATION */ body.rpgpd-v35-active .rpgpd35-location-card { width:100% !important; margin:0 0 8px !important; padding:11px !important; border:1px solid #e0e9e3 !important; border-radius:14px !important; background:#fff !important; box-shadow:0 5px 15px rgba(3,58,42,.045) !important; } body.rpgpd-v35-active .rpgpd35-location-card .single-property-map { margin:0 !important; padding:0 !important; } body.rpgpd-v35-active .rpgpd35-location-card iframe { width:100% !important; height:165px !important; min-height:165px !important; max-height:165px !important; border:0 !important; border-radius:10px !important; } body.rpgpd-v35-active .rpgpd35-directions { width:100% !important; min-height:40px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin-top:7px !important; border-radius:9px !important; background:#087746 !important; color:#fff !important; font-size:12.5px !important; font-weight:850 !important; text-decoration:none !important; } /* DISCLAIMER */ body.rpgpd-v35-active .rpgpd35-disclaimer { width:100% !important; margin:0 0 8px !important; padding:11px !important; border:1px solid #eee2c4 !important; border-radius:12px !important; background:#fffaf0 !important; box-shadow:none !important; } body.rpgpd-v35-active .rpgpd35-disclaimer .property-disclaimer-title { margin-bottom:5px !important; font-size:15px !important; } body.rpgpd-v35-active .rpgpd35-disclaimer .property-disclaimer-body { max-height:58px !important; overflow:hidden !important; font-size:12.5px !important; line-height:1.45 !important; } /* SELLER CARD moved from showcase */ body.rpgpd-v35-active .rpgpd3-agency-card { width:100% !important; margin:0 0 8px !important; padding:11px !important; border:1px solid #e0e9e3 !important; border-radius:14px !important; background:#fff !important; box-shadow:0 5px 15px rgba(3,58,42,.05) !important; } body.rpgpd-v35-active .rpgpd3-agency-identity { gap:8px !important; } body.rpgpd-v35-active .rpgpd3-agency-logo { width:46px !important; height:46px !important; min-width:46px !important; } body.rpgpd-v35-active .rpgpd3-agency-trust-grid { margin-top:9px !important; } body.rpgpd-v35-active .rpgpd3-agency-direct { display:none !important; } /* ENQUIRY / REVIEWS / FINANCE */ body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-enquiry-card, body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-review-card, body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd5-finance-card { display:block !important; width:100% !important; margin:0 !important; } body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-enquiry-card { padding:0 !important; } body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-enquiry-form { display:block !important; } body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-enquiry-actions { margin-top:8px !important; } body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd5-finance-card { border:0 !important; box-shadow:none !important; background:transparent !important; } body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd5-method-tabs, body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd5-finance-form, body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd5-result-card { width:100% !important; } body.rpgpd-v35-active .rpgpd3-share-card, body.rpgpd-v35-active .rpgpd3-hook-output { display:none !important; } /* RELATED / SIMILAR */ body.rpgpd-v35-active .rpgpd2-related, body.rpg-property-detail-exact-v2 .rpgpd2-related { margin-top:14px !important; } body.rpgpd-v35-active .rpgpd2-related-head h2, body.rpg-property-detail-exact-v2 .rpgpd2-related-head h2 { font-size:18px !important; } body.rpgpd-v35-active .rpgpd2-related-grid, body.rpg-property-detail-exact-v2 .rpgpd2-related-grid { display:flex !important; overflow-x:auto !important; gap:10px !important; padding-bottom:5px !important; scroll-snap-type:x mandatory !important; } body.rpgpd-v35-active .rpgpd2-related-grid > *, body.rpg-property-detail-exact-v2 .rpgpd2-related-grid > * { min-width:78% !important; scroll-snap-align:start !important; } /* HOMEPAGE MOBILE FOOTER STRUCTURE */ body.rpg-property-detail-exact-v2 footer.rpgx-footer { margin-top:0 !important; padding:18px 0 96px !important; background:#004f3c !important; color:#fff !important; } body.rpg-property-detail-exact-v2 footer.rpgx-footer .rpgx-container { width:calc(100% - 20px) !important; margin:0 auto !important; } body.rpg-property-detail-exact-v2 footer.rpgx-footer .rpgx-footer-grid { display:block !important; } body.rpgpd-v35-active .rpgpd35-footer-section { border-top:1px solid rgba(255,255,255,.12) !important; } body.rpgpd-v35-active .rpgpd35-footer-section h4 { min-height:43px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; margin:0 !important; color:#fff !important; font-size:12.5px !important; cursor:pointer !important; } body.rpgpd-v35-active .rpgpd35-footer-section h4::after { content:'+' !important; width:22px !important; height:22px !important; display:grid !important; place-items:center !important; border-radius:50% !important; background:rgba(255,255,255,.10) !important; font-size:14px !important; } body.rpgpd-v35-active .rpgpd35-footer-section.is-open h4::after { content:'−' !important; } body.rpgpd-v35-active .rpgpd35-footer-section > a { display:none !important; padding:6px 0 !important; color:rgba(255,255,255,.78) !important; font-size:12.5px !important; } body.rpgpd-v35-active .rpgpd35-footer-section.is-open > a { display:block !important; } /* PREMIUM FLOATING CONTACT CTA */ body.rpg-property-detail-exact-v2 .rpg-mobile-contact-bar, body.rpg-property-detail-exact-v2 .rpgx-mobile-bottom, body.rpg-property-detail-exact-v2 .rpgp-mobile-bottom, body.rpg-property-detail-exact-v2 nav[class*="mobile-bottom"], body.rpg-property-detail-exact-v2 nav[class*="bottom-nav"] { display:none !important; } body.rpgpd-v35-active .rpgpd35-sticky { position:fixed !important; left:9px !important; right:9px !important; bottom:max(9px,env(safe-area-inset-bottom)) !important; z-index:10090 !important; display:grid !important; grid-template-columns:.82fr 1.18fr !important; gap:7px !important; padding:8px !important; border:1px solid rgba(3,94,62,.10) !important; border-radius:20px !important; background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,249,.98)) !important; box-shadow: 0 18px 50px rgba(2,48,34,.24), 0 6px 16px rgba(2,48,34,.12), inset 0 1px 0 rgba(255,255,255,.85) !important; backdrop-filter:blur(18px) saturate(140%) !important; -webkit-backdrop-filter:blur(18px) saturate(140%) !important; } body.rpgpd-v35-active .rpgpd35-sticky a { min-width:0 !important; min-height:52px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:7px !important; padding:0 8px !important; border-radius:14px !important; color:#fff !important; white-space:nowrap !important; text-decoration:none !important; font-size:13px !important; font-weight:900 !important; } body.rpgpd-v35-active .rpgpd35-sticky-call { background:linear-gradient(180deg,#0b8a51,#087747) !important; box-shadow:0 8px 18px rgba(6,115,69,.20) !important; } body.rpgpd-v35-active .rpgpd35-sticky-wa { background:linear-gradient(180deg,#18c66d,#10ab5e) !important; box-shadow:0 8px 20px rgba(16,171,94,.24) !important; } body.rpgpd-v35-active .rpgpd35-sticky svg { width:18px !important; height:18px !important; min-width:18px !important; } } @media (max-width:390px) { body.rpg-property-detail-exact-v2 .rpgpd2-gallery { grid-template-rows:168px 28px !important; } body.rpg-property-detail-exact-v2 .rpgpd2-gallery-item { height:28px !important; min-height:28px !important; max-height:28px !important; } body.rpg-property-detail-exact-v2 .rpgpd2-gallery-item-1 { height:168px !important; min-height:168px !important; max-height:168px !important; } } \n/* RPG_PROPERTY_DETAIL_PREVIEW_ACCORDIONS_V36 */\n@media (max-width:767px){\n /* Property-detail blocks start PARTIALLY OPEN. They stay half width. */\n body.rpgpd-v35-active .rpgpd35-accordion,\n body.rpgpd-v35-active .rpgpd35-accordion.is-open{\n grid-column:auto!important;\n align-self:start!important;\n }\n\n body.rpgpd-v35-active .rpgpd35-accordion-body,\n body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd35-accordion-body{\n display:block!important;\n position:relative!important;\n overflow:hidden!important;\n padding:9px 9px 30px!important;\n border-top:1px solid #edf2ef!important;\n max-height:var(--rpgpd36-preview-height,118px)!important;\n transition:max-height .22s ease,padding .22s ease!important;\n }\n\n body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd35-accordion-body{\n max-height:1600px!important;\n padding-bottom:10px!important;\n }\n\n body.rpgpd-v35-active .rpgpd35-accordion:not(.is-open) .rpgpd35-accordion-body::before{\n content:''!important;\n position:absolute!important;\n left:0!important;right:0!important;bottom:0!important;\n height:46px!important;\n pointer-events:none!important;\n background:linear-gradient(180deg,rgba(255,255,255,0),#fff 58%)!important;\n z-index:2!important;\n }\n\n body.rpgpd-v35-active .rpgpd35-accordion:not(.is-open) .rpgpd35-accordion-body::after{\n content:'View more ↓'!important;\n position:absolute!important;\n left:8px!important;right:8px!important;bottom:5px!important;\n z-index:3!important;\n min-height:23px!important;\n display:flex!important;align-items:center!important;justify-content:center!important;\n border-radius:7px!important;\n background:#edf8f2!important;color:#087746!important;\n font-size:12.5px!important;line-height:1!important;font-weight:850!important;\n pointer-events:none!important;\n }\n\n /* Different preview depths for useful first-look content. */\n body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="specifications"]{--rpgpd36-preview-height:126px}\n body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="description"]{--rpgpd36-preview-height:122px}\n body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="features"]{--rpgpd36-preview-height:126px}\n body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="highlights"]{--rpgpd36-preview-height:126px}\n body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="enquiry"]{--rpgpd36-preview-height:112px}\n body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="reviews"]{--rpgpd36-preview-height:118px}\n body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="mortgage"]{--rpgpd36-preview-height:116px}\n\n /* Half-width content must fit its column cleanly. */\n body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd2-overview-grid,\n body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-features-list,\n body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-highlight-grid{\n grid-template-columns:1fr!important;\n }\n body.rpgpd-v35-active .rpgpd35-accordion-body *{min-width:0!important;overflow-wrap:anywhere!important}\n body.rpgpd-v35-active .rpgpd35-accordion-body input,\n body.rpgpd-v35-active .rpgpd35-accordion-body select,\n body.rpgpd-v35-active .rpgpd35-accordion-body textarea,\n body.rpgpd-v35-active .rpgpd35-accordion-body button{max-width:100%!important}\n\n /* Footer exception: completely CLOSED until the user taps a footer heading. */\n body.rpgpd-v35-active footer.rpgx-footer .rpgpd35-footer-section:not(.is-open)>a{display:none!important}\n body.rpgpd-v35-active footer.rpgx-footer .rpgpd35-footer-section.is-open>a{display:block!important}\n}\n /* RPG_PROPERTY_DETAIL_PREVIEW_FIX_V36_1 */ @media (max-width:767px){ /* Property sections: partially open by default, still half-width. */ body.rpgpd-v35-active .rpgpd35-accordion{ grid-column:auto!important; align-self:start!important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open{ grid-column:auto!important; } body.rpgpd-v35-active .rpgpd35-accordion-body{ display:block!important; position:relative!important; overflow:hidden!important; max-height:var(--rpgpd361-preview-height,118px)!important; padding:9px 9px 31px!important; border-top:1px solid #edf2ef!important; transition:max-height .22s ease,padding .22s ease!important; } body.rpgpd-v35-active .rpgpd35-accordion-body::after{ content:""!important; position:absolute!important; left:0!important; right:0!important; bottom:24px!important; height:34px!important; pointer-events:none!important; background:linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.96) 80%, #fff 100% )!important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd35-accordion-body{ max-height:1800px!important; padding-bottom:10px!important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd35-accordion-body::after{ display:none!important; } body.rpgpd-v35-active .rpgpd361-toggle-label{ position:absolute!important; left:8px!important; right:8px!important; bottom:4px!important; z-index:5!important; min-height:24px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:7px!important; background:#edf8f2!important; color:#087746!important; font-size:12.5px!important; line-height:1!important; font-weight:850!important; pointer-events:none!important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd361-toggle-label{ position:static!important; margin-top:8px!important; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="specifications"]{ --rpgpd361-preview-height:126px; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="description"]{ --rpgpd361-preview-height:122px; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="features"], body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="highlights"]{ --rpgpd361-preview-height:126px; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="enquiry"]{ --rpgpd361-preview-height:112px; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="reviews"]{ --rpgpd361-preview-height:118px; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="mortgage"]{ --rpgpd361-preview-height:116px; } /* Fit full/preview content safely inside a half-width card. */ body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd2-overview-grid, body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-features-list, body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-highlight-grid{ grid-template-columns:1fr!important; } body.rpgpd-v35-active .rpgpd35-accordion-body *{ min-width:0!important; max-width:100%!important; overflow-wrap:anywhere!important; } body.rpgpd-v35-active .rpgpd35-accordion-body input, body.rpgpd-v35-active .rpgpd35-accordion-body select, body.rpgpd-v35-active .rpgpd35-accordion-body textarea, body.rpgpd-v35-active .rpgpd35-accordion-body button{ width:100%!important; max-width:100%!important; } /* * FOOTER EXCEPTION: * footer stays fully closed until the user taps it. */ body.rpgpd-v35-active footer.rpgx-footer .rpgpd35-footer-section:not(.is-open)>a{ display:none!important; } body.rpgpd-v35-active footer.rpgx-footer .rpgpd35-footer-section.is-open>a{ display:block!important; } } /* RPG_PROPERTY_DETAIL_PREVIEW_FIX_V36_2 */ @media (max-width:767px){ body.rpgpd-v35-active .rpgpd35-accordion{ grid-column:auto!important; align-self:start!important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open{ grid-column:auto!important; } body.rpgpd-v35-active .rpgpd35-accordion-body{ display:block!important; position:relative!important; overflow:hidden!important; max-height:var(--rpgpd362-preview-height,118px)!important; padding:9px 9px 31px!important; border-top:1px solid #edf2ef!important; } body.rpgpd-v35-active .rpgpd35-accordion-body::after{ content:""!important; position:absolute!important; left:0!important; right:0!important; bottom:24px!important; height:34px!important; pointer-events:none!important; background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.96) 80%,#fff)!important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd35-accordion-body{ max-height:1800px!important; padding-bottom:10px!important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd35-accordion-body::after{ display:none!important; } body.rpgpd-v35-active .rpgpd362-toggle-label{ position:absolute!important; left:8px!important; right:8px!important; bottom:4px!important; z-index:5!important; min-height:24px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:7px!important; background:#edf8f2!important; color:#087746!important; font-size:12.5px!important; line-height:1!important; font-weight:850!important; pointer-events:none!important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd362-toggle-label{ position:static!important; margin-top:8px!important; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="specifications"]{--rpgpd362-preview-height:126px} body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="description"]{--rpgpd362-preview-height:122px} body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="features"], body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="highlights"]{--rpgpd362-preview-height:126px} body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="enquiry"]{--rpgpd362-preview-height:112px} body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="reviews"]{--rpgpd362-preview-height:118px} body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="mortgage"]{--rpgpd362-preview-height:116px} body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd2-overview-grid, body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-features-list, body.rpgpd-v35-active .rpgpd35-accordion-body .rpgpd3-highlight-grid{ grid-template-columns:1fr!important; } body.rpgpd-v35-active .rpgpd35-accordion-body *{ min-width:0!important; max-width:100%!important; overflow-wrap:anywhere!important; } /* Footer stays completely closed until tapped. */ body.rpgpd-v35-active footer.rpgx-footer .rpgpd35-footer-section:not(.is-open)>a{ display:none!important; } body.rpgpd-v35-active footer.rpgx-footer .rpgpd35-footer-section.is-open>a{ display:block!important; } } /* RPG_PROPERTY_DETAIL_SINGLE_ROW_ACCORDIONS_V36_3 */ @media (max-width:767px){ /* * Every property-detail collapse block gets its OWN full-width row. * It remains partially open by default (from V36.2), then expands * vertically when tapped. */ body.rpgpd-v35-active .rpgpd35-accordion-grid, body.rpgpd-v35-active .rpgpd35-secondary-grid{ display:grid!important; grid-template-columns:1fr!important; gap:7px!important; width:100%!important; } body.rpgpd-v35-active .rpgpd35-accordion, body.rpgpd-v35-active .rpgpd35-accordion.is-open{ grid-column:1!important; width:100%!important; max-width:100%!important; } /* * Compact full-width row header. */ body.rpgpd-v35-active .rpgpd35-accordion-btn{ min-height:46px!important; padding:8px 10px!important; border-radius:0!important; } /* * Preview content sits inline/compact inside its own row. */ body.rpgpd-v35-active .rpgpd35-accordion-body{ width:100%!important; max-width:100%!important; padding-left:10px!important; padding-right:10px!important; } /* Specifications can use a compact inline strip now that the row is full width. */ body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="specifications"] .rpgpd2-overview-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="specifications"] .rpgpd2-overview-item{ min-width:0!important; min-height:48px!important; padding:6px!important; } /* Features / highlights keep a tidy 2-column preview inside the full-width row. */ body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="features"] .rpgpd3-features-list, body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="highlights"] .rpgpd3-highlight-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:6px!important; } /* Description stays readable across the full row. */ body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="description"] .rpgpd3-description{ font-size:13px!important; line-height:1.5!important; } /* * Secondary blocks also each occupy one line: * Send Enquiry, Reviews, Mortgage Calculator. */ body.rpgpd-v35-active .rpgpd35-secondary-grid .rpgpd35-accordion{ width:100%!important; } /* * The footer is NOT changed. * It remains the homepage mobile footer with sections fully closed. */ } @media (max-width:390px){ body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="specifications"] .rpgpd2-overview-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="features"] .rpgpd3-features-list, body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="highlights"] .rpgpd3-highlight-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } /* RPG_PROPERTY_DETAIL_PREMIUM_ACCORDION_POLISH_V36_4 */ @media (max-width:767px){ /* ========================================================= CARD SPACING + PREMIUM SURFACE ========================================================= */ body.rpgpd-v35-active .rpgpd35-accordion-grid, body.rpgpd-v35-active .rpgpd35-secondary-grid{ gap:10px!important; margin-bottom:12px!important; } body.rpgpd-v35-active .rpgpd35-accordion{ position:relative!important; overflow:hidden!important; margin:0!important; border:1px solid rgba(7,119,70,.13)!important; border-radius:16px!important; background: linear-gradient(180deg,#fbfdfc 0%,#f7fbf9 100%)!important; box-shadow: 0 10px 26px rgba(4,71,49,.075), 0 2px 7px rgba(4,71,49,.045)!important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease!important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open{ border-color:rgba(6,133,74,.20)!important; box-shadow: 0 16px 38px rgba(4,71,49,.12), 0 5px 13px rgba(4,71,49,.07)!important; } /* ========================================================= PREMIUM TITLE BAR ========================================================= */ body.rpgpd-v35-active .rpgpd35-accordion-btn{ position:relative!important; min-height:50px!important; padding:9px 11px!important; border:0!important; border-bottom:1px solid rgba(7,119,70,.10)!important; border-radius:0!important; background: linear-gradient( 135deg, #edf8f2 0%, #f6fbf8 60%, #eef8f3 100% )!important; color:#0b4f35!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92)!important; font-size:12.5px!important; font-weight:900!important; letter-spacing:.005em!important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd35-accordion-btn{ background: linear-gradient( 135deg, #e5f6ed 0%, #eff9f4 58%, #e7f6ee 100% )!important; } /* subtle accent rail */ body.rpgpd-v35-active .rpgpd35-accordion-btn::before{ content:""!important; position:absolute!important; left:0!important; top:9px!important; bottom:9px!important; width:3px!important; border-radius:0 999px 999px 0!important; background:linear-gradient(180deg,#10b862,#087746)!important; } /* ========================================================= PLUS / MINUS CONTROL ========================================================= */ body.rpgpd-v35-active .rpgpd35-plus{ width:28px!important; height:28px!important; min-width:28px!important; display:grid!important; place-items:center!important; border:1px solid rgba(5,132,74,.13)!important; border-radius:9px!important; background: linear-gradient(180deg,#ffffff 0%,#eaf7f0 100%)!important; color:#087746!important; box-shadow: 0 4px 11px rgba(4,92,60,.10), inset 0 1px 0 rgba(255,255,255,.95)!important; font-size:17px!important; font-weight:900!important; transition: transform .16s ease, background .16s ease, color .16s ease!important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd35-plus{ background:linear-gradient(180deg,#0d9658,#087746)!important; color:#fff!important; box-shadow:0 5px 13px rgba(7,119,70,.22)!important; } /* ========================================================= CONTENT SURFACE ========================================================= */ body.rpgpd-v35-active .rpgpd35-accordion-body{ background: linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)!important; border-top:0!important; padding-left:11px!important; padding-right:11px!important; } body.rpgpd-v35-active .rpgpd35-accordion-body::after{ background:linear-gradient( 180deg, rgba(251,253,252,0) 0%, rgba(251,253,252,.96) 78%, #fbfdfc 100% )!important; } /* ========================================================= CLICKABLE BOTTOM ACTION Supports V36.2 cue and any older V36 cue still present. ========================================================= */ body.rpgpd-v35-active .rpgpd362-toggle-label, body.rpgpd-v35-active .rpgpd361-toggle-label, body.rpgpd-v35-active .rpgpd36-toggle-label, body.rpgpd-v35-active .rpgpd364-toggle{ position:absolute!important; left:10px!important; right:10px!important; bottom:5px!important; z-index:7!important; min-height:30px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:5px!important; padding:0 10px!important; border:1px solid rgba(7,119,70,.12)!important; border-radius:9px!important; background: linear-gradient(180deg,#f0faf4 0%,#e9f7f0 100%)!important; color:#087746!important; box-shadow: 0 4px 12px rgba(4,85,57,.07), inset 0 1px 0 rgba(255,255,255,.85)!important; font-size:12.5px!important; line-height:1!important; font-weight:900!important; cursor:pointer!important; pointer-events:auto!important; user-select:none!important; -webkit-tap-highlight-color:transparent!important; transition: transform .14s ease, box-shadow .14s ease, background .14s ease!important; } body.rpgpd-v35-active .rpgpd362-toggle-label:active, body.rpgpd-v35-active .rpgpd361-toggle-label:active, body.rpgpd-v35-active .rpgpd36-toggle-label:active, body.rpgpd-v35-active .rpgpd364-toggle:active{ transform:scale(.985)!important; box-shadow:0 2px 7px rgba(4,85,57,.08)!important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd362-toggle-label, body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd361-toggle-label, body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd36-toggle-label, body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd364-toggle{ position:static!important; margin:9px 0 0!important; background: linear-gradient(180deg,#0d9658 0%,#087746 100%)!important; color:#fff!important; border-color:#087746!important; box-shadow:0 6px 15px rgba(7,119,70,.18)!important; } /* ========================================================= SMALL UNIQUE TINTS PER SECTION The palette stays elegant while giving each block identity. ========================================================= */ body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="specifications"]{ background:linear-gradient(180deg,#fbfefc 0%,#f3faf6 100%)!important; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="description"]{ background:linear-gradient(180deg,#fbfdff 0%,#f3f8fc 100%)!important; border-color:rgba(48,111,158,.12)!important; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="description"] .rpgpd35-accordion-btn{ background:linear-gradient(135deg,#eef6fb 0%,#f7fbfd 100%)!important; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="features"]{ background:linear-gradient(180deg,#fffdf8 0%,#fbf7ed 100%)!important; border-color:rgba(174,123,35,.13)!important; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="features"] .rpgpd35-accordion-btn{ background:linear-gradient(135deg,#fbf4e5 0%,#fffaf1 100%)!important; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="highlights"]{ background:linear-gradient(180deg,#fffaf4 0%,#fbf3e8 100%)!important; border-color:rgba(174,112,41,.13)!important; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="highlights"] .rpgpd35-accordion-btn{ background:linear-gradient(135deg,#fcf1df 0%,#fff9f0 100%)!important; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="enquiry"]{ background:linear-gradient(180deg,#fbfefc 0%,#f2faf6 100%)!important; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="reviews"]{ background:linear-gradient(180deg,#fffdf7 0%,#fbf7eb 100%)!important; border-color:rgba(196,145,38,.13)!important; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="reviews"] .rpgpd35-accordion-btn{ background:linear-gradient(135deg,#fff7e7 0%,#fffaf1 100%)!important; } body.rpgpd-v35-active .rpgpd35-accordion[data-rpgpd35-key="mortgage"]{ background:linear-gradient(180deg,#f8fcfb 0%,#eff7f4 100%)!important; } /* Footer intentionally untouched. */ } /* RPG_PROPERTY_DETAIL_CLICKABLE_VIEW_ALL_V36_5 */ @media (max-width:767px){ /* * Hide all older decorative preview cues so there is only one * real interactive action button per accordion. */ body.rpgpd-v35-active .rpgpd362-toggle-label, body.rpgpd-v35-active .rpgpd361-toggle-label, body.rpgpd-v35-active .rpgpd36-toggle-label, body.rpgpd-v35-active .rpgpd364-toggle{ display:none!important; } /* * Real clickable bottom action. */ body.rpgpd-v35-active .rpgpd365-toggle{ position:absolute!important; left:10px!important; right:10px!important; bottom:6px!important; z-index:50!important; min-height:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:5px!important; margin:0!important; padding:0 11px!important; border:1px solid rgba(7,119,70,.14)!important; border-radius:10px!important; background: linear-gradient(180deg,#f0faf4 0%,#e7f6ee 100%)!important; color:#087746!important; box-shadow: 0 5px 13px rgba(4,85,57,.09), inset 0 1px 0 rgba(255,255,255,.92)!important; font-family:inherit!important; font-size:12.5px!important; line-height:1!important; font-weight:900!important; cursor:pointer!important; pointer-events:auto!important; touch-action:manipulation!important; appearance:none!important; -webkit-appearance:none!important; -webkit-tap-highlight-color:transparent!important; transition: transform .13s ease, background .13s ease, box-shadow .13s ease!important; } body.rpgpd-v35-active .rpgpd365-toggle:hover{ background: linear-gradient(180deg,#e9f8ef 0%,#def3e8 100%)!important; } body.rpgpd-v35-active .rpgpd365-toggle:active{ transform:scale(.985)!important; box-shadow: 0 2px 7px rgba(4,85,57,.08), inset 0 1px 0 rgba(255,255,255,.8)!important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd365-toggle{ position:static!important; width:100%!important; margin:10px 0 0!important; background: linear-gradient(180deg,#0d9658 0%,#087746 100%)!important; border-color:#087746!important; color:#fff!important; box-shadow: 0 7px 16px rgba(7,119,70,.20), inset 0 1px 0 rgba(255,255,255,.15)!important; } /* * Keep enough space in preview mode for the real button. */ body.rpgpd-v35-active .rpgpd35-accordion-body{ padding-bottom:42px!important; } body.rpgpd-v35-active .rpgpd35-accordion.is-open .rpgpd35-accordion-body{ padding-bottom:11px!important; } /* * Ensure the preview fade never intercepts button taps. */ body.rpgpd-v35-active .rpgpd35-accordion-body::after{ z-index:10!important; pointer-events:none!important; } body.rpgpd-v35-active .rpgpd365-toggle{ z-index:60!important; } /* * Footer is intentionally not touched by V36.5. */ }