/* Raja Real Estate Properties – styles taken from the website preview design */
.raja-re{--bg:#fff;--text:#1a2233;--head:#071a3a;--surface:#f3f5f9;--line:#dde3ee;--muted:#5b6579;--navy:#0e4c8d;--deep:#082a4f;--gold:#f8ac25;--green:#4c7a1d;--wa:#1faa59;
 color:var(--text);font:17px/1.65 Inter,system-ui,sans-serif}
.raja-re *{box-sizing:border-box}
.raja-re h1,.raja-re h2,.raja-re h3{font-family:'Playfair Display',Georgia,serif;color:var(--head);line-height:1.15;margin:0 0 .5em;font-weight:600}
.raja-re h1{font-size:clamp(2rem,4.6vw,3.3rem)}
.raja-re h2{font-size:clamp(1.6rem,2.8vw,2.1rem)}
.raja-re h3{font-size:1.25rem}
.raja-re a{color:inherit}
.raja-re .wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.raja-re .sec{padding:68px 0}
.raja-re .alt{background:var(--surface)}
.raja-re .intro{padding:48px 0 8px}
.raja-re .intro p{max-width:40em;color:var(--muted);margin:0}

/* Buttons */
.raja-re .btn{display:inline-block;padding:13px 24px;border-radius:4px;background:var(--green);color:#fff;font:600 16px Inter,sans-serif;text-decoration:none;border:0;cursor:pointer;text-align:center}
.raja-re .btn.wa{background:var(--wa)}
.raja-re .btn.navy{background:var(--navy)}
.raja-re :focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.raja-re .acts{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}

/* Search */
.raja-re .search{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--bg);padding:14px;border:1px solid var(--line);border-radius:6px;margin-top:26px;max-width:900px}
.raja-re .search select{padding:13px;border:1px solid var(--line);border-radius:4px;font:inherit;width:100%;color:var(--text);background:var(--bg)}

/* Cards */
.raja-re .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.raja-re .card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--bg)}
.raja-re .ph{aspect-ratio:4/3;background:linear-gradient(135deg,var(--surface),var(--line));display:grid;place-items:center;color:var(--muted);font-size:14px;text-decoration:none;overflow:hidden}
.raja-re .ph img{width:100%;height:100%;object-fit:cover;display:block}
.raja-re .in{padding:18px}
.raja-re .in h3 a{text-decoration:none}
.raja-re .tag{display:inline-block;background:var(--navy);color:#fff;font-size:12px;padding:2px 10px;border-radius:20px;margin-right:4px}
.raja-re .tag.rent{background:var(--green)}
.raja-re .tag.status{background:var(--gold);color:var(--deep)}
.raja-re .price{font-weight:700;color:var(--navy);font-size:1.1rem}
.raja-re .meta{color:var(--muted);font-size:14px}

/* Sort + pager */
.raja-re .sortbar{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-bottom:18px}
.raja-re .sortbar select{padding:8px;border:1px solid var(--line);border-radius:4px;font:inherit;background:var(--bg);color:var(--text)}
.raja-re .pager{margin-top:32px;display:flex;gap:8px;flex-wrap:wrap}
.raja-re .pager .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:4px;text-decoration:none}
.raja-re .pager .current{background:var(--navy);color:#fff;border-color:var(--navy)}

/* Single property */
.raja-re .single{display:grid;grid-template-columns:2fr 1fr;gap:36px;align-items:start}
.raja-re .ptitle{font-size:clamp(1.7rem,3vw,2.4rem);margin-top:10px}
.raja-re .gallery .main{border-radius:6px}
.raja-re .thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.raja-re .thumb{padding:0;border:2px solid transparent;border-radius:4px;background:none;cursor:pointer;width:84px;height:64px;overflow:hidden}
.raja-re .thumb.on{border-color:var(--gold)}
.raja-re .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.raja-re .video{margin-top:18px;aspect-ratio:16/9}
.raja-re .video iframe{width:100%;height:100%;border:0;border-radius:6px}
.raja-re .desc{margin-top:22px}
.raja-re table{width:100%;border-collapse:collapse}
.raja-re th,.raja-re td{text-align:left;padding:10px 0;border-bottom:1px solid var(--line)}
.raja-re th{width:40%;color:var(--muted);font-weight:500}
.raja-re .box{border:1px solid var(--line);padding:24px;border-radius:6px;background:var(--bg)}
.raja-re .box>.btn{display:block;text-align:center;margin-bottom:10px}
.raja-re .box hr{border:0;border-top:1px solid var(--line);margin:18px 0}

/* CTA + forms */
.raja-re.cta,.raja-re .cta{background:var(--navy);color:#fff;text-align:center}
.raja-re .cta h2{color:#fff}
.raja-re .cta form{text-align:left}
.raja-re form.rp-form input,.raja-re form.rp-form textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:4px;font:inherit;margin-bottom:10px;background:#fff;color:var(--text)}
.raja-re .rp-hp{position:absolute!important;left:-9999px!important;height:0!important;opacity:0}
.raja-re .rp-notice{padding:12px 14px;border-radius:4px;margin:0 0 12px;font-size:15px}
.raja-re .rp-notice.ok{background:#e6f4ea;color:#14532d}
.raja-re .rp-notice.err{background:#fdecea;color:#7f1d1d}

/* Floating WhatsApp / Call */
.raja-fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;z-index:9999;font-family:Inter,system-ui,sans-serif}
.raja-fab a{padding:12px 18px;border-radius:40px;color:#fff;text-decoration:none;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.3);text-align:center}
.raja-fab .wa{background:#1faa59}
.raja-fab .call{background:#0e4c8d}

@media(max-width:860px){.raja-re .search{grid-template-columns:1fr 1fr}.raja-re .single{grid-template-columns:1fr}}
@media(max-width:480px){.raja-re .search{grid-template-columns:1fr}}

/* ---------- Hero section ---------- */
.raja-re.rp-hero{background:linear-gradient(120deg,#071a3a,#0b2a5b);color:#fff;padding:84px 0 56px;position:relative;overflow:hidden}
.raja-re.rp-hero.has-img{background:linear-gradient(120deg,rgba(7,26,58,.92),rgba(11,42,91,.72)),var(--hero-img) center/cover no-repeat}
.raja-re.rp-hero h1{color:#fff;max-width:13em}
.raja-re.rp-hero .eyebrow{margin:0 0 14px;font:600 12px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.raja-re.rp-hero .lead{max-width:34em;color:#d6def0;font-size:1.15rem;margin:0}
.raja-re.rp-hero .raja-re{color:var(--text)}
.raja-re.rp-hero .btn.line{background:none;border:1px solid #fff;color:#fff}
.raja-re .hero-trust{list-style:none;margin:36px 0 0;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.18);display:flex;gap:14px 36px;flex-wrap:wrap;font-weight:600;font-size:15px;color:#e6ecf8}
.raja-re .hero-trust li{position:relative;padding-left:22px}
.raja-re .hero-trust li::before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;border-radius:50%;background:var(--gold)}
@media(max-width:860px){.raja-re.rp-hero{padding:56px 0 40px}}
