:root{
  --raspberry:#C5485B;
  --raspberry-dark:#A13349;
  --gold:#D4A857;
  --cream:#FFF9F4;
  --chocolate:#2E1F1A;
}

*{margin:0;padding:0;box-sizing:border-box;}

body{
  font-family:'Tajawal', sans-serif;
  background:var(--cream);
  color:var(--chocolate);
  line-height:1.7;
}

html[lang="en"] body{font-family:'Poppins', sans-serif; direction:ltr;}
html[lang="ar"] .en{display:none;}
html[lang="en"] .ar{display:none;}

.container{max-width:1100px;margin:0 auto;padding:0 20px;}

h1,h2,h3{font-family:'Playfair Display', serif;}

/* HEADER */
.site-header{
  position:fixed;top:0;left:0;right:0;
  background:rgba(255,249,244,0.95);
  z-index:1000;
  transition:box-shadow .3s;
}
.site-header.scrolled{box-shadow:0 4px 15px rgba(0,0,0,0.1);}

.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;
}
.logo{display:flex;align-items:center;gap:10px;}
.logo img{height:45px;width:auto;border-radius:8px;}
.logo-text{font-family:'Playfair Display',serif;font-weight:700;font-size:1.4rem;color:var(--raspberry-dark);}

.main-nav{display:flex;gap:25px;}
.main-nav a{
  text-decoration:none;color:var(--chocolate);
  font-weight:500;transition:color .3s;
}
.main-nav a:hover{color:var(--raspberry);}

.header-actions{display:flex;align-items:center;gap:12px;}
.lang-btn{
  background:var(--raspberry);color:#fff;border:none;
  padding:6px 14px;border-radius:20px;cursor:pointer;
  font-weight:600;transition:background .3s;
}
.lang-btn:hover{background:var(--raspberry-dark);}

.menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;}
.menu-btn span{width:25px;height:3px;background:var(--chocolate);border-radius:2px;}

/* HERO */
.hero{
  position:relative;height:90vh;min-height:500px;
  display:flex;align-items:center;justify-content:center;
  text-align:center;color:#fff;overflow:hidden;
}
.hero-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(rgba(46,31,26,0.6),rgba(197,72,91,0.5));
}
.hero-content{position:relative;z-index:2;padding:0 20px;}
.hero-content h1{font-size:3.5rem;margin-bottom:10px;}
.tagline{font-size:1.2rem;margin-bottom:25px;}

.btn{
  display:inline-block;padding:12px 30px;border-radius:30px;
  text-decoration:none;font-weight:600;transition:all .3s;
}
.btn-primary{background:var(--gold);color:var(--chocolate);}
.btn-primary:hover{background:#c99a45;transform:translateY(-3px);}
.btn-outline{border:2px solid var(--cream);color:var(--cream);}
.btn-outline:hover{background:var(--cream);color:var(--raspberry-dark);}

/* ABOUT */
.about{padding:90px 0;}
.about-inner{text-align:center;max-width:800px;}
.section-title{
  color:var(--raspberry-dark);margin-bottom:25px;font-size:2.2rem;
  position:relative;display:inline-block;
}
.about-text{font-size:1.1rem;}

/* PRODUCTS */
.products{background:#fdf2ee;padding:90px 0;}
.products .section-title{display:block;text-align:center;margin-bottom:50px;}

.products-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:35px;
}
.product-card{
  background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 5px 20px rgba(0,0,0,0.07);
  transition:transform .3s, box-shadow .3s;
}
.product-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,0.12);}
.product-img{overflow:hidden;height:220px;}
.product-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.product-card:hover .product-img img{transform:scale(1.1);}
.product-info{padding:20px;}
.product-info h3{color:var(--raspberry-dark);margin-bottom:8px;font-size:1.3rem;}
.desc{font-size:0.95rem;color:#555;margin-bottom:15px;}
.price-list{list-style:none;}
.price-list li{
  display:flex;justify-content:space-between;
  padding:6px 0;border-bottom:1px dashed #eee;font-size:0.95rem;
}
.price-list li:last-child{border-bottom:none;}
.price-list b{color:var(--gold);}

/* CUSTOM BANNER */
.custom-banner{
  background:linear-gradient(135deg,var(--raspberry),var(--raspberry-dark));
  color:#fff;padding:70px 0;text-align:center;
}
.custom-banner h2{margin-bottom:15px;}
.custom-banner p{margin-bottom:25px;font-size:1.05rem;}

/* CONTACT */
.contact{padding:90px 0;text-align:center;}
.contact .section-title{display:block;margin-bottom:50px;}
.contact-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:25px;
}
.contact-card{
  background:#fff;border-radius:14px;padding:30px 20px;
  text-decoration:none;color:var(--chocolate);
  box-shadow:0 5px 20px rgba(0,0,0,0.06);
  transition:transform .3s;
  display:flex;flex-direction:column;align-items:center;gap:8px;
}
.contact-card:hover{transform:translateY(-6px);}
.contact-card .icon{font-size:2rem;}
.contact-card .label{font-weight:600;color:var(--raspberry-dark);}
.contact-card .value{font-size:0.95rem;}

/* FOOTER */
.site-footer{
  background:var(--chocolate);color:var(--cream);
  text-align:center;padding:25px 0;font-size:0.9rem;
}

/* REVEAL ANIMATION */
.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease;}
.reveal.active{opacity:1;transform:translateY(0);}

/* RESPONSIVE */
@media(max-width:860px){
  .main-nav{
    display:none;flex-direction:column;position:absolute;
    top:100%;left:0;right:0;background:var(--cream);
    padding:20px;box-shadow:0 10px 20px rgba(0,0,0,0.1);
  }
  .main-nav.open{display:flex;}
  .menu-btn{display:flex;}
  .hero-content h1{font-size:2.5rem;}
}