*{box-sizing:border-box;margin:0;padding:0}
:root{--dark:#211913;--dark2:#302219;--gold:#d5a257;--cream:#f5f1ec;--text:#2b241e;--muted:#71685f}
html{scroll-behavior:smooth}
body{font-family:Cairo,Tajawal,sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}.container{width:min(1390px,92%);margin:auto}
.topbar{background:var(--dark);color:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #46362a}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;position:relative}
.logo{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#fff}
.logo strong{font-size:24px;display:block;line-height:1}.logo small{display:block;text-align:center;color:var(--gold);font-size:12px}
.logo-icon{font-size:34px;color:var(--gold);border:1px solid var(--gold);padding:3px 9px;border-radius:8px}
.left-tools{display:flex;gap:22px;align-items:center}.icon-btn{background:none;border:0;color:#fff;font-size:29px;cursor:pointer;position:relative}.badge{position:absolute;font-size:9px;background:var(--gold);color:#211913;border-radius:20px;padding:1px 5px;top:-3px;right:-7px}
.phone{border:1px solid #765a38;border-radius:17px;padding:6px 13px;display:flex;align-items:center;gap:9px}.phone small,.phone b{display:block}.phone small{font-size:9px;color:#c8b9aa}.phone b{font-size:13px}.wa{font-size:28px;color:var(--gold)}
.nav{height:42px;display:flex;align-items:center;justify-content:center;gap:50px}.nav a{font-size:14px;color:#eee;padding:10px 0}.nav a.active,.nav a:hover{color:var(--gold);border-bottom:2px solid var(--gold)}
.hero{height:430px;position:relative;overflow:hidden;background:#211913}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(26,18,12,.88),rgba(26,18,12,.1) 72%)}.hero-content{height:100%;position:relative;display:flex;align-items:center;color:#fff}.hero-content>div{max-width:480px}.hero h1{font-size:57px;line-height:1.12}.hero h1 span{color:var(--gold)}.hero p{font-size:20px;margin:14px 0 25px}.actions{display:flex;gap:15px}.btn{padding:12px 28px;border-radius:6px;font-weight:700;display:inline-flex;gap:12px;align-items:center}.outline{border:1px solid #fff}.gold{background:var(--gold);color:#241b14}.dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.dots i{width:9px;height:9px;border-radius:50%;background:#eee}.dots i.on{background:var(--gold)}
.features{background:#f5f2ee;margin-top:-1px}.feature-grid{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000013;display:grid;grid-template-columns:repeat(4,1fr);padding:20px 35px;margin-top:-48px;position:relative;z-index:2}.feature-grid>div{display:flex;align-items:center;justify-content:center;gap:14px;border-left:1px solid #ddd4ca;padding:8px}.feature-grid>div:last-child{border-left:0}.feature-grid span{font-size:29px;color:#735534}.feature-grid b,.feature-grid small{display:block}.feature-grid b{font-size:14px}.feature-grid small{font-size:10px;color:var(--muted)}
.products-section{padding:48px 0 42px;background:#fff}.section-title{text-align:center;margin-bottom:27px}.section-title>span{font-size:12px;color:var(--gold);font-weight:700}.section-title h2{font-size:29px;margin-top:2px}.line{color:var(--gold);font-size:13px;margin-top:3px}.products{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.card{border:1px solid #ded8d1;border-radius:7px;overflow:hidden;box-shadow:0 3px 10px #0000000d;background:#fff;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0002}.pic{height:168px;position:relative;overflow:hidden;background:#ddd}.pic img{width:100%;height:100%;object-fit:cover;transition:.4s}.card:hover img{transform:scale(1.04)}.new{position:absolute;top:8px;right:8px;background:#2a211b;color:#fff;padding:3px 9px;border-radius:5px;font-size:9px;z-index:2}.body{padding:10px 13px;text-align:center}.body h3{font-size:15px}.body p{font-size:10px;color:#777;min-height:35px}.body strong{display:block;color:var(--gold);font-size:14px;margin:6px}.body a{display:block;background:#3a2a1d;color:#fff;border-radius:4px;padding:6px;font-size:11px}
.cta{background:#211913;color:#fff;margin:0 3%;border-radius:7px}.cta-inner{padding:17px 90px;display:flex;justify-content:space-between;align-items:center}.cta h2{font-size:23px;color:var(--gold)}.cta p{font-size:12px;color:#d0c4b8}.cta-contact{display:flex;gap:35px;align-items:center}.cta-contact b{font-size:18px}.cta-contact a{background:var(--gold);color:#241b14;padding:8px 20px;border-radius:5px;font-size:12px;font-weight:700}
.about,.contact{padding:65px 0;text-align:center}.about{background:var(--cream)}.about h2,.contact h2{font-size:30px;margin-bottom:10px}.about p,.contact p{max-width:700px;margin:auto;color:var(--muted);font-size:13px}.contact a{font-size:22px;font-weight:800;color:#6d4d2c}
footer{background:#18120e;color:#a99b8e;text-align:center;padding:18px;font-size:11px;margin-top:0}
@media(max-width:1050px){.nav{gap:25px}.products{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.nav-wrap{height:68px}.logo strong{font-size:19px}.logo small{font-size:9px}.logo-icon{font-size:25px}.phone{display:none}.nav{height:auto;padding:10px;gap:12px;overflow:auto;justify-content:flex-start}.nav a{font-size:11px;white-space:nowrap}.hero{height:520px}.hero-content{align-items:flex-end;padding-bottom:65px}.hero h1{font-size:43px}.hero p{font-size:16px}.actions{flex-direction:column}.btn{justify-content:center}.feature-grid{grid-template-columns:1fr;padding:10px;margin-top:-35px}.feature-grid>div{border-left:0!important;border-bottom:1px solid #ddd4ca}.products{grid-template-columns:1fr 1fr}.pic{height:180px}.cta-inner{padding:22px;display:block}.cta-contact{margin-top:15px;justify-content:space-between}.cta-contact a{padding:7px 12px}}
@media(max-width:450px){.products{grid-template-columns:1fr}.hero h1{font-size:39px}.left-tools{gap:10px}}
.wa-fab{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:90;width:58px;height:58px;border-radius:50%;background:var(--gold);color:#241b14;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0000004d;transition:transform .2s}
.wa-fab:hover{transform:scale(1.08)}.wa-fab svg{width:32px;height:32px;fill:currentColor}
@media(max-width:700px){.wa-fab{width:54px;height:54px;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}}