@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');
:root{--bg:#f4f6f8;--ink:#17202a;--dark:#111827;--brand:#ffb000;--blue:#1769e0;--card:#fff;--line:#e4e8ee;--muted:#667085}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Cairo,Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.top{background:#0d1117;color:#ccd3de;text-align:center;padding:7px;font-size:12px}.nav{min-height:78px;background:var(--dark);color:#fff;display:flex;align-items:center;gap:28px;padding:14px max(4%,calc((100% - 1280px)/2))}.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;white-space:nowrap}.logo:first-letter,.orb{color:var(--brand)}.search{display:flex;flex:1;max-width:700px}.search input{width:100%;border:0;padding:13px 16px;border-radius:8px 0 0 8px}.search button{border:0;background:var(--brand);padding:0 22px;border-radius:0 8px 8px 0;font-weight:800}.nav nav{display:flex;gap:18px}.nav nav span,.admin aside span{background:#e43d30;color:#fff;border-radius:50px;padding:1px 7px;font-size:11px}.cats{display:flex;gap:25px;padding:11px max(4%,calc((100% - 1280px)/2));background:#202b3c;color:#fff;overflow:auto;white-space:nowrap}.cats a:hover{color:var(--brand)}main{width:min(1280px,92%);margin:28px auto;min-height:60vh}.hero{min-height:390px;border-radius:22px;padding:60px;background:linear-gradient(120deg,#121a29 35%,#263d60);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:0 20px 45px #15223822}.hero h1{font-size:48px;line-height:1.2;margin:12px 0}.hero p{color:#c9d3df;font-size:18px}.hero small{color:var(--brand);font-weight:800}.orb{width:310px;height:310px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd57a,#ffab00 40%,#f26a00 80%);display:grid;place-items:center;color:#101827;font-size:140px;font-weight:900;box-shadow:0 0 80px #ffb00044}.btn{display:inline-block;border:0;border-radius:9px;background:var(--brand);color:#14181e;padding:12px 23px;font-weight:800;cursor:pointer}.section-title{display:flex;align-items:center;justify-content:space-between;margin:38px 0 18px}.section-title h1,.section-title h2{margin:0}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.category{background:#fff;border:1px solid var(--line);padding:18px;text-align:center;border-radius:14px}.category div{margin:auto auto 10px;width:58px;height:58px;background:#f1f5fb;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:800;color:var(--blue)}.banner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:35px 0}.banner-grid a{min-height:140px;border-radius:16px;background:linear-gradient(135deg,#1769e0,#0c3d91);color:#fff;padding:26px;display:flex;flex-direction:column;justify-content:center}.banner-grid a:nth-child(2){background:linear-gradient(135deg,#ed7b18,#a94006)}.banner-grid a:nth-child(3){background:linear-gradient(135deg,#0d9469,#07583f)}.banner-grid b{font-size:22px}.banner-grid span{opacity:.82}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;transition:.2s}.product:hover{transform:translateY(-4px);box-shadow:0 14px 30px #17202a14}.product-img{height:210px;border-radius:10px;background:linear-gradient(145deg,#eef2f6,#d9e0e8);display:grid;place-items:center;position:relative;overflow:hidden}.product-img img,.product-image img{width:100%;height:100%;object-fit:cover}.product-img span{font-size:70px;font-weight:900;color:#aeb9c7}.product-img em{position:absolute;top:10px;right:10px;background:#e63e32;color:#fff;border-radius:7px;padding:4px 9px;font-style:normal;font-size:12px}.product h3{font-size:16px;min-height:48px}.price{color:#c2410c;font-size:19px;font-weight:800}.price del{color:#8a94a2;font-size:13px;font-weight:400}.product button{width:100%;border:0;border-radius:8px;background:#ffd814;padding:10px;margin-top:12px;cursor:pointer;font-weight:700}.product button:disabled{background:#ddd}.product-view{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:#fff;padding:35px;border-radius:18px}.product-image{height:480px;background:#edf1f5;border-radius:15px;display:grid;place-items:center;font-size:150px;font-weight:900;color:#aeb9c7;overflow:hidden}.product-view h1{font-size:35px}.stock{color:#067647;font-weight:700;margin:20px 0}.qty{width:75px;padding:10px;border:1px solid var(--line);border-radius:8px}.alert{padding:13px 18px;border-radius:9px;margin-bottom:20px}.ok{background:#dcfce7;color:#166534}.error{background:#fee2e2;color:#991b1b}.empty,.success{text-align:center;background:#fff;border-radius:16px;padding:70px 20px}.success>div{font-size:50px;color:#079455}.cart,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.cart-row{display:grid;grid-template-columns:70px 1fr 90px 120px;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.thumb{width:60px;height:60px;background:#e8edf2;border-radius:8px;display:grid;place-items:center;font-weight:900}.cart-row small{display:block;color:var(--muted)}.summary{margin:20px 0 0 auto;background:#fff;padding:22px;border-radius:14px;width:min(420px,100%);display:grid;gap:14px}.summary span{display:flex;justify-content:space-between}.summary .total{font-size:20px;border-top:1px solid var(--line);padding-top:15px}.outline{background:#fff;border:1px solid #abb3bf;border-radius:8px;padding:9px}.auth-grid,.checkout,.admin-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel h1,.panel h2{margin-top:0}.panel label{display:block;margin:13px 0;color:#475467;font-weight:600}.panel input:not([type=checkbox]),.panel select,.panel textarea,.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;border:1px solid #ccd2da;border-radius:8px;padding:10px;margin-top:5px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.wide{grid-column:1/-1}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.pay{padding:12px;background:#f7f8fa;border-radius:8px}.sticky{position:sticky;top:20px;height:max-content;margin:0;width:100%}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:13px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted)}.status{background:#eef4ff;color:#175cd3;border-radius:20px;padding:4px 10px;font-size:12px}footer{background:#111827;color:#fff;padding:45px max(4%,calc((100% - 1280px)/2));margin-top:50px}footer p,footer small{color:#98a2b3}.admin-login{display:grid;place-items:center;min-height:100vh;background:#111827}.admin-login .panel{width:min(430px,92%)}.admin{padding-right:245px}.admin>aside{position:fixed;right:0;top:0;bottom:0;width:245px;background:#111827;color:#d9e1ec;padding:25px 15px;display:flex;flex-direction:column;gap:5px}.admin>aside a{padding:11px 14px;border-radius:8px}.admin>aside a:hover{background:#243044;color:#fff}.admin>aside .logo{margin-bottom:25px}.admin>main{width:min(1200px,94%)}.admin-head{display:flex;justify-content:space-between;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.stats div{background:#fff;border:1px solid var(--line);padding:22px;border-radius:13px}.stats small{display:block;color:var(--muted)}.stats b{font-size:28px}.inline{display:inline}.link{border:0;background:none;color:var(--blue);cursor:pointer}.danger{color:#d92d20}.table-wrap{overflow:auto}.admin-cols{align-items:start}
@media(max-width:850px){.nav{flex-wrap:wrap;gap:12px}.logo{font-size:18px}.search{order:3;min-width:100%}.nav nav{margin-right:auto}.hero{padding:35px 25px;min-height:330px}.hero h1{font-size:34px}.orb{width:150px;height:150px;font-size:70px}.category-grid{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}.banner-grid{grid-template-columns:1fr}.product-view,.auth-grid,.checkout,.admin-cols{grid-template-columns:1fr}.product-image{height:320px}.admin{padding:0;padding-bottom:70px}.admin>aside{top:auto;left:0;width:100%;height:62px;z-index:9;flex-direction:row;overflow:auto;padding:8px}.admin>aside .logo,.admin>aside a:nth-last-child(-n+3){display:none}.stats{grid-template-columns:1fr 1fr}.cart-row{grid-template-columns:55px 1fr 70px}.cart-row strong{grid-column:2/-1}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}@media(max-width:500px){.hero{min-height:300px}.orb{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:1fr 1fr;gap:8px}.product{padding:8px}.product-img{height:150px}.product h3{font-size:13px}.stats{grid-template-columns:1fr}.admin-head h1{font-size:20px}}