:root{--ink:#171b1d;--gold:#b79860;--paper:#f8f6f1;--line:#e3ded5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Noto Sans Arabic',sans-serif;color:var(--ink);background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.top{background:#11191b;color:#e9e4d9;text-align:center;padding:9px 15px;font-size:12px;letter-spacing:1px}.nav{display:flex;align-items:center;justify-content:space-between;padding:21px 6%;background:#fff;gap:18px}.logo{font-size:20px;font-weight:800;letter-spacing:2px}.logo span{color:var(--gold)}.links{display:flex;gap:26px;align-items:center;font-size:14px}.language{border:1px solid #c7bda9;padding:9px 12px;background:white;border-radius:4px}.hero{position:relative;min-height:570px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,18,20,.89),rgba(8,18,20,.16)),url('images/hero-dubai.jpg') center/cover;color:white}.hero-inner{width:min(1150px,88%);margin:auto}.eyebrow{color:#d5b57b;font-size:12px;letter-spacing:3px;text-transform:uppercase}.hero h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,78px);line-height:1.08;max-width:720px;margin:18px 0}.hero p{max-width:570px;line-height:1.8;color:#f2ede5}.btn{border:0;background:var(--gold);color:#15191b;padding:14px 23px;font-weight:700;display:inline-block;margin-top:18px}.btn.dark{background:#1c2527;color:white}.wrap{max-width:1180px;margin:auto;padding:75px 24px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.section-head h2{font:normal clamp(30px,4vw,43px) Georgia,serif;margin:8px 0}.muted{color:#716f6b;line-height:1.7}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.filters select,.filters input{background:white;border:1px solid var(--line);padding:13px;min-width:165px;flex:1}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.property{background:#fff;box-shadow:0 10px 25px #14191a0a;overflow:hidden}.property img{width:100%;height:235px;object-fit:cover;display:block}.property .info{padding:23px}.tag{color:#a27c40;text-transform:uppercase;font-size:11px;letter-spacing:1.5px}.property h3{font:normal 24px Georgia,serif;margin:12px 0}.price{font-weight:800;font-size:20px}.details{border-top:1px solid var(--line);margin-top:17px;padding-top:16px;color:#777;font-size:13px;display:flex;justify-content:space-between}.about{background:#1b2526;color:#fff}.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about h2{font:normal 44px Georgia,serif}.about p{line-height:1.8;color:#d7d9d7}.about img{width:100%;height:350px;object-fit:cover}.contact{text-align:center}.contact h2{font:normal 42px Georgia,serif}.contact form{display:grid;gap:13px;max-width:580px;margin:28px auto}.contact input,.contact select{padding:15px;border:1px solid var(--line);background:white}.notice{font-size:12px;color:#746b60}.footer{background:#11191b;color:white;padding:35px 6%;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:13px}.modal{position:fixed;inset:0;background:#000b;display:none;align-items:center;justify-content:center;padding:18px;z-index:10}.modal.open{display:flex}.modal-panel{background:white;max-width:780px;width:100%;max-height:90vh;overflow:auto;position:relative}.modal-panel img{width:100%;height:300px;object-fit:cover}.modal-content{padding:28px}.close{position:absolute;top:12px;right:12px;background:white;border:0;font-size:28px;width:42px;height:42px}.empty{padding:30px;text-align:center;background:white}.whatsapp{position:fixed;bottom:22px;right:22px;background:#197b54;color:white;padding:14px 19px;border-radius:30px;box-shadow:0 5px 18px #0003;font-weight:700;z-index:2}html[dir=rtl] .hero{background:linear-gradient(270deg,rgba(8,18,20,.89),rgba(8,18,20,.16)),url('images/hero-dubai.jpg') center/cover}html[dir=rtl] .whatsapp{right:auto;left:22px}html[dir=rtl] .close{right:auto;left:12px}@media(max-width:800px){.links{gap:12px;font-size:12px}.grid{grid-template-columns:repeat(2,1fr)}.about .wrap{grid-template-columns:1fr}.hero{min-height:520px}}@media(max-width:570px){.nav{padding:17px 5%}.links a{display:none}.grid{grid-template-columns:1fr}.hero{min-height:500px}.wrap{padding:55px 18px}.section-head{display:block}.property img{height:250px}.footer{display:block}.about h2{font-size:34px}}

/* InfoTeck Real Estate V2 — presentation refinements */
:root{--gold:#bd995f;--paper:#f7f4ee;--line:#e8e1d6}
body{font-family:Arial,"Noto Sans Arabic",sans-serif}
.nav{position:sticky;top:0;z-index:5;box-shadow:0 2px 18px #121c1d0d}
.logo{letter-spacing:2.8px}
.hero{min-height:690px;background-position:center;isolation:isolate}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,#111b1b4d);pointer-events:none}
.hero-inner{position:relative;z-index:1;padding:95px 0 135px}
.hero h1{font-size:clamp(46px,6.5vw,88px);letter-spacing:-1.5px;line-height:1.06}
.hero p{font-size:17px;max-width:520px}
.btn{border-radius:3px;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px);background:#d2ae70}
#properties{padding-top:55px}
.filters{position:relative;margin-top:-95px;margin-bottom:78px;background:#fff;padding:22px;box-shadow:0 22px 65px #151c1d25;z-index:2;border-top:3px solid var(--gold);border-radius:5px}
.filters select{min-height:53px;border-radius:3px;background:#faf9f6}
.section-head{margin-bottom:32px}
.section-head h2{font-size:clamp(34px,4.5vw,51px)}
.grid{gap:28px}
.property{border-radius:5px;box-shadow:0 16px 35px #14191a12;transition:transform .2s,box-shadow .2s}
.property:hover{transform:translateY(-5px);box-shadow:0 24px 48px #14191a22}
.property img{height:270px}
.property .info{padding:26px}
.property h3{font-size:25px}
.about{background:#172122}
.about .wrap{padding-top:100px;padding-bottom:100px}
.about img{height:430px;border-radius:4px}
.contact{padding-top:100px;padding-bottom:100px}
.contact input,.contact select{min-height:53px;border-radius:3px}
.language{transition:background .2s}.language:hover{background:#f4efe5}
.whatsapp{background:#203536;border:1px solid #d5bd8c;border-radius:5px;font-size:13px}
html[dir=rtl] .hero h1{letter-spacing:0;line-height:1.35}
html[dir=rtl] .hero-inner{text-align:right}
html[dir=rtl] .filters{direction:rtl}
@media(max-width:800px){.hero{min-height:590px}.hero-inner{padding:75px 0 120px}.filters{margin-top:-72px;margin-bottom:55px}.property img{height:245px}}
@media(max-width:570px){.hero{min-height:580px}.hero-inner{padding:75px 0 125px}.hero h1{font-size:46px}.hero p{font-size:15px}.filters{margin-top:-80px;margin-bottom:45px;padding:15px}.filters select{min-width:100%;width:100%}.grid{gap:20px}.property img{height:265px}.about .wrap{padding-top:70px;padding-bottom:70px}.about img{height:270px}}
@media(prefers-reduced-motion:reduce){.btn,.property{transition:none}html{scroll-behavior:auto}}

/* Affichage du titre arabe sur deux lignes sur ordinateur */
@media (min-width: 801px) {
  html[dir="rtl"] .hero h1 {
    max-width: 950px;
    font-size: clamp(42px, 4.5vw, 68px);
    line-height: 1.2;
  }
}



/* V3 — premium agency refinement */
:root{--gold:#c6a46b;--ink:#192123;--paper:#f8f6f1}
body{font-family:Arial,'Noto Sans Arabic',sans-serif}
.nav{position:relative;z-index:4;box-shadow:0 3px 20px #0d1a1a0b}
.logo{white-space:nowrap}
.nav-cta{padding:11px 16px;border:1px solid #b69867;color:#785c34;font-weight:700;font-size:12px;white-space:nowrap;transition:background .2s,color .2s}
.nav-cta:hover{background:#b69867;color:#fff}
.hero{min-height:660px;background-image:linear-gradient(90deg,rgba(8,18,20,.9) 0%,rgba(8,18,20,.63) 42%,rgba(8,18,20,.12) 100%),url('images/hero-dubai.jpg')}
.hero-inner{padding:55px 0 125px}
.hero h1{font-weight:400;letter-spacing:-1.5px;text-shadow:0 2px 20px #0004}
.hero p{font-size:17px;max-width:560px}
.btn,.search-action{transition:transform .2s,background .2s}
.btn:hover,.search-action:hover{transform:translateY(-2px);background:#d7b780}
.filters{position:relative;z-index:3;background:#fff;padding:20px;box-shadow:0 16px 40px #111b1b20;margin-top:-50px;margin-bottom:22px;border:1px solid #eee7dd;align-items:stretch}
.filters select{border-radius:0;min-height:54px;min-width:155px;background:#faf9f6}
.search-action{border:0;background:#b69867;color:#172124;padding:13px 22px;min-height:54px;font-weight:800;white-space:nowrap}
.results-bar{display:flex;justify-content:space-between;gap:12px;margin:0 0 45px;color:#827e76;font-size:12px;letter-spacing:.3px}
.results-bar #resultsCount{color:#6c5634;font-weight:700}
.property{border:1px solid #eee8df;transition:transform .25s,box-shadow .25s}
.property:hover{transform:translateY(-5px);box-shadow:0 16px 40px #101c1c19}
.property img{height:270px}
.property .info{padding:26px}
.property h3{min-height:58px}
.property .btn{font-size:13px;padding:12px 18px}
.value-strip{max-width:1180px;margin:5px auto 85px;padding:28px 24px;border-top:1px solid #d8d0c3;border-bottom:1px solid #d8d0c3;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.value-strip div{display:flex;flex-direction:column;gap:10px}
.value-strip strong{font:normal 22px Georgia,serif;color:#1d2929}
.value-strip span{font-size:13px;color:#7b776f;line-height:1.5}
html[dir=rtl] .hero{background-image:linear-gradient(270deg,rgba(8,18,20,.9) 0%,rgba(8,18,20,.63) 42%,rgba(8,18,20,.12) 100%),url('images/hero-dubai.jpg')}
html[dir=rtl] .hero h1{max-width:950px;letter-spacing:0}
html[dir=rtl] .value-strip strong{font-family:Arial,'Noto Sans Arabic',sans-serif}
@media(max-width:950px){.nav-cta{display:none}.hero{min-height:610px}.filters{margin-top:-45px}.search-action{flex:1}}
@media(max-width:700px){.hero{min-height:560px}.hero-inner{padding:55px 0 115px}.hero h1{font-size:clamp(36px,8vw,50px)}.filters{margin-top:-65px;padding:15px}.filters select{min-width:100%}.search-action{width:100%}.results-bar{flex-direction:column;margin-bottom:30px}.value-strip{grid-template-columns:1fr;gap:22px;margin-bottom:55px}.property h3{min-height:auto}.links{gap:12px}}
@media(prefers-reduced-motion:reduce){.property,.btn,.search-action{transition:none}}