@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
:root{--gold:#d6ad52;--cyan:#19d3e6;--bg:#080a0d;--panel:#11151b;--panel2:#171c23;--text:#f8f7f2;--muted:#9ca4af;--line:#252b34;--danger:#ff5964}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Tajawal,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.cta{border:0;border-radius:12px;padding:12px 22px;background:linear-gradient(135deg,var(--gold),#f5d98f);color:#17130a;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:10px;background:#0d1116;color:#fff;padding:12px 14px;outline:0}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d6ad5220}.announce{text-align:center;background:var(--cyan);color:#041014;font-weight:800;padding:7px 16px;font-size:13px}.header{height:88px;display:grid;grid-template-columns:180px 1fr minmax(220px,320px) auto;align-items:center;gap:25px;padding:0 max(4vw,24px);background:#090b0ee8;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.logo img{width:165px;height:68px;object-fit:contain}.header nav{display:flex;align-items:center;gap:22px}.header nav a{font-size:14px;color:#cdd1d6;white-space:nowrap}.header nav a:hover{color:var(--gold)}.search{display:flex}.search input{border-radius:0 10px 10px 0}.search button{border-radius:10px 0 0 10px;padding:10px 15px}.head-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.cart-link{border:1px solid var(--line);padding:8px 12px;border-radius:12px}.cart-link b{background:var(--gold);color:#000;border-radius:50%;padding:1px 7px;margin-right:5px}.menu-btn{display:none;background:#171b21;color:#fff;padding:8px 12px}.flash{position:fixed;top:105px;left:50%;transform:translateX(-50%);z-index:50;background:#153d2d;border:1px solid #2dcf87;padding:12px 25px;border-radius:12px;box-shadow:0 18px 50px #0008}.flash.error{background:#461a20;border-color:var(--danger)}.hero{min-height:630px;position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;padding:70px max(7vw,40px);overflow:hidden;background:radial-gradient(circle at 72% 40%,#0c657735 0,transparent 32%),linear-gradient(115deg,#050607 10%,#0c1015 56%,#050607)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to left,#000,transparent)}.hero-glow{position:absolute;width:420px;height:420px;border:1px solid #d6ad5240;border-radius:50%;left:12%;top:10%;box-shadow:0 0 150px #d6ad5218,inset 0 0 90px #19d3e610}.hero-copy,.hero-mark{position:relative;z-index:2}.hero-copy>span,.eyebrow,.section-head span,.page-hero span,.static-page>span{color:var(--cyan);letter-spacing:3px;font-weight:700;font-size:12px}.hero h1{font-size:clamp(42px,6vw,82px);line-height:1.05;margin:16px 0 22px;max-width:850px}.hero p{color:#c4c9cf;font-size:20px;max-width:700px}.hero .cta{font-size:18px;margin-top:18px;min-width:170px}.hero-mark{display:grid;place-items:center}.hero-mark img{width:min(560px,100%);filter:drop-shadow(0 25px 55px #000) drop-shadow(0 0 45px #19d3e624)}.trust{display:flex;gap:25px;margin-top:30px;color:#aeb5bd;font-size:13px}.category-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:min(1180px,92%);margin:-42px auto 70px;position:relative;z-index:4}.category-strip a{background:linear-gradient(145deg,#171c22,#0e1217);border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;grid-template-columns:auto 1fr;gap:2px 14px;box-shadow:0 18px 45px #0007}.category-strip i{grid-row:1/3;width:54px;height:54px;border-radius:16px;background:#d6ad5214;border:1px solid #d6ad5245;display:grid;place-items:center;color:var(--gold);font-size:26px}.category-strip b{font-size:18px}.category-strip span{color:var(--muted);font-size:13px}.section{width:min(1220px,92%);margin:70px auto}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head h2{font-size:36px;margin:5px 0}.section-head>a{color:var(--gold)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);transition:.25s}.product-card:hover{transform:translateY(-5px);border-color:#d6ad5260;box-shadow:0 20px 50px #0008}.product-img{height:250px;display:block;position:relative;background:radial-gradient(circle,#1d2730,#0d1116);overflow:hidden}.product-img img{width:100%;height:100%;object-fit:contain;padding:28px;transition:.25s}.product-card:hover .product-img img{transform:scale(1.04)}.product-img span{position:absolute;top:14px;right:14px;background:var(--cyan);color:#041014;border-radius:8px;padding:4px 10px;font-weight:800}.product-card>div{padding:18px}.product-card small{color:var(--cyan)}.product-card h3{font-size:18px;margin:5px 0}.product-card p{color:var(--muted);font-size:13px;min-height:48px}.price{display:flex;align-items:center;gap:10px;margin:12px 0}.price strong{font-size:21px;color:var(--gold)}.price del{color:#777}.product-card form button{width:100%}.benefits{width:min(1220px,92%);margin:80px auto;display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.benefits div{padding:28px;text-align:center;border-left:1px solid var(--line)}.benefits div:last-child{border:0}.benefits b{display:block;font-size:18px;color:var(--gold)}.benefits span{color:var(--muted);font-size:13px}.faq details{border-bottom:1px solid var(--line);padding:18px 4px}.faq summary{cursor:pointer;font-size:18px;font-weight:700}.faq details p{color:var(--muted)}.page-hero{text-align:center;padding:75px 20px;background:linear-gradient(180deg,#121820,#080a0d)}.page-hero h1{font-size:52px;margin:8px}.page-hero p{color:var(--muted)}.shop-layout{width:min(1260px,94%);margin:50px auto 90px;display:grid;grid-template-columns:220px 1fr;gap:30px}.shop-layout aside{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:20px;height:max-content;position:sticky;top:110px}.shop-layout aside h3{color:var(--gold)}.shop-layout aside a{display:block;padding:9px 0;border-bottom:1px solid #ffffff0a;color:#c8cdd2}.product-view{width:min(1150px,92%);margin:70px auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.product-large{height:560px;background:radial-gradient(circle,#1d2730,#0d1116);border:1px solid var(--line);border-radius:24px;display:grid;place-items:center}.product-large img{width:90%;height:90%;object-fit:contain}.product-view h1{font-size:45px;line-height:1.2}.lead{font-size:20px;color:#c9ced3}.price.big strong{font-size:34px}.stock{color:var(--cyan)}.buy{display:flex;gap:12px;margin-top:25px}.buy input{width:85px}.content-wrap{width:min(1120px,92%);margin:60px auto 100px}.narrow{max-width:760px}.cart-layout{display:grid;grid-template-columns:1fr 330px;gap:30px}.cart-table,.summary,.checkout-form,.auth-card,.account>aside,.order-card,.static-page{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.cart-row{display:grid;grid-template-columns:80px 1fr 80px 120px;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:14px 0}.cart-row img{width:75px;height:75px;object-fit:contain;background:#0a0d11;border-radius:10px}.cart-row small{display:block;color:var(--muted)}.summary{height:max-content}.summary p{display:flex;justify-content:space-between;font-size:18px}.summary form{display:flex;margin:20px 0}.summary form input{border-radius:0 10px 10px 0}.summary form button{border-radius:10px 0 0 10px}.summary .cta{width:100%}.checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checkout-form label{display:grid;gap:7px}.checkout-form .full{grid-column:1/-1}.payment{padding:18px;background:#0c1116;border-radius:12px}.payment span{display:block;color:var(--muted)}.auth-card{width:min(470px,92%);margin:70px auto;text-align:center}.auth-card img{width:230px;height:120px;object-fit:contain}.auth-card form{display:grid;gap:15px;text-align:right;margin:20px 0}.auth-card form button{width:100%}.account{width:min(1150px,92%);margin:60px auto;display:grid;grid-template-columns:270px 1fr;gap:30px}.account>aside{height:max-content}.account>aside a,.account>aside button{width:100%;margin:6px 0}.order-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;margin-bottom:12px}.order-card span{display:block;color:var(--muted);font-size:12px}.order-card em{font-style:normal;color:var(--cyan)}.success,.empty{text-align:center;padding:100px 20px}.success i{width:90px;height:90px;display:grid;place-items:center;border-radius:50%;background:#1d714b;color:white;font-size:50px;margin:auto}.static-page{width:min(900px,92%);margin:70px auto;min-height:400px}.static-page h1{font-size:45px}.static-page>div{font-size:18px;color:#d1d5da}.faq{max-width:900px}footer{padding:60px max(5vw,30px) 24px;background:#050607;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px}footer img{width:240px;height:100px;object-fit:contain}footer p{color:var(--muted);max-width:480px}footer h3{color:var(--gold)}footer a{display:block;color:#aeb5bd;margin:7px 0}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;text-align:center;color:#777}
@media(max-width:1050px){.header{grid-template-columns:160px 1fr auto}.header .search{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr 420px}.hero h1{font-size:55px}}
@media(max-width:780px){.announce{font-size:11px}.header{height:72px;padding:0 14px;grid-template-columns:125px 1fr auto;gap:10px}.logo img{width:120px;height:58px}.header nav{display:none;position:absolute;top:72px;inset-inline:0;background:#0b0e12;flex-direction:column;align-items:stretch;padding:20px;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.head-actions>a:first-child{display:none}.menu-btn{display:block}.hero{min-height:680px;display:block;padding:65px 22px;text-align:center}.hero h1{font-size:45px}.hero p{font-size:16px}.hero-mark{margin-top:30px}.hero-mark img{width:320px}.trust{justify-content:center;flex-wrap:wrap;gap:10px}.category-strip{grid-template-columns:1fr;margin-top:-30px}.section-head h2{font-size:28px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-img{height:180px}.product-card>div{padding:13px}.product-card p{display:none}.benefits{grid-template-columns:1fr 1fr}.benefits div:nth-child(2){border:0}.shop-layout{grid-template-columns:1fr}.shop-layout aside{position:static;display:flex;overflow:auto;gap:15px}.shop-layout aside h3{display:none}.shop-layout aside a{white-space:nowrap}.product-view{grid-template-columns:1fr;gap:25px}.product-large{height:380px}.product-view h1{font-size:34px}.cart-layout{grid-template-columns:1fr}.cart-row{grid-template-columns:65px 1fr 65px}.cart-row>strong{grid-column:2/4}.checkout-form{grid-template-columns:1fr}.checkout-form .full{grid-column:auto}.account{grid-template-columns:1fr}.order-card{grid-template-columns:1fr auto;gap:8px}.order-card em{grid-column:1/-1}footer{grid-template-columns:1fr 1fr;gap:25px}footer>div:first-child{grid-column:1/-1}.section{margin:45px auto}.section-head{align-items:center}.section-head>a{font-size:12px}}
@media(max-width:440px){.product-grid{grid-template-columns:1fr 1fr}.product-img{height:150px}.product-card h3{font-size:15px}.price strong{font-size:17px}.product-card form button{padding:10px 4px;font-size:12px}.hero h1{font-size:38px}.category-strip{width:92%}.benefits{grid-template-columns:1fr}.benefits div{border-left:0;border-bottom:1px solid var(--line)}.cart-row{grid-template-columns:55px 1fr 60px}.cart-row img{width:52px;height:52px}}