*{margin:0;padding:0;box-sizing:border-box}
body{background:#0b0b0b;color:#fff;font-family:"Lexend",sans-serif;overflow-x:hidden}
.navbar{
position:absolute;
top:0;left:0;width:100%;
z-index:1000;
padding:25px 40px;
background:transparent;
}
.navbar a,.navbar .brand{color:#fff;text-decoration:none;font-size:18px}
.hero{
height:100vh;
background:url('../images/shop.png') center center/cover no-repeat;
display:flex;
align-items:center;
justify-content:center;
position:relative;
margin:0;
}
.overlay{
position:absolute;inset:0;
background:rgba(0,0,0,.45);
}
.hero-content{
position:relative;
z-index:2;
text-align:center;
padding:20px;
}
.hero h1{font-size:4rem;color:#d6a354}
.section{padding:80px 5%}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.gallery img,.img{width:100%;border-radius:16px;display:block}
.footer{background:#050505;padding:60px 20px 30px;text-align:center;border-top:1px solid rgba(214,163,84,.15);margin-top:60px}
.footer h3{color:#d6a354}
.footer p{color:#999}
.copyright{color:#777;font-size:14px;margin-top:15px}

.logo{height:70px;width:auto;}
.arabic,*[dir="rtl"]{font-family:"Cairo",sans-serif;}