:root{--ink:#f8eee6;--muted:#bea99e;--bg:#12070a;--panel:#1c0d12;--gold:#cf9d55;--line:#442630}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Kufi Arabic',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}.announcement{text-align:center;padding:10px;background:#d3a25d;color:#17080c;font-size:.78rem}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#12070ae8;backdrop-filter:blur(16px);z-index:5}.brand{display:flex;flex-direction:column;line-height:1.2}.brand b{font-family:'Playfair Display','Noto Kufi Arabic';font-size:1.65rem}.brand span{font-size:.58rem;letter-spacing:.28em;color:var(--gold)}nav{display:flex;gap:30px;font-size:.88rem}.bag,.filters button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 16px;cursor:pointer}.hero{min-height:calc(100vh - 120px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:7vw;padding:7vw}.hero h1,.section-title h2,.experience h2,.help h2{font-family:'Playfair Display','Noto Kufi Arabic';font-size:clamp(2.8rem,6vw,6rem);font-weight:500;line-height:1.15;margin:.2em 0}.hero h1 em{color:var(--gold);font-style:normal}.hero-copy>p:not(.eyebrow){color:var(--muted);max-width:570px;line-height:2}.eyebrow{color:var(--gold);font-size:.75rem;letter-spacing:.15em}.cta{display:inline-block;margin-top:22px;background:var(--gold);color:#1a090d;padding:15px 28px}.hero figure{margin:0;position:relative;height:68vh;overflow:hidden;background:var(--panel)}.hero img{width:100%;height:100%;object-fit:cover}.hero figcaption{position:absolute;bottom:20px;left:22px;font-size:.7rem;letter-spacing:.22em}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.trust span{background:var(--bg);padding:24px;text-align:center}.collection{padding:9vw 5vw}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-title h2{font-size:clamp(2.7rem,5vw,4.8rem)}.filters{display:flex;gap:8px}.filters button.active{background:var(--gold);color:#17080c}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.product{background:var(--panel);border:1px solid var(--line);cursor:pointer}.product img{width:100%;aspect-ratio:4/5;object-fit:cover}.product-info{padding:20px}.product-info small{color:var(--gold)}.product-info h3{margin:.3em 0;font-size:1.15rem}.product-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}.experience{padding:8vw 5vw;background:linear-gradient(135deg,#250c14,#12070a)}.experience h2{font-size:clamp(2.5rem,5vw,5rem)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{padding:28px;border-top:1px solid var(--gold);background:#ffffff06}.steps b,.merchant{color:var(--gold)}.steps p,.detail-copy p{color:var(--muted);line-height:1.8}.help{text-align:center;padding:10vw 5vw}.light{background:transparent;color:var(--gold);border:1px solid var(--gold)}footer{display:flex;justify-content:space-between;align-items:center;padding:40px 5vw;border-top:1px solid var(--line);color:var(--muted)}dialog{max-width:900px;width:92%;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:24px}dialog::backdrop{background:#090306dd}.close{float:left;border:0;background:none;color:white;font-size:2rem;cursor:pointer}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gallery img{width:100%;aspect-ratio:4/5;object-fit:cover}.detail-copy{padding:25px}.add{width:100%;padding:15px;background:var(--gold);border:0;cursor:pointer}.cart-line{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.toast{position:fixed;bottom:20px;right:20px;background:var(--gold);color:#17080c;padding:12px 20px;opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:800px){header nav{display:none}.hero{grid-template-columns:1fr;padding:40px 20px}.hero figure{height:55vh}.trust,.steps,.product-grid{grid-template-columns:1fr}.section-title{align-items:start;flex-direction:column}.filters{overflow:auto;width:100%}.detail-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(3,1fr)}footer{align-items:start;gap:25px;flex-direction:column}}
