@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');:root{--bg:#09060d;--panel:#120b17;--panel2:#1a1020;--gold:#d7b65a;--gold2:#f1d98b;--rose:#9b356f;--pink:#c85b9b;--text:#fffafc;--muted:#b9acbc;--line:#342238}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#32182f 0,#0b0710 32%,#08050b 75%);color:var(--text);font-family:Cairo,Arial,sans-serif}.agebar{text-align:center;background:#050308;color:var(--gold2);padding:8px;font-size:12px;letter-spacing:.2px}.header{position:sticky;top:0;z-index:20;background:#09060de8;border-bottom:1px solid #2c1d31;backdrop-filter:blur(18px)}.nav{max-width:1250px;margin:auto;min-height:76px;padding:0 28px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;color:var(--gold2);text-decoration:none;font-weight:800;font-size:25px}.brand img{width:48px;height:48px;object-fit:contain;border-radius:12px}.links{display:flex;gap:28px}.links a{color:#e7dfe9;text-decoration:none;font-size:14px}.links a:hover{color:var(--gold2)}.cartbtn{margin-right:auto;border:1px solid #59425b;background:#19101e;color:#fff;border-radius:999px;padding:11px 18px;font-family:inherit;cursor:pointer}.cartbtn b{background:var(--gold);color:#08050a;border-radius:50%;padding:2px 7px;margin-right:6px}.hero{max-width:1250px;margin:auto;min-height:610px;padding:70px 28px 55px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow,.section-title small,.banner small{color:var(--gold);letter-spacing:2px;font-size:11px;font-weight:700}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(46px,6vw,78px);line-height:1.15;margin:18px 0}.hero h1 span{color:var(--gold2)}.hero p{max-width:650px;color:var(--muted);font-size:17px;line-height:2;margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:13px 24px;text-decoration:none;font-weight:800;font-family:inherit;cursor:pointer}.primary{background:linear-gradient(135deg,var(--gold2),#b68a2b);color:#120b10;border:0}.ghost{border:1px solid #60475e;color:#fff;background:#160d1a}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#cfc1d0;font-size:12px;margin-top:25px}.hero-art{height:510px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art .glow{position:absolute;width:370px;height:370px;border-radius:50%;background:#b63c8b55;filter:blur(65px)}.hero-art img{position:relative;width:min(100%,560px);height:100%;object-fit:contain;filter:drop-shadow(0 25px 40px #000)}.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d0811;display:grid;grid-template-columns:repeat(3,1fr)}.benefits div{padding:24px 6%;border-left:1px solid var(--line)}.benefits div:last-child{border-left:0}.benefits strong,.benefits span{display:block}.benefits strong{color:var(--gold2);font-size:15px}.benefits span{color:var(--muted);font-size:12px;margin-top:5px}.section{max-width:1250px;margin:auto;padding:65px 28px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-title h2{font-size:32px;margin:7px 0 0}.section-title>span{color:var(--muted);font-size:13px}.cats{display:flex;gap:10px;flex-wrap:wrap}.cats button{background:#140c18;color:#ddd;border:1px solid #3d2b42;border-radius:999px;padding:10px 20px;font-family:inherit;cursor:pointer}.cats button.active,.cats button:hover{background:var(--gold);border-color:var(--gold);color:#10090e}.products-section{padding-top:15px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:linear-gradient(180deg,#1a1020,#0f0914);border:1px solid #302038;border-radius:18px;overflow:hidden;transition:.25s;box-shadow:0 12px 30px #0004}.card:hover{transform:translateY(-4px);border-color:#62465d}.pic{height:235px;background:radial-gradient(circle at 50% 35%,#3b2140,#100914);display:flex;align-items:center;justify-content:center;padding:15px}.pic img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 18px #0008)}.info{padding:17px}.info h3{font-size:15px;line-height:1.7;margin:0 0 5px}.meta{color:#a99aaa;font-size:11px}.price{color:var(--gold2);font-size:19px;font-weight:800;margin:12px 0}.add{width:100%;background:#231329;border:1px solid #5b3e55;color:#fff;border-radius:10px;padding:10px;font-family:inherit;cursor:pointer}.add:hover{background:var(--rose)}.banner{max-width:1194px;margin:20px auto 70px;min-height:260px;border:1px solid #4a3047;border-radius:26px;overflow:hidden;padding:45px 7%;display:flex;align-items:center;background:linear-gradient(90deg,#100913dd,#10091366),url('assets/╪¬╪┤┘â┘è┘ä╪⌐ ┘à┘å╪¬╪¼╪º╪¬ ┘ç┘à╪│╪º╪¬ ╪º┘ä┘ü╪º╪«╪▒╪⌐.png') center/cover}.banner h2{font-family:'Playfair Display',serif;font-size:38px;margin:8px 0}.banner p{color:var(--muted);margin:0 0 20px}footer{border-top:1px solid var(--line);padding:35px 6%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#8f8291;font-size:12px}footer strong{display:block;color:var(--gold2);font-size:20px}footer span{display:block;margin-top:4px}.drawer{position:fixed;inset:0;background:#000b;display:none;z-index:50}.drawer.open{display:block}.drawer-card{background:#100912;border-left:1px solid #39283b;width:min(520px,94%);height:100%;margin-right:auto;padding:28px;overflow:auto;box-shadow:-20px 0 50px #0008}.close{float:left;background:none;border:0;color:#fff;font-size:32px;cursor:pointer}.drawer-head small{color:var(--gold);letter-spacing:2px}.drawer-head h2{margin:5px 0 20px}.line{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.line button{background:#322033;color:#fff;border:0;border-radius:8px;padding:4px 8px}.total{display:flex;justify-content:space-between;padding:22px 0;font-size:20px}.total strong{color:var(--gold2)}form{display:grid;gap:10px}input,textarea,select{width:100%;background:#09060d;border:1px solid #3a293e;color:#fff;border-radius:10px;padding:13px;font-family:inherit}textarea{min-height:90px}.note{color:#8f8291;font-size:11px;text-align:center}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{height:340px;order:-1}.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.nav{padding:0 14px}.links{display:none}.brand{font-size:21px}.brand img{width:42px;height:42px}.hero{min-height:0;padding:42px 18px 35px}.hero-art{height:250px}.hero h1{font-size:45px}.hero p{font-size:14px}.benefits{grid-template-columns:1fr}.benefits div{border-left:0;border-bottom:1px solid var(--line);padding:18px 6%}.section{padding:45px 16px}.section-title h2{font-size:25px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.pic{height:165px;padding:9px}.info{padding:11px}.info h3{font-size:13px}.price{font-size:16px}.banner{margin:10px 16px 45px;padding:30px 22px}.banner h2{font-size:30px}.trust{gap:9px;font-size:10px}footer{padding:28px 18px}.drawer-card{padding:20px}}
