@font-face {

  font-family: "Itfrayat";
  src: url("../fonts/itfrayat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Itfrayat";
  src: url("../fonts/itfrayat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root{--navy:#061626;
  --navy-2:#0b2238;
  --gold:#c8a45d;
  --gold-2:#e4c782;
  --white:#ffffff;
  --soft:#f7f4ef;
  --text:#0f172a;
  --muted:#6b7280;
  --line:rgba(255,255,255,.16);
  --shadow:0 24px 70px rgba(0,0,0,.18);
  --radius:28px;
  --container: min(1350px, calc(100% - 48px));}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;
  font-family:"Itfrayat", system-ui, sans-serif;
  background:var(--soft);
  color:var(--text);
  overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.container{width:var(--container);margin:auto;}
.section{padding:80px 0;}
.eyebrow{color:var(--gold);font-weight:700;margin-bottom:14px;letter-spacing:.5px;}
.section-title{line-height:1.15;margin:0 0 18px;font-weight:700;}
.section-lead{line-height:1.9;color:var(--muted);max-width:680px;margin:0;}
.btn{display:inline-flex;align-items:center;gap:10px;justify-content:center;
  min-height:54px;padding:0 28px;border-radius:999px;border:1px solid transparent;
  font-weight:700;transition:.35s ease;cursor:pointer;}
.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#061626;}
.btn.dark{background:var(--navy);color:white;}
.btn.ghost{background:rgba(255,255,255,.06);color:white;border-color:rgba(255,255,255,.45);backdrop-filter:blur(10px);}
.btn:hover{transform:translateY(-3px);}

.preloader{position:fixed;inset:0;background:var(--navy);z-index:9999;display:grid;place-items:center;color:white;}
.preloader span{font-size:60px;color:var(--gold);font-weight:700;animation:pulse 1.2s infinite alternate;}


.header{position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;}

.header-inner{width:var(--container);margin:auto;display:flex;align-items:center;}
.logo{font-weight:700;color:white;line-height:1;}
.logo small{display:block;margin-top:5px;text-align:left;}
.nav{display:flex;color:white;}
.nav a{opacity:.86;}
.nav a.active,.nav a:hover{color:var(--gold);opacity:1;}
.nav a::after{content:"";position:absolute;right:0;bottom:-10px;width:0;height:2px;background:var(--gold);transition:.3s;}
.nav a:hover::after,.nav a.active::after{width:100%;}
.header-actions{margin-inline-start:auto;color:white;}
.login-icon{border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center;}
.menu-btn{display:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--gold);color:var(--navy);font-size:20px;}

.mobile-menu{position:fixed;inset:0 0 0 auto;width:min(390px,85vw);background:var(--navy);z-index:1200;
  transform:translateX(110%);transition:.45s cubic-bezier(.2,.8,.2,1);padding:32px;color:white;}
.mobile-menu.open{transform:translateX(0);}
.mobile-menu a{display:block;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12);}
.close-menu{background:none;border:0;color:white;font-size:34px;margin-bottom:20px;}

.hero{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden;background:#000;color:white;}
.hero video,.hero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.05);}
.hero .hero-bg{background:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=2200&auto=format&fit=crop") center/cover;}
.hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(6,22,38,.30),rgba(6,22,38,.76)), radial-gradient(circle at center,transparent 0,rgba(0,0,0,.35) 75%);}
.hero-content{position:relative;text-align:center;width:var(--container);padding-top:70px;}
.hero h1{margin:0;color:white;line-height:.9;font-weight:700;}
.hero h2{color:var(--gold);font-weight:700;}
.hero p{line-height:1.8;margin:0 auto 36px;color:rgba(255,255,255,.88);}
.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.scroll-down{position:absolute;bottom:26px;z-index:3;color:white;font-size:13px;text-align:center;opacity:.82;}
.mouse{width:28px;height:48px;border:1px solid rgba(255,255,255,.6);border-radius:18px;margin:0 auto 8px;position:relative;}
.mouse:after{content:"";position:absolute;top:9px;left:50%;width:4px;height:8px;border-radius:4px;background:var(--gold);transform:translateX(-50%);animation:wheel 1.6s infinite;}
@keyframes wheel{0%{opacity:0;transform:translate(-50%,0)}45%{opacity:1}100%{opacity:0;transform:translate(-50%,18px)}}

.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:0;background:white;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.about-media{background:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=1600&auto=format&fit=crop") center/cover;}
.about-media{position:relative;
    overflow:hidden;}

/* الصورة نفسها */
.about-media img{transition:transform .7s ease;}

/* تغميق ناعم */
.about-media::after{content:"";
    position:absolute;
    inset:0;

    background:rgba(0,0,0,.18);

    opacity:0;
    transition:.4s ease;}

/* زر التشغيل */
.play{position:absolute;
    top:50%;
    left:50%;

    width:72px;
    height:72px;

    border-radius:50%;

    background:rgba(255,255,255,.88);

    display:flex;
    align-items:center;
    justify-content:center;

    color:#08152c;

    opacity:0;

    transform:
        translate(-50%,-50%)
        scale(.75);

    transition:
        opacity .35s ease,
        transform .35s ease;

    z-index:2;}

.play i{font-size:22px;
    margin-left:3px;}

/* Hover Effects */
.about-media:hover img{transform:scale(1.06);}

.about-media:hover::after{opacity:1;}

.about-media:hover .play{opacity:1;
    transform:
        translate(-50%,-50%)
        scale(1);}.about-content{display:flex;flex-direction:column;justify-content:center;}
.stats{display:grid;grid-template-columns:repeat(4,1fr);}
.stat{border-inline-start:1px solid #eadcc0;padding-inline-start:16px;}
.stat strong{color:var(--gold);display:block;}
.stat span{color:var(--muted);}

.communities{background:white;}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:42px;}
.community-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;}
.community-card{position:relative;min-height:320px;border-radius:24px;overflow:hidden;color:white;display:flex;align-items:flex-end;box-shadow:var(--shadow);}
.community-card.large{min-height:560px;}
.community-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:1s ease;}
.community-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,22,38,.88),transparent 65%);}
.community-card:hover img{transform:scale(1.08);}
.community-info{position:relative;z-index:2;padding:32px;width:100%;}
.community-info h3{font-size:23px;margin:0 0 8px;}
.community-info p{margin:0 0 18px;color:rgba(255,255,255,.78);}
.small-stack{display:grid;gap:22px;}

.map-section{background:var(--navy);color:white;position:relative;overflow:hidden;}
.map-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;}
.saudi-map{min-height:430px;background:radial-gradient(circle at center,rgba(200,164,93,.22),transparent 55%);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);}
.saudi-shape{position:absolute;inset:60px;background:rgba(255,255,255,.055);clip-path:polygon(24% 21%,51% 9%,72% 25%,84% 48%,72% 71%,50% 86%,26% 77%,13% 54%);border:1px solid rgba(255,255,255,.2);}
.pin{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 10px rgba(200,164,93,.18);}
.pin span{position:absolute;white-space:nowrap;top:22px;right:-12px;font-size:15px;color:white;}
.pin.riyadh{top:48%;right:42%;}.pin.jeddah{top:61%;right:70%;}.pin.dammam{top:38%;right:25%;}
.dark-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);margin-top:70px;padding-top:46px;text-align:center;}
.dark-stats strong{font-size:54px;color:var(--gold);display:block;}

.lifestyle{color:white;display:flex;align-items:center;}
.life-features{display:flex;gap:42px;flex-wrap:wrap;margin-top:36px;}
.life-features div{border-top:1px solid rgba(255,255,255,.25);padding-top:16px;min-width:150px;}

.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.service-card{background:white;padding:36px 26px;border-radius:24px;border:1px solid #eadcc0;transition:.35s;min-height:220px;}
.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);}
.service-card i{font-style:normal;font-size:36px;color:var(--gold);}
.service-card h3{font-size:24px;margin:20px 0 10px;}
.service-card p{color:var(--muted);line-height:1.7;}


.news-card{background:white;border-radius:24px;overflow:hidden;box-shadow:0 12px 45px rgba(0,0,0,.08);}
.news-card img{height:260px;width:100%;object-fit:cover;}

.news-body{padding:26px;}
.news-body time{color:var(--gold);}
.news-body h3{font-size:27px;margin:12px 0;}

.careers{background:linear-gradient(90deg,rgba(6,22,38,.86),rgba(6,22,38,.28)),url("https://images.unsplash.com/photo-1551836022-d5d88e9218df?q=80&w=2200&auto=format&fit=crop") center/cover;color:white;}
.careers-box{max-width:650px;}

.interest{background:var(--navy);color:white;}
.form-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;}
.form-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);padding:34px;border-radius:26px;backdrop-filter:blur(10px);}
.form-box input,.form-box select{
  text-align:right;
  
  width:100%;height:56px;margin-bottom:14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255, 255, 255, 0.08);color:rgb(111, 84, 84);padding:0 18px;font-family:inherit;}

.form-box input::placeholder{color:rgba(255,255,255,.65);}

.footer{background:#03101d;color:rgb(186, 186, 186);padding:70px 0 24px;}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:34px;}
.footer h3,.footer h4{color:var(--gold);}
.footer a,.footer p{display:block;color:rgba(255,255,255,.68);margin:10px 0;line-height:1.8;}
.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:22px;color:rgba(255,255,255,.5);text-align:center;}

@media(max-width:1100px){
  .nav{display:none;}.menu-btn{display:block;}
  .about-grid,.community-layout,.map-grid,.form-grid,.news-grid{grid-template-columns:1fr;}
  .services-grid{grid-template-columns:repeat(2,1fr);}
  .dark-stats,.stats{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:680px){
  :root{--container:min(100% - 28px,1320px);}
  .section{padding:72px 0;}
  .header{height:76px;}.logo{font-size:27px;}.header-inner{gap:14px;}
  .hero h1{font-size:76px;}.hero h2{font-size:42px;}
  .about-content{padding:42px 24px;}.about-media{min-height:360px;}
  .services-grid,.footer-grid{grid-template-columns:1fr;}
  .community-card.large{min-height:420px;}
  .dark-stats{grid-template-columns:1fr 1fr;gap:20px;}
}


/* Premium final polish */
.phone{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);font-size:14px;}.phone i{color:var(--gold);font-style:normal;}.login-icon{background:rgba(255,255,255,.08);backdrop-filter:blur(8px);text-decoration:none;}.login-icon i{font-style:normal;color:var(--gold);}
.hero h1{font-size:clamp(58px,8vw,120px);}.hero h2{font-size:clamp(22px,3vw,42px)!important;margin:8px 0 16px!important;}.hero p{font-size:18px;max-width:620px;}.hero::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 25% 35%,rgba(200,164,93,.16),transparent 34%);pointer-events:none;}.hero-content{z-index:2;}.section-title{font-size:clamp(30px,3.5vw,30px)!important;}.section-lead{font-size:18px!important;}.about-content{padding:38px 42px!important;}.about-media{min-height:400px!important;}.about-content .section-title{font-size:30px!important;}.about-content .section-lead{font-size:16px!important;line-height:1.9;}.stats{gap:14px;margin:30px 0;}.stat strong{font-size:24px!important;}.stat span{font-size:13px;}.lifestyle{min-height:560px;background:linear-gradient(90deg,rgba(6,22,38,.94),rgba(6,22,38,.44)),url("https://images.unsplash.com/photo-1600607687644-c7171b42498f?q=80&w=2200&auto=format&fit=crop") center/cover fixed!important;position:relative;overflow:hidden;}.lifestyle:before,.lifestyle:after{content:"";position:absolute;border-radius:50%;background:rgba(200,164,93,.13);animation:float 8s infinite ease-in-out;filter:blur(.2px);}.lifestyle:before{width:150px;height:150px;top:14%;right:9%;}.lifestyle:after{width:90px;height:90px;bottom:18%;left:14%;animation-duration:12s;}.lifestyle .container{position:relative;z-index:2;}.lifestyle .container:after{content:"";position:absolute;inset:-70px -80px;z-index:-1;background:radial-gradient(circle at 20% 20%,rgba(200,164,93,.16),transparent 38%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08),transparent 32%);pointer-events:none;animation:premiumGlow 10s ease-in-out infinite alternate;}.life-features div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-top-color:rgba(200,164,93,.55);border-radius:18px;padding:18px 22px;backdrop-filter:blur(8px);transition:.35s;}.life-features div:hover{transform:translateY(-6px);border-color:rgba(200,164,93,.55);}@keyframes float{50%{transform:translateY(-24px) translateX(10px)}}@keyframes premiumGlow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-20px,18px,0)}}
.news-grid{display:grid;grid-template-columns:1.4fr .6fr!important;gap:24px;}.news-card{position:relative;border:1px solid rgba(234,220,192,.85);transition:.35s;}.news-card:hover{transform:translateY(-6px);box-shadow:0 22px 60px rgba(6,22,38,.14);}.news-card.main img{height:520px!important;}.news-grid .small-stack{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr 1fr;gap:24px;}.news-grid .small-stack .news-card img{height:210px;}.news-body a{color:var(--navy);font-weight:700;}.news-tag{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:#f6efe2;color:var(--gold);font-size:13px;margin-bottom:10px;}

/* Inner pages */
.inner-hero{min-height:58vh;position:relative;display:flex;align-items:center;color:white;overflow:hidden;background:#071827;}.inner-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,22,38,.88),rgba(6,22,38,.36)),var(--page-bg);background-position:center;background-size:cover;transform:scale(1.04);}.inner-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 40%,rgba(200,164,93,.22),transparent 35%);}.inner-hero .container{position:relative;z-index:2;padding-top:80px;}.inner-hero h1{font-size:x-large;margin:0 0 14px;color:white;}.breadcrumb{display:flex;gap:10px;align-items:center;color:rgba(255,255,255,.72);margin-bottom:18px;}.breadcrumb a{color:var(--gold);}.page-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:center;}.premium-card{background:white;border:1px solid #eadcc0;border-radius:26px;padding:34px;box-shadow:var(--shadow);}.values-grid,.features-grid,.jobs-grid,.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}.value-card,.feature-card,.job-card,.contact-card{background:white;border:1px solid #eadcc0;border-radius:24px;padding:30px;box-shadow:0 10px 35px rgba(6,22,38,.06);transition:.35s;}.value-card:hover,.feature-card:hover,.job-card:hover,.contact-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);}.value-card i,.feature-card i,.contact-card i{font-style:normal;font-size:34px;color:var(--gold);display:block;margin-bottom:16px;}.split-dark{background:var(--navy);color:white;}.split-dark .section-lead{color:rgba(255,255,255,.72);}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}.process-step{border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:26px;background:rgba(255,255,255,.05);}.process-step span{color:var(--gold);font-size:32px;font-weight:700;}.projects-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}.project-card{min-height:430px;}.project-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}.project-meta span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;font-size:13px;}.service-wide{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;align-items:center;margin-bottom:22px;}.service-number{font-size:80px;color:var(--gold);line-height:1;}.news-page-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;}.news-list{display:grid;gap:22px;}.news-list .news-card{display:grid;grid-template-columns:230px 1fr;}.news-list .news-card img{height:100%;}.join-hero-box{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;}.join-hero-box div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:18px;backdrop-filter:blur(8px);}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start;}.map-placeholder{min-height:360px;border-radius:26px;background:linear-gradient(135deg,rgba(6,22,38,.96),rgba(6,22,38,.72)),radial-gradient(circle at 35% 45%,rgba(200,164,93,.32),transparent 35%);position:relative;overflow:hidden;color:white;display:grid;place-items:center;text-align:center;padding:30px;}.map-placeholder:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(200,164,93,.32);border-radius:50%;animation:float 9s infinite;}.form-box.light{background:white;border-color:#eadcc0;}.form-box.light input,.form-box.light select,.form-box.light textarea{color:var(--navy);background:#fbf7ef;border-color:#eadcc0;}.form-box textarea{width:100%;height:130px;margin-bottom:14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);padding:16px 18px;font-family:inherit;resize:none;}.form-box.light input::placeholder,.form-box.light textarea::placeholder{color:#8a7b65;}
.footer a[href]{cursor:pointer;}.footer a[href]:hover{color:var(--gold);}
@media(max-width:1100px){.news-grid,.page-intro,.values-grid,.features-grid,.jobs-grid,.contact-cards,.process-grid,.projects-list,.service-wide,.news-page-grid,.contact-layout{grid-template-columns:1fr!important;}.news-list .news-card{grid-template-columns:1fr;}.join-hero-box{grid-template-columns:1fr;}.news-card.main img{height:360px!important;}.header-actions .phone{display:none;}}
@media(max-width:680px){.logo{font-size:24px;}.hero h1{font-size:64px;}.hero h2{font-size:34px!important;}.about-content{padding:34px 22px!important;}.about-media{min-height:320px!important;}.about-content .section-title{font-size:32px!important;}.news-grid .small-stack .news-card img{height:210px;}.inner-hero{min-height:52vh;}.values-grid,.features-grid,.jobs-grid,.projects-list{gap:16px;}.premium-card,.value-card,.feature-card,.job-card,.contact-card{padding:24px;}}


/* RASOOKH Premium Edition V2 - deeper polish */
:root{--cream-2:#fffaf0;--gold-soft:rgba(200,164,93,.16);}
body{scroll-behavior:smooth;}
.header{transition:height .35s ease,background .35s ease,box-shadow .35s ease;}
.header.scrolled{box-shadow:0 18px 50px rgba(0,0,0,.22);}
.header.scrolled .header-inner{border-color:rgba(255,255,255,.08);}
.nav a{position:relative;}.nav a:after{content:"";position:absolute;right:0;bottom:-8px;width:0;height:2px;background:var(--gold);transition:.35s;}.nav a:hover:after,.nav a.active:after{width:100%;}
.hero-bg{transform:scale(1.04);animation:heroBreath 18s ease-in-out infinite alternate;}.hero-content:before{content:"";position:absolute;right:-70px;top:-50px;width:220px;height:220px;border:1px solid rgba(200,164,93,.28);border-radius:50%;z-index:-1;}.hero-content:after{content:"";position:absolute;left:-35px;bottom:-30px;width:92px;height:92px;background:rgba(200,164,93,.12);border-radius:24px;transform:rotate(18deg);z-index:-1;}.hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;max-width:640px;}.hero-kpis div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);border-radius:18px;padding:14px 16px;}.hero-kpis strong{display:block;color:var(--gold);font-size:22px;}.hero-kpis span{font-size:13px;color:rgba(255,255,255,.72);}
@keyframes heroBreath{from{transform:scale(1.04)}to{transform:scale(1.1) translate3d(-14px,10px,0)}}
.btn{position:relative;overflow:hidden;}.btn:before{content:"";position:absolute;top:0;right:-130%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);transition:.7s;}.btn:hover:before{right:130%;}
.reveal-line{position:relative;}.reveal-line:after{content:"";display:block;width:86px;height:3px;background:var(--gold);border-radius:99px;margin-top:18px;}
.premium-strip{background:linear-gradient(90deg,#061626,#102b45);color:white;overflow:hidden;white-space:nowrap;border-top:1px solid rgba(200,164,93,.22);border-bottom:1px solid rgba(200,164,93,.22);}
.premium-strip .track{display:inline-flex;gap:38px;padding:18px 0;animation:stripMove 28s linear infinite;}.premium-strip span{color:rgba(255,255,255,.78);}.premium-strip b{color:var(--gold);margin-left:8px;}
@keyframes stripMove{from{transform:translateX(0)}to{transform:translateX(50%)}}
.section-head .btn{white-space:nowrap;}
.community-card,.news-card,.project-card{isolation:isolate;}.community-card:before,.project-card:before{content:"";position:absolute;inset:auto 18px 18px 18px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);z-index:3;opacity:.0;transition:.35s;}.community-card:hover:before,.project-card:hover:before{opacity:1;}
.project-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px;}.project-filters button{border:1px solid #eadcc0;background:white;border-radius:999px;padding:11px 18px;font-family:inherit;cursor:pointer;color:var(--navy);transition:.3s;}.project-filters button.active,.project-filters button:hover{background:var(--navy);color:white;border-color:var(--navy);}
.project-card{display:block;position:relative;overflow:hidden;border-radius:26px;color:white;background:#061626;text-decoration:none;}.project-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:.6s;}.project-card:hover img{transform:scale(1.08);}.project-card .community-info{position:absolute;inset:auto 0 0 0;padding:110px 26px 26px;background:linear-gradient(transparent,rgba(0,0,0,.82));z-index:2;}.project-status{position:absolute;top:18px;right:18px;z-index:3;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);border-radius:999px;padding:9px 14px;font-size:13px;color:white;}
.timeline-premium{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}.timeline-premium:before{content:"";position:absolute;top:32px;right:8%;left:8%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);}.timeline-item{position:relative;background:white;border:1px solid #eadcc0;border-radius:24px;padding:28px;box-shadow:0 12px 34px rgba(6,22,38,.06);}.timeline-item b{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#f8efe0;color:var(--gold);font-size:22px;margin-bottom:18px;position:relative;z-index:1;}
.cta-premium{background:linear-gradient(90deg,rgba(6,22,38,.96),rgba(6,22,38,.78)),url("https://images.unsplash.com/photo-1600607688969-a5bfcd646154?q=80&w=2200&auto=format&fit=crop") center/cover;color:white;border-radius:34px;padding:54px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;overflow:hidden;position:relative;}.cta-premium:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid rgba(200,164,93,.3);left:-80px;bottom:-80px;}.cta-premium p{color:rgba(255,255,255,.72);}
.service-wide{border:1px solid #eadcc0;border-radius:28px;padding:28px;background:white;box-shadow:0 10px 35px rgba(6,22,38,.05);transition:.35s;}.service-wide:hover{transform:translateY(-5px);box-shadow:var(--shadow);}.service-wide h3{font-size:26px;margin:0 0 10px;}.service-wide ul{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none;}.service-wide li:before{content:"✓";color:var(--gold);font-weight:700;margin-left:8px;}
.news-ticker{display:flex;gap:18px;align-items:center;background:#061626;color:white;border-radius:22px;padding:16px 20px;margin-bottom:26px;overflow:hidden;}.news-ticker strong{color:var(--gold);white-space:nowrap;}.news-ticker span{animation:ticker 16s linear infinite;white-space:nowrap;color:rgba(255,255,255,.76);}@keyframes ticker{from{transform:translateX(-30%)}to{transform:translateX(70%)}}
.news-card.main .news-body{background:linear-gradient(transparent,rgba(255,255,255,.98) 20%);}.news-list .news-card{background:white;}.news-card p{color:#6d6253;line-height:1.8;}
.culture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}.culture-card{background:#fff;border:1px solid #eadcc0;border-radius:24px;padding:26px;box-shadow:0 10px 30px rgba(6,22,38,.05);}.culture-card strong{display:block;color:var(--gold);font-size:30px;margin-bottom:12px;}
.job-card{position:relative;}.job-card:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--gold),transparent);border-radius:24px 24px 0 0;}.job-meta{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;}.job-meta span{background:#f8efe0;color:#8a6a2a;border-radius:999px;padding:7px 11px;font-size:12px;}
.contact-card a{color:inherit;text-decoration:none;}.contact-layout .premium-card{position:sticky;top:100px;}.map-placeholder h2{color:var(--gold);}
.floating-whatsapp{color:#061626;place-items:center;box-shadow:0 14px 40px rgba(0,0,0,.24);font-weight:800;}.floating-whatsapp:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(200,164,93,.45);border-radius:50%;animation:pulse 1.8s infinite;}@keyframes pulse{50%{transform:scale(1.12);opacity:.45}100%{transform:scale(1.25);opacity:0}}
@media(max-width:1100px){.hero-kpis,.timeline-premium,.culture-grid{grid-template-columns:repeat(2,1fr);}.timeline-premium:before{display:none;}.cta-premium{grid-template-columns:1fr;padding:36px;}.service-wide ul{grid-template-columns:1fr;}.contact-layout .premium-card{position:relative;top:auto;}}
@media(max-width:680px){.hero-kpis,.timeline-premium,.culture-grid{grid-template-columns:1fr;}.hero-kpis{max-width:100%;margin-top:22px;}.hero-kpis div{padding:12px;}.premium-strip .track{animation-duration:18s;}.cta-premium{border-radius:24px;padding:28px;}.news-ticker{border-radius:16px;}.floating-whatsapp{width:50px;height:50px;left:16px;bottom:16px;}.project-card{min-height:380px;}.timeline-item{padding:22px;}.phone{display:none!important;}}

/* Sprint 1.1 — Hero/Header only */
.header{height:82px;background:linear-gradient(to bottom,rgba(0,0,0,.30),rgba(0,0,0,.05));border-bottom:1px solid rgba(255,255,255,.11);backdrop-filter:none;}
.header-inner{gap:28px;}
.logo{font-size:31px;letter-spacing:.3px;}
.logo small{font-size:11px;letter-spacing:4px;color:#fff;opacity:.92;}
.nav{gap:24px;font-size:15px;margin-inline-start:35px;}

.header-actions .phone span{display:none;}
.login-icon{width:34px;height:34px;border-color:rgba(255,255,255,.34);}
.header.scrolled{height:72px;background:rgba(3,10,16,.78);backdrop-filter:blur(16px);}

.hero-projects{min-height:100svh;display:block;place-items:unset;background:#03070b;color:#fff;isolation:isolate;}
.hero-projects::before,.hero-projects::after,.hero-projects .hero-bg{display:none!important;}
.project-slide{position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:center;opacity:0;transform:scale(1.045);transition:opacity .85s ease,transform 6s ease;z-index:0;}
.project-slide.active{opacity:1;transform:scale(1);}
.project-slide .slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.47) 35%,rgba(0,0,0,.34) 63%,rgba(0,0,0,.66) 100%),linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.26) 45%,rgba(0,0,0,.36) 100%);}
.hero-project-content{position:absolute;z-index:3;right:10vw;bottom:11vh;width:min(520px,42vw);text-align:right;padding:0;animation:none!important;}

.hero-project-content .project-title{font-size:clamp(35px,6.4vw,35px);line-height:.95;margin:0 0 8px;font-weight:700;color:#fff;text-shadow:0 14px 40px rgba(0,0,0,.36);}
.project-city{font-size:clamp(20px,1.65vw,28px);line-height:1.2;margin:0 0 42px;color:rgba(255,255,255,.82);}
.project-stats{display:flex;gap:12px;align-items:stretch;margin:0;padding:0;border:0;max-width:460px;}
.project-stats div{min-width:112px;padding:11px 15px;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.12);backdrop-filter:blur(8px);border-radius:15px;}
.project-stats span{display:block;font-size:12px;color:rgba(255,255,255,.58);margin-bottom:7px;font-weight:500;}
.project-stats strong{display:block;font-size:16px;color:#fff;font-weight:700;white-space:nowrap;}


.hero-arrow{font-size:44px;line-height:1;place-items:center;}
.hero-arrow:hover{transform:translateY(-50%) scale(1.04);}

.hero-thumbs{position:absolute;z-index:4;left:5vw;right:auto;bottom:8vh;display:flex;gap:14px;align-items:flex-end;direction:rtl;max-width:50vw;overflow:hidden;}
.hero-thumb{position:relative;width:210px;height:96px;border-radius:13px;overflow:hidden;border:1px solid rgba(255,255,255,.24);background-image:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.08)),var(--thumb);background-size:cover;background-position:center;color:#fff;text-align:right;padding:0 16px 14px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;opacity:.72;transition:.35s;font-family:inherit;box-shadow:0 18px 46px rgba(0,0,0,.28);}
.hero-thumb.active{opacity:1;border-color:rgba(255,255,255,.9);width:240px;height:108px;}
.hero-thumb:hover{opacity:1;transform:translateY(-4px);}
.hero-thumb span{font-size:17px;font-weight:700;text-shadow:0 3px 14px rgba(0,0,0,.55);}
.hero-thumb small{font-size:13px;color:rgba(255,255,255,.76);margin-top:4px;}


@media(max-width:1100px){
  .hero-project-content{right:7vw;bottom:20vh;width:min(560px,80vw);}
  .hero-thumbs{left:7vw;right:7vw;bottom:7vh;max-width:none;overflow-x:auto;padding-bottom:4px;}
  .hero-thumb{min-width:190px;width:190px;}.hero-thumb.active{min-width:215px;width:215px;}
  .hero-arrow{width:48px;height:48px;font-size:38px;}.hero-prev{left:24px;}.hero-next{right:24px;}
}
@media(max-width:760px){
  .header{height:74px;}.nav{display:none;}.menu-btn{display:grid;}.logo{font-size:27px;}
  .hero-project-content{right:24px;left:24px;bottom:29vh;width:auto;}
  
  .project-stats{gap:8px;overflow-x:auto;}.project-stats div{min-width:100px;padding:10px 12px;}.project-stats strong{font-size:15px;}
  .hero-thumbs{left:24px;right:24px;bottom:7vh;}.hero-thumb{min-width:165px;height:82px;}.hero-thumb.active{min-width:180px;height:92px;}
  .hero-arrow{display:none;}
}

/* =========================
   Projects Dropdown
========================= */

.nav-item{position:relative;
    display:flex;
    align-items:center;}

.dropdown-trigger{display:flex;
    align-items:center;
    gap:6px;}

.dropdown-icon{font-size:10px;
    transition:.25s ease;}

.has-dropdown:hover .dropdown-icon{transform:rotate(180deg);}

.dropdown-menu{position:absolute;
    top:42px;
    right:50%;
    transform:translateX(50%);
    min-width:190px;

    background:#8a6848;
    border-radius:5px;

    border:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(10px);

    box-shadow:
    0 15px 35px rgba(0,0,0,.18);

    opacity:0;
    visibility:hidden;

    transition:.25s ease;

    overflow:hidden;

    z-index:9999;}

.dropdown-menu a{display:block;
    padding:14px 18px;

    color:#fff;
    font-size:14px;

    text-align:center;

    transition:.25s ease;}

.dropdown-menu a:hover{background:rgba(255,255,255,.08);}

.has-dropdown:hover .dropdown-menu{opacity:1;
    visibility:visible;}

.header-actions{display:flex;
  align-items:center;
  gap:10px;}

.header-circle{width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(8px);
  font-size:15px;
  transition:.25s ease;}

.header-circle i{font-size:16px;}

.lang-circle{font-size:13px;
  font-weight:700;
  letter-spacing:.5px;}

.interest-pill{height:42px;
  padding:0 22px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(8px);
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
  transition:.25s ease;}

.header-circle:hover,
.interest-pill:hover{border-color:var(--gold);
  color:var(--gold);
  background:rgba(200,164,93,.10);}

.hero-arrow{position:absolute;
  z-index:20;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(0,0,0,.18);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
  backdrop-filter:blur(6px);
  transition:.25s ease;}

.hero-arrow i{font-size:16px;
  color:#fff;
  line-height:1;}

.hero-prev{right:56px;
  left:auto;}

.hero-next{left:56px;
  right:auto;}

.hero-arrow:hover{border-color:var(--gold);
  color:var(--gold);
  background:rgba(0,0,0,.28);}

.hero-arrow:hover i{color:var(--gold);}


.floating-whatsapp{position:fixed;
    left:30px;
    bottom:30px;

    width:68px;
    height:68px;

    border-radius:50%;

    background:#c8a45d;

    display:flex;
    align-items:center;
    justify-content:center;

    text-decoration:none;

    z-index:9999;}

.floating-whatsapp i{font-size:28px;
    color:#0b2345;}


.saudi-map{position:relative;}

.pin{cursor:pointer;
  transition:.25s ease;}

.pin:hover{transform:scale(1.12);}

.city-projects-panel{position:absolute;
  left:28px;
  bottom:28px;
  width:330px;
  padding:18px;
  border-radius:22px;
  background:rgba(6,22,38,.82);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(14px);
  color:#fff;
  z-index:10;
  opacity:0;
  visibility:hidden;
  transform:translateY(18px);
  transition:.3s ease;}

.city-projects-panel.show{opacity:1;
  visibility:visible;
  transform:translateY(0);}

.panel-head{display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;}

.panel-head span{font-size:18px;
  font-weight:700;
  color:var(--gold);}

.panel-head button{background:none;
  border:0;
  color:#fff;
  font-size:24px;
  cursor:pointer;
  line-height:1;}

.city-projects-list{display:grid;
  gap:10px;}

.city-project-card{display:flex;
  align-items:center;
  gap:12px;
  padding:10px;
  border-radius:16px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);
  animation:projectFade .3s ease both;}

.city-project-card img{width:72px;
  height:56px;
  border-radius:12px;
  object-fit:cover;}

.city-project-card h4{margin:0 0 4px;
  font-size:15px;
  color:#fff;}

.city-project-card p{margin:0;
  font-size:12px;
  color:rgba(255,255,255,.68);}

@keyframes projectFade{
  from{
    opacity:0;
    transform:translateY(10px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}
/* Added pages: project / unit details - keeps original visual identity */
.detail-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}.detail-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start;}.detail-side{position:sticky;top:100px;}.detail-side h3{margin-top:0;color:var(--navy);font-size:26px;}.detail-list{list-style:none;margin:22px 0;padding:0;display:grid;gap:12px;}.detail-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #eadcc0;padding-bottom:12px;}.detail-list span{color:var(--muted);}.detail-list strong{color:var(--navy);}.detail-gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:34px;}.detail-gallery img{width:100%;height:260px;object-fit:cover;border-radius:22px;box-shadow:0 10px 30px rgba(6,22,38,.08);}.detail-gallery img:first-child{grid-row:span 2;height:534px;}.unit-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0;}.unit-specs div{background:white;border:1px solid #eadcc0;border-radius:22px;padding:24px;text-align:center;box-shadow:0 10px 30px rgba(6,22,38,.05);}.unit-specs strong{display:block;color:var(--gold);font-size:30px;}.unit-specs span{color:var(--muted);font-size:14px;}@media(max-width:1100px){.detail-layout{grid-template-columns:1fr;}.detail-side{position:relative;top:auto;}.detail-gallery{grid-template-columns:1fr;}.detail-gallery img,.detail-gallery img:first-child{height:320px;}.unit-specs{grid-template-columns:repeat(2,1fr);}}@media(max-width:680px){.detail-hero-actions{flex-direction:column;}.detail-hero-actions .btn{width:100%;}.detail-gallery img,.detail-gallery img:first-child{height:230px;}.unit-specs{grid-template-columns:1fr 1fr;gap:10px;}.unit-specs div{padding:18px 12px;}.unit-specs strong{font-size:24px;}.detail-list li{align-items:flex-start;flex-direction:column;gap:4px;}}

/* =====================================================
   Project Details V2 — blended structure inspired by
   premium community detail pages, preserving Rasookh UI
===================================================== */
.project-page-v2{background:var(--soft);}
.project-hero-v2{min-height:92svh;
  position:relative;
  display:flex;
  align-items:flex-end;
  padding:138px 0 74px;
  color:#fff;
  overflow:hidden;
  background:#061626;
  isolation:isolate;}
.project-hero-v2:before{content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(3,16,29,.92),rgba(3,16,29,.52),rgba(3,16,29,.82)),var(--project-bg);
  background-size:cover;
  background-position:center;
  transform:scale(1.04);
  z-index:-2;}
.project-hero-v2:after{content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 30%,rgba(200,164,93,.24),transparent 34%),linear-gradient(to top,rgba(3,16,29,.92),transparent 54%);
  z-index:-1;}

.project-breadcrumb{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.7);margin-bottom:18px;flex-wrap:wrap;}
.project-breadcrumb a{color:var(--gold);}
.project-labels{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;}
.project-labels span,.unit-status{display:inline-flex;
  min-height:34px;
  align-items:center;
  border-radius:999px;
  padding:0 14px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:13px;
  font-weight:700;}
.project-labels span:nth-child(2){background:rgba(200,164,93,.18);border-color:rgba(200,164,93,.46);color:var(--gold-2);}


.project-download{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;background:rgba(200,164,93,.18);border:1px solid rgba(200,164,93,.44);color:var(--gold-2);font-weight:700;}
.project-tabs-v2{position:sticky;top:72px;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid #eadcc0;box-shadow:0 10px 34px rgba(6,22,38,.06);}
.project-tabs-v2 .container{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-top:12px;padding-bottom:12px;}
.project-tabs-v2 .container::-webkit-scrollbar{display:none;}
.project-tabs-v2 a{white-space:nowrap;border-radius:999px;padding:11px 17px;color:var(--navy);font-weight:700;transition:.25s;}
.project-tabs-v2 a:hover{background:var(--navy);color:#fff;}


.project-features-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.project-features-v2 div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:26px;transition:.35s;}
.project-features-v2 div:hover{transform:translateY(-6px);border-color:rgba(200,164,93,.48);background:rgba(255,255,255,.085);}
.project-features-v2 i{font-style:normal;color:var(--gold);font-size:34px;display:block;margin-bottom:16px;}
.project-features-v2 h3{margin:0 0 10px;color:#fff;font-size:22px;}
.project-features-v2 p{margin:0;color:rgba(255,255,255,.68);line-height:1.8;}

.nearby-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px;}
.nearby-list div{background:#fff;border:1px solid #eadcc0;border-radius:22px;padding:20px;display:flex;align-items:center;gap:14px;}
.nearby-list strong{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#f8efe0;color:var(--gold);}
.nearby-list span{font-weight:700;color:var(--navy);}
.project-map-card{min-height:430px;border-radius:30px;background:linear-gradient(135deg,rgba(6,22,38,.96),rgba(6,22,38,.68)),radial-gradient(circle at 35% 45%,rgba(200,164,93,.34),transparent 35%);position:relative;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;overflow:hidden;box-shadow:var(--shadow);}
.project-map-card:before,.project-map-card:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(200,164,93,.32);}
.project-map-card:before{width:300px;height:300px;animation:float 10s ease-in-out infinite;}
.project-map-card:after{width:180px;height:180px;animation:float 12s ease-in-out infinite reverse;}
.project-map-card>*{position:relative;z-index:1;}
.project-map-card span{color:var(--gold);font-weight:700;}
.project-map-card h3{font-size:46px;margin:10px 0;color:#fff;}
.project-map-card p{color:rgba(255,255,255,.7);margin:0 0 24px;max-width:380px;line-height:1.8;}


.unit-status{background:var(--navy);color:#fff;border:0;margin-bottom:18px;}
.unit-status.soon{background:#f8efe0;color:#8a6a2a;}


@media(max-width:1100px){
  
  
  
  
  
  .project-features-v2{grid-template-columns:repeat(2,1fr);}
  
  
}
@media(max-width:760px){
  .project-hero-v2{min-height:auto;padding:118px 0 48px;align-items:flex-end;}
  
  
  
  
  
  .project-tabs-v2{top:72px;}
  .project-tabs-v2 a{padding:10px 14px;font-size:13px;}
  
  
  
  
  
  .project-features-v2{grid-template-columns:1fr;}
  .nearby-list{grid-template-columns:1fr;}
  .project-map-card{min-height:330px;border-radius:24px;}
  .project-map-card h3{font-size:36px;}
  
  
  
}
@media(max-width:480px){
  .project-labels span{font-size:12px;padding:0 11px;}
  
  
  
  
}

/* =====================================================
   Project Details V2 Calm Pass
   Purpose: keep every detail, reduce visual crowding/noise
===================================================== */


body.project-page-v2 .section-title{letter-spacing:-.4px;}


body.project-page-v2 .btn{box-shadow:none;}

body.project-page-v2 .btn:hover{transform:translateY(-2px);}


body.project-page-v2 .project-labels span,
body.project-page-v2 .unit-status{padding:0 12px;}


body.project-page-v2 .project-tabs-v2 a{background:rgba(255,255,255,.45);
  border:1px solid transparent;}

body.project-page-v2 .project-tabs-v2 a:hover{border-color:#061626;}


body.project-page-v2 .premium-card{box-shadow:0 12px 34px rgba(6,22,38,.07);
  border-radius:24px;}


body.project-page-v2 .project-features-v2 div:hover{transform:none;}

body.project-page-v2 .project-features-v2 i{opacity:.9;}


body.project-page-v2 .nearby-list div{box-shadow:0 7px 20px rgba(6,22,38,.035);}

body.project-page-v2 .nearby-list strong{font-size:14px;}


body.project-page-v2 .project-map-card:before,
body.project-page-v2 .project-map-card:after{animation:none;
  opacity:.55;}


@media(max-width:1100px){
  body.project-page-v2 .section{padding:76px 0;}
  
  
  
  body.project-page-v2 .project-features-v2{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:760px){
  body.project-page-v2 .section{padding:62px 0;}
  body.project-page-v2 .project-hero-v2{padding:104px 0 42px;}
  
  
  
  
  
  body.project-page-v2 .project-tabs-v2 a{font-size:12.5px;
    padding:9px 12px;}
  
  
  
  body.project-page-v2 .project-features-v2{grid-template-columns:1fr;}
  body.project-page-v2 .project-map-card{min-height:300px;}
  
}

@media(max-width:480px){
  
  body.project-page-v2 .project-labels{gap:7px;}
  body.project-page-v2 .project-labels span{min-height:29px;
    font-size:12px;}
  
  
  
  body.project-page-v2 .nearby-list div{align-items:flex-start;}
}

/* =====================================================
   Project Details V2 Calm Pass 2
   Goal: quieter layout while keeping all content/details
===================================================== */
body.project-page-v2{--project-calm-bg:#fbf8f2;
  --project-calm-card:#fffdf8;
  --project-calm-line:#eee1cc;
  --project-calm-shadow:0 8px 24px rgba(6,22,38,.045);
  background:var(--project-calm-bg);}

body.project-page-v2 .section{padding:104px 0;}

body.project-page-v2 .section-head{align-items:flex-start;
  margin-bottom:42px;}

body.project-page-v2 .section-title{max-width:780px;}

body.project-page-v2 .section-lead{max-width:720px;}

body.project-page-v2 .btn{min-height:50px;
  padding-inline:24px;}

body.project-page-v2 .btn:hover, body.project-page-v2 .project-features-v2 div:hover{transform:none;}

body.project-page-v2 .project-hero-v2{min-height:70svh;
  padding:120px 0 70px;}

body.project-page-v2 .project-hero-v2:before{transform:none;
  background:
    linear-gradient(90deg,rgba(3,16,29,.90),rgba(3,16,29,.60),rgba(3,16,29,.78)),
    var(--project-bg);
  background-size:cover;
  background-position:center;}

body.project-page-v2 .project-hero-v2:after{background:linear-gradient(to top,rgba(3,16,29,.86),rgba(3,16,29,.04) 62%);}


body.project-page-v2 .project-breadcrumb{margin-bottom:22px;
  color:rgba(255,255,255,.62);}

body.project-page-v2 .project-labels{gap:8px;
  margin-bottom:18px;}

body.project-page-v2 .project-labels span,
body.project-page-v2 .unit-status{min-height:29px;
  padding-inline:12px;
  font-size:12px;
  font-weight:600;
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.13);}

body.project-page-v2 .project-labels span:nth-child(2){background:rgba(200,164,93,.12);
  border-color:rgba(200,164,93,.28);}


  


body.project-page-v2 .project-download{min-height:42px;
  background:rgba(200,164,93,.13);
  border-color:rgba(200,164,93,.30);}

body.project-page-v2 .project-tabs-v2{top:72px;
  background:rgba(251,248,242,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--project-calm-line);
  box-shadow:none;}

body.project-page-v2 .project-tabs-v2 .container{gap:6px;
  padding-top:10px;
  padding-bottom:10px;}

body.project-page-v2 .project-tabs-v2 a{padding:9px 14px;
  font-size:13.5px;
  font-weight:600;
  color:#223348;}

body.project-page-v2 .project-tabs-v2 a:hover{background:#f4ead9;
  color:#7b5d23;}


body.project-page-v2 .premium-card, body.project-page-v2 .nearby-list div{background:var(--project-calm-card);
  border-color:var(--project-calm-line);
  box-shadow:var(--project-calm-shadow);}


body.project-page-v2 .split-dark{background:#071827;}

body.project-page-v2 .split-dark .section-head{margin-bottom:38px;}

body.project-page-v2 .project-features-v2{gap:14px;}

body.project-page-v2 .project-features-v2 div{padding:20px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.10);}

body.project-page-v2 .project-features-v2 div:hover{border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.045);}

body.project-page-v2 .project-features-v2 i{font-size:24px;
  margin-bottom:10px;
  color:rgba(228,199,130,.9);}

body.project-page-v2 .project-features-v2 h3{font-size:18.5px;
  margin-bottom:8px;}

body.project-page-v2 .project-features-v2 p{font-size:14px;
  line-height:1.85;
  color:rgba(255,255,255,.62);}

body.project-page-v2 .nearby-list{gap:12px;
  margin-top:32px;}

body.project-page-v2 .nearby-list div{padding:16px;
  border-radius:18px;}

body.project-page-v2 .nearby-list strong{width:44px;
  height:44px;
  background:#f5ead6;}

body.project-page-v2 .project-map-card{min-height:350px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(6,22,38,.94),rgba(6,22,38,.78));
  box-shadow:0 10px 30px rgba(6,22,38,.12);}

body.project-page-v2 .project-map-card:before,
body.project-page-v2 .project-map-card:after{display:none;}

body.project-page-v2 .project-map-card h3{font-size:38px;}

body.project-page-v2 .project-map-card p{max-width:340px;}


body.project-page-v2 .unit-status{color:#fff;
  background:#10263d;
  margin-bottom:16px;}

body.project-page-v2 .unit-status.soon{background:#f6ecdc;
  color:#806436;}

body.project-page-v2 #interest-form{background:#071827;}

body.project-page-v2 #interest-form .form-grid{gap:58px;}

body.project-page-v2 #interest-form .form-box{background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.10);
  box-shadow:none;}

body.project-page-v2 [data-aos]{transition-duration:.42s!important;}


@media(max-width:760px){
  body.project-page-v2 .section{padding:72px 0;}
  body.project-page-v2 .section-head{gap:16px;
    margin-bottom:30px;}
  body.project-page-v2 .section-head .btn{width:100%;}
  body.project-page-v2 .project-hero-v2{min-height:auto;
    padding:108px 0 52px;}
  
  
  
  
  
  body.project-page-v2 .project-tabs-v2{top:70px;}
  body.project-page-v2 .project-tabs-v2 a{padding:8px 12px;
    font-size:12.5px;}
  
  
  body.project-page-v2 .project-features-v2{gap:12px;}
  body.project-page-v2 .project-features-v2 div{padding:18px;}
  body.project-page-v2 .project-map-card{min-height:280px;}
  
  
  
  body.project-page-v2 #interest-form .form-grid{gap:28px;}
}

@media(max-width:480px){
  body.project-page-v2 .project-labels{gap:6px;}
  body.project-page-v2 .project-labels span{min-height:27px;
    padding-inline:10px;}
  
  
  
  
  body.project-page-v2 .nearby-list div{padding:14px;}
}


/* =====================================================
   Project Details — Calm Amenities & Services Section
   Added without changing the general site identity
===================================================== */


body.project-page-v2 .amenity-icon{width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  background:#f5ead6;
  border:1px solid #eadcc0;
  color:#a77c35;
  font-size:22px;
  line-height:1;}


@media(max-width:760px){
  
  
  
  body.project-page-v2 .amenity-icon{width:44px;
    height:44px;
    border-radius:14px;
    margin-bottom:14px;
    font-size:20px;}
  
  
}

/* =====================================================
   Units Listing Page — Simple Client Sales Layout
   Keeps the general RASOOKH identity without visual crowding
===================================================== */
body.units-page{background:#fbf7ef;}

body.units-page .units-hero.inner-hero{min-height:46vh;}

body.units-page .units-listing-section{background:#fbf7ef;}

body.units-page .units-page-head{display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:26px;}

body.units-page .units-page-head .section-lead{max-width:760px;}

body.units-page .units-filter-bar{display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:24px;}

body.units-page .units-filter-bar button{border:1px solid #eadcc0;
  background:#fff;
  color:#10263d;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  font-family:inherit;
  font-weight:700;
  cursor:pointer;
  transition:.25s ease;}

body.units-page .units-filter-bar button.active,
body.units-page .units-filter-bar button:hover{background:#061626;
  color:#fff;
  border-color:#061626;}


body.units-page .unit-sale-card{grid-template-columns:330px 1fr;
  background:#fff;
  border:1px solid #eadcc0;

  overflow:hidden;}

body.units-page .unit-sale-img{position:relative;

  background:#061626;
  overflow:hidden;}

body.units-page .unit-sale-img img{width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;}

body.units-page .unit-sale-card:hover .unit-sale-img img{transform:scale(1.035);}

body.units-page .unit-sale-img span{position:absolute;


  min-height:32px;
  display:inline-flex;
  align-items:center;

  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#10263d;

  font-weight:700;}

body.units-page .unit-sale-body{display:flex;
  flex-direction:column;}

body.units-page .unit-sale-top{display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;

  color:#776d60;}

body.units-page .unit-sale-top strong{color:#c8a45d;}

body.units-page .unit-sale-body h3{margin:0 0 8px;
  color:#061626;

  line-height:1.25;}

body.units-page .unit-sale-body p{margin:0 0 20px;
  color:#6f665a;}


body.units-page .unit-sale-specs strong,
body.units-page .unit-sale-specs span{display:block;}

body.units-page .unit-sale-specs strong{color:#061626;

  margin-bottom:4px;}


body.units-page .unit-sale-actions{align-items:center;

  flex-wrap:wrap;}

body.units-page .unit-sale-actions .btn{min-height:46px;
  padding-inline:22px;}

body.units-page .unit-link{color:#10263d;
  font-weight:700;
  border-bottom:1px solid rgba(16,38,61,.28);
  padding-bottom:5px;}

body.units-page .units-help-section{padding-top:0;}

body.units-page .units-help-card{background:linear-gradient(90deg,rgba(6,22,38,.94),rgba(6,22,38,.72)),url("https://images.unsplash.com/photo-1600607688969-a5bfcd646154?q=80&w=1800&auto=format&fit=crop") center/cover;
  color:#fff;
  border-radius:28px;
  padding:42px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:26px;
  align-items:center;
  overflow:hidden;}

body.units-page .units-help-card h2{margin:0 0 10px;
  font-size:clamp(28px,3.4vw,44px);}

body.units-page .units-help-card p{margin:0;
  color:rgba(255,255,255,.76);
  line-height:1.85;
  max-width:650px;}

body.units-page .units-help-actions{display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;}

@media(max-width:1100px){
  body.units-page .units-page-head,
  body.units-page .units-help-card{grid-template-columns:1fr;
    display:grid;}
  body.units-page .units-page-head .btn{width:max-content;}
  body.units-page .unit-sale-card{grid-template-columns:280px 1fr;}
  body.units-page .unit-sale-specs{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:760px){
  body.units-page .units-hero.inner-hero{min-height:42vh;}
  body.units-page .units-page-head{gap:18px;
    margin-bottom:20px;}
  body.units-page .units-page-head .btn{width:100%;}
  body.units-page .units-filter-bar{flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
    margin-inline:-4px;}
  body.units-page .units-filter-bar button{white-space:nowrap;
    min-height:39px;
    padding-inline:15px;
    font-size:13px;}
  body.units-page .unit-sale-card{grid-template-columns:1fr;
    border-radius:20px;}
  body.units-page .unit-sale-img{min-height:230px;}
  body.units-page .unit-sale-body{padding:22px;}
  body.units-page .unit-sale-body h3{font-size:23px;}
  body.units-page .unit-sale-body p{font-size:14px;
    margin-bottom:16px;}
  body.units-page .unit-sale-specs{gap:8px;
    margin-bottom:18px;}
  body.units-page .unit-sale-specs div{padding:12px 10px;
    border-radius:14px;}
  body.units-page .unit-sale-actions .btn,
  body.units-page .unit-link{width:100%;
    justify-content:center;
    text-align:center;}
  body.units-page .unit-link{border:1px solid #eadcc0;
    border-radius:999px;
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;}
  body.units-page .units-help-card{padding:28px;
    border-radius:22px;}
  body.units-page .units-help-actions .btn{width:100%;}
}

@media(max-width:430px){
  body.units-page .unit-sale-specs{grid-template-columns:1fr;}
  body.units-page .unit-sale-img{min-height:210px;}
}

/* =========================
   Units Page — Grid Layout Update
   Keeps the same design identity, only changes the units listing to a clear card grid.
========================= */
body.units-page .units-simple-grid{display:grid;


  align-items:stretch;}

body.units-page .unit-sale-card{display:flex;
  flex-direction:column;
  min-height:100%;}

body.units-page .unit-sale-img{min-height:0;
  height:auto;

  flex:0 0 auto;}

body.units-page .unit-sale-body{flex:1;
  justify-content:flex-start;}


body.units-page .unit-sale-body p{max-width:none;}


body.units-page .unit-sale-specs{margin-top:auto;}


body.units-page .unit-sale-actions .btn,
body.units-page .unit-link{justify-content:center;
  text-align:center;}

body.units-page .unit-link{border:1px solid #eadcc0;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;}

@media(max-width:1180px){
  body.units-page .units-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:720px){
  body.units-page .units-simple-grid{grid-template-columns:1fr;
    gap:16px;}
  body.units-page .unit-sale-card{border-radius:20px;}
  body.units-page .unit-sale-img{aspect-ratio:16/11;}
  body.units-page .unit-sale-body{padding:20px;}
}

/* =========================
   Units Page — Smaller Cards Tuning
   Keeps the same grid design, only reduces visual size and spacing.
========================= */
body.units-page .units-simple-grid{grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;}

body.units-page .unit-sale-card{border-radius:18px;
  box-shadow:0 8px 20px rgba(6,22,38,.045);}

body.units-page .unit-sale-img{aspect-ratio:16/9;}

body.units-page .unit-sale-img span{top:12px;
  right:12px;
  padding:7px 11px;
  font-size:12px;}

body.units-page .unit-sale-body{padding:18px;}

body.units-page .unit-sale-top{font-size:12px;
  margin-bottom:7px;}

body.units-page .unit-sale-body h3{font-size:20px;
  margin-bottom:6px;}

body.units-page .unit-sale-body p{font-size:13.5px;
  line-height:1.65;
  margin-bottom:14px;}

body.units-page .unit-sale-specs{margin-bottom:14px;}


body.units-page .unit-sale-actions .btn,
body.units-page .unit-link{padding-inline:14px;}

@media(max-width:1280px){
  body.units-page .units-simple-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media(max-width:900px){
  body.units-page .units-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;}
}

@media(max-width:560px){
  body.units-page .units-simple-grid{grid-template-columns:1fr;
    gap:14px;}
  body.units-page .unit-sale-img{aspect-ratio:16/8.8;}
  body.units-page .unit-sale-body{padding:16px;}
  body.units-page .unit-sale-body h3{font-size:19px;}
  body.units-page .unit-sale-specs{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* =========================
   Units Page — Compact Details Area
   Reduces the visual height of the details/specifications area only.
========================= */
body.units-page .unit-sale-specs{display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin:10px 0 12px;}

body.units-page .unit-sale-specs div{min-height:54px;
  padding:8px 7px;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#fbf8f1;
  border:1px solid rgba(200,164,93,.22);}

body.units-page .unit-sale-specs strong{font-size:15px;
  line-height:1.05;
  margin:0 0 4px;}

body.units-page .unit-sale-specs span{font-size:10.5px;
  line-height:1.2;
  color:#7b7165;
  white-space:nowrap;}

body.units-page .unit-sale-actions{display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;}

body.units-page .unit-sale-actions .btn,
body.units-page .unit-link{min-height:40px;
  height:40px;
  border-radius:999px;
  font-size:12.5px;
  padding:0 10px;
  width:100%;}

@media(max-width:560px){
  body.units-page .unit-sale-specs{grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;}
  body.units-page .unit-sale-specs div{min-height:50px;
    padding:7px 4px;}
  body.units-page .unit-sale-specs strong{font-size:14px;}
  body.units-page .unit-sale-specs span{font-size:9.5px;}
  body.units-page .unit-sale-actions{grid-template-columns:1fr 1fr;}
}

@media(max-width:380px){
  body.units-page .unit-sale-specs{grid-template-columns:repeat(2,minmax(0,1fr));}
}


/* =========================
   Home page retouch only
   - Center lifestyle badges
   - Cleaner services section
   - News section as a calm slider
========================= */
.lifestyle .life-features{justify-content:center;
  align-items:center;
  gap:18px;
  max-width:980px;
  margin-inline:auto;}

.lifestyle .life-features div{min-width:180px;
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.4;}

.home-services{background:var(--soft);}

.home-services .home-services-head{justify-content:flex-start;
  margin-bottom:34px;}

.home-services .home-services-grid{grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;}

.home-services .service-card{min-height:230px;
  padding:34px 26px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(200,164,93,.30);
  box-shadow:0 10px 32px rgba(6,22,38,.045);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:right;}

.home-services .service-card:hover{transform:translateY(-4px);
  box-shadow:0 16px 42px rgba(6,22,38,.075);}

.home-services .service-card i{width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#f7efe1;
  color:var(--gold);
  font-size:23px;
  margin-bottom:22px;}

.home-services .service-card h3{margin:0 0 12px;
  font-size:24px;
  line-height:1.35;
  color:var(--navy);}

.home-services .service-card p{margin:0;
  font-size:16px;
  line-height:1.9;
  color:#746b61;}

.home-news-section{overflow:hidden;}

.home-news-head{align-items:center;
  margin-bottom:34px;}

.home-news-controls{display:flex;
  align-items:center;
  gap:10px;}

.home-news-controls button{width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid rgba(200,164,93,.35);
  background:#fff;
  color:var(--navy);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.25s ease;}

.home-news-controls button:hover{background:var(--navy);
  color:#fff;
  border-color:var(--navy);}

.home-news-swiper{overflow:hidden;
  padding:4px 4px 58px;}

.home-news-swiper .swiper-slide{height:auto;}

.home-news-swiper .news-card{height:100%;
  border-radius:26px;
  border:1px solid rgba(200,164,93,.25);
  box-shadow:0 12px 34px rgba(6,22,38,.055);
  background:#fff;
  display:flex;
  flex-direction:column;
  overflow:hidden;}

.home-news-swiper .news-card:hover{transform:translateY(-4px);
  box-shadow:0 18px 48px rgba(6,22,38,.085);}

.home-news-swiper .news-card img{width:100%;
  height:270px !important;
  object-fit:cover;}

.home-news-swiper .news-body{padding:24px 24px 26px;
  display:flex;
  flex-direction:column;
  gap:10px;
  flex:1;}

.home-news-swiper .news-body time{color:#a78a52;
  font-size:14px;}

.home-news-swiper .news-body h3{margin:0;
  font-size:23px;
  line-height:1.55;
  color:var(--navy);}

.home-news-swiper .news-body a{margin-top:auto;
  color:var(--navy);
  font-weight:700;}

.home-news-swiper .swiper-pagination{bottom:12px !important;}

.home-news-swiper .swiper-pagination-bullet{width:9px;
  height:9px;
  background:rgba(200,164,93,.45);
  opacity:1;}

.home-news-swiper .swiper-pagination-bullet-active{width:28px;
  border-radius:999px;
  background:var(--gold);}

@media(max-width:1100px){
  .home-services .home-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-services .service-card{min-height:210px;}
}

@media(max-width:760px){
  .lifestyle .life-features{gap:10px;
    justify-content:center;}
  .lifestyle .life-features div{min-width:calc(50% - 8px);
    min-height:58px;
    padding:13px 12px;
    font-size:14px;}
  .home-services .home-services-grid{grid-template-columns:1fr;
    gap:14px;}
  .home-services .service-card{min-height:auto;
    padding:22px;
    border-radius:22px;}
  .home-services .service-card i{width:48px;
    height:48px;
    border-radius:16px;
    font-size:20px;
    margin-bottom:16px;}
  .home-services .service-card h3{font-size:21px;}
  .home-services .service-card p{font-size:15px;}
  .home-news-head{align-items:flex-start;}
  .home-news-controls{display:none;}
  .home-news-swiper{padding-bottom:48px;}
  .home-news-swiper .news-card img{height:210px !important;}
  .home-news-swiper .news-body{padding:20px;}
  .home-news-swiper .news-body h3{font-size:20px;}
}


/* Homepage services clean retouch - simple client-friendly block */
.home-services-clean{background:#fbf8f1;
  padding:88px 0 96px;}
.home-services-clean .container{max-width:1320px;}
.home-services-clean-head{display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:34px;}
.home-services-clean-head .section-title{margin-bottom:0!important;
  font-size:clamp(32px,3.1vw,30px)!important;}
.home-services-clean-head p{margin:0 0 8px;
  max-width:460px;
  color:#746b5d;
  line-height:1.9;
  font-size:17px;}
.home-services-clean-grid{display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;}
.home-service-clean-card{min-height:176px;
  padding:24px 22px;
  border-radius:24px;
  border:1px solid #eadcc0;
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:22px;
  box-shadow:none;
  transition:transform .25s ease,border-color .25s ease,background .25s ease;}
.home-service-clean-card:hover{transform:translateY(-4px);
  border-color:rgba(200,164,93,.7);
  background:#fffdf8;}
.home-service-clean-icon{width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#f6efe2;
  color:var(--gold);
  font-size:18px;}
.home-service-clean-card h3{margin:0 0 8px;
  color:var(--navy);
  font-size:22px;
  line-height:1.35;}
.home-service-clean-card p{margin:0;
  color:#70685d;
  line-height:1.75;
  font-size:15.5px;}
@media(max-width:1100px){
  .home-services-clean-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-services-clean-head{align-items:flex-start;flex-direction:column;margin-bottom:28px;}
  .home-services-clean-head p{max-width:700px;}
}
@media(max-width:680px){
  .home-services-clean{padding:64px 0;}
  .home-services-clean-grid{grid-template-columns:1fr;gap:12px;}
  .home-service-clean-card{min-height:auto;padding:18px 18px;border-radius:20px;gap:16px;}
  .home-service-clean-icon{width:40px;height:40px;border-radius:12px;font-size:16px;}
  .home-service-clean-card h3{font-size:20px;}
  .home-service-clean-card p{font-size:14.5px;}
}


.about-clean-hero{min-height:54vh;}

.about-clean-hero:before{background:
    linear-gradient(90deg,rgba(6,22,38,.88),rgba(6,22,38,.46)),
    var(--page-bg) !important;
  background-size:cover !important;
  background-position:center !important;}

.about-clean-hero:after{background:linear-gradient(to top,rgba(6,22,38,.56),transparent 55%) !important;}

.about-clean-hero .container{padding-top:82px;}

.about-clean-hero h1{font-size:clamp(42px,5vw,76px) !important;
  line-height:1.08;
  max-width:780px;}

.about-clean-hero .section-lead{color:rgba(255,255,255,.82) !important;
  max-width:760px;}

.about-hero-tag{display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  color:var(--gold-2);
  background:rgba(200,164,93,.14);
  border:1px solid rgba(200,164,93,.28);
  margin-bottom:16px;
  font-weight:700;}

.about-story-section{padding-top:72px;}

.about-story-grid{display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:stretch;}

.about-story-copy,
.about-story-card,
.about-value-card,
.about-process-item{background:#fff;
  border:1px solid rgba(234,220,192,.95);
  box-shadow:0 12px 34px rgba(6,22,38,.055);}

.about-story-copy{border-radius:28px;
  padding:44px;}

.about-story-copy .section-title{max-width:760px;
  margin-bottom:18px;}

.about-points{display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:30px;}

.about-points div{display:flex;
  align-items:center;
  gap:10px;
  min-height:58px;
  padding:12px 14px;
  border-radius:18px;
  background:#fbf7ef;
  border:1px solid #eadcc0;
  color:var(--navy);
  font-weight:700;}

.about-points i{color:var(--gold);
  font-size:16px;}

.about-story-card{border-radius:28px;
  padding:36px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;}

.about-story-card p{margin:0;
  color:#6d6253;
  font-size:18px;
  line-height:1.9;}

.about-mini-stats{display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-top:28px;}

.about-mini-stats div{border-radius:20px;
  padding:20px;
  background:#fbf7ef;
  border:1px solid #eadcc0;}

.about-mini-stats strong{display:block;
  color:var(--gold);
  font-size:28px;
  line-height:1;
  margin-bottom:9px;}

.about-mini-stats span{color:var(--muted);
  font-size:14px;}

.about-values-section{background:#fff;
  border-top:1px solid #eadcc0;
  border-bottom:1px solid #eadcc0;}

.about-section-heading{max-width:760px;
  margin-bottom:34px;}

.about-section-heading .section-title{margin-bottom:12px;}

.about-values-clean{display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;}

.about-value-card{border-radius:26px;
  padding:30px;
  transition:.25s ease;}

.about-value-card:hover,
.about-process-item:hover{transform:translateY(-4px);
  box-shadow:0 18px 42px rgba(6,22,38,.075);}

.about-value-card i{width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#fbf7ef;
  color:var(--gold);
  font-size:22px;
  margin-bottom:20px;}

.about-value-card h3,
.about-process-item h3{margin:0 0 10px;
  color:var(--navy);
  font-size:24px;}

.about-value-card p,
.about-process-item p{margin:0;
  color:var(--muted);
  line-height:1.8;}

.about-process-clean{display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;}

.about-process-item{position:relative;
  border-radius:24px;
  padding:28px 24px;
  overflow:hidden;}

.about-process-item:before{content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:3px;
  background:linear-gradient(90deg,var(--gold),transparent);}

.about-process-item span{display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#fbf7ef;
  color:var(--gold);
  font-weight:700;
  margin-bottom:18px;}

.about-clean-cta{display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:24px;
  border-radius:30px;
  padding:42px;
  background:linear-gradient(90deg,rgba(6,22,38,.94),rgba(6,22,38,.80)),
    url("https://images.unsplash.com/photo-1600607688969-a5bfcd646154?q=80&w=1800&auto=format&fit=crop") center/cover;
  color:#fff;
  overflow:hidden;}

.about-clean-cta h2{margin:0 0 12px;
  color:#fff;
  font-size:clamp(28px,3vw,44px);}

.about-clean-cta p{margin:0;
  max-width:680px;
  line-height:1.9;
  color:rgba(255,255,255,.74);}

@media(max-width:1100px){
  .about-story-grid,
  .about-values-clean,
  .about-process-clean,
  .about-clean-cta{grid-template-columns:1fr;}

  .about-points{grid-template-columns:1fr;}
}

@media(max-width:680px){
  .about-clean-hero{min-height:48vh;}

  .about-clean-hero .container{padding-top:74px;}

  .about-story-section{padding-top:48px;}

  .about-story-copy,
  .about-story-card,
  .about-value-card,
  .about-process-item{border-radius:22px;
    padding:24px;}

  .about-mini-stats{grid-template-columns:1fr 1fr;
    gap:10px;}

  .about-mini-stats div{padding:16px 12px;}

  .about-mini-stats strong{font-size:23px;}

  .about-clean-cta{padding:28px;
    border-radius:24px;}

  .about-clean-cta .btn{width:100%;}
}


/* Navbar About Dropdown - Mobile submenu links */
.mobile-menu .mobile-sub-link{padding-inline-start:22px;
  color:rgba(255,255,255,.72);
  font-size:14px;}
.mobile-menu .mobile-sub-link::before{content:"—";
  color:var(--gold);
  margin-inline-end:8px;}


/* Projects page select filters only - no layout redesign */
.project-select-filters{display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:end;}

.project-select-field{display:grid;
  gap:7px;
  min-width:190px;}

.project-select-field label{color:var(--navy);
  font-size:13px;
  font-weight:700;}

.project-select-field select{height:44px;
  min-width:190px;
  border:1px solid #eadcc0;
  border-radius:999px;
  background:#fff;
  color:var(--navy);
  padding:0 18px;
  font-family:inherit;
  font-weight:700;
  cursor:pointer;
  outline:none;}

.project-select-field select:focus{border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(200,164,93,.14);}

@media(max-width:680px){
  .project-select-filters{display:grid;
    grid-template-columns:1fr;
    gap:12px;}

  .project-select-field,
  .project-select-field select{width:100%;
    min-width:0;}
}


/* Projects type select small alignment */
.project-select-filters .project-select-field{flex:0 1 210px;}


/* Premium select filter for projects page only */
.project-select-filters.premium-project-filter{backdrop-filter:blur(12px);}

.project-select-filters.premium-project-filter .project-select-field{display:grid;
  gap:8px;}

.project-select-filters.premium-project-filter .project-select-field label{color:rgba(255,255,255,.92);
  font-size:13px;
  font-weight:700;
  padding-right:4px;}


.project-select-filters.premium-project-filter .select-shell i{position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.78);
  pointer-events:none;
  font-size:16px;}


.project-filter-submit{height:58px;
  border:none;
  border-radius:18px;
  background:var(--gold);
  color:#fff;
  font-family:inherit;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
  transition:.22s ease;
  box-shadow:0 14px 28px rgba(166,124,67,.25);}

.project-filter-submit:hover{transform:translateY(-2px);
  box-shadow:0 18px 32px rgba(166,124,67,.32);}

@media(max-width:1100px){
  .project-select-filters.premium-project-filter{grid-template-columns:1fr 1fr;}
}

@media(max-width:680px){
  .project-select-filters.premium-project-filter{grid-template-columns:1fr;
    gap:14px;
    padding:16px;
    border-radius:24px;}

  .project-select-filters.premium-project-filter .project-select-field select,
  .project-filter-submit{height:54px;
    font-size:16px;}
}


/* Final refined project filter look - only filter styling */
.project-select-filters.premium-project-filter{position:relative;
  display:grid;
  grid-template-columns:repeat(3, minmax(190px, 1fr)) 150px;
  gap:14px;
  align-items:center;
  padding:16px;
  margin:4px 0 34px;
  border-radius:24px;
  background:
    linear-gradient(135deg, rgba(6,22,38,.86), rgba(11,34,56,.78)),
    linear-gradient(90deg, rgba(200,164,93,.14), transparent);
  border:1px solid rgba(234,220,192,.28);
  box-shadow:0 18px 44px rgba(6,22,38,.16);
  overflow:hidden;}

.project-select-filters.premium-project-filter:before{content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 12% 20%, rgba(200,164,93,.16), transparent 34%);
  pointer-events:none;}

.project-select-filters.premium-project-filter .project-select-field{position:relative;
  z-index:1;
  min-width:0;}

.project-select-filters.premium-project-filter .project-select-field label{position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);}

.project-select-filters.premium-project-filter .select-shell{position:relative;
  height:56px;}

.project-select-filters.premium-project-filter .filter-main-icon{position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  color:var(--gold);
  font-size:17px;
  z-index:2;
  pointer-events:none;}

.project-select-filters.premium-project-filter .filter-arrow{position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.72);
  font-size:15px;
  z-index:2;
  pointer-events:none;}

.project-select-filters.premium-project-filter .project-select-field select{width:100%;
  height:56px;
  min-width:0;
  border:1px solid rgba(255,255,255,.50);
  border-radius:18px;
  background:rgba(255,255,255,.075);
  color:#fff;
  padding:0 50px 0 46px;
  font-family:inherit;
  font-size:17px;
  font-weight:700;
  outline:none;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  transition:.22s ease;}

.project-select-filters.premium-project-filter .project-select-field select:hover{background:rgba(255,255,255,.105);
  border-color:rgba(255,255,255,.72);}

.project-select-filters.premium-project-filter .project-select-field select:focus{background:rgba(255,255,255,.12);
  border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(200,164,93,.14);}

.project-select-filters.premium-project-filter .project-select-field select option{color:#061626;
  background:#fff;}

.project-select-filters.premium-project-filter .project-filter-submit{position:relative;
  z-index:1;
  height:56px;
  border:0;
  border-radius:18px;
  background:linear-gradient(135deg,var(--gold),#a77a34);
  color:#fff;
  font-family:inherit;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
  transition:.22s ease;}

.project-select-filters.premium-project-filter .project-filter-submit:hover{transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(0,0,0,.24);}

@media(max-width:1100px){
  .project-select-filters.premium-project-filter{grid-template-columns:repeat(2, minmax(0,1fr));}
}

@media(max-width:680px){
  .project-select-filters.premium-project-filter{grid-template-columns:1fr;
    gap:12px;
    padding:14px;
    border-radius:22px;}

  .project-select-filters.premium-project-filter .select-shell,
  .project-select-filters.premium-project-filter .project-select-field select,
  .project-select-filters.premium-project-filter .project-filter-submit{height:52px;}

  .project-select-filters.premium-project-filter .project-select-field select{font-size:16px;}
}


/* Project cards type label - communities.html only */
.project-card .project-type-chip{display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  margin:0 0 10px;
  font-size:13px;
  font-weight:700;
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);}

.project-card .project-type-chip i{font-size:12px;}

.project-card .project-type-chip.residential{background:rgba(200,164,93,.22);
  border-color:rgba(200,164,93,.48);
  color:var(--gold-2);}

.project-card .project-type-chip.commercial{background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.32);
  color:#fff;}

.project-card .project-type-chip.mixed{background:rgba(11,34,56,.46);
  border-color:rgba(255,255,255,.26);
  color:#fff;}

@media(max-width:680px){
  .project-card .project-type-chip{font-size:12px;
    min-height:28px;
    padding:0 10px;}
}


/* =====================================================
   Projects Luxury Page Retouch - communities.html only
===================================================== */
.projects-luxury-page .inner-hero{min-height:54vh;}

.projects-luxury-page .inner-hero:before{background:
    linear-gradient(90deg, rgba(3,16,29,.92), rgba(3,16,29,.48), rgba(3,16,29,.82)),
    var(--page-bg);
  background-position:center;
  background-size:cover;}

.projects-luxury-page .inner-hero:after{background:
    radial-gradient(circle at 22% 38%, rgba(200,164,93,.24), transparent 34%),
    linear-gradient(to top, rgba(3,16,29,.76), transparent 58%);}

.projects-luxury-page .projects-luxury-section{background:
    radial-gradient(circle at 8% 8%, rgba(200,164,93,.10), transparent 28%),
    linear-gradient(180deg, #fff 0%, #f7f4ef 100%);}

.projects-luxury-page .projects-luxury-head{align-items:center;
  margin-bottom:28px;}

.projects-luxury-page .projects-luxury-badge{display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 18px;
  border-radius:999px;
  background:#fff;
  border:1px solid #eadcc0;
  color:var(--navy);
  box-shadow:0 10px 28px rgba(6,22,38,.055);
  white-space:nowrap;
  font-weight:700;}

.projects-luxury-page .projects-luxury-badge i{color:var(--gold);}

/* Premium filter, preserving select behavior */
.projects-luxury-page .project-select-filters.premium-project-filter{margin:0 0 34px;
  border-radius:30px;
  border:1px solid rgba(234,220,192,.28);
  background:
    linear-gradient(135deg, rgba(3,16,29,.94), rgba(11,34,56,.84)),
    radial-gradient(circle at 12% 20%, rgba(200,164,93,.20), transparent 34%);
  box-shadow:0 26px 60px rgba(6,22,38,.18);}

.projects-luxury-page .project-select-filters.premium-project-filter .project-select-field select{border-radius:20px;
  background:rgba(255,255,255,.09);}

.projects-luxury-page .project-filter-submit{border-radius:20px!important;
  background:linear-gradient(135deg, #d3ad66, #a97c38)!important;}

/* Luxury project cards */
.projects-luxury-page .projects-list{display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:24px;}

.projects-luxury-page .project-card{min-height:470px;
  border-radius:30px;
  border:1px solid rgba(234,220,192,.82);
  box-shadow:0 20px 48px rgba(6,22,38,.12);
  overflow:hidden;
  background:#061626;}

.projects-luxury-page .project-card:after{background:
    linear-gradient(to top, rgba(3,16,29,.96) 0%, rgba(3,16,29,.72) 42%, rgba(3,16,29,.10) 100%);}

.projects-luxury-page .project-card img{transition:transform .75s ease, filter .75s ease;}

.projects-luxury-page .project-card:hover img{transform:scale(1.065);
  filter:saturate(1.05) contrast(1.03);}

.projects-luxury-page .project-card .community-info{padding:150px 28px 28px;
  background:linear-gradient(transparent, rgba(0,0,0,.80));}

.projects-luxury-page .project-card .community-info h3{font-size:28px;
  margin-bottom:12px;}

.projects-luxury-page .project-card .community-info p{font-size:15px;
  margin-bottom:15px;}

.projects-luxury-page .project-card .project-status{top:20px;
  right:20px;
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.30);
  backdrop-filter:blur(12px);}

.projects-luxury-page .project-card .project-type-chip{min-height:32px;
  padding:0 12px;
  margin-bottom:12px;}

.projects-luxury-page .project-card .project-meta{gap:8px;
  margin-top:12px;}

.projects-luxury-page .project-card .project-meta span{background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.86);}

.projects-luxury-page .project-card-action{display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--gold-2);
  font-weight:700;
  font-size:14px;}

.projects-luxury-page .project-card-action i{font-size:13px;
  transition:.22s ease;}

.projects-luxury-page .project-card:hover .project-card-action i{transform:translateX(-4px);}

@media(max-width:1100px){
  .projects-luxury-page .projects-list{grid-template-columns:repeat(2, minmax(0,1fr));}
  .projects-luxury-page .projects-luxury-head{align-items:flex-start;}
}

@media(max-width:680px){
  .projects-luxury-page .inner-hero{min-height:46vh;}

  .projects-luxury-page .projects-list{grid-template-columns:1fr;
    gap:18px;}

  .projects-luxury-page .projects-luxury-badge{width:100%;
    justify-content:center;}

  .projects-luxury-page .project-card{min-height:400px;
    border-radius:24px;}

  .projects-luxury-page .project-card .community-info{padding:120px 22px 22px;}

  .projects-luxury-page .project-card .community-info h3{font-size:24px;}
}


/* =====================================================
   Project Details Distributed Retouch - project-details.html only
===================================================== */


/* Projects cards: type label moved to top-left, opposite status */
.projects-luxury-page .project-card > .project-type-chip,
.project-card > .project-type-chip{position:absolute;
  top:20px;
  left:20px;
  right:auto;
  z-index:4;
  min-height:34px;
  padding:0 13px;
  margin:0;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:13px;
  font-weight:700;
  backdrop-filter:blur(12px);}

.projects-luxury-page .project-card .community-info .project-type-chip,
.project-card .community-info .project-type-chip{position:static;}

.projects-luxury-page .project-card .project-meta{display:none!important;}

.projects-luxury-page .project-card-action{margin-top:18px;}

@media(max-width:680px){
  .projects-luxury-page .project-card > .project-type-chip,
  .project-card > .project-type-chip{top:16px;
    left:16px;
    min-height:31px;
    padding:0 11px;
    font-size:12px;}
}


/* Home projects cards: project type top-left only */
.home-projects-type-top-page .communities .community-card,
.home-projects-type-top-page .communities .project-card,
.home-projects-type-top-page .communities-swiper .community-card,
.home-projects-type-top-page .communities-swiper .project-card{position:relative;}

.home-projects-type-top-page .communities .community-card > .project-type-chip,
.home-projects-type-top-page .communities .project-card > .project-type-chip,
.home-projects-type-top-page .communities-swiper .community-card > .project-type-chip,
.home-projects-type-top-page .communities-swiper .project-card > .project-type-chip{position:absolute;
  top:18px;
  left:18px;
  right:auto;
  z-index:5;
  min-height:32px;
  padding:0 12px;
  margin:0;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  font-weight:700;
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.26);}

.home-projects-type-top-page .communities .community-info .project-type-chip,
.home-projects-type-top-page .communities-swiper .community-info .project-type-chip{position:static;}

.home-projects-type-top-page .communities .project-meta,
.home-projects-type-top-page .communities-swiper .project-meta{display:none!important;}

.home-projects-type-top-page .project-type-chip.residential{background:rgba(200,164,93,.22);
  border-color:rgba(200,164,93,.48);
  color:var(--gold-2);}

.home-projects-type-top-page .project-type-chip.commercial{background:rgba(255,255,255,.14);
  color:#fff;}

.home-projects-type-top-page .project-type-chip.mixed{background:rgba(11,34,56,.48);
  color:#fff;}

@media(max-width:680px){
  .home-projects-type-top-page .communities .community-card > .project-type-chip,
  .home-projects-type-top-page .communities .project-card > .project-type-chip,
  .home-projects-type-top-page .communities-swiper .community-card > .project-type-chip,
  .home-projects-type-top-page .communities-swiper .project-card > .project-type-chip{top:15px;
    left:15px;
    min-height:30px;
    padding:0 10px;
    font-size:11px;}
}


/* Homepage projects cards full fix: all cards + details link with FontAwesome */
.home-projects-type-top-page #communities .community-card{position:relative;}

.home-projects-type-top-page #communities .community-card > .project-status{position:absolute;
  top:18px;
  right:18px;
  z-index:6;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
  font-size:12px;
  font-weight:700;
  backdrop-filter:blur(12px);}

.home-projects-type-top-page #communities .community-card > .project-type-chip{position:absolute;
  top:18px;
  left:18px;
  right:auto;
  z-index:6;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 12px;
  margin:0;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.28);}

.home-projects-type-top-page #communities .project-type-chip.residential{background:rgba(200,164,93,.22);
  border-color:rgba(200,164,93,.48);
  color:var(--gold-2);}

.home-projects-type-top-page #communities .project-type-chip.commercial{background:rgba(255,255,255,.14);
  color:#fff;}

.home-projects-type-top-page #communities .project-type-chip.mixed{background:rgba(11,34,56,.48);
  color:#fff;}

.home-projects-type-top-page #communities .project-details-link{display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--gold-2);
  font-weight:700;
  transition:.25s ease;}

.home-projects-type-top-page #communities .project-details-link i{font-size:13px;
  transition:.25s ease;}

.home-projects-type-top-page #communities .community-card:hover .project-details-link{transform:translateX(-2px);}

.home-projects-type-top-page #communities .community-card:hover .project-details-link i{transform:translateX(-5px);}

@media(max-width:680px){
  .home-projects-type-top-page #communities .community-card > .project-status,
  .home-projects-type-top-page #communities .community-card > .project-type-chip{top:15px;
    min-height:30px;
    padding:0 10px;
    font-size:11px;}

  .home-projects-type-top-page #communities .community-card > .project-status{right:15px;}

  .home-projects-type-top-page #communities .community-card > .project-type-chip{left:15px;}
}


/* Units statuses: available / reserved / sold only */


.units-page .unit-sale-img .unit-status-badge{position:absolute;
  top:16px;
  right:16px;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  color:#fff;
  font-size:12px;
  font-weight:700;
  z-index:3;
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.22);}

.units-page .unit-sale-img .status-available{background:rgba(28,126,84,.92);}

.units-page .unit-sale-img .status-reserved{background:rgba(200,164,93,.94);
  color:#061626;}

.units-page .unit-sale-img .status-sold{background:rgba(164,52,52,.92);}

.units-page .units-filter-bar button{cursor:pointer;}

.units-page .units-filter-bar button.active{background:var(--navy);
  color:#fff;
  border-color:var(--navy);}


/* =====================================================
   Units advanced filter + details modal - units.html only
===================================================== */
.units-page .units-advanced-filter{display:grid;
  grid-template-columns:1.05fr 1fr .85fr 1.2fr 1.2fr 120px;
  gap:12px;
  align-items:end;
  margin:0 0 28px;
  padding:16px;
  border-radius:24px;
  background:#fff;
  border:1px solid #eadcc0;
  box-shadow:0 12px 34px rgba(6,22,38,.06);}

.units-page .unit-filter-field{display:grid;
  gap:7px;}

.units-page .unit-filter-field label{color:var(--navy);
  font-size:13px;
  font-weight:700;}

.units-page .unit-filter-field select,
.units-page .unit-filter-field input{width:100%;
  height:44px;
  border:1px solid #eadcc0;
  border-radius:999px;
  background:#fbf7ef;
  color:var(--navy);
  padding:0 15px;
  font-family:inherit;
  font-weight:700;
  outline:none;}

.units-page .unit-filter-field select:focus,
.units-page .unit-filter-field input:focus{border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(200,164,93,.13);}

.units-page .range-inputs{display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;}

.units-page .unit-filter-search{height:44px;
  border:0;
  border-radius:999px;
  background:var(--navy);
  color:#fff;
  font-family:inherit;
  font-weight:700;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:.22s ease;}

.units-page .unit-filter-search:hover{transform:translateY(-2px);
  background:var(--gold);}

.units-page .units-empty-state{margin:0 0 26px;
  padding:32px 18px;
  border-radius:22px;
  border:1px dashed #d8c59f;
  background:#fbf7ef;
  text-align:center;}

.units-page .units-empty-state i{color:var(--gold);
  font-size:32px;
  margin-bottom:10px;}

.units-page .units-empty-state h3{margin:0 0 6px;
  color:var(--navy);}

.units-page .units-empty-state p{margin:0;
  color:var(--muted);}


.units-page .unit-sale-actions .unit-details-open{border:0;
  cursor:pointer;}

.units-page .unit-sale-card[hidden]{display:none!important;}

/* Modal */
.unit-modal{position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;}

.unit-modal.is-open{display:flex;}

.unit-modal-backdrop{position:absolute;
  inset:0;
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(2px);}

.unit-modal-dialog{position:relative;
  z-index:2;
  width:min(1280px, calc(100vw - 44px));
  max-height:calc(100vh - 44px);
  overflow:auto;
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  gap:18px;
  background:#f7f4ef;
  border-radius:26px;
  padding:24px;
  box-shadow:0 28px 80px rgba(0,0,0,.38);}

.unit-modal-close{position:absolute;
  top:16px;
  left:16px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:var(--navy);
  cursor:pointer;
  z-index:4;
  box-shadow:0 10px 24px rgba(6,22,38,.08);}

.unit-modal-side{display:grid;
  align-content:start;
  gap:18px;
  padding-top:4px;}

.unit-modal-tags{display:flex;
  gap:10px;
  align-items:center;}

.unit-modal-tags span{min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 13px;
  border-radius:999px;
  background:#fff;
  color:var(--navy);
  font-size:13px;
  font-weight:700;}

.unit-modal-tags span:last-child{color:#fff;
  background:var(--navy);}

.unit-modal-price,
.unit-modal-contact{background:#fff;
  border-radius:22px;
  padding:26px;
  box-shadow:0 12px 30px rgba(6,22,38,.055);
  border:1px solid rgba(234,220,192,.6);}

.unit-modal-price small{display:block;
  color:var(--muted);
  margin-bottom:8px;
  font-weight:700;}

.unit-modal-price strong{display:block;
  color:var(--navy);
  font-size:34px;
  line-height:1;}

.unit-modal-price strong:before{content:"﷼";
  color:#b8b1a7;
  font-size:24px;
  margin-left:12px;}

.unit-modal-contact h3{margin:0 0 20px;
  color:var(--navy);}

.unit-modal-contact input{width:100%;
  height:46px;
  border:0;
  border-radius:999px;
  background:#f0efed;
  margin-bottom:12px;
  padding:0 16px;
  font-family:inherit;
  outline:none;}

.unit-modal-contact button{width:100%;
  height:50px;
  border:0;
  border-radius:999px;
  background:#34393b;
  color:#fff;
  font-family:inherit;
  font-weight:700;
  cursor:pointer;}

.unit-modal-main{background:#f7f4ef;
  padding:0 6px 4px;}

.unit-modal-code{display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:18px;
  color:var(--navy);
  font-weight:700;
  font-size:19px;
  margin-bottom:14px;}

.unit-modal-title-row{display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;}

.unit-modal-sale-tag{min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  color:#fff;
  background:#34393b;
  font-size:13px;
  font-weight:700;}

.unit-modal-title-row h2{margin:0;
  color:var(--navy);
  font-size:30px;
  line-height:1.25;}

.unit-modal-desc{color:var(--muted);
  line-height:1.9;
  margin:12px 0 18px;
  max-width:760px;}

.unit-modal-meta{display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
  color:#7b7167;
  margin-bottom:22px;}

.unit-modal-meta span{display:inline-flex;
  align-items:center;
  gap:7px;
  font-weight:700;}

.unit-modal-meta i,
.unit-modal-details-grid i{color:#b8905d;}

.unit-modal-main hr{border:0;
  border-top:1px solid #e7dfd4;
  margin:22px 0;}

.unit-modal-section-title{margin:0 0 18px;
  color:var(--navy);
  font-size:23px;
  text-align:center;}

.unit-modal-details-grid{display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;}

.unit-modal-details-grid div{min-height:76px;
  padding:16px;
  border-radius:13px;
  background:#fff;
  border:1px solid rgba(234,220,192,.54);
  box-shadow:0 8px 20px rgba(6,22,38,.04);
  display:flex;
  align-items:center;
  gap:12px;}

.unit-modal-details-grid span{color:var(--muted);
  font-size:13px;
  display:block;}

.unit-modal-details-grid strong{color:var(--navy);
  display:block;
  margin-top:4px;}

.unit-modal-plan{margin-top:28px;
  min-height:120px;
  border-radius:18px;
  overflow:hidden;
  background:
    linear-gradient(rgba(6,22,38,.38),rgba(6,22,38,.38)),
    var(--modal-plan-img, url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=1500&auto=format&fit=crop"));
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;}

.unit-modal-plan span{width:min(680px,90%);
  min-height:54px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:var(--navy);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font-weight:700;}

body.unit-modal-open{overflow:hidden;}

@media(max-width:1100px){
  .units-page .units-advanced-filter{grid-template-columns:repeat(3,1fr);}

  .units-page .unit-filter-search{grid-column:auto;}

  .unit-modal-dialog{grid-template-columns:1fr;}

  .unit-modal-side{grid-template-columns:1fr 1fr;}

  .unit-modal-tags{grid-column:1/-1;}
}

@media(max-width:760px){
  .units-page .units-advanced-filter{grid-template-columns:1fr;
    padding:14px;
    border-radius:20px;}

  .units-page .range-inputs{grid-template-columns:1fr 1fr;}

  .unit-modal{padding:12px;}

  .unit-modal-dialog{width:100%;
    max-height:calc(100vh - 24px);
    border-radius:20px;
    padding:16px;}

  .unit-modal-side,
  .unit-modal-details-grid{grid-template-columns:1fr;}

  .unit-modal-title-row h2{font-size:23px;}

  .unit-modal-price strong{font-size:28px;}
}


/* Units cards cleanup: remove visual clutter and refine details button */
.units-page .unit-sale-body{display:flex;
  flex-direction:column;}

.units-page .unit-sale-body > p{display:none!important;}

.units-page .unit-sale-body h3{margin-bottom:16px;}

.units-page .unit-sale-specs{margin-top:0;}

.units-page .unit-sale-actions{margin-top:18px;}

.units-page .unit-sale-actions .unit-details-open{font-family:inherit;
  font-weight:700;
  transition:.25s ease;}

.units-page .unit-sale-actions .unit-details-open i{font-size:13px;
  transition:.25s ease;}

.units-page .unit-sale-card:hover .unit-details-open{transform:translateY(-2px);}

.units-page .unit-sale-card:hover .unit-details-open i{transform:translateX(-5px);}

@media(max-width:680px){
  .units-page .unit-sale-body h3{margin-bottom:14px;}

  .units-page .unit-sale-actions .unit-details-open{min-height:46px;}
}


/* Units details button full width */
.units-page .unit-sale-actions{width:100%;
  display:block;}

.units-page .unit-sale-actions .unit-details-open{width:100%!important;
  max-width:100%;
  min-height:52px;
  border-radius:999px;
  padding:0 20px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;}

.units-page .unit-sale-actions .unit-details-open span{display:inline-flex;
  align-items:center;}

@media(max-width:680px){
  .units-page .unit-sale-actions .unit-details-open{min-height:50px;}
}


/* Force unit details button to fill card width and stay centered */
.units-page .unit-sale-card .unit-sale-actions{width:100%!important;
  max-width:100%!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  margin:18px 0 0!important;
  padding:0!important;}

.units-page .unit-sale-card .unit-sale-actions .unit-details-open{width:100%!important;
  max-width:none!important;
  flex:1 1 100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  box-sizing:border-box!important;
  text-align:center!important;
  align-self:stretch!important;
  transform:none;}

.units-page .unit-sale-card:hover .unit-sale-actions .unit-details-open{transform:none!important;}

.units-page .unit-sale-card:hover .unit-sale-actions .unit-details-open i{transform:translateX(-5px)!important;}


/* =====================================================
   Unit modal premium retouch + plan viewer - units.html only
===================================================== */
.units-page .unit-modal-dialog{grid-template-columns:minmax(0,1fr) 360px;
  gap:26px;
  background:
    radial-gradient(circle at 16% 12%, rgba(200,164,93,.10), transparent 30%),
    #f7f4ef;
  border:1px solid rgba(255,255,255,.55);
  padding:28px;
  border-radius:30px;}

/* In RTL, keep info/contact sidebar visually on the right like the reference */
.units-page .unit-modal-side{order:2;}

.units-page .unit-modal-main{order:1;}

.units-page .unit-modal-close{top:18px;
  left:18px;
  width:44px;
  height:44px;
  background:#fff;
  color:var(--navy);
  box-shadow:0 14px 34px rgba(6,22,38,.10);}

.units-page .unit-modal-code{justify-content:center;
  margin-bottom:18px;
  font-size:20px;
  gap:18px;}

.units-page .unit-modal-title-row{justify-content:center;
  text-align:center;
  margin-bottom:12px;}

.units-page .unit-modal-title-row h2{font-size:clamp(28px,3vw,42px);
  letter-spacing:.4px;}

.units-page .unit-modal-sale-tag{background:#34393b;
  min-height:38px;
  padding:0 15px;}

.units-page .unit-modal-desc{text-align:center;
  max-width:860px;
  margin:0 auto 20px;
  font-size:16px;}

.units-page .unit-modal-meta{justify-content:center;
  gap:22px;
  margin-bottom:24px;}

.units-page .unit-modal-main hr{margin:24px 0 28px;}

.units-page .unit-modal-section-title{font-size:28px;
  margin-bottom:22px;}

.units-page .unit-modal-details-grid{gap:16px;}

.units-page .unit-modal-details-grid div{min-height:92px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(234,220,192,.72);
  box-shadow:0 12px 26px rgba(6,22,38,.045);
  padding:18px;}

.units-page .unit-modal-details-grid i{width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#fbf7ef;}

.units-page .unit-modal-details-grid span{font-size:14px;}

.units-page .unit-modal-details-grid strong{font-size:17px;}

.units-page .unit-modal-price{min-height:130px;
  display:flex;
  flex-direction:column;
  justify-content:center;}

.units-page .unit-modal-price strong{font-size:42px;}

.units-page .unit-modal-contact{padding:30px;}

.units-page .unit-modal-contact h3{font-size:26px;
  text-align:center;
  margin-bottom:24px;}

.units-page .unit-modal-contact input{height:54px;
  padding:0 20px;}

.units-page .unit-modal-contact button{height:58px;
  font-size:17px;}

/* Plan button */
.units-page .unit-modal-plan{margin-top:28px;
  width:100%;
  min-height:128px;
  border:0;
  cursor:pointer;
  border-radius:22px;
  overflow:hidden;
  background:
    linear-gradient(rgba(6,22,38,.38),rgba(6,22,38,.38)),
    var(--modal-plan-img, url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=1500&auto=format&fit=crop"));
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  transition:.25s ease;
  font-family:inherit;}

.units-page .unit-modal-plan:hover{transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(6,22,38,.12);}

.units-page .unit-modal-plan span{width:min(650px,90%);
  min-height:58px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:var(--navy);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-weight:800;
  font-size:17px;}

.units-page .unit-modal-plan span i{color:var(--gold);}

/* Plan viewer */
.units-page .unit-plan-viewer{margin-top:18px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(234,220,192,.78);
  box-shadow:0 18px 44px rgba(6,22,38,.08);
  overflow:hidden;}

.units-page .unit-plan-viewer-head{display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border-bottom:1px solid #eadcc0;
  background:#fbf7ef;}

.units-page .unit-plan-viewer-head span{display:block;
  color:var(--gold);
  font-weight:800;
  font-size:13px;
  margin-bottom:4px;}

.units-page .unit-plan-viewer-head strong{color:var(--navy);
  font-size:18px;}

.units-page .unit-plan-viewer-head button{width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:var(--navy);
  cursor:pointer;
  box-shadow:0 8px 20px rgba(6,22,38,.08);}

.units-page .unit-plan-canvas{position:relative;
  min-height:420px;
  margin:22px;
  border-radius:20px;
  background:
    linear-gradient(90deg, rgba(6,22,38,.05) 1px, transparent 1px),
    linear-gradient(rgba(6,22,38,.05) 1px, transparent 1px),
    #fff;
  background-size:34px 34px;
  border:3px solid #293238;
  overflow:hidden;}

.units-page .plan-room{position:absolute;
  display:grid;
  place-items:center;
  border:2px solid #293238;
  background:#f7f4ef;
  color:var(--navy);
  font-weight:800;
  font-size:14px;
  text-align:center;}

.units-page .plan-living{right:8%;top:10%;width:45%;height:42%;}
.units-page .plan-master{left:8%;top:10%;width:32%;height:32%;}
.units-page .plan-bedroom{left:8%;bottom:10%;width:32%;height:34%;}
.units-page .plan-kitchen{right:8%;bottom:10%;width:24%;height:28%;}
.units-page .plan-bath{right:34%;bottom:10%;width:18%;height:28%;}
.units-page .plan-entry{right:55%;bottom:10%;width:16%;height:28%;}

.units-page .unit-plan-canvas.plan-apartment .plan-living{right:7%;top:9%;width:50%;height:38%;}
.units-page .unit-plan-canvas.plan-apartment .plan-master{left:7%;top:9%;width:30%;height:30%;}
.units-page .unit-plan-canvas.plan-apartment .plan-bedroom{left:7%;bottom:12%;width:30%;height:32%;}
.units-page .unit-plan-canvas.plan-apartment .plan-kitchen{right:7%;bottom:12%;width:25%;height:27%;}
.units-page .unit-plan-canvas.plan-apartment .plan-bath{right:35%;bottom:12%;width:18%;height:27%;}
.units-page .unit-plan-canvas.plan-apartment .plan-entry{right:56%;bottom:12%;width:16%;height:27%;}

.units-page .unit-plan-canvas.plan-townhouse .plan-living{right:8%;top:8%;width:40%;height:45%;}
.units-page .unit-plan-canvas.plan-townhouse .plan-master{left:8%;top:8%;width:38%;height:28%;}
.units-page .unit-plan-canvas.plan-townhouse .plan-bedroom{left:8%;bottom:10%;width:38%;height:38%;}
.units-page .unit-plan-canvas.plan-townhouse .plan-kitchen{right:8%;bottom:10%;width:22%;height:28%;}
.units-page .unit-plan-canvas.plan-townhouse .plan-bath{right:32%;bottom:10%;width:16%;height:28%;}
.units-page .unit-plan-canvas.plan-townhouse .plan-entry{right:50%;bottom:10%;width:18%;height:28%;}

@media(max-width:1100px){
  .units-page .unit-modal-dialog{grid-template-columns:1fr;}

  .units-page .unit-modal-side,
  .units-page .unit-modal-main{order:initial;}
}

@media(max-width:760px){
  .units-page .unit-modal-dialog{padding:18px;
    border-radius:22px;}

  .units-page .unit-modal-code,
  .units-page .unit-modal-title-row,
  .units-page .unit-modal-desc,
  .units-page .unit-modal-meta{justify-content:flex-start;
    text-align:right;}

  .units-page .unit-modal-details-grid{grid-template-columns:1fr;}

  .units-page .unit-plan-canvas{min-height:330px;
    margin:14px;}

  .units-page .plan-room{font-size:12px;}
}


/* =====================================================
   Project details format only - keep all content/details
   تنسيق فقط بدون حذف أي تفاصيل
===================================================== */


/* Hero تحسين بدون حذف المحتوى */


/* Quick summary card */


/* Tabs */


/* Sections spacing */


/* Image and cards */


/* KPI strip */


/* Gallery */


/* Dark features section */


/* Amenities */


/* Location */


/* Interest form section */


/* Responsive */


/* =====================================================
   Project Font Awesome icons polish - project-details only
   تنسيق الأيقونات باستخدام Font Awesome
===================================================== */

/* Feature cards icons */


/* Amenities icons */


/* Detail cards icons */


/* Nearby/location icons */


/* Map card visual icon */


/* General icon motion */


/* Nearby landmarks instead of unit options - project details only */


/* Nearby landmarks without title block */


/* =====================================================
   Units page inline interest form - Font Awesome
===================================================== */

.units-page .units-interest-open, .units-page .unit-cta .btn, .units-page .units-cta .btn{display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-family:inherit;
  cursor:pointer;
  border:0;}


.units-page .units-interest-inline{position:relative;
  overflow:hidden;}

.units-page .units-interest-inline:before{content:"";
  position:absolute;
  inset:0;

  pointer-events:none;}

.units-page .units-interest-inline > *{position:relative;
  z-index:2;}

.units-page .units-interest-inline-head{display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:26px;}

.units-page .units-interest-inline-head h3{color:var(--navy);

  line-height:1.25;}

.units-page .units-interest-inline-head p{margin:0;
  color:var(--muted);
  line-height:1.9;}

.units-page .close-units-interest{width:44px;
  height:44px;

  border-radius:50%;


  cursor:pointer;
  box-shadow:0 10px 24px rgba(6,22,38,.07);}

.units-page .units-interest-form-grid{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));}

.units-page .units-interest-field{display:flex;
  flex-direction:column;}

.units-page .units-interest-field span,
.units-page .units-support-title{display:flex;
  align-items:center;
  gap:9px;
  color:var(--navy);
  font-weight:800;
  font-size:15px;}

.units-page .units-interest-field span i,
.units-page .units-support-title i{color:var(--gold);}

.units-page .units-interest-field input{font-family:inherit;
  color:var(--navy);
  outline:none;
  transition:.22s ease;}

.units-page .units-interest-field input:focus{background:#fff;}

.units-page .units-support-box{grid-column:1 / -1;


  border:1px solid #eadcc0;}

.units-page .units-support-options{align-items:center;

  flex-wrap:wrap;
  margin-top:15px;}

.units-page .units-support-options label{padding:0 20px;


  display:inline-flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  color:var(--navy);
  font-weight:800;
  transition:.22s ease;}

.units-page .units-support-options label:hover{border-color:var(--gold);
  box-shadow:0 10px 24px rgba(6,22,38,.06);}

.units-page .units-support-options input{accent-color:#c8a45d;}

.units-page .units-interest-submit{grid-column:1 / -1;
  display:flex;
  justify-content:flex-start;}

.units-page .units-interest-submit .btn{display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;}

@media(max-width:760px){
  .units-page .units-interest-inline{padding:22px;
    border-radius:24px;}

  .units-page .units-interest-inline-head h3{font-size:28px;}

  .units-page .units-interest-form-grid{grid-template-columns:1fr;}

  .units-page .units-interest-submit .btn{width:100%;}
}


/* =====================================================
   Units interest form premium UI polish
===================================================== */

.units-page .units-interest-inline-wrap{margin-top:24px!important;
  margin-bottom:70px!important;}

.units-page .units-interest-inline{padding:0!important;
  border-radius:34px!important;
  border:1px solid rgba(234,220,192,.92)!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(251,247,239,.96))!important;
  box-shadow:0 28px 70px rgba(6,22,38,.10)!important;}

.units-page .units-interest-inline:before{background:
    radial-gradient(circle at 8% 12%, rgba(200,164,93,.16), transparent 28%),
    radial-gradient(circle at 92% 0%, rgba(6,22,38,.06), transparent 26%)!important;}

.units-page .units-interest-inline-head{margin:0!important;
  padding:30px 32px 24px!important;
  border-bottom:1px solid #eadcc0;
  background:rgba(255,255,255,.55);}

.units-page .units-interest-title-wrap{display:flex;
  align-items:flex-start;
  gap:16px;}

.units-page .units-interest-title-icon{flex:0 0 58px;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:21px;
  background:#061626;
  color:var(--gold-2);
  font-size:23px;
  box-shadow:0 16px 32px rgba(6,22,38,.14);}

.units-page .units-interest-inline-head h3{font-size:38px!important;
  margin:4px 0 8px!important;}

.units-page .units-interest-inline-head p{max-width:900px!important;
  font-size:15px;}

.units-page .close-units-interest{background:#fff!important;
  border:1px solid #eadcc0!important;
  color:var(--navy)!important;
  transition:.22s ease;}

.units-page .close-units-interest:hover{background:var(--navy)!important;
  color:#fff!important;
  transform:rotate(90deg);}

.units-page .units-interest-form-grid{padding:30px 32px 32px;
  gap:20px!important;}

.units-page .units-interest-field{position:relative;
  gap:11px!important;}

.units-page .units-interest-field > span,
.units-page .units-support-title{font-size:14px!important;
  letter-spacing:0;}

.units-page .units-interest-field > span i,
.units-page .units-support-title i{width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#fbf7ef;
  color:var(--gold)!important;}

.units-page .units-interest-field input{height:62px!important;
  border-radius:20px!important;
  background:#fff!important;
  border:1px solid rgba(234,220,192,.95)!important;
  padding:0 20px!important;
  box-shadow:0 10px 24px rgba(6,22,38,.035);}

.units-page .units-interest-field input::placeholder{color:#aaa39a;}

.units-page .units-interest-field input:hover{border-color:rgba(200,164,93,.55)!important;}

.units-page .units-interest-field input:focus{border-color:var(--gold)!important;
  box-shadow:0 0 0 4px rgba(200,164,93,.12), 0 14px 30px rgba(6,22,38,.06)!important;}

.units-page .units-support-box{padding:22px!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(6,22,38,.035);}

.units-page .units-support-options{display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px!important;}

.units-page .units-support-options label{position:relative;
  min-height:58px!important;
  justify-content:center;
  border-radius:18px!important;
  background:#fbf7ef!important;
  border:1px solid #eadcc0!important;
  overflow:hidden;}

.units-page .units-support-options label span{display:inline-flex;
  align-items:center;
  gap:8px;}

.units-page .units-support-options label span i{color:var(--gold);}

.units-page .units-support-options input{width:17px;
  height:17px;}

.units-page .units-support-options label:has(input:checked){background:#061626!important;
  color:#fff!important;
  border-color:#061626!important;
  box-shadow:0 16px 34px rgba(6,22,38,.14);}

.units-page .units-support-options label:has(input:checked) span i{color:var(--gold-2);}

.units-page .units-interest-submit{margin-top:4px;}

.units-page .units-interest-submit .btn{min-width:220px!important;
  min-height:58px!important;
  border-radius:999px!important;
  font-weight:900;
  box-shadow:0 16px 34px rgba(200,164,93,.20);}

.units-page .units-interest-submit .btn:hover{transform:translateY(-2px);}

@media(max-width:760px){
  .units-page .units-interest-inline{border-radius:26px!important;}

  .units-page .units-interest-inline-head{padding:24px 22px 20px!important;}

  .units-page .units-interest-title-wrap{gap:12px;}

  .units-page .units-interest-title-icon{width:50px;
    height:50px;
    flex-basis:50px;
    border-radius:18px;
    font-size:20px;}

  .units-page .units-interest-inline-head h3{font-size:29px!important;}

  .units-page .units-interest-form-grid{padding:24px 22px 24px;}

  .units-page .units-support-options{grid-template-columns:1fr;}
}


/* =====================================================
   Project download button + compact details blocks
   صفحة تفاصيل المشروع فقط
===================================================== */

/* Download project file button */


@keyframes projectDownloadIconFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(4px); }
}

@keyframes projectDownloadShine{
  0%{ transform:translateX(120%); }
  45%,100%{ transform:translateX(-120%); }
}

/* Make detail blocks smaller, lighter, and cleaner */


/* Compact KPI/detail statistic blocks too */


/* If page has quick-card details, make them cleaner */


/* =====================================================
   Restored clean section: project info + nearby landmarks
   إصلاح نهائي للقسم بدون كسر التصميم
===================================================== */


/* =====================================================
   Rebuilt project info + landmarks section
   بناء جديد للقسم بدون تضارب مع CSS القديم
===================================================== */


/* Project info cards */


/* Landmarks */


/* =====================================================
   Font Awesome final polish for project info section
===================================================== */


/* =====================================================
   REAL Font Awesome fix + tight text/icon layout
   إصلاح ظهور الأيقونات وتقريب النص من الأيقونة
===================================================== */

/* Don't kill Font Awesome pseudo icons */


/* Head */


/* Info cards: icon and text beside each other */


/* Landmark title */


/* Landmarks cards */


/* =====================================================
   Light hover for project info / landmarks icons
   إزالة الهوفر الغامق من الأيقونات
===================================================== */


/* =====================================================
   Project about section spacing + image balance fix
   ضبط المسافات وتصغير الصورة ومحاذاة النص معها
===================================================== */


/* لو فيه margin قديم عامل فراغ زيادة قبل/بعد القسم */


/* =====================================================
   Better image shape for project about section
===================================================== */


/* =====================================================
   Reviewed fixed project images slider
   السلايدر في مكانه الصحيح بعد قسم المعلومات
===================================================== */


/* =====================================================
   Final review fixes - project details
   مراجعة نهائية: روابط، سلايدر، مسافات، و fallback
===================================================== */

/* Download buttons must look consistent */


/* Make slider safe even if Swiper CDN loads late or fails */


/* Prevent the image slider from sticking to nearby cards */


/* Keep project info text tight beside icons */


/* Make the about image/text section more stable */


/* Remove any old pseudo icon leftovers */


/* Mobile safety */


/* V5.7 — Main slider autoplay and video media */
.project-slide .hero-video-media{position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:inherit;}
.project-slide .hero-video-media video{width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  background:#03070b;}
.project-slide .hero-video-media iframe{position:absolute;
  top:50%;
  left:50%;
  width:177.78vh;
  min-width:100%;
  height:56.25vw;
  min-height:100%;
  transform:translate(-50%,-50%);
  border:0;
  pointer-events:none;
  background:#03070b;}
.project-slide .slide-shade{z-index:1;}
@media (max-width:760px){
  .project-slide .hero-video-media iframe{width:230vh;
    height:56.25vw;}
}

/* V5.9 — render the selected video itself, never a shared fallback image */
.project-slide.has-video{background-color:#03070b;}
.project-slide.has-video.video-no-poster{background-image:none!important;
  background:#03070b!important;}
.project-slide.has-video .hero-video-media{position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:#03070b;
  opacity:0;
  visibility:hidden;
  transition:opacity .35s ease;}
.project-slide.has-video.active .hero-video-media{opacity:1;
  visibility:visible;}
.project-slide.has-video .hero-video-media video,
.project-slide.has-video .hero-video-media iframe{position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  border:0;
  object-fit:cover;
  object-position:center;
  background:#03070b;}
.project-slide.has-video .hero-video-media iframe{top:50%;
  left:50%;
  width:177.78vh;
  min-width:100%;
  height:56.25vw;
  min-height:100%;
  inset:auto;
  transform:translate(-50%,-50%);}
.project-slide.video-load-error .hero-video-media{opacity:0;}
.hero-video-error{position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  padding:11px 18px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(3,7,11,.72);
  color:#fff;
  font-size:14px;
  pointer-events:none;}
.hero-thumb.is-video .hero-thumb-video-icon{position:absolute;
  top:12px;
  left:12px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(200,164,93,.9);
  color:#061626;
  font-size:11px;
  z-index:2;}
.hero-thumb.video-no-poster{background-image:linear-gradient(145deg,#061626,#152b3d)!important;}
.hero-thumb.video-no-poster:before{content:"";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:rgba(200,164,93,.26);
  font-size:34px;}
@media (max-width:760px){
  .project-slide.has-video .hero-video-media iframe{width:230vh;
    height:56.25vw;}
}


/* V5.10 — correct full-screen layout for linked horizontal and vertical videos */
.project-slide.has-video .hero-video-media.hero-video-horizontal iframe{top:50%;
  left:50%;
  width:max(100vw,177.7778vh);
  height:max(100vh,56.25vw);
  min-width:0;
  min-height:0;
  transform:translate(-50%,-50%);}
.project-slide.has-video .hero-video-media.hero-video-vertical iframe{top:50%;
  left:50%;
  width:max(100vw,56.25vh);
  height:max(100vh,177.7778vw);
  min-width:0;
  min-height:0;
  transform:translate(-50%,-50%);}
@media (max-width:760px){
  .project-slide.has-video .hero-video-media.hero-video-horizontal iframe{width:max(100vw,177.7778vh);
    height:max(100vh,56.25vw);}
  .project-slide.has-video .hero-video-media.hero-video-vertical iframe{width:max(100vw,56.25vh);
    height:max(100vh,177.7778vw);}
}


/* Contact page — Rasookh company Google Maps location */
.map-placeholder.has-map{display:block;padding:0;background:#eef1f4;overflow:hidden;position:relative;}
.map-placeholder.has-map:after{display:none!important;}
.map-placeholder.has-map iframe{display:block;width:100%;height:100%;min-height:360px;border:0;}
.map-placeholder.has-map .contact-map-open{position:absolute;right:18px;bottom:18px;z-index:3;display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:999px;background:rgba(6,22,38,.94);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 10px 30px rgba(6,22,38,.22);backdrop-filter:blur(10px);transition:.25s ease;}
.map-placeholder.has-map .contact-map-open i{color:var(--gold);}
.map-placeholder.has-map .contact-map-open:hover{transform:translateY(-2px);background:#061626;}
@media(max-width:680px){.map-placeholder.has-map iframe{min-height:320px}.map-placeholder.has-map .contact-map-open{right:12px;bottom:12px;padding:10px 14px;font-size:13px}}

/* News details — functional article view using the approved news visual language */
.news-card-cover{display:block;overflow:hidden;color:inherit;text-decoration:none;}
.news-card h3 a{color:inherit;text-decoration:none;}
.news-detail-hero{min-height:62vh;align-items:flex-end;}
.news-detail-hero:before{background:linear-gradient(90deg,rgba(6,22,38,.94),rgba(6,22,38,.48)),var(--page-bg);background-position:center;background-size:cover;}
.news-detail-hero .container{padding-bottom:64px;}
.news-detail-hero h1{max-width:920px;font-size:clamp(34px,5vw,62px);line-height:1.25;margin-top:12px;}
.news-detail-hero .news-detail-excerpt{max-width:820px;margin-top:16px;}
.news-detail-meta{display:flex;gap:14px;align-items:center;color:rgba(255,255,255,.72);margin-top:14px;}
.news-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:42px;align-items:start;}
.news-detail-article{background:#fff;border:1px solid #eadcc0;border-radius:26px;overflow:hidden;box-shadow:0 14px 45px rgba(6,22,38,.07);}
.news-detail-article>img{display:block;width:100%;max-height:620px;object-fit:cover;}
.news-detail-copy{padding:38px 42px;color:#544c41;line-height:2.05;font-size:17px;white-space:pre-line;}
.news-detail-aside{position:sticky;top:110px;background:#061626;color:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow);}
.news-detail-aside h2{color:#fff;margin:10px 0 12px;}
.news-detail-aside p{color:rgba(255,255,255,.72);line-height:1.8;margin-bottom:24px;}
.news-detail-aside .btn{width:100%;justify-content:center;background:var(--gold);color:#061626;}
@media(max-width:900px){.news-detail-layout{grid-template-columns:1fr}.news-detail-aside{position:static}.news-detail-hero .container{padding-bottom:44px}.news-detail-copy{padding:28px 24px}}
.news-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:34px;direction:rtl;}
.news-pagination a,.news-pagination span{min-width:42px;height:42px;padding:0 12px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #eadcc0;background:#fff;color:var(--navy);text-decoration:none;font-weight:700;}
.news-pagination .is-active{background:var(--navy);color:#fff;border-color:var(--navy);}
.news-pagination .is-disabled{opacity:.45;}

/* =====================================================
   Review batch 01 — approved visual refinements
   Header / promo video / home projects / units listing
===================================================== */

/* A video-only slide must stay visually clean: the media is the whole hero. */
.hero-projects.video-only-active .hero-project-content,
.hero-projects.video-only-active .hero-thumbs,
.hero-projects.video-only-active .hero-arrow{display:none!important;}
.hero-projects.video-only-active .project-slide.active .slide-shade{display:none!important;}
.hero-projects .project-slide.video-only{cursor:default;}

/* Home projects: keep the approved card style but use calmer proportions. */
.home-projects-type-top-page #communities .community-layout{gap:18px;grid-template-columns:1fr .82fr;max-width:1180px;margin-inline:auto;}
.home-projects-type-top-page #communities .community-card.large{min-height:500px;}
.home-projects-type-top-page #communities .small-stack{gap:18px;}
.home-projects-type-top-page #communities .small-stack .community-card{min-height:241px;}
.home-projects-type-top-page #communities .community-info{padding:24px 26px;}
.home-projects-type-top-page #communities .community-info h3{font-size:21px;}
.home-projects-type-top-page #communities .community-layout.is-single-project{display:block;max-width:720px;margin-right:0;margin-left:auto;}
.home-projects-type-top-page #communities .community-layout.is-single-project .community-card{min-height:410px;width:100%;}

/* Units: concise server filter. */
.units-page .units-advanced-filter{grid-template-columns:1.05fr 1.05fr 1fr 1fr .8fr 1.25fr auto;gap:10px;padding:14px 16px;border-radius:20px;align-items:end;}
.units-page .unit-filter-field{min-width:0;}
.units-page .unit-filter-field select,
.units-page .unit-filter-field input{height:46px;min-width:0;padding-inline:14px;font-size:13px;}
.units-page .unit-filter-actions{display:flex;align-items:center;gap:8px;}
.units-page .unit-filter-search,
.units-page .unit-filter-reset{height:46px;min-width:82px;border-radius:999px;border:0;font-family:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.22s ease;}
.units-page .unit-filter-search{background:var(--navy);color:#fff;}
.units-page .unit-filter-reset{background:#f7f1e7;color:var(--navy);border:1px solid #eadcc0;}
.units-page .unit-filter-search:hover,
.units-page .unit-filter-reset:hover{transform:translateY(-1px);}
.units-page .unit-filter-reset:hover{border-color:var(--gold);color:#9a752d;}

/* Units: information-only cards, no cover image and no full-page link. */
.units-page .units-simple-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;}
.units-page .unit-sale-card.unit-info-card{display:flex;flex-direction:column;min-height:310px;padding:22px;background:#fff;border:1px solid #e6dcc9;border-radius:18px;box-shadow:0 10px 28px rgba(6,22,38,.055);overflow:visible;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.units-page .unit-sale-card.unit-info-card:hover{transform:translateY(-3px);border-color:#dbc89f;box-shadow:0 16px 38px rgba(6,22,38,.085);}
.units-page .unit-info-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid #eee7da;}
.units-page .unit-info-ident{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--navy);font-size:15px;}
.units-page .unit-info-ident span{display:inline-flex;align-items:center;gap:5px;}
.units-page .unit-info-ident strong{font-size:18px;color:var(--navy);}
.units-page .unit-info-card .unit-status-badge{flex:0 0 auto;min-height:31px;padding:0 11px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;}
.units-page .unit-info-card .unit-status-badge.status-available{background:#e5f5ec;color:#22724d;}
.units-page .unit-info-card .unit-status-badge.status-reserved{background:#f4ead4;color:#88651f;}
.units-page .unit-info-card .unit-status-badge.status-sold{background:#fae5e5;color:#a33434;}
.units-page .unit-info-price{min-height:44px;display:flex;align-items:center;color:var(--navy);font-size:23px;font-weight:800;margin:13px 0 6px;}
.units-page .unit-info-project{display:flex;align-items:center;gap:8px;min-height:28px;color:#85796a;font-size:13px;margin-bottom:15px;}
.units-page .unit-info-project i{color:var(--gold);}
.units-page .unit-info-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto;}
.units-page .unit-info-specs>div{min-width:0;min-height:82px;padding:11px 9px;border:1px solid #eee2ca;border-radius:13px;background:#fcf9f4;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;}
.units-page .unit-info-specs i{color:#b68d43;font-size:16px;margin-bottom:3px;}
.units-page .unit-info-specs span{font-size:11px;color:#8a8177;line-height:1.25;}
.units-page .unit-info-specs strong{font-size:14px;color:var(--navy);line-height:1.35;overflow-wrap:anywhere;}
.units-page .unit-info-card .unit-sale-actions{margin-top:16px!important;}
.units-page .unit-info-card .unit-details-open{min-height:46px!important;border-radius:12px!important;font-size:14px;}

@media(max-width:1180px){
  .units-page .units-advanced-filter{grid-template-columns:repeat(3,minmax(0,1fr));}
  .units-page .unit-filter-actions{grid-column:span 3;justify-content:flex-start;}
  .units-page .units-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:760px){
  .home-projects-type-top-page #communities .community-layout,
  .home-projects-type-top-page #communities .community-layout.is-single-project{max-width:none;grid-template-columns:1fr;margin:0;}
  .home-projects-type-top-page #communities .community-card.large,
  .home-projects-type-top-page #communities .small-stack .community-card,
  .home-projects-type-top-page #communities .community-layout.is-single-project .community-card{min-height:340px;}
  .units-page .units-advanced-filter{grid-template-columns:1fr;padding:14px;}
  .units-page .unit-filter-actions{grid-column:auto;}
  .units-page .unit-filter-search,
  .units-page .unit-filter-reset{flex:1;}
  .units-page .units-simple-grid{grid-template-columns:1fr;gap:14px;}
  .units-page .unit-sale-card.unit-info-card{min-height:0;padding:18px;}
}

@media(max-width:430px){
  .units-page .unit-info-head{align-items:center;}
  .units-page .unit-info-ident{gap:9px;font-size:13px;}
  .units-page .unit-info-ident strong{font-size:16px;}
  .units-page .unit-info-specs{grid-template-columns:repeat(3,minmax(0,1fr));}
  .units-page .unit-info-specs>div{padding-inline:5px;}
}