root { --cream:#F2EDE6; --dark:#2B2723; --mid:#3E3830; --gold:#C4A97D; --gold-light:#D9C4A3; --text-light:#8A7D70; }

.hero { min-height:100vh; display:grid; grid-template-columns:1fr 1fr; padding-top:84px; overflow:hidden; }
.hero-content { display:flex; flex-direction:column; justify-content:center; padding:80px 60px 80px 80px; position:relative; }
.hero-eyebrow { font-size:11px; letter-spacing:4px; color:var(--gold); font-weight:300; margin-bottom:28px; display:flex; align-items:center; gap:16px; }
.hero-eyebrow::before { content:''; width:40px; height:1px; background:var(--gold); }
.hero-title { font-family:Georgia,serif; font-size:clamp(56px,6vw,82px); font-weight:300; line-height:1.05; color:var(--dark); }
.hero-title em { font-style:italic; color:var(--gold); }
.hero-desc { margin-top:28px; font-size:15px; font-weight:300; line-height:1.8; color:var(--text-light); max-width:380px; }
.hero-actions { margin-top:48px; display:flex; gap:20px; align-items:center; }
.btn-primary { background:var(--dark); color:var(--cream); padding:16px 40px; font-size:12px; letter-spacing:3px; border:none; cursor:pointer; }
.btn-primary:hover { background:var(--gold); color:var(--dark); }
.btn-ghost { background:transparent; color:var(--dark); padding:16px 40px; font-size:12px; letter-spacing:3px; border:1px solid rgba(43,39,35,0.3); cursor:pointer; }
.btn-ghost:hover { border-color:var(--gold); color:var(--gold); }
.hero-visual { position:relative; overflow:hidden; background:var(--dark); }
.hero-pattern { position:absolute; inset:0; background-image:repeating-linear-gradient(45deg,rgba(196,169,125,0.05) 0px,rgba(196,169,125,0.05) 1px,transparent 1px,transparent 60px); }
.hero-showcase { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:60px; }
.showcase-label { font-family:Georgia,serif; font-size:80px; font-weight:300; color:rgba(196,169,125,0.12); line-height:1; }
.showcase-card { background:rgba(242,237,230,0.06); border:1px solid rgba(196,169,125,0.2); padding:32px; margin-top:24px; }
.showcase-card h3 { font-family:Georgia,serif; font-size:26px; font-weight:400; color:var(--cream); margin-bottom:8px; }
.showcase-card p { font-size:13px; color:rgba(242,237,230,0.5); }
.showcase-price { margin-top:20px; display:flex; justify-content:space-between; align-items:flex-end; }
.price-tag { font-family:Georgia,serif; font-size:32px; color:var(--gold); font-weight:300; }
.price-badge { background:var(--gold); color:var(--dark); font-size:10px; letter-spacing:2px; padding:6px 14px; }
@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeIn { from{opacity:0} to{opacity:1} }
@media(max-width:900px){ .hero{grid-template-columns:1fr !important;} .hero-content{padding:60px 32px !important;} }
.services { padding:80px 40px; background:var(--dark); }
.services-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:2px; }
.service-card { background:rgba(255,255,255,0.03); border:1px solid rgba(196,169,125,0.12); padding:40px 28px; }
.service-card:hover { background:rgba(196,169,125,0.07); }
.service-title { font-family:Georgia,serif; font-size:22px; color:var(--cream); margin-bottom:12px; }
.service-desc { font-size:13px; color:rgba(242,237,230,0.45); line-height:1.9; }
.service-link { display:inline-block; margin-top:20px; font-size:11px; letter-spacing:2px; color:var(--gold); text-decoration:none; }
.section-eyebrow { font-size:11px; letter-spacing:4px; color:var(--gold); display:flex; align-items:center; justify-content:center; gap:20px; margin-bottom:20px; }
.section-title { font-family:Georgia,serif; font-size:42px; font-weight:300; color:var(--cream); text-align:center; }
/* مميزات المتجر */
.store-features { background:#2B2723 !important; }
.store-features .feature-item { background:transparent !important; border:1px solid rgba(196,169,125,0.15) !important; }
.store-features .feature-icon { background:#C4A97D !important; }
.store-features .feature-title { color:#F2EDE6 !important; font-family:Georgia,serif !important; }
.store-features .feature-description { color:rgba
  (242,237,230,0.5) !important; }
/* إزالة الفراغات بين الأقسام */
.salla-section + .salla-section,
[class*="content"] + [class*="content"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}