@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font:16px/1.85 var(--sans);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3{line-height:1.35;margin-top:0}h1,h2,.serif{font-family:var(--serif)}p{margin:.45rem 0 1rem}.container{width:min(var(--container),92%);margin-inline:auto}.section{padding:3.5rem 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.section-title{font-size:clamp(1.8rem,4vw,2.7rem);color:var(--gold);margin-bottom:.25rem}.muted{color:var(--muted)}.eyebrow{color:var(--gold);letter-spacing:.04em;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--gold);background:var(--gold);color:#17130c;padding:.7rem 1.2rem;border-radius:8px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-1px);filter:brightness(1.07)}.button.secondary{background:transparent;color:var(--cream);border-color:var(--line)}.button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}.button.small{padding:.35rem .7rem;font-size:.9rem}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:1.2rem}.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.notice{padding:.8rem 1rem;border:1px solid var(--line);background:var(--surface);border-radius:10px;color:var(--muted);margin:1rem 0}.notice.success{border-color:var(--success);color:var(--success)}.notice.error{border-color:var(--danger);color:var(--danger)}.form{display:grid;gap:1rem;max-width:760px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:grid;gap:.35rem}.field label{font-weight:600}.field input,.field select,.field textarea,input.control,select.control,textarea.control{width:100%;background:var(--black);color:var(--cream);border:1px solid var(--line);padding:.72rem .85rem;border-radius:8px;min-width:0}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--gold);outline-offset:1px}.field small{color:var(--muted)}.price{font-weight:700;color:var(--gold);font-size:1.2rem}.old-price{text-decoration:line-through;color:var(--muted);font-size:.9rem;margin-inline-start:.5rem}.badge{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:.12rem .55rem;font-size:.8rem;color:var(--muted)}.badge.gold{color:var(--gold);border-color:var(--gold)}.empty{padding:2.5rem 1rem;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:680px;background:var(--surface)}th,td{text-align:right;padding:.75rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--gold);background:var(--surface-2)}.actions{display:flex;gap:.45rem;flex-wrap:wrap}.divider{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.text-center{text-align:center}.hidden{display:none!important}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:1.4rem;align-items:start}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.stat strong{display:block;font:700 2rem var(--serif);color:var(--gold)}.whatsapp{position:fixed;z-index:30;inset-inline-end:20px;bottom:20px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#20b969;color:white;box-shadow:0 8px 25px #0006;font-size:1.65rem;border:2px solid #ffffff40}.whatsapp:hover{transform:translateY(-2px)}.toast{position:fixed;z-index:50;bottom:1rem;inset-inline-start:1rem;max-width:min(380px,90vw);background:var(--surface-2);border:1px solid var(--gold);border-radius:10px;padding:.8rem 1rem;box-shadow:var(--shadow)}.demo-label{display:inline-flex;align-items:center;gap:.4rem;background:#c4a46b1a;color:var(--gold);border:1px solid var(--line);padding:.2rem .65rem;border-radius:99px;font-size:.78rem;font-weight:700}.icon-btn{background:var(--surface);color:var(--cream);border:1px solid var(--line);border-radius:8px;padding:.45rem .65rem}.pagination{display:flex;gap:.5rem;flex-wrap:wrap}.admin-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.admin-sidebar{background:var(--surface);border-left:1px solid var(--line);padding:1.2rem;position:sticky;top:0;height:100vh;overflow:auto}.admin-sidebar nav{display:grid;gap:.35rem;margin-top:1.4rem}.admin-sidebar nav a{padding:.6rem .75rem;border-radius:8px;color:var(--muted)}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:var(--surface-2);color:var(--gold)}.admin-main{padding:clamp(1rem,3vw,2.5rem);min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.product-art{aspect-ratio:4/3;background:radial-gradient(ellipse at 50% 40%,#72562e,#262015 55%,var(--black));border-radius:10px;display:grid;place-items:center;color:#e7ce98;font:700 2.2rem var(--serif);border:1px solid var(--line)}@media(max-width:780px){.two-col{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.section{padding:2.5rem 0}.whatsapp{width:52px;height:52px;bottom:14px;inset-inline-end:14px}}