:root{--gold:#b88a32;--ink:#151515;--muted:#6d6b67;--bg:#f8f7f4;--line:#e6e0d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tajawal,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 38px));margin:auto}.top{position:sticky;top:0;z-index:50;background:#fffefaef;backdrop-filter:blur(18px);border-bottom:1px solid #eee9df}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:88px}.logo{height:62px;max-width:200px;object-fit:contain}.links{display:flex;gap:24px;align-items:center;font-weight:700}.links a:hover{color:var(--gold)}.pill,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 23px;border:1px solid var(--gold);background:var(--gold);color:#fff;border-radius:4px;font-weight:800}.outline{background:transparent;color:var(--ink)}.hero{position:relative;min-height:590px;display:flex;align-items:center;background:#26221d center/cover no-repeat;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1212125c,#111c 75%)}.hero .wrap{position:relative;z-index:1}.eyebrow{letter-spacing:3px;font-size:13px;color:#ebc678;font-weight:700}.hero h1{font-size:clamp(35px,5vw,72px);max-width:650px;line-height:1.2;margin:16px 0}.hero p{font-size:19px;max-width:600px;color:#f3efe6}.section{padding:85px 0}.section-head{text-align:center;margin-bottom:36px}.section-head h2{font-size:clamp(28px,3vw,43px);margin:6px}.section-head p{color:var(--muted)}.kicker{color:var(--gold);font-weight:800;letter-spacing:1px}.filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 0 30px}.filters button{border:1px solid var(--line);padding:10px 20px;background:#fff;border-radius:4px}.filters button.active{background:var(--ink);color:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;box-shadow:0 7px 30px #0000000a;border:1px solid #eeeae2;overflow:hidden;border-radius:7px;cursor:pointer}.card .pic{position:relative;height:230px;overflow:hidden;background:#ddd}.card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover img{transform:scale(1.04)}.tag{position:absolute;right:16px;top:16px;background:#fff;color:#1c1c1c;padding:4px 12px;font-size:13px;font-weight:800;border-radius:3px}.demo{position:absolute;left:10px;bottom:10px;background:#000c;color:#fff;padding:4px 10px;font-size:12px}.cardbody{padding:22px}.cardbody h3{margin:0;font-size:22px}.location{color:var(--muted);margin:7px 0}.price{font-size:25px;font-weight:800;color:var(--gold)}.specs{display:flex;flex-wrap:wrap;gap:15px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;color:#555}.about{background:#1d1b19;color:#fff;text-align:center}.about p{max-width:720px;margin:auto;color:#ddd}.contact{background:#eee8dd;text-align:center}.foot{background:#111;color:#eae4d9;padding:45px 0;text-align:center}.foot img{height:75px;background:#fff;padding:5px;border-radius:3px}.muted{color:var(--muted)}.wa{position:fixed;bottom:24px;left:24px;z-index:70;background:#24b461;color:#fff;border:0;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;box-shadow:0 6px 20px #0003;font-size:24px}.modal{position:fixed;inset:0;background:#000b;z-index:100;display:none;overflow-y:auto;padding:35px 15px}.modal.open{display:block}.dialog{background:#fff;width:min(1000px,100%);margin:auto;border-radius:9px;overflow:hidden;position:relative}.close{position:absolute;top:12px;left:12px;z-index:2;background:#fff;border:0;border-radius:50%;width:40px;height:40px;font-size:26px}.detail{padding:28px}.detail h2{font-size:32px;margin:0}.detail-cover{height:430px;width:100%;object-fit:cover;background:#ddd}.gallery{display:flex;gap:10px;overflow:auto;padding:10px;background:#f5f2ec}.gallery button{padding:0;border:0;flex:0 0 130px;background:none}.gallery img{width:130px;height:80px;object-fit:cover;border-radius:4px}.detail-spec{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.detail-spec div{background:#f7f4ee;padding:15px;text-align:center}.features{display:flex;gap:9px;flex-wrap:wrap}.features span{background:#f5f1e9;padding:6px 14px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.notice{padding:13px;background:#fff5d9;border:1px solid #e9c76c;color:#6d5218;margin:15px 0}.socials{display:flex;gap:15px;justify-content:center}.socials a{text-decoration:underline}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.links{gap:10px;font-size:13px}.nav{min-height:75px}.logo{height:49px}.hero{min-height:490px}}@media(max-width:600px){.cards{grid-template-columns:1fr}.links a:nth-child(2){display:none}.section{padding:55px 0}.hero{min-height:440px}.hero p{font-size:16px}.detail-cover{height:250px}.detail-spec{grid-template-columns:repeat(2,1fr)}.nav .pill{padding:8px 10px;font-size:12px}.logo{max-width:125px}}
