:root{
  --bg:#fafaf8;--cream:#f5f0ea;--border:#e8e2da;--text:#1a1a1a;--muted:#888;
  --accent:#c9845e;--accent2:#4a8c6e;--dark:#1a1a1a;--shadow:0 2px 20px rgba(0,0,0,0.07);
  --font-display:'Playfair Display',serif;--font-body:'DM Sans',sans-serif;
}
[dir="rtl"]{--font-display:'Noto Serif Arabic',serif;--font-body:'Noto Sans Arabic',sans-serif;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-x:hidden;}

/* PROMO */
.promo-bar{background:var(--dark);color:#fff;text-align:center;padding:10px 20px;font-size:13px;letter-spacing:0.03em;position:relative;z-index:200;}
[dir="rtl"] .promo-bar{letter-spacing:0;}
.promo-bar span{color:#f0c080;font-weight:500;}

/* NAV */
nav{background:#faf7f4;border-bottom:1px solid #ede8e1;position:sticky;top:0;z-index:150;box-shadow:none;}
.nav-inner{max-width:1340px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:0 36px;height:72px;}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
.nav-logo-emblem{width:46px;height:46px;border-radius:50%;border:1.5px solid #c9a89a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;flex-shrink:0;background:#fff;}
.nav-logo-emblem-letter{font-family:'Playfair Display',serif;font-size:15px;font-weight:400;font-style:italic;color:#1a1a1a;line-height:1;}
.nav-logo-emblem-line{width:22px;height:1px;background:#c9a89a;margin:1px 0;}
.nav-logo-emblem-sub{font-size:6px;letter-spacing:0.18em;text-transform:uppercase;color:#c9a89a;font-family:'DM Sans',sans-serif;font-weight:500;}
.nav-logo-words{display:flex;flex-direction:column;gap:1px;}
.nav-logo-main{font-family:'Playfair Display',serif;font-size:19px;font-weight:400;color:#1a1a1a;letter-spacing:0.02em;line-height:1.1;display:flex;align-items:baseline;gap:4px;}
.nav-logo-main em{font-style:italic;font-size:21px;}
.nav-logo-sub{font-size:9px;letter-spacing:0.25em;text-transform:uppercase;color:#b8a090;font-family:'DM Sans',sans-serif;font-weight:500;}
.nav-links{display:flex;gap:0;list-style:none;justify-content:center;}
[dir="rtl"] .nav-links{direction:rtl;}
.nav-links>li{position:relative;}
.nav-links>li>a{display:block;padding:10px 18px;text-decoration:none;color:#2a2a2a;font-size:13.5px;font-weight:400;letter-spacing:0.01em;transition:color 0.2s;white-space:nowrap;}
[dir="rtl"] .nav-links>li>a{font-size:14px;}
.nav-links>li>a:hover{color:var(--accent);}
.nav-links>li>a.active{color:#1a1a1a;font-weight:500;}
.dropdown{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);min-width:200px;padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all 0.2s;z-index:200;}
[dir="rtl"] .dropdown{left:auto;right:0;}
.nav-links>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown a{display:block;padding:9px 14px;text-decoration:none;color:var(--text);font-size:13px;border-radius:6px;transition:background 0.15s;}
.dropdown a:hover,.dropdown a.active-drop{background:var(--cream);color:var(--accent);}
.nav-actions{display:flex;gap:14px;align-items:center;}
.lang-btn{font-size:12px;font-weight:500;padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:#fff;cursor:pointer;color:var(--text);transition:all 0.2s;font-family:var(--font-body);letter-spacing:0;}
.lang-btn:hover{border-color:var(--accent);color:var(--accent);}
.nav-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#3a3a3a;transition:color 0.2s;position:relative;text-decoration:none;border:none;background:none;cursor:pointer;}
.nav-icon-btn:hover{color:var(--accent);}
.cart-count{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--accent);color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;font-family:'DM Sans',sans-serif;}
[dir="rtl"] .cart-count{right:auto;left:-4px;}
/* BREADCRUMB */
.breadcrumb{max-width:1300px;margin:0 auto;padding:16px 30px;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
[dir="rtl"] .breadcrumb{direction:rtl;}
.breadcrumb a{color:var(--muted);text-decoration:none;transition:color .2s;}
.breadcrumb a:hover{color:var(--accent);}
.bc-sep{color:var(--border);}

/* HERO */
.page-hero{
  background:linear-gradient(135deg,#1a1a1a 0%,#2d2420 60%,#3a2d28 100%);
  padding:70px 30px 60px;text-align:center;position:relative;overflow:hidden;
}
.page-hero::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 120%,rgba(201,132,94,0.18) 0%,transparent 60%);
}
.page-hero-inner{position:relative;z-index:1;}
.hero-eyebrow{font-size:11px;letter-spacing:0.35em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:16px;display:block;}
[dir="rtl"] .hero-eyebrow{letter-spacing:0;font-size:13px;}
.page-hero h1{font-family:var(--font-display);font-size:clamp(36px,5vw,58px);color:#fff;font-weight:600;margin-bottom:14px;line-height:1.15;}
[dir="rtl"] .page-hero h1{line-height:1.4;}
.page-hero p{font-size:15px;color:rgba(255,255,255,0.55);max-width:520px;margin:0 auto;line-height:1.8;font-weight:300;}
.last-updated{display:inline-block;margin-top:20px;font-size:12px;color:rgba(255,255,255,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:5px 14px;}

/* LAYOUT */
.page-body{max-width:1100px;margin:0 auto;padding:60px 30px 90px;display:grid;grid-template-columns:220px 1fr;gap:60px;align-items:start;}
[dir="rtl"] .page-body{direction:rtl;}

/* SIDEBAR TOC */
.toc{position:sticky;top:90px;}
.toc-title{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:16px;}
[dir="rtl"] .toc-title{letter-spacing:0;}
.toc-list{list-style:none;display:flex;flex-direction:column;gap:2px;}
.toc-list a{display:block;padding:7px 12px;font-size:13px;color:var(--muted);text-decoration:none;border-radius:7px;border-left:2px solid transparent;transition:all .2s;line-height:1.4;}
[dir="rtl"] .toc-list a{border-left:none;border-right:2px solid transparent;}
.toc-list a:hover,.toc-list a.active{color:var(--accent);background:rgba(201,132,94,0.07);border-left-color:var(--accent);}
[dir="rtl"] .toc-list a:hover,[dir="rtl"] .toc-list a.active{border-left-color:transparent;border-right-color:var(--accent);}

/* CONTENT */
.content{}
.section-block{margin-bottom:48px;scroll-margin-top:100px;}
.section-block:last-child{margin-bottom:0;}
.section-num{display:inline-block;font-size:11px;font-weight:700;color:var(--accent);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:8px;}
[dir="rtl"] .section-num{letter-spacing:0;}
.section-block h2{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--dark);margin-bottom:14px;line-height:1.3;}
[dir="rtl"] .section-block h2{line-height:1.5;}
.section-block p{font-size:15px;line-height:1.95;color:#555;font-weight:300;}
[dir="rtl"] .section-block p{font-size:15px;line-height:2.1;}
.section-divider{border:none;border-top:1px solid var(--border);margin:48px 0;}

/* INTRO CARD */
.intro-card{background:linear-gradient(135deg,#fce8e8,#f5f0ea);border-radius:16px;padding:28px 30px;margin-bottom:48px;border:1px solid rgba(201,132,94,0.15);}
.intro-card p{font-size:15px;line-height:1.95;color:#555;font-weight:300;}
[dir="rtl"] .intro-card p{font-size:15px;line-height:2.1;}

/* HIGHLIGHT BOX */
.highlight-box{background:#fff;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:16px 20px;margin-top:14px;}
[dir="rtl"] .highlight-box{border-left:1px solid var(--border);border-right:3px solid var(--accent);border-radius:10px 0 0 10px;}
.highlight-box p{font-size:14px;color:var(--muted);line-height:1.8;}

/* FOOTER */
footer{background:var(--dark);color:rgba(255,255,255,0.8);padding:60px 30px 0;}
.footer-inner{max-width:1340px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;padding-bottom:50px;}
[dir="rtl"] .footer-inner{direction:rtl;}
.footer-logo-text{font-family:var(--font-display);font-size:26px;color:#fff;letter-spacing:0.05em;}
.footer-tagline{font-size:13px;color:rgba(255,255,255,0.45);margin-top:8px;font-weight:300;line-height:1.7;}
.footer-col-title{font-size:12px;font-weight:600;color:#fff;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:18px;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:10px;}
.footer-col ul li a{color:rgba(255,255,255,0.55);text-decoration:none;font-size:13px;transition:color 0.2s;}
.footer-col ul li a:hover{color:var(--accent);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:12px;color:rgba(255,255,255,0.35);max-width:1340px;margin:0 auto;}
[dir="rtl"] .footer-bottom{direction:rtl;}

/* WHATSAPP */
.whatsapp-btn{position:fixed;bottom:24px;right:24px;width:54px;height:54px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.4);z-index:500;transition:transform .2s;}
[dir="rtl"] .whatsapp-btn{right:auto;left:24px;}
.whatsapp-btn:hover{transform:scale(1.08);}

/* REVEAL */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:none;}

@media(max-width:800px){.page-body{grid-template-columns:1fr;}.toc{position:static;display:none;}.footer-inner{grid-template-columns:1fr 1fr;}.nav-links{display:none;}}
@media(max-width:500px){.footer-inner{grid-template-columns:1fr;}}