/* الثيمات: كل الألوان هنا فقط. أضف ثيماً جديداً بإضافة كتلة data-theme. */
:root,[data-theme="crystal-blue"]{--bg1:#030a1c;--bg2:#08183a;--p:#1e6bff;--p2:#3fb8ff;--glass:rgba(40,110,255,.07);--line:rgba(63,184,255,.35);--glow:rgba(30,107,255,.45);--tx:#eaf2ff;--mut:#8fb0e0}
[data-theme="aurora-violet"]{--bg1:#0b0420;--bg2:#1d0b45;--p:#8b3dff;--p2:#d85cff;--glass:rgba(150,80,255,.08);--line:rgba(216,92,255,.35);--glow:rgba(139,61,255,.45);--tx:#f5ecff;--mut:#b9a0e0}
[data-theme="emerald-glass"]{--bg1:#04120f;--bg2:#0a2a24;--p:#10b981;--p2:#2dd4bf;--glass:rgba(16,185,129,.07);--line:rgba(45,212,191,.35);--glow:rgba(16,185,129,.4);--tx:#e8fff8;--mut:#8fc9b8}
[data-theme="rose-quartz"]{--bg1:#1a0d14;--bg2:#2e1624;--p:#e8527f;--p2:#ff9bb8;--glass:rgba(255,140,170,.08);--line:rgba(255,155,184,.35);--glow:rgba(232,82,127,.4);--tx:#fff0f4;--mut:#d3a5b5}
[data-theme="midnight-gold"]{--bg1:#0c0c0f;--bg2:#1b1812;--p:#d4a537;--p2:#f3dc9b;--glass:rgba(212,165,55,.07);--line:rgba(243,220,155,.35);--glow:rgba(212,165,55,.35);--tx:#fbf6e8;--mut:#bfb08a}
*{box-sizing:border-box;margin:0}
body{font-family:"Segoe UI",Tahoma,"Noto Sans Arabic",sans-serif;color:var(--tx);background:radial-gradient(1200px 600px at 70% -10%,var(--bg2),var(--bg1));min-height:100vh;padding:16px;display:grid;gap:14px}
a{color:inherit;text-decoration:none}
.glass{background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px}
.glow{box-shadow:0 0 22px -6px var(--glow),inset 0 0 20px -12px var(--p2)}
.bar{display:flex;align-items:center;gap:16px;padding:12px 20px;flex-wrap:wrap}
.logo b{font-size:1.5rem;display:block}.logo small{color:var(--mut);font-size:.7rem}
.search{flex:1;min-width:220px;border-radius:999px;border:1px solid var(--p);padding:2px}
.search input{width:100%;background:transparent;border:0;color:var(--tx);padding:10px 16px;font:inherit}
.search input:focus-visible,.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--p2);outline-offset:2px}
.tools{display:flex;gap:12px;align-items:center;color:var(--mut)}.cart{position:relative;font-size:1.3rem}
.cart i{position:absolute;top:-8px;inset-inline-start:-8px;background:var(--p);color:#fff;border-radius:99px;font:700 .7rem sans-serif;padding:2px 6px}
.nav{display:flex;gap:6px;padding:8px;overflow-x:auto}.nav a{padding:8px 18px;border-radius:999px;white-space:nowrap;transition:.2s}
.nav a:hover,.nav a.on{background:var(--glass);box-shadow:0 0 14px var(--glow);border:1px solid var(--line)}
.wrap{display:grid;gap:14px}
.cats{padding:8px;align-self:start}.cats h3{padding:12px;border-bottom:1px solid var(--line)}
.cats a{display:flex;gap:10px;padding:11px 12px;border-radius:12px;transition:.2s}.cats a:hover{background:var(--glass);color:var(--p2)}
.hero{display:flex;align-items:center;min-height:280px;padding:40px;background-image:linear-gradient(120deg,var(--glass),transparent)}
.hero h1{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:8px}.hero p{color:var(--mut);margin-bottom:20px}
.btn{display:inline-block;border:0;cursor:pointer;color:#fff;background:linear-gradient(90deg,var(--p),var(--p2));padding:12px 28px;border-radius:999px;font:inherit;font-weight:700;box-shadow:0 0 18px -4px var(--glow);transition:.2s}
.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{width:100%;padding:9px}
.featured{grid-column:1/-1}.featured h2{margin:6px 0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.card{padding:14px;display:flex;flex-direction:column;gap:6px;position:relative;transition:transform .25s,box-shadow .25s}
.card:hover{box-shadow:0 18px 40px -14px var(--glow),0 0 22px -4px var(--line)}
.tag{position:absolute;top:10px;inset-inline-end:10px;background:var(--p);font-size:.7rem;padding:2px 10px;border-radius:99px}
.img{height:150px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:rgba(255,255,255,.03);color:var(--mut)}
.img img{max-height:100%;transition:transform .4s}.card:hover .img img{transform:scale(1.06)}
.card small{color:var(--p2)}.card strong{font-size:1.05rem}.empty{color:var(--mut);padding:30px;text-align:center}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* الصفحة الرئيسية: تخطيط الصورة المرجعية */
.wrap{grid-template-columns:260px 1fr 280px;grid-template-areas:"cats hero side" "cats perks side" "prod prod prod"}
.cats{grid-area:cats}.hero{grid-area:hero;justify-content:space-between;gap:20px}.perks{grid-area:perks}.side{grid-area:side}.featured{grid-area:prod}
.cats a.on{color:var(--p2);background:var(--glass)}
.heroP{display:grid;gap:8px;text-align:center;color:var(--mut)}.heroP img{max-height:220px}.heroP strong{color:var(--tx);font-size:1.3rem}
.perks{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;text-align:center}.perks div{display:grid;gap:4px;justify-items:center}.perks small{color:var(--p2)}
.orb{display:grid;place-items:center;width:110px;height:110px;margin:auto;border-radius:50%;border:2px solid var(--line);box-shadow:0 0 30px -6px var(--glow);overflow:hidden}
.orb img{max-width:80%}.orb.sm{width:60px;height:60px;font-size:1.5rem}
.side{display:grid;gap:14px;align-content:start}.promo{padding:18px;display:grid;gap:10px;text-align:center}.promo p{color:var(--mut);font-size:.9rem}
.clear{color:var(--p2)}.brands{display:flex;gap:24px;flex-wrap:wrap;margin-inline-start:auto;color:var(--mut)}
@media(max-width:1100px){.wrap{grid-template-columns:260px 1fr;grid-template-areas:"cats hero" "cats perks" "side side" "prod prod"}.side{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.wrap{grid-template-columns:1fr;grid-template-areas:"hero" "cats" "perks" "side" "prod"}.perks{grid-template-columns:repeat(2,1fr)}.hero{flex-direction:column;padding:24px}.side{grid-template-columns:1fr}}
#latest{grid-area:auto;grid-column:1/-1}
/* صفحات السلة والدفع والتتبع */
.page{width:min(1000px,100%);margin:0 auto;display:grid;gap:14px;align-content:start}.panel{padding:20px}
.row{display:grid;grid-template-columns:1fr auto auto auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.inl{display:flex;gap:8px}.qty,.fm input,.fm select{background:transparent;border:1px solid var(--line);border-radius:12px;color:var(--tx);padding:9px 12px;font:inherit}
.fm select option{background:var(--bg1)}.qty{width:72px}.fm{display:grid;gap:12px}.fm label{display:grid;gap:4px;color:var(--mut)}
.two{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.sum{display:grid;gap:8px;justify-items:start;padding-top:14px}.tot{font-size:1.2rem;color:var(--p2)}
.lnk{background:none;border:0;color:#ff9aa8;cursor:pointer;font:inherit}.flash{padding:12px 16px;border:1px solid #ff5d73;border-radius:12px;color:#ffb3bd}.ok{color:var(--p2)}
@media(max-width:760px){.two{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr}}
/* لوحة التحكم */
.adm{display:grid;grid-template-columns:230px 1fr;gap:14px;align-items:start}.adm .cats{position:sticky;top:12px}.adm .cats form{margin:0}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.kpis b{display:block;font-size:1.5rem;margin-top:6px}.kpis small{color:var(--mut)}
.bars{display:flex;gap:10px;align-items:flex-end;height:180px}.bars div{flex:1;display:grid;grid-template-rows:1fr auto auto;height:100%;text-align:center;gap:4px}
.bars i{align-self:end;background:linear-gradient(var(--p2),var(--p));border-radius:8px 8px 0 0;min-height:2px}.bars small{color:var(--mut);font-size:.7rem}
.th{display:grid;gap:10px}@media(max-width:820px){.adm{grid-template-columns:1fr}.adm .cats{position:static}}
.visit{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:center}.visit iframe{width:100%;height:280px;border:0;border-radius:14px}.mut{color:var(--mut)}@media(max-width:760px){.visit{grid-template-columns:1fr}}

/* admin: التنسيقات الأحدث في ui.css */