/* ============================================================
   Prince Store — Royal Blue Design System (RTL / Arabic-first)
   ============================================================ */

:root {
  --primary: #0B4DFF;
  --primary-dark: #081A3A;
  --primary-light: #19A7FF;
  --background: #050B2E;
  --surface: #0B153D;
  --surface-light: #13245A;
  --text: #FFFFFF;
  --text-secondary: #D9E2F2;
  --border: rgba(11, 77, 255, 0.35);
  --primary-rgb: 11, 77, 255;
  --primary-dark-rgb: 8, 26, 58;
  --primary-light-rgb: 25, 167, 255;
  --background-rgb: 5, 11, 46;
  --surface-rgb: 11, 21, 61;
  --surface-light-rgb: 19, 36, 90;
  --text-rgb: 255, 255, 255;
  --text-secondary-rgb: 217, 226, 242;
  --royal-gradient: linear-gradient(135deg, var(--primary-dark), var(--primary));
  --royal-gradient-bright: linear-gradient(135deg, var(--primary), var(--primary-light));
  --royal-surface-gradient: linear-gradient(145deg, rgba(var(--surface-light-rgb), .92), rgba(var(--surface-rgb), .97));
  --royal-shadow: 0 18px 44px rgba(0, 8, 36, .36);
  --royal-glow: 0 0 0 1px rgba(var(--primary-rgb), .28), 0 18px 42px rgba(var(--primary-rgb), .18);
  --ink: var(--text);
  --ink-soft: var(--text-secondary);
  --brand-1: var(--primary);
  --brand-2: var(--primary-light);
  --brand-3: #6BD3FF;
  --radius-lg: 1.6rem;
  --radius-xl: 1.9rem;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  color: var(--text);
  min-height: 100vh;
  font-family: "Rubik", "Segoe UI", sans-serif;
  background-color: var(--background);
  background-image:
    radial-gradient(55rem 38rem at 88% -12%, rgba(var(--primary-rgb), .34), transparent 60%),
    radial-gradient(48rem 34rem at -12% 18%, rgba(var(--primary-light-rgb), .20), transparent 62%),
    radial-gradient(42rem 32rem at 55% 115%, rgba(var(--surface-light-rgb), .38), transparent 62%),
    linear-gradient(158deg, var(--background) 0%, var(--primary-dark) 48%, #06164f 100%);
  background-attachment: fixed;
}

.font-display { font-family: "Changa", "Rubik", sans-serif; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; }

/* ------------------------------- glass ------------------------------- */
.glass {
  background: var(--royal-surface-gradient);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  backdrop-filter: blur(22px) saturate(160%);
  border: 1px solid var(--border);
  box-shadow: var(--royal-shadow), inset 0 1px 0 rgba(var(--text-rgb), .08);
  border-radius: var(--radius-lg);
}
.glass-soft {
  background: linear-gradient(145deg, rgba(var(--surface-light-rgb), .68), rgba(var(--surface-rgb), .76));
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(var(--primary-rgb), .24);
  box-shadow: 0 10px 28px rgba(var(--background-rgb), .26);
  border-radius: var(--radius-lg);
}
.glass-deep {
  background: linear-gradient(145deg, rgba(var(--surface-light-rgb), .96), rgba(var(--surface-rgb), .98));
  -webkit-backdrop-filter: blur(26px) saturate(170%);
  backdrop-filter: blur(26px) saturate(170%);
  border: 1px solid rgba(var(--primary-light-rgb), .26);
  box-shadow: 0 22px 56px rgba(var(--background-rgb), .42), inset 0 1px 0 rgba(var(--text-rgb), .08);
  border-radius: var(--radius-xl);
}
.glass-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
  background: linear-gradient(135deg, rgba(var(--surface-light-rgb), .86), rgba(var(--surface-rgb), .9));
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(var(--primary-rgb), .30);
  box-shadow: 0 8px 20px rgba(var(--background-rgb), .24), inset 0 1px 0 rgba(var(--text-rgb), .08);
  border-radius: 1rem;
  color: var(--text);
  cursor: pointer;
  font-family: inherit;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.glass-btn:hover { transform: translateY(-1px); border-color: rgba(var(--primary-light-rgb), .48); box-shadow: 0 12px 30px rgba(var(--primary-rgb), .20); }
.glass-btn:active { transform: scale(.98); }

.btn-primary {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  background: var(--royal-gradient-bright);
  color: var(--text); border: 0; border-radius: 1.1rem;
  padding: .8rem 1.4rem; font-weight: 700; font-size: .9rem; font-family: inherit;
  box-shadow: 0 12px 28px rgba(var(--primary-rgb), .34), inset 0 1px 0 rgba(var(--text-rgb), .22);
  cursor: pointer; transition: transform .18s ease, filter .18s ease;
}
.btn-primary:hover { filter: brightness(1.06); transform: translateY(-1px); }
.btn-primary:disabled { opacity: .6; transform: none; }
.btn-danger { background: linear-gradient(135deg, #f43f5e, #fb7185); }
.btn-ok { background: linear-gradient(135deg, #10b981, #34d399); }

.brand { color: var(--primary-light); }
.brand-grad { background: linear-gradient(120deg, var(--brand-1), var(--brand-2) 55%, var(--brand-3)); }

.ic { width: 20px; height: 20px; max-width: 20px; max-height: 20px; flex-shrink: 0; }
.ic-sm { width: 16px; height: 16px; max-width: 16px; max-height: 16px; flex-shrink: 0; }
.ic-v { color: var(--primary-light); }
/* حماية إضافية: أي أيقونة svg داخل حاوية زجاجية تبقى بحجمها الطبيعي */
.logo-badge svg, .news-icon svg, .row-thumb svg, .stat-ic svg, .bbubble svg, .icon-btn svg, .glass-btn svg {
  width: 20px; height: 20px; max-width: 20px; max-height: 20px;
}

/* ------------------------------ layout ------------------------------- */
.container { max-width: 72rem; margin: 0 auto; padding: 1rem .9rem 7rem; }
.topbar-wrap { position: sticky; top: 0; z-index: 40; padding: .75rem .75rem 0; }
.topbar {
  max-width: 72rem; margin: 0 auto; border-radius: 1.6rem;
  display: flex; align-items: center; gap: .55rem; padding: .6rem .8rem;
}
.logo { display: inline-flex; align-items: center; gap: .5rem; flex-shrink: 0; }
.logo-badge {
  display: grid; place-items: center; width: 38px; height: 38px;
  border-radius: 1rem; color: #fff;
  background: linear-gradient(135deg, var(--primary), var(--primary-light));
  box-shadow: 0 8px 20px rgba(var(--primary-rgb),.4);
}
.logo-text { font-family: "Changa"; font-weight: 700; font-size: 1.05rem; display: none; }
@media (min-width: 640px) { .logo-text { display: inline; } }

.balance-pill { padding: .5rem .8rem; border-radius: 1rem; }
.balance-num { font-family: "Changa"; font-weight: 700; font-size: .9rem; }

.top-actions { margin-inline-start: auto; display: flex; align-items: center; gap: .45rem; }
.icon-btn { width: 40px; height: 40px; padding: 0; border-radius: 1rem; position: relative; }
.icon-btn small { font-size: .6rem; font-weight: 800; }
.notif-btn { display: none; }
@media (min-width: 640px) { .notif-btn { display: inline-grid; place-items: center; } }
.notif-dot {
  position: absolute; top: -4px; inset-inline-start: -4px;
  background: linear-gradient(135deg, #f43f5e, var(--primary-light)); color: #fff;
  min-width: 18px; height: 18px; border-radius: 999px;
  display: grid; place-items: center; font-size: .6rem; font-weight: 800; padding: 0 4px;
  box-shadow: 0 2px 8px rgba(244,63,94,.5);
}

/* ------------------------------ drawer -------------------------------- */
.drawer-root { position: fixed; inset: 0; z-index: 60; }
.overlay { position: absolute; inset: 0; background: rgba(15,23,42,.35); backdrop-filter: blur(3px); animation: fadeIn .25s ease both; }
.drawer {
  position: absolute; top: .5rem; bottom: .5rem; inset-inline-end: .5rem;
  width: 19.5rem; max-width: 88vw; overflow-y: auto; padding: 1rem;
  border-radius: 1.8rem;
  animation: drawerIn .28s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes drawerIn { from { transform: translateX(-100%); opacity: .4; } to { transform: translateX(0); opacity: 1; } }
[dir="ltr"] .drawer { animation-name: drawerInLtr; }
@keyframes drawerInLtr { from { transform: translateX(100%); opacity: .4; } to { transform: translateX(0); opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.drawer-head { display: flex; align-items: center; gap: .6rem; margin-bottom: 1rem; }
.drawer-title { font-family: "Changa"; font-weight: 700; font-size: .95rem; }
.drawer-sub { font-size: .72rem; color: var(--ink-soft); }
.drawer-head .icon-btn { margin-inline-start: auto; width: 34px; height: 34px; }
.drawer-nav { display: flex; flex-direction: column; gap: .35rem; }
.dnav {
  display: flex; align-items: center; gap: .7rem;
  padding: .6rem .9rem; border-radius: 1rem;
  font-size: .85rem; font-weight: 600; color: var(--text-secondary);
  border: 1px solid transparent; transition: background .15s ease;
}
.dnav:hover { background: rgba(255,255,255,.5); }
.dnav.active {
  background: linear-gradient(135deg, rgba(var(--primary-rgb),.16), rgba(var(--primary-rgb),.16));
  border-color: rgba(var(--primary-rgb),.35);
  box-shadow: 0 6px 20px rgba(var(--primary-rgb),.35);
  color: var(--primary-light);
}
.dnav .ic { width: 19px; height: 19px; }
.drawer-label { font-size: .65rem; font-weight: 800; color: rgba(var(--text-secondary-rgb),.72); padding: .6rem .9rem .2rem; }
.admin-link { color: var(--primary-light); }
.logout-btn { background: none; border: 0; width: 100%; cursor: pointer; font-family: inherit; color: #e11d48; text-align: start; }
.mini-badge { margin-inline-start: auto; background: #f43f5e; color: #fff; border-radius: 999px; font-size: .6rem; padding: 2px 7px; font-weight: 800; }
.dnav-cta { margin-top: .3rem; }
.dnav-cta.alt { color: var(--primary-light); }

/* ---------------------------- bottom nav ------------------------------ */
.bnav { position: fixed; inset-inline: .75rem; bottom: .75rem; z-index: 50; padding-bottom: env(safe-area-inset-bottom); }
.bnav-inner { max-width: 26rem; margin: 0 auto; border-radius: 1.7rem; display: flex; justify-content: space-around; padding: .5rem .5rem calc(.35rem + env(safe-area-inset-bottom)); }
.bitem { display: flex; flex-direction: column; align-items: center; gap: .25rem; }
.bbubble { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 1rem; color: var(--text-secondary); transition: all .3s ease; }
.bbubble.active {
  background: linear-gradient(135deg, var(--primary), var(--primary-light)); color: #fff;
  box-shadow: 0 8px 22px rgba(var(--primary-rgb),.5), 0 0 0 4px rgba(255,255,255,.35), inset 0 1px 0 rgba(255,255,255,.3);
}
.blabel { font-size: .62rem; font-weight: 700; color: var(--text-secondary); }
.bitem:has(.active) .blabel { color: var(--primary-light); }
@media (min-width: 768px) { .bnav { display: none; } .container { padding-bottom: 3rem; } }

/* ------------------------------- forms -------------------------------- */
.input {
  width: 100%; border-radius: 1rem; border: 1px solid rgba(255,255,255,.85);
  background: rgba(255,255,255,.55); padding: .7rem 1rem; font-size: .88rem;
  color: var(--ink); outline: none; font-family: inherit;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.input:focus { border-color: rgba(var(--primary-rgb),.6); box-shadow: 0 0 0 4px rgba(var(--primary-rgb),.15); background: rgba(255,255,255,.8); }
.input::placeholder { color: rgba(var(--text-secondary-rgb),.72); }
.label { display: block; font-size: .72rem; font-weight: 700; color: var(--ink-soft); margin-bottom: .4rem; }
.field { margin-bottom: .8rem; }
.form-grid { display: grid; gap: .8rem; }
@media (min-width: 640px) { .form-grid.cols-2 { grid-template-columns: 1fr 1fr; } }
.checkbox-line { display: flex; align-items: center; gap: .5rem; font-size: .78rem; font-weight: 700; color: var(--ink-soft); }
.checkbox-line input { width: 16px; height: 16px; }

.alert-ok, .alert-err {
  border-radius: 1rem; padding: .7rem 1rem; font-size: .82rem; font-weight: 700; margin-bottom: .8rem;
}
.alert-ok { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.alert-err { background: #fff1f2; color: #e11d48; border: 1px solid #fecdd3; }

/* ------------------------------ sections ------------------------------ */
.section-title { font-family: "Changa"; font-weight: 700; font-size: 1.05rem; margin: 0; }
.section-head { display: flex; align-items: center; justify-content: space-between; padding: 0 .3rem; margin-bottom: .7rem; }
.card { border-radius: var(--radius-lg); padding: 1.1rem; }
.stack { display: flex; flex-direction: column; gap: 1rem; }

/* hero slider */
.slider-frame { padding: 6px; border-radius: var(--radius-xl); position: relative; }
.slider-viewport { overflow: hidden; border-radius: calc(var(--radius-xl) - 6px); }
.slider-track { display: flex; transition: transform .7s ease; }
.slide { position: relative; flex-shrink: 0; width: 100%; height: 11rem; }
@media (min-width: 640px) { .slide { height: 14rem; } }
@media (min-width: 768px) { .slide { height: 18rem; } }
.slide img { width: 100%; height: 100%; object-fit: cover; display: block; user-select: none; -webkit-user-drag: none; }
.slide-title {
  position: absolute; inset-inline: 1rem; bottom: .8rem;
  background: rgba(255,255,255,.25); backdrop-filter: blur(8px);
  color: #fff; font-weight: 700; font-size: .85rem; border-radius: 1rem; padding: .5rem 1rem;
}
.dots { position: absolute; inset-inline: 0; bottom: .9rem; display: flex; justify-content: center; gap: 6px; z-index: 5; }
.dot { width: 7px; height: 7px; border-radius: 999px; background: rgba(255,255,255,.6); border: 0; cursor: pointer; padding: 0; transition: all .25s; }
.dot.active { width: 24px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.25); }

/* news bar */
.newsbar { display: flex; align-items: center; gap: .7rem; overflow: hidden; padding: .6rem .9rem; border-radius: var(--radius-lg); }
.news-icon { flex-shrink: 0; width: 32px; height: 32px; border-radius: .8rem; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-light)); box-shadow: 0 6px 16px rgba(var(--primary-rgb),.35); }
.news-scroll { position: relative; flex: 1; height: 1.5rem; overflow: hidden; }
.news-track { position: absolute; inset-block: 0; display: flex; align-items: center; white-space: nowrap; font-size: .85rem; font-weight: 600; color: var(--text-secondary); animation: marquee 18s linear infinite; }
@keyframes marquee { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
[dir="ltr"] .news-track { animation-name: marqueeLtr; }
@keyframes marqueeLtr { from { transform: translateX(100%); } to { transform: translateX(-100%); } }
.news-track span { margin-inline-end: 2.5rem; }

/* search */
.searchbox { position: relative; }
.searchbar { display: flex; align-items: center; gap: .7rem; padding: .8rem 1rem; border-radius: var(--radius-lg); }
.searchbar input { flex: 1; border: 0; background: transparent; outline: none; font-family: inherit; font-size: .88rem; color: var(--ink); }
.search-results { position: absolute; inset-inline: 0; top: calc(100% + .5rem); z-index: 30; max-height: 24rem; overflow-y: auto; padding: .7rem; }
.sr-group { font-size: .65rem; font-weight: 800; color: rgba(var(--text-secondary-rgb),.72); padding: .2rem .6rem; }
.sr-item { display: flex; align-items: center; gap: .7rem; padding: .5rem .7rem; border-radius: .9rem; font-size: .82rem; font-weight: 600; color: var(--text-secondary); }
.sr-item:hover { background: rgba(255,255,255,.6); }
.sr-price { margin-inline-start: auto; font-family: "Changa"; font-weight: 700; color: var(--primary-light); }
.catalog-search-panel.search-results {
  position: static; inset: auto; top: auto; z-index: 1; max-height: none; overflow: visible;
  margin-top: .85rem; padding: clamp(.8rem, 2.6vw, 1.1rem); border-radius: 1.35rem;
}
.catalog-search-panel[hidden] { display: none !important; }
.catalog-search-head { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-bottom: .8rem; }
.catalog-search-head b { display: block; color: var(--ink); font-size: .95rem; }
.catalog-search-head small { display: block; color: rgba(var(--text-secondary-rgb),.72); font-size: .7rem; line-height: 1.6; }
.catalog-search-clear { flex: 0 0 auto; white-space: nowrap; }
.catalog-search-body { display: grid; gap: 1rem; }
.catalog-search-summary { color: rgba(var(--text-secondary-rgb),.76); font-size: .82rem; font-weight: 700; line-height: 1.8; }
.catalog-search-summary b { color: var(--ink); }
.catalog-search-section { display: grid; gap: .7rem; min-width: 0; }
.catalog-search-title { margin: 0; color: var(--ink); font: 800 .95rem "Changa", sans-serif; }
.catalog-search-grid { justify-content: center; }
body.catalog-search-active [data-search-default] { display: none !important; }
@media (max-width: 520px) {
  .catalog-search-head { align-items: flex-start; flex-direction: column; }
  .catalog-search-clear { width: 100%; justify-content: center; }
}

/* ------------- شبكات الأقسام والفروع والمنتجات (أعمدة قابلة للتحكم) ------------- */
/* المرنة + توسيط تلقائي: حتى لو كان عدد العناصر أقل من الأعمدة تبقى الصفحة متناسقة */
.cats-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; }
.cats-grid .cat-card {
  width: calc((100% - (var(--cats-row-m, 3) - 1) * .7rem) / var(--cats-row-m, 3));
  max-width: 11rem;
}
@media (min-width: 768px) {
  .cats-grid .cat-card {
    width: calc((100% - (var(--cats-row, 6) - 1) * .7rem) / var(--cats-row, 6));
    max-width: 12rem;
  }
}

.subs-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; }
.subs-grid .sub-card {
  width: calc((100% - (var(--subs-row-m, 2) - 1) * .6rem) / var(--subs-row-m, 2));
  max-width: 13rem;
}
@media (min-width: 768px) {
  .subs-grid .sub-card {
    width: calc((100% - (var(--subs-row, 4) - 1) * .6rem) / var(--subs-row, 4));
  }
}

.prods-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; }
.prods-grid .prod-card {
  width: calc((100% - (var(--prods-row-m, 2) - 1) * .7rem) / var(--prods-row-m, 2));
  max-width: 16rem;
}
@media (min-width: 768px) {
  .prods-grid .prod-card {
    width: calc((100% - (var(--prods-row, 4) - 1) * .7rem) / var(--prods-row, 4));
  }
}

/* بطاقات الأقسام الفرعية */
.sub-card {
  display: flex; align-items: center; justify-content: center; gap: .4rem;
  padding: .7rem .5rem; border-radius: 1.1rem; text-align: center;
  font-size: .78rem; font-weight: 700; color: var(--text-secondary);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  transition: transform .18s ease, box-shadow .18s ease;
}
.sub-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(var(--primary-rgb),.22); }
.sub-card.active {
  background: linear-gradient(135deg, var(--primary), var(--primary-light)); color: #fff;
  box-shadow: 0 8px 22px rgba(var(--primary-rgb),.5), 0 0 0 4px rgba(255,255,255,.35);
}

.cat-card { display: block; text-align: center; padding: .6rem; border-radius: var(--radius-lg); transition: transform .2s ease, box-shadow .2s ease; }
.cat-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(var(--primary-rgb),.25); }
.cat-img { display: block; overflow: hidden; border-radius: 1.15rem; }
.cat-img img, .cat-img .ph { width: 100%; aspect-ratio: var(--card-ratio, 1 / 1); object-fit: cover; display: block; transition: transform .5s ease; }
.cat-card:hover .cat-img img { transform: scale(1.1); }
.cat-name { display: block; margin-top: .5rem; font-size: .72rem; font-weight: 700; color: var(--text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.prod-card { display: block; padding: .75rem; border-radius: var(--radius-lg); transition: transform .2s ease, box-shadow .2s ease; }
.prod-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(var(--primary-rgb),.25); }
.prod-img { display: block; overflow: hidden; border-radius: 1.15rem; }
.prod-img img, .prod-img .ph { width: 100%; aspect-ratio: var(--card-ratio, 1 / 1); object-fit: cover; display: block; }
.ph { display: grid; place-items: center; background: linear-gradient(135deg, #e0e7ff, rgba(var(--primary-rgb),.14)); color: #a78bfa; }
.ph .ic { width: 32px; height: 32px; }

/* بديل احترافي للصورة المفقودة أو التي فشل تحميلها */
.catalog-image-placeholder {
  width: 100%; min-width: 0; padding: clamp(.75rem, 4vw, 1.5rem);
  display: flex; align-items: center; justify-content: center; text-align: center;
  position: relative; isolation: isolate; overflow: hidden;
  color: #fff; background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.23), transparent 30%),
    radial-gradient(circle at 82% 78%, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(145deg, var(--primary-dark) 0%, var(--primary) 48%, var(--primary) 100%);
}
.catalog-image-placeholder::before,
.catalog-image-placeholder::after {
  content: ""; position: absolute; z-index: -1; border-radius: 999px;
  background: rgba(255,255,255,.09); filter: blur(1px);
}
.catalog-image-placeholder::before { width: 7rem; height: 7rem; inset-block-start: -3rem; inset-inline-end: -2rem; }
.catalog-image-placeholder::after { width: 5rem; height: 5rem; inset-block-end: -2.5rem; inset-inline-start: -1rem; }
.catalog-image-placeholder--product-card { aspect-ratio: var(--card-ratio, 1 / 1); }
.catalog-image-placeholder--product-detail { aspect-ratio: 4 / 3; }
.catalog-image-placeholder--catalog-card { aspect-ratio: 16 / 10; }
.catalog-image-placeholder__name {
  max-width: 100%; font-family: "Changa", sans-serif; font-size: clamp(.72rem, 2.7vw, 1.02rem);
  line-height: 1.55; font-weight: 800; overflow-wrap: anywhere; word-break: break-word;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;
  text-shadow: 0 2px 12px rgba(3,7,30,.4);
}
.catalog-image-placeholder--product-detail .catalog-image-placeholder__name {
  max-width: 80%; font-size: clamp(1rem, 4vw, 1.65rem); -webkit-line-clamp: 5;
}
.prod-name { display: block; margin-top: .55rem; font-size: .78rem; font-weight: 700; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prod-sub { display: block; font-size: .64rem; color: rgba(var(--text-secondary-rgb),.72); margin-top: .1rem; }
.prod-foot { display: flex; align-items: center; justify-content: space-between; margin-top: .55rem; }
.price { font-family: "Changa"; font-weight: 700; color: var(--primary-light); font-size: .88rem; }
.catalog-card-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; }
.catalog-card-grid .prod-card,
.prods-grid .prod-card { width: calc((100% - (var(--prods-row-m, 2) - 1) * .7rem) / var(--prods-row-m, 2)); max-width: 16rem; }
@media (min-width: 768px) {
  .catalog-card-grid .prod-card,
  .prods-grid .prod-card { width: calc((100% - (var(--prods-row, 4) - 1) * .7rem) / var(--prods-row, 4)); }
}
.prod-card,
.catalog-sub-card,
.catalog-result-card {
  display: flex; flex-direction: column; min-height: clamp(15.75rem, 31vw, 18.5rem); height: 100%; min-width: 0;
}
.prod-img { flex: 0 0 auto; }
.prod-img img,
.prod-img .ph,
.prod-img .catalog-image-placeholder { width: 100%; aspect-ratio: var(--card-ratio, 1 / 1); object-fit: cover; display: block; }
.prod-name {
  white-space: normal; line-height: 1.45; min-height: 2.9em;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.prod-sub { min-height: 1.15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prod-foot { margin-top: auto; min-height: 2rem; gap: .35rem; flex-wrap: wrap; }
.catalog-sub-card .prod-foot,
.catalog-result-card--category .prod-foot,
.catalog-result-card--subcategory .prod-foot { justify-content: center; }
@media (max-width: 520px) {
  .catalog-card-grid .prod-card,
  .prods-grid .prod-card { max-width: none; }
  .prod-card,
  .catalog-sub-card,
  .catalog-result-card { min-height: 14.75rem; padding: .6rem; }
}
.chip { border-radius: 999px; padding: .2rem .6rem; font-size: .62rem; font-weight: 800; border: 1px solid transparent; }
.chip-ok { background: #d1fae5; color: #047857; }
.chip-out { background: #ffe4e6; color: #e11d48; }

/* chips row */
.chips { display: flex; gap: .5rem; overflow-x: auto; padding: .2rem; scrollbar-width: none; }
.chips::-webkit-scrollbar { display: none; }
.chip-btn { flex-shrink: 0; border-radius: 1rem; padding: .5rem 1rem; font-size: .75rem; font-weight: 700; color: var(--text-secondary); border: 1px solid rgba(255,255,255,.7); background: rgba(255,255,255,.35); backdrop-filter: blur(12px); }
.chip-btn.active {
  background: linear-gradient(135deg, var(--primary), var(--primary-light)); color: #fff;
  box-shadow: 0 8px 22px rgba(var(--primary-rgb),.5), 0 0 0 4px rgba(255,255,255,.35);
}

/* badges / statuses */
.badge { display: inline-flex; align-items: center; gap: .3rem; border-radius: 999px; padding: .2rem .7rem; font-size: .68rem; font-weight: 800; border: 1px solid; }
.badge .dotc { width: 7px; height: 7px; border-radius: 999px; }
.st-pending { background: #fef3c7; color: #b45309; border-color: #fde68a; }
.st-pending .dotc { background: #f59e0b; }
.st-processing { background: #e0f2fe; color: var(--primary-light); border-color: #bae6fd; }
.st-processing .dotc { background: var(--primary-light); }
.st-completed { background: #d1fae5; color: #047857; border-color: #a7f3d0; }
.st-completed .dotc { background: #10b981; }
.st-failed { background: #ffe4e6; color: #e11d48; border-color: #fecdd3; }
.st-failed .dotc { background: #f43f5e; }
.st-cancelled { background: rgba(var(--text-secondary-rgb),.16); color: var(--text-secondary); border-color: rgba(var(--text-secondary-rgb),.32); }
.st-cancelled .dotc { background: var(--text-secondary); }
.st-refunded { background: rgba(var(--primary-rgb),.14); color: var(--primary-light); border-color: #ddd6fe; }
.st-refunded .dotc { background: var(--primary-light); }

/* timeline */
.timeline { display: flex; align-items: center; }
.tstep { display: flex; flex-direction: column; align-items: center; }
.tcircle { width: 36px; height: 36px; border-radius: 999px; display: grid; place-items: center; color: #fff; background: rgba(var(--text-secondary-rgb),.16); font-size: .75rem; font-weight: 800; }
.tcircle.done { background: linear-gradient(135deg, var(--primary), var(--primary-light)); box-shadow: 0 6px 18px rgba(var(--primary-rgb),.4); }
.tlabel { margin-top: .35rem; font-size: .62rem; font-weight: 700; color: var(--text-secondary); }
.tline { flex: 1; height: 4px; border-radius: 999px; background: rgba(var(--text-secondary-rgb),.16); margin: 0 .35rem 1.1rem; }
.tline.done { background: linear-gradient(120deg, var(--primary), var(--primary-light)); }

/* rows & lists */
.list-row { display: flex; align-items: center; gap: .75rem; padding: .8rem; border-radius: 1.2rem; background: rgba(255,255,255,.45); }
.list-row + .list-row { margin-top: .55rem; }
.row-thumb { width: 44px; height: 44px; border-radius: 1rem; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-light)); flex-shrink: 0; }
.row-main { flex: 1; min-width: 0; }
.row-title { font-size: .82rem; font-weight: 700; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.row-sub { font-size: .68rem; color: rgba(var(--text-secondary-rgb),.72); display: block; margin-top: .15rem; }

.kv { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding-bottom: .55rem; border-bottom: 1px solid rgba(255,255,255,.6); }
.kv:last-child { border-bottom: 0; padding-bottom: 0; }
.kv .k { font-size: .72rem; font-weight: 700; color: rgba(var(--text-secondary-rgb),.72); }
.kv .v { font-size: .85rem; font-weight: 700; color: var(--ink); max-width: 62%; overflow: hidden; text-overflow: ellipsis; }

/* balance hero */
.balance-hero {
  border-radius: var(--radius-xl); padding: 1.5rem; color: #fff;
  background: linear-gradient(120deg, var(--primary), var(--primary-light) 55%, var(--primary-light));
  box-shadow: 0 18px 44px rgba(var(--primary-rgb),.35);
}
.balance-hero .bh-label { font-size: .75rem; font-weight: 600; color: rgba(255,255,255,.75); }
.balance-hero .bh-value { font-family: "Changa"; font-size: 2.1rem; font-weight: 700; margin: .4rem 0 .9rem; }
.bh-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.bh-actions a { border-radius: 1rem; padding: .55rem 1.1rem; font-size: .75rem; font-weight: 800; }
.bh-actions .w { background: #fff; color: var(--primary-light); box-shadow: 0 8px 20px rgba(0,0,0,.15); }
.bh-actions .g { background: rgba(255,255,255,.18); color: #fff; backdrop-filter: blur(8px); }

/* tables */
.tbl-wrap { overflow-x: auto; }
.tbl { width: 100%; border-collapse: separate; border-spacing: 0 .45rem; min-width: 700px; }
.tbl th { font-size: .68rem; color: rgba(var(--text-secondary-rgb),.72); font-weight: 700; text-align: right; padding: 0 .7rem; white-space: nowrap; }
.tbl td { font-size: .8rem; background: rgba(255,255,255,.45); padding: .65rem .7rem; vertical-align: middle; }
.tbl tr td:first-child { border-radius: 0 1rem 1rem 0; }
.tbl tr td:last-child { border-radius: 1rem 0 0 1rem; }
[dir="ltr"] .tbl th { text-align: left; }
[dir="ltr"] .tbl tr td:first-child { border-radius: 1rem 0 0 1rem; }
[dir="ltr"] .tbl tr td:last-child { border-radius: 0 1rem 1rem 0; }

.tx-pos { color: #059669; } .tx-neg { color: #e11d48; } .tx-adj { color: var(--primary); }

/* admin shell */
.admin-top { position: sticky; top: 0; z-index: 40; padding: .7rem .7rem 0; }
.admin-top .glass { max-width: 88rem; margin: 0 auto; display: flex; align-items: center; gap: .7rem; padding: .55rem .9rem; border-radius: 1.5rem; }
.admin-body { max-width: 88rem; margin: 0 auto; display: flex; gap: 1.2rem; padding: 1.2rem .8rem 3rem; }
.admin-side { width: 15.5rem; flex-shrink: 0; position: sticky; top: 5.5rem; height: fit-content; padding: .8rem; display: none; }
@media (min-width: 1024px) { .admin-side { display: block; } }
.admin-main { flex: 1; min-width: 0; }
.admin-nav { display: flex; flex-direction: column; gap: .3rem; }

/* stats & chart */
.stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .7rem; }
@media (min-width: 1024px) { .stats-grid { grid-template-columns: repeat(4, 1fr); } }
.stat-card { padding: 1rem; border-radius: 1.5rem; }
.stat-ic { width: 40px; height: 40px; border-radius: 1rem; display: grid; place-items: center; color: #fff; box-shadow: 0 6px 16px rgba(0,0,0,.15); }
.stat-value { font-family: "Changa"; font-size: 1.25rem; font-weight: 700; margin-top: .7rem; }
.stat-label { font-size: .72rem; font-weight: 600; color: rgba(var(--text-secondary-rgb),.72); }

.chart { display: flex; align-items: flex-end; gap: .5rem; height: 11rem; }
.chart .bar-col { flex: 1; display: flex; flex-direction: column; align-items: center; gap: .3rem; height: 100%; }
.chart .bar-slot { flex: 1; display: flex; align-items: flex-end; width: 100%; }
.chart .bar { width: 100%; border-radius: .7rem .7rem .2rem .2rem; background: linear-gradient(180deg, var(--primary-light), var(--primary)); box-shadow: 0 6px 16px rgba(var(--primary-rgb),.35); min-height: 3px; }
.chart .bar-val { font-size: .6rem; font-weight: 800; color: var(--text-secondary); }
.chart .bar-day { font-size: .58rem; color: rgba(var(--text-secondary-rgb),.72); }

/* pagination */
.pager { display: flex; justify-content: center; gap: .4rem; margin-top: .8rem; }
.pager a, .pager span {
  width: 36px; height: 36px; display: grid; place-items: center;
  border-radius: .8rem; font-size: .75rem; font-weight: 800;
  background: rgba(255,255,255,.4); color: var(--text-secondary);
}
.pager .cur { background: linear-gradient(135deg, var(--primary), var(--primary-light)); color: #fff; box-shadow: 0 6px 16px rgba(var(--primary-rgb),.4); }

/* product detail */
.pd-grid { display: grid; gap: 1.1rem; }
@media (min-width: 768px) { .pd-grid { grid-template-columns: 1fr 1fr; align-items: start; } .pd-buy { position: sticky; top: 5.5rem; } }
.pd-img { border-radius: 1.4rem; overflow: hidden; }
.pd-img img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }

/* qty */
.qty-row { display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.45); border-radius: 1rem; padding: .6rem .9rem; }
.qty-ctl { display: flex; align-items: center; gap: .5rem; }
.qty-ctl button { width: 34px; height: 34px; border-radius: .8rem; }
.qty-input { width: 52px; text-align: center; border-radius: .8rem; border: 1px solid rgba(255,255,255,.8); background: rgba(255,255,255,.6); padding: .4rem 0; font-weight: 700; font-family: inherit; outline: none; }
.qty-input:invalid { border-color: #fb7185; box-shadow: 0 0 0 3px rgba(244,63,94,.12); }
.qty-error { width: 100%; min-height: 1.1em; margin-top: .2rem; color: #fb7185; font-size: .7rem; font-weight: 700; }
@media (max-width: 420px) {
  .qty-row { align-items: flex-start; gap: .55rem; }
  .qty-ctl { width: 100%; justify-content: space-between; }
  .qty-ctl .qty-input { flex: 1; max-width: 9rem; }
}

/* misc */
.empty { padding: 2.6rem 1rem; text-align: center; color: rgba(var(--text-secondary-rgb),.72); font-size: .85rem; }
.muted { color: rgba(var(--text-secondary-rgb),.72); font-size: .72rem; }
.mono { font-family: ui-monospace, monospace; font-size: .72rem; word-break: break-all; }
.divider { border: 0; border-top: 1px solid rgba(255,255,255,.6); margin: .8rem 0; }
.flex { display: flex; align-items: center; gap: .6rem; }
.flex-between { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.wrap { flex-wrap: wrap; }
.mt { margin-top: 1rem; } .mt-2 { margin-top: .5rem; }
.grow { flex: 1; min-width: 0; }
.text-end { text-align: end; }
.w-full { width: 100%; }
.grid-2 { display: grid; gap: 1rem; }
@media (min-width: 768px) { .grid-2 { grid-template-columns: 1fr 1fr; } }
.grid-3 { display: grid; gap: .8rem; }
@media (min-width: 640px) { .grid-3 { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .grid-3 { grid-template-columns: 1fr 1fr 1fr; } }
.fade-up { animation: fadeUp .5s ease both; }
@keyframes fadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
.safe-b { bottom: calc(.75rem + env(safe-area-inset-bottom)); }
details.api-log { background: rgba(255,255,255,.45); border-radius: .9rem; padding: .5rem .8rem; }
details.api-log summary { cursor: pointer; font-size: .75rem; display: flex; align-items: center; gap: .5rem; }
details.api-log pre { max-height: 8rem; overflow: auto; font-size: .65rem; background: rgba(255,255,255,.6); border-radius: .6rem; padding: .5rem; }
.icon-link { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: .7rem; color: var(--primary); }
.icon-link:hover { background: rgba(var(--primary-rgb),.1); }
.icon-link.danger { color: #e11d48; }
.icon-link.danger:hover { background: rgba(244,63,94,.1); }
.mini-btn { border: 0; cursor: pointer; font-family: inherit; font-size: .7rem; font-weight: 800; border-radius: .8rem; padding: .5rem .9rem; }

/* ============================================================
   Prince Store — Admin Dark Theme (X2panel style)
   ============================================================ */
body.adm {
  color: var(--text);
  background-color: var(--background);
  background-image:
    radial-gradient(50rem 30rem at 90% -10%, rgba(var(--primary-rgb), .25), transparent 60%),
    radial-gradient(40rem 26rem at -10% 20%, rgba(var(--primary-light-rgb), .14), transparent 60%),
    radial-gradient(36rem 30rem at 50% 115%, rgba(var(--primary-rgb), .16), transparent 62%),
    linear-gradient(160deg, var(--primary-dark) 0%, var(--background) 55%, var(--surface) 100%);
}

/* ---------- top bar ---------- */
.adm-top {
  position: sticky; top: 0; z-index: 45;
  display: flex; align-items: center; gap: .7rem;
  padding: .8rem 1rem;
  background: rgba(10, 15, 34, .8);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.adm-top-btn {
  display: grid; place-items: center; width: 40px; height: 40px;
  border-radius: 14px; border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.06); color: var(--text-secondary); cursor: pointer;
}
.adm-top-btn:hover { background: rgba(255,255,255,.12); }
.adm-top-title { display: flex; align-items: center; gap: .6rem; font-size: .95rem; }
.adm-top-title b { color: #fff; }
.adm-top-badge { background: linear-gradient(135deg,#f43f5e,#fb7185); color:#fff; border-radius:999px; font-size:.62rem; font-weight:800; padding:.25rem .6rem; }
.adm-top-actions { margin-inline-start: auto; display: flex; gap: .5rem; }
.adm-top-actions a { text-decoration: none; }

/* ---------- shell ---------- */
.adm-shell { display: flex; flex-direction: row; direction: rtl; gap: 1rem; padding: 1rem; max-width: 100rem; margin: 0 auto; align-items: flex-start; }
.adm-main { order: 2; direction: rtl; flex: 1; min-width: 0; padding-bottom: 3rem; }

/* ---------- sidebar ---------- */
.adm-side {
  order: 1; direction: rtl; position: sticky; top: 4.2rem;
  width: 18.5rem; flex-shrink: 0;
  height: calc(100vh - 5.2rem);
  display: flex; flex-direction: column;
  border-radius: 1.8rem;
  background: linear-gradient(165deg, rgba(38,44,90,.92), rgba(13,17,40,.96) 40%, rgba(9,13,30,.97));
  border: 1px solid rgba(255,255,255,.09);
  box-shadow: 0 24px 70px rgba(3,6,20,.6), inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px);
  overflow: hidden;
}
.adm-head {
  flex-shrink: 0; display: flex; align-items: center; gap: .7rem;
  padding: 1.1rem 1.1rem .9rem;
  background: linear-gradient(135deg, rgba(var(--primary-rgb),.28), rgba(var(--primary-light-rgb),.14));
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.adm-head-x {
  display: none; place-items: center; width: 38px; height: 38px;
  border-radius: 12px; border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.07); color: var(--text-secondary); cursor: pointer;
}
.adm-head-meta { flex: 1; min-width: 0; text-align: end; order: 2; }
.adm-head-name { display: block; font-family: "Changa"; font-size: 1.05rem; color: #fff; line-height: 1.2; }
.adm-head-sub { display: block; font-size: .68rem; color: var(--text-secondary); }
.adm-head-logo {
  order: 3; display: grid; place-items: center; width: 46px; height: 46px;
  border-radius: 16px; color: #fff;
  background: linear-gradient(135deg, var(--primary), var(--primary-light));
  box-shadow: 0 10px 26px rgba(var(--primary-light-rgb),.45), inset 0 1px 0 rgba(255,255,255,.35);
}
.adm-head-logo svg { width: 22px; height: 22px; }

/* search */
.adm-search-wrap { flex-shrink: 0; padding: .9rem 1rem .4rem; }
.adm-search {
  display: flex; align-items: center; gap: .5rem;
  background: rgba(6,9,24,.65); border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px; padding: .65rem .9rem;
}
.adm-search input {
  flex: 1; background: transparent; border: 0; outline: none;
  color: var(--text); font-family: inherit; font-size: .85rem;
}
.adm-search input::placeholder { color: rgba(var(--text-secondary-rgb),.70); }
.adm-search svg { width: 18px; height: 18px; color: rgba(var(--text-secondary-rgb),.72); }

/* nav scroll area */
.adm-nav { flex: 1; overflow-y: auto; padding: .4rem .8rem 1rem; scrollbar-width: thin; scrollbar-color: rgba(120,130,255,.35) transparent; }
.adm-nav::-webkit-scrollbar { width: 5px; }
.adm-nav::-webkit-scrollbar-thumb { background: rgba(120,130,255,.3); border-radius: 99px; }
.adm-group-title {
  font-size: .66rem; font-weight: 700; color: rgba(var(--text-secondary-rgb),.72);
  padding: 1rem .5rem .4rem; letter-spacing: .02em;
}
.adm-item {
  display: flex; align-items: center; gap: .8rem;
  padding: .55rem .55rem; margin-bottom: .3rem;
  border-radius: 1.1rem; border: 1px solid transparent;
  color: var(--text-secondary); font-size: .86rem; font-weight: 600;
  transition: background .18s ease, transform .18s ease, border-color .18s ease;
}
.adm-item:hover { background: rgba(255,255,255,.06); transform: translateX(-2px); }
.adm-ic {
  display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0;
  border-radius: 13px; border: 1px solid;
}
.adm-ic svg { width: 19px; height: 19px; }
.c-violet .adm-ic { background: rgba(var(--primary-rgb),.16); border-color: rgba(var(--primary-rgb),.4); color: var(--primary-light); }
.c-cyan .adm-ic { background: rgba(var(--primary-light-rgb),.12); border-color: rgba(var(--primary-light-rgb),.35); color: var(--primary-light); }
.c-orange .adm-ic { background: rgba(var(--primary-light-rgb),.12); border-color: rgba(var(--primary-light-rgb),.35); color: var(--primary-light); }
.c-blue .adm-ic { background: rgba(59,130,246,.14); border-color: rgba(59,130,246,.4); color: var(--text-secondary); }
.adm-txt { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adm-dot { display: none; width: 8px; height: 8px; border-radius: 99px; background: #fff; box-shadow: 0 0 10px #fff; }
.adm-item.active {
  background: var(--royal-gradient-bright);
  border-color: rgba(var(--primary-light-rgb),.65);
  box-shadow: 0 10px 30px rgba(var(--primary-rgb),.5), inset 0 1px 0 rgba(255,255,255,.3);
  color: #fff;
}
.adm-item.active .adm-ic { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.25); color: var(--primary-light); }
.adm-item.active .adm-dot { display: block; }
.adm-noresult { text-align: center; color: rgba(var(--text-secondary-rgb),.72); font-size: .8rem; padding: 1.5rem 0; }

/* footer fixed */
.adm-foot {
  flex-shrink: 0; display: flex; align-items: center; gap: .7rem;
  padding: .9rem 1rem;
  background: rgba(6,9,24,.72);
  border-top: 1px solid rgba(255,255,255,.07);
}
.adm-foot-out { order: 1; margin: 0; }
.adm-foot-out button {
  display: grid; place-items: center; width: 44px; height: 44px; cursor: pointer;
  border-radius: 14px; border: 1px solid rgba(244,63,94,.35);
  background: rgba(244,63,94,.12); color: #fda4af;
}
.adm-foot-out button:hover { background: rgba(244,63,94,.22); }
.adm-foot-meta { order: 2; flex: 1; min-width: 0; text-align: end; }
.adm-foot-meta b { display: block; color: #fff; font-size: .88rem; }
.adm-foot-meta span { display: block; color: rgba(var(--text-secondary-rgb),.72); font-size: .66rem; }
.adm-foot-avatar {
  order: 3; display: grid; place-items: center; width: 44px; height: 44px;
  border-radius: 14px; color: #fff; font-family: "Changa"; font-weight: 700;
  background: linear-gradient(135deg, var(--primary-light), var(--primary));
  box-shadow: 0 8px 22px rgba(var(--primary-light-rgb),.4);
}
.adm-collapse {
  position: absolute; top: 50%; inset-inline-start: -13px; transform: translateY(-50%);
  width: 26px; height: 26px; border-radius: 99px; cursor: pointer;
  border: 1px solid rgba(255,255,255,.15); color: var(--text-secondary);
  background: #1a2148; display: none; place-items: center;
}
.adm-collapse svg { width: 14px; height: 14px; }

/* ---------- desktop collapsed ---------- */
@media (min-width: 1024px) {
  .adm-collapse { display: grid; }
  body.adm-mini .adm-side { width: 5.6rem; }
  body.adm-mini .adm-head-meta, body.adm-mini .adm-head-x,
  body.adm-mini .adm-search-wrap, body.adm-mini .adm-txt,
  body.adm-mini .adm-group-title, body.adm-mini .adm-foot-meta,
  body.adm-mini .adm-dot { display: none; }
  body.adm-mini .adm-head { justify-content: center; }
  body.adm-mini .adm-item { justify-content: center; padding: .5rem; }
  body.adm-mini .adm-foot { justify-content: center; gap: .4rem; }
  body.adm-mini .adm-collapse svg { transform: rotate(180deg); }
}

/* ---------- mobile drawer ---------- */
@media (max-width: 1023px) {
  .adm-shell { display: block; }
  .adm-side {
    position: fixed; top: .6rem; bottom: .6rem; inset-inline-start: .6rem; inset-inline-end: auto;
    width: min(20.5rem, 90vw); height: auto; z-index: 60;
    transform: translateX(110%); opacity: 0; pointer-events: none;
    transition: transform .3s cubic-bezier(.2,.8,.2,1), opacity .25s ease;
  }
  body.adm-open .adm-side { transform: translateX(0) !important; opacity: 1; pointer-events: auto; }
  .adm-head-x { display: grid; order: 1; }
  .adm-overlay {
    position: fixed; inset: 0; z-index: 55;
    background: rgba(4,7,18,.55);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    animation: fadeIn .25s ease both;
  }
  .adm-collapse { display: none; }
}

/* ---------- dark overrides for shared components ---------- */
.adm .glass, .adm .glass-soft, .adm .glass-deep {
  background: linear-gradient(160deg, rgba(30,36,76,.72), rgba(13,17,40,.8));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 16px 44px rgba(3,6,20,.45), inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
}
.adm .section-title, .adm h1, .adm h2, .adm h3, .adm b, .adm strong { color: var(--text); }
.adm .muted, .adm .row-sub, .adm .stat-label, .adm .label, .adm .adm-group-title { color: rgba(var(--text-secondary-rgb),.72); }
.adm .row-title { color: var(--text); }
.adm .list-row { background: rgba(255,255,255,.05); }
.adm .input, .adm .field-input {
  background: rgba(6,9,24,.6); border-color: rgba(255,255,255,.1); color: var(--text);
}
.adm .input:focus { border-color: rgba(var(--primary-rgb),.6); background: rgba(6,9,24,.8); }
.adm .input::placeholder { color: rgba(var(--text-secondary-rgb),.70); }
.adm select.input option { background: var(--surface); color: var(--text); }
.adm .glass-btn {
  background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.12); color: var(--text-secondary);
  box-shadow: none;
}
.adm .glass-btn:hover { background: rgba(255,255,255,.13); }
.adm .tbl td { background: rgba(255,255,255,.045); color: var(--text-secondary); }
.adm .tbl th { color: rgba(var(--text-secondary-rgb),.72); }
.adm .price { color: var(--primary-light); }
.adm .kv { border-color: rgba(255,255,255,.08); }
.adm .kv .k { color: rgba(var(--text-secondary-rgb),.72); }
.adm .kv .v { color: var(--text); }
.adm .divider { border-color: rgba(255,255,255,.08); }
.adm .chip { background: rgba(255,255,255,.08); color: var(--text-secondary); }
.adm details.api-log { background: rgba(255,255,255,.05); }
.adm details.api-log pre { background: rgba(6,9,24,.6); color: var(--text-secondary); }
.adm .alert-ok { background: rgba(16,185,129,.12); color: #6ee7b7; border-color: rgba(16,185,129,.3); }
.adm .alert-err { background: rgba(244,63,94,.12); color: #fda4af; border-color: rgba(244,63,94,.3); }
.adm .stat-card, .adm .card { border-radius: 1.4rem; }
.adm .pager a, .adm .pager span { background: rgba(255,255,255,.07); color: var(--text-secondary); }
.adm .icon-link { color: var(--primary-light); }
.adm .icon-link.danger { color: #fda4af; }
.adm .icon-link:hover { background: rgba(var(--primary-rgb),.15); }
.adm .chart .bar-val, .adm .chart .bar-day { color: rgba(var(--text-secondary-rgb),.72); }
.adm .tx-pos { color: #6ee7b7; } .adm .tx-neg { color: #fda4af; } .adm .tx-adj { color: var(--primary-light); }
.adm .empty { color: rgba(var(--text-secondary-rgb),.72); }

/* ============================================================
   صقل واجهة المتجر v2 — لمسات Premium بدون تغيير البنية
   ============================================================ */
.section-title{position:relative;padding-bottom:.45rem}
.section-title::after{content:"";position:absolute;bottom:0;inset-inline-start:2px;width:34px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}

.cat-card,.prod-card{position:relative;overflow:hidden}
.cat-card::before,.prod-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,rgba(var(--primary-rgb),.10),transparent 45%);opacity:0;transition:opacity .25s ease;pointer-events:none}

.cat-card:hover::before{opacity:1}
.prod-card:hover .prod-name{color:var(--primary)}

.prod-foot .price{background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),rgba(var(--primary-light-rgb),.10));border:1px solid rgba(var(--primary-rgb),.18);padding:.15rem .6rem;border-radius:999px}

.searchbar{transition:box-shadow .2s ease,border-color .2s ease}
.searchbar:focus-within{box-shadow:0 0 0 4px rgba(var(--primary-rgb),.14),0 12px 30px rgba(84,96,190,.16)}

.balance-pill{border:1px solid rgba(var(--primary-rgb),.25)}
.balance-pill:hover{box-shadow:0 8px 22px rgba(var(--primary-rgb),.25)}

.bnav-inner{box-shadow:0 18px 44px rgba(var(--primary-rgb),.22),inset 0 1px 0 rgba(255,255,255,.7)}

.slider-frame{background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.45))}
.slide-title{font-family:"Changa","Rubik",sans-serif}

.qty-row{border:1px solid rgba(255,255,255,.7)}
.glass-deep .btn-primary{width:100%}

.list-row{transition:transform .15s ease,box-shadow .15s ease}
a.list-row:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(84,96,190,.16)}

::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(var(--primary-rgb),.45),rgba(var(--primary-light-rgb),.45));border-radius:99px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-track{background:transparent}

.chip-btn{backdrop-filter:blur(10px)}
.sub-card.glass{background:linear-gradient(160deg,rgba(255,255,255,.6),rgba(255,255,255,.35))}
.prod-card:hover::before{opacity:1}

/* ============================================================
   نظام الثيمات الكاملة — متغيرات + إعادة تعيين شاملة
   glass (افتراضي) · night · royal · ocean — قابلة للتعديل من الإدارة
   ============================================================ */
body[data-theme="glass"]{--t-page:var(--background);--t-bg1:var(--surface);--t-bg2:var(--surface-light);--t-g1:var(--primary-light);--t-g2:var(--primary-light);--t-card:rgba(255,255,255,.68);--t-card2:rgba(255,255,255,.42);--t-bord:rgba(255,255,255,.8);--t-ink:var(--text);--t-mut:var(--text-secondary);--t-b1:var(--primary);--t-b2:var(--primary-light);--t-field:rgba(255,255,255,.55)}
body[data-theme="night"]{--t-page:var(--background);--t-bg1:var(--primary-dark);--t-bg2:var(--surface);--t-g1:var(--primary);--t-g2:var(--primary-light);--t-card:rgba(24,30,62,.78);--t-card2:rgba(13,17,40,.6);--t-bord:rgba(255,255,255,.1);--t-ink:var(--text);--t-mut:rgba(var(--text-secondary-rgb),.72);--t-b1:var(--primary);--t-b2:var(--primary-light);--t-field:rgba(6,9,24,.6)}
body[data-theme="royal"]{--t-page:var(--background);--t-bg1:var(--primary-dark);--t-bg2:var(--surface-light);--t-g1:var(--primary);--t-g2:var(--primary-light);--t-card:rgba(64,26,120,.6);--t-card2:rgba(38,14,74,.5);--t-bord:rgba(216,180,254,.18);--t-ink:var(--text);--t-mut:var(--primary-light);--t-b1:var(--primary);--t-b2:var(--primary-light);--t-field:rgba(20,6,40,.55)}
body[data-theme="ocean"]{--t-page:var(--background);--t-bg1:var(--primary-dark);--t-bg2:var(--surface);--t-g1:var(--primary-light);--t-g2:var(--primary-light);--t-card:rgba(10,60,60,.62);--t-card2:rgba(6,40,48,.5);--t-bord:rgba(153,246,228,.16);--t-ink:var(--text);--t-mut:var(--text-secondary);--t-b1:var(--primary-light);--t-b2:var(--primary-light);--t-field:rgba(2,20,24,.55)}

body[data-theme]{
  background-color:var(--t-page);
  background-image:
    radial-gradient(55rem 38rem at 88% -12%, color-mix(in srgb, var(--t-g1) 26%, transparent), transparent 60%),
    radial-gradient(48rem 34rem at -12% 18%, color-mix(in srgb, var(--t-g2) 22%, transparent), transparent 60%),
    radial-gradient(42rem 32rem at 55% 115%, color-mix(in srgb, var(--t-g1) 20%, transparent), transparent 62%),
    linear-gradient(158deg, var(--t-bg1) 0%, var(--t-page) 45%, var(--t-bg2) 100%);
  color:var(--t-ink);
}
body[data-theme] .glass,
body[data-theme] .glass-soft,
body[data-theme] .glass-deep{
  background:linear-gradient(135deg,var(--t-card),var(--t-card2));
  border-color:var(--t-bord);
}
body[data-theme] .glass-btn{
  background:linear-gradient(135deg,var(--t-card),var(--t-card2));
  border-color:var(--t-bord);color:var(--t-ink);
}
body[data-theme] .field-input{background:var(--t-field);border-color:var(--t-bord);color:var(--t-ink)}
body[data-theme] .field-input::placeholder{color:var(--t-mut)}
body[data-theme] .muted,body[data-theme] .row-sub,body[data-theme] .prod-sub,
body[data-theme] .cat-name,body[data-theme] .blabel,body[data-theme] .drawer-sub{color:var(--t-mut)}
body[data-theme] .row-title,body[data-theme] .prod-name,body[data-theme] .section-title,
body[data-theme] .drawer-title,body[data-theme] .balance-num,body[data-theme] h1,
body[data-theme] h2,body[data-theme] h3{color:var(--t-ink)}
body[data-theme] .btn-primary,
body[data-theme] .bubble-active,
body[data-theme] .bbubble.active,
body[data-theme] .dnav.active{
  background:linear-gradient(135deg,var(--t-b1),var(--t-b2));
  box-shadow:0 10px 24px color-mix(in srgb, var(--t-b1) 40%, transparent), inset 0 1px 0 rgba(255,255,255,.25);
}
body[data-theme] .bbubble:not(.active){color:var(--t-mut)}
body[data-theme] .dnav{color:var(--t-ink)}
body[data-theme] .dnav:hover{background:color-mix(in srgb, var(--t-card) 70%, transparent)}
body[data-theme] .brand,body[data-theme] .brand-text{color:var(--t-b1);-webkit-text-fill-color:var(--t-b1)}
body[data-theme] .logo-badge,body[data-theme] .row-thumb,body[data-theme] .news-icon{
  background:linear-gradient(135deg,var(--t-b1),var(--t-b2));
}
body[data-theme] .balance-hero{background:linear-gradient(120deg,var(--t-b1),var(--t-b2))}
body[data-theme] .searchbar input{color:var(--t-ink)}
body[data-theme] .list-row{background:color-mix(in srgb, var(--t-card) 55%, transparent)}
body[data-theme] .chip-btn{background:color-mix(in srgb, var(--t-card) 60%, transparent);border-color:var(--t-bord);color:var(--t-mut)}
body[data-theme] .chip-btn.active{background:linear-gradient(135deg,var(--t-b1),var(--t-b2));color:#fff}
body[data-theme] .prod-foot .price{color:var(--t-b2)}
body[data-theme] .section-title::after{background:linear-gradient(90deg,var(--t-b1),var(--t-b2))}
body[data-theme] .glass-soft.empty{color:var(--t-mut)}
body[data-theme] .bnav-inner{box-shadow:0 18px 44px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08)}
body[data-theme="glass"] .bnav-inner{box-shadow:0 18px 44px rgba(var(--primary-rgb),.22), inset 0 1px 0 rgba(255,255,255,.7)}
body[data-theme] .search-results{background:linear-gradient(160deg,var(--t-card),var(--t-card2));border-color:var(--t-bord)}
body[data-theme] .sr-item{color:var(--t-ink)}
body[data-theme] .sr-item:hover{background:color-mix(in srgb, var(--t-card) 70%, transparent)}

/* ============================================================
   واجهة Fast الداكنة — مطابقة لصور المرجع (افتراضي جديد)
   ============================================================ */
body[data-theme="fast"]{--t-page:var(--background);--t-bg1:var(--background);--t-bg2:var(--surface);--t-g1:var(--primary);--t-g2:var(--primary-light);--t-card:rgba(13,20,45,.82);--t-card2:rgba(8,13,32,.66);--t-bord:rgba(255,255,255,.08);--t-ink:var(--text);--t-mut:var(--text-secondary);--t-b1:var(--primary);--t-b2:var(--primary-light);--t-field:rgba(10,16,38,.72)}

.fs-top{display:flex;align-items:center;gap:.55rem;max-width:72rem;margin:0 auto;padding:.65rem .9rem}
.fs-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:var(--text);cursor:pointer;font-family:inherit}
.fs-ico svg{width:20px;height:20px;max-width:20px;max-height:20px}
.fs-ico:active{transform:scale(.96)}
.fs-flag{display:grid;place-items:center;width:42px;height:32px;border-radius:8px;background:#165d31;border:1px solid rgba(255,255,255,.15)}
.fs-balance{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:.4rem .55rem .4rem .9rem;color:#fff;font-weight:800;font-size:.85rem}
.fs-plus{width:26px;height:26px;border-radius:999px;background:#fff;color:var(--surface);display:grid;place-items:center;flex-shrink:0}
.fs-plus svg{width:14px;height:14px;max-width:14px;max-height:14px}
.fs-add-funds{display:none}
.fs-shield{color:#d4a017}
.fs-notice{background:#f5b301;color:#141a35;display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;font-weight:800;font-size:.78rem}
.fs-notice svg{width:18px;height:18px;flex-shrink:0}
.fs-notice .darkbtn{background:#20263f;color:#fff;border:0;border-radius:10px;padding:.5rem 1rem;font-size:.72rem;font-weight:800;cursor:pointer;font-family:inherit;white-space:nowrap}
.fs-notice-close{flex:0 0 auto;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:10px;background:rgba(20,26,53,.16);color:inherit;font:800 1.35rem/1 "Rubik",sans-serif;cursor:pointer}
.fs-notice-close:hover,.fs-notice-close:focus-visible{background:rgba(20,26,53,.28)}
.fs-telegram{background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:16px;display:flex;align-items:center;gap:.7rem;padding:.95rem 1rem;color:#fff;font-weight:800;font-size:.95rem;box-shadow:0 12px 30px rgba(14,126,199,.35)}
.fs-telegram .tico{width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.16);display:grid;place-items:center;flex-shrink:0}
.fs-telegram .linkbtn{background:#fff;color:var(--primary);border:0;border-radius:999px;padding:.55rem 1.5rem;font-weight:800;font-size:.8rem;cursor:pointer;font-family:inherit}
.fs-searchpill{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:999px;display:flex;align-items:center;gap:.6rem;padding:.95rem 1.2rem}
.fs-searchpill input{background:transparent;border:0;outline:0;color:var(--text);flex:1;min-width:0;font-family:inherit;font-size:.9rem}
.fs-searchpill input::placeholder{color:#7688b5}
.fs-searchpill svg{width:18px;height:18px;color:#7688b5;flex-shrink:0}
.fs-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:420px){.fs-grid2{gap:.7rem}}
.fs-cat{display:block}
.fs-cat .imw{display:block;overflow:hidden;border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.fs-cat img,.fs-cat .ph{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .4s ease}
.fs-cat:hover img{transform:scale(1.05)}
.fs-cat b{display:block;text-align:center;color:var(--text);margin-top:.55rem;font-size:.95rem;font-weight:700}
.fs-bottom{position:fixed;inset-inline:0;bottom:0;background:var(--background);border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-around;align-items:center;padding:.55rem .6rem calc(.65rem + env(safe-area-inset-bottom));z-index:50}
.fs-bitem{display:grid;place-items:center;width:52px;height:48px;color:#c3cdf0;border-radius:16px}
.fs-bitem svg{width:23px;height:23px;max-width:23px;max-height:23px}
.fs-bitem.active{background:var(--primary-light);color:#fff;width:52px;height:52px;border-radius:999px;box-shadow:0 10px 26px rgba(var(--primary-light-rgb),.55)}
.fs-bitem.grad{background:linear-gradient(135deg,var(--primary-light),var(--primary-light));color:#fff;width:52px;height:52px;border-radius:999px;box-shadow:0 10px 26px rgba(var(--primary-rgb),.45)}
.fs-charge{background:linear-gradient(120deg,var(--primary-light) 0%,#0e7490 55%,#10b981 100%);border-radius:20px;padding:1.5rem 1.2rem;color:#fff;box-shadow:0 18px 44px rgba(13,148,136,.35)}
.fs-charge h2{margin:0 0 .4rem;font-size:1.05rem;font-family:"Changa",sans-serif}
.fs-charge .rowline{display:flex;gap:.6rem;margin-top:.9rem}
.fs-charge input{flex:1;min-width:0;border:0;border-radius:12px;padding:.75rem .9rem;font-family:inherit;font-size:.85rem;background:rgba(255,255,255,.92);color:#12224a;outline:none}
.fs-charge button{border:0;border-radius:12px;background:#12224a;color:#fff;padding:.75rem 1.2rem;font-weight:800;font-size:.8rem;cursor:pointer;font-family:inherit}
.fs-pay{display:block;border:0;background:none;padding:0;cursor:pointer;font-family:inherit}
.fs-pay .imw{display:block;overflow:hidden;border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.35);border:2px solid transparent}
.fs-pay.sel .imw{border-color:var(--primary-light);box-shadow:0 0 0 4px rgba(var(--primary-light-rgb),.25),0 14px 34px rgba(0,0,0,.4)}
.fs-pay img,.fs-pay .ph{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.fs-pay b{display:block;text-align:center;color:var(--text);margin-top:.55rem;font-size:.9rem;font-weight:700}
.fs-back{display:grid;place-items:center;width:42px;height:42px;color:var(--text)}
.fs-back svg{width:22px;height:22px}

/* القائمة الجانبية للمستخدم تفتح من اليمين دائمًا */
.drawer{right:.5rem !important;left:auto !important;inset-inline-end:auto !important;animation:drawerInRight .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes drawerInRight{from{transform:translateX(105%);opacity:.4}to{transform:translateX(0);opacity:1}}

/* كروت الأقسام الفرعية — بنفس شكل كروت الأقسام الرئيسية */
.fs-cat b{color:var(--t-ink,var(--text))}
.fs-cat-active .imw{outline:3px solid var(--primary-light);outline-offset:2px;box-shadow:0 0 0 6px rgba(var(--primary-light-rgb),.18),0 14px 34px rgba(0,0,0,.35)}
.fs-cat-active b{color:var(--primary-light)}

/* توست المنتج غير المتوفر */
.oos-toast{position:fixed;bottom:calc(5.2rem + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%) translateY(16px);background:#1e2440;color:#fff;padding:.7rem 1.4rem;border-radius:999px;font-size:.8rem;font-weight:800;box-shadow:0 14px 34px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:all .25s ease;z-index:90;white-space:nowrap}
.oos-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* سوشال + توقيع اللوحة الجانبية */
.drawer-social{display:flex;gap:.5rem;justify-content:center;padding:.7rem 0 .2rem}
.drawer-social a{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;background:color-mix(in srgb, var(--sc,var(--primary)) 85%, #000 15%);box-shadow:0 8px 20px color-mix(in srgb, var(--sc,var(--primary)) 45%, transparent);transition:transform .15s ease}
.drawer-social a:hover{transform:translateY(-2px)}
.drawer-social a svg{width:20px;height:20px;max-width:20px;max-height:20px}
.drawer-credit{display:flex;align-items:center;gap:.7rem;margin-top:.8rem;padding:.8rem;border-radius:1.2rem;background:linear-gradient(135deg,rgba(var(--primary-rgb),.14),rgba(var(--primary-light-rgb),.12));border:1px solid rgba(var(--primary-rgb),.25);text-decoration:none;color:inherit}
.drawer-credit .logo-badge{width:40px;height:40px;flex-shrink:0}
.drawer-credit b{display:block;color:var(--t-ink,var(--text));font-family:"Changa",sans-serif;font-size:.9rem}
.drawer-credit small{display:block;color:var(--t-mut,var(--text-secondary));font-size:.66rem;font-weight:700}
.drawer-luna{flex-direction:column;align-items:center;justify-content:center;gap:.45rem;text-align:center;padding:.9rem .7rem}
.drawer-luna-logo{width:56px;height:56px;border-radius:16px;object-fit:cover;background:var(--primary-dark);box-shadow:0 8px 18px rgba(0,0,0,.28)}
.drawer-luna span{color:var(--t-ink,var(--text));font:800 .78rem "Changa",sans-serif}

/* Global RTL announcement ticker, controlled by admin/announcements.php. */
.announcement-bar{direction:rtl;overflow:hidden;background:linear-gradient(90deg,#f59e0b,#facc15,#f59e0b);color:var(--surface);border-block:1px solid rgba(255,255,255,.35);font-weight:800;font-size:.8rem;white-space:nowrap;box-shadow:0 5px 18px rgba(245,158,11,.18)}
.announcement-track{display:flex;width:max-content;min-width:200%;animation:announcement-rtl 24s linear infinite;will-change:transform}
.announcement-track span{display:block;min-width:100vw;padding:.65rem 2.5rem;text-align:center}
.announcement-bar:hover .announcement-track{animation-play-state:paused}
@keyframes announcement-rtl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.announcement-track{animation:none;min-width:100%}.announcement-track span[aria-hidden="true"]{display:none}}

/* ============================================================
   واجهة المستخدم الحديثة 2026 — إضافات آمنة فوق نظام الثيم الحالي
   ============================================================ */
:root{--user-sidebar-width:18.25rem;--user-header-height:4.6rem}
html,body{max-width:100%;overflow-x:hidden}
body.site-user{min-width:0}
.site-header{position:sticky;top:0;z-index:45;background:color-mix(in srgb,var(--t-page,var(--background)) 80%,transparent);border-bottom:1px solid var(--t-bord,rgba(255,255,255,.08));-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}
.fs-top{min-height:var(--user-header-height);padding:.65rem clamp(.75rem,2vw,1.4rem)}
.fs-brand{display:flex;align-items:center;gap:.7rem;min-width:0}
.fs-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--t-b1,var(--primary)),var(--t-b2,var(--primary-light)));box-shadow:0 10px 26px color-mix(in srgb,var(--t-b1,var(--primary)) 36%,transparent);flex:0 0 auto}
.fs-brand-mark svg{width:21px;height:21px}
.fs-brand-copy{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.fs-brand-copy b{font-family:"Changa",sans-serif;font-size:.98rem;color:var(--t-ink,var(--text));line-height:1.35;overflow-wrap:anywhere}
.fs-brand-copy small{color:var(--t-mut,var(--text-secondary));font-size:.65rem;line-height:1.35;overflow-wrap:anywhere}
.fs-top-actions{margin-inline-start:auto;display:flex;align-items:center;gap:.45rem;min-width:0}
.site-user .fs-ico,.site-user .fs-balance{color:var(--t-ink,var(--text));border-color:var(--t-bord,rgba(255,255,255,.09));background:color-mix(in srgb,var(--t-card,var(--surface)) 72%,transparent)}
.site-user .fs-plus{color:var(--t-page,var(--background));background:var(--t-ink,var(--text))}.site-user .fs-shield{color:#d4a017}
.site-user .fs-bottom{background:color-mix(in srgb,var(--t-page,var(--background)) 94%,transparent);border-color:var(--t-bord,rgba(255,255,255,.08))}.site-user .fs-bitem{color:var(--t-mut,var(--text-secondary))}.site-user .fs-bitem.active{color:#fff}
.fs-balance-label{color:var(--t-mut,var(--text-secondary));font-size:.66rem;font-weight:600}
.fs-notification{position:relative}
.header-badge{position:absolute;top:-4px;inset-inline-start:-4px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#f43f5e;color:#fff;border:2px solid var(--t-page,var(--background));font-size:.58rem;font-weight:900}

/* Sidebar: drawer on mobile, persistent navigation on desktop. */
.drawer-root{isolation:isolate}
.drawer{display:flex;flex-direction:column;background:linear-gradient(165deg,color-mix(in srgb,var(--t-card,var(--surface)) 96%,#14204a 4%),color-mix(in srgb,var(--t-card2,var(--background)) 98%,#000 2%));border-color:var(--t-bord,rgba(255,255,255,.09));box-shadow:0 24px 70px rgba(0,0,0,.4)}
.drawer-head{position:sticky;top:-1rem;z-index:2;padding:.2rem 0 .85rem;background:linear-gradient(180deg,color-mix(in srgb,var(--t-card,var(--surface)) 98%,transparent) 75%,transparent);border-bottom:1px solid var(--t-bord,rgba(255,255,255,.08))}
.drawer-head .icon-btn{margin-inline-start:0;flex:0 0 auto}
.drawer-title{color:var(--t-ink,var(--text));line-height:1.45;overflow-wrap:anywhere}
.drawer-nav{gap:.18rem;margin-top:.35rem}
.drawer-label{display:block;margin-top:.5rem;padding:.55rem .7rem .25rem;color:var(--t-mut,var(--text-secondary));font-size:.62rem;letter-spacing:.04em}
.dnav{position:relative;min-height:45px;padding:.68rem .8rem;border-radius:13px;font-size:.79rem;color:var(--t-ink,var(--text));transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease}
.dnav>span:not(.mini-badge){min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
.dnav:hover{transform:translateX(-2px);background:color-mix(in srgb,var(--t-card,var(--surface)) 76%,#fff 5%)}
[dir="ltr"] .dnav:hover{transform:translateX(2px)}
.dnav.active{color:#fff;border-color:color-mix(in srgb,var(--t-b2,var(--primary-light)) 45%,transparent);background:linear-gradient(135deg,var(--t-b1,var(--primary)),var(--t-b2,var(--primary-light)));box-shadow:0 10px 28px color-mix(in srgb,var(--t-b1,var(--primary)) 34%,transparent)}
.dnav.active::before{content:"";position:absolute;inset-inline-start:-.45rem;width:4px;height:22px;border-radius:99px;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.7)}
.drawer-logout-form{margin:0}.drawer-logout-form .dnav{width:100%}
.drawer-credit{margin-top:auto;flex-shrink:0}

@media (min-width:1180px){
  body.site-user{padding-right:var(--user-sidebar-width)}
  [dir="ltr"] body.site-user{padding-right:var(--user-sidebar-width)}
  body.site-user .drawer-root,body.site-user .drawer-root[hidden]{display:block!important;position:fixed;z-index:44;top:0;right:0;bottom:0;left:auto;width:var(--user-sidebar-width);pointer-events:none}
  body.site-user .drawer-root .overlay{display:none}
  body.site-user .drawer{pointer-events:auto;top:.65rem!important;right:.65rem!important;bottom:.65rem!important;left:auto!important;width:calc(var(--user-sidebar-width) - 1.3rem);max-width:none;padding:.9rem;border-radius:1.55rem;animation:none!important;transform:none!important}
  body.site-user #drawerClose{display:none}
  body.site-user #menuBtn{display:none}
  body.site-user .fs-top{max-width:86rem}
  body.site-user .container{max-width:86rem;padding-inline:clamp(1rem,2.5vw,2rem);padding-bottom:3rem}
  body.site-user .fs-bottom{display:none}
}
@media (max-width:1179px){
  .drawer{width:min(21.5rem,calc(100vw - 1rem));max-width:calc(100vw - 1rem)}
}
@media (max-width:720px){
  .fs-brand-copy{display:none}.fs-top-actions{gap:.28rem}.fs-top{gap:.35rem}
  .fs-balance{padding:.35rem .4rem .35rem .7rem;font-size:.72rem}.fs-balance-label{display:none}
  .fs-top-actions .fs-shield{display:none}.fs-ico{width:39px;height:39px;border-radius:12px}.fs-flag{width:38px}
}
@media (max-width:390px){.fs-balance{font-size:.62rem}.fs-balance>span[dir="ltr"]{overflow-wrap:anywhere}}
.fs-notification{position:relative;display:inline-grid}
.fs-notification .header-badge[hidden]{display:none!important}
.fs-notif-panel{position:absolute;top:calc(100% + .45rem);inset-inline-end:0;z-index:80}

/* Homepage */
.home-shell{gap:clamp(1rem,2.4vw,1.6rem)}
.home-eyebrow{display:block;color:var(--t-b2,var(--primary-light));font-size:.67rem;font-weight:900;letter-spacing:.03em}
.home-slider{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:0 18px 46px rgba(0,0,0,.28)}.home-slider .slider-viewport{border-radius:inherit}.home-slider .slide{height:clamp(11rem,30vw,22rem)}.home-slider .slide img{border-radius:0}
.fs-telegram small{display:block;margin-top:.12rem;color:rgba(255,255,255,.72);font-size:.65rem;font-weight:600}
.fs-searchpill{min-height:58px;border-radius:17px;background:var(--t-field,rgba(10,16,38,.72));box-shadow:0 12px 30px rgba(0,0,0,.13)}.fs-searchpill:focus-within{border-color:color-mix(in srgb,var(--t-b2,var(--primary-light)) 60%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--t-b2,var(--primary-light)) 12%,transparent),0 12px 30px rgba(0,0,0,.16)}.fs-searchpill kbd{padding:.18rem .42rem;border:1px solid var(--t-bord,rgba(255,255,255,.1));border-radius:6px;color:var(--t-mut,var(--text-secondary));font:600 .58rem ui-monospace,monospace}
.home-section{scroll-margin-top:6rem}.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.9rem;padding-inline:.15rem}.home-section-head h1,.home-section-head h2{margin:.12rem 0 0;font-family:"Changa",sans-serif;font-size:clamp(1.1rem,2.5vw,1.45rem);color:var(--t-ink,var(--text))}.section-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--t-b2,var(--primary-light));font-size:.72rem;font-weight:800;white-space:nowrap}
.home-categories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.home-category-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 24px;align-items:center;gap:.7rem;min-width:0;padding:.62rem;border:1px solid var(--t-bord,rgba(255,255,255,.08));border-radius:1.15rem;background:linear-gradient(145deg,var(--t-card,rgba(13,20,45,.82)),var(--t-card2,rgba(8,13,32,.66)));box-shadow:0 10px 30px rgba(0,0,0,.13);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.home-category-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--t-b2,var(--primary-light)) 45%,transparent);box-shadow:0 16px 36px rgba(0,0,0,.22)}.home-category-image{display:block;width:58px;height:58px;overflow:hidden;border-radius:.9rem}.home-category-image img,.home-category-image .catalog-image-placeholder{width:100%;height:100%;aspect-ratio:1;object-fit:cover;padding:.25rem}.home-category-image .catalog-image-placeholder__name{font-size:.48rem;-webkit-line-clamp:3}.home-category-name{min-width:0;color:var(--t-ink,var(--text));font-size:.79rem;font-weight:800;line-height:1.5;overflow-wrap:anywhere}.home-category-arrow{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:var(--t-b2,var(--primary-light));background:color-mix(in srgb,var(--t-b2,var(--primary-light)) 12%,transparent)}
@media (min-width:620px){.home-categories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.home-categories-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1450px){.home-categories-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:620px){.fs-telegram{align-items:center}.fs-telegram .linkbtn{padding:.5rem .9rem}.fs-searchpill kbd{display:none}}

/* شريط الأخبار: يظهر في الرئيسية فقط وفوق الأقسام مباشرة. */
.announcement-bar{display:flex;align-items:center;gap:.7rem;direction:rtl;max-width:100%;padding:.48rem .7rem;border:1px solid color-mix(in srgb,#f59e0b 45%,transparent);border-radius:1rem;background:linear-gradient(105deg,color-mix(in srgb,#f59e0b 22%,var(--t-card,var(--surface))),var(--t-card2,var(--background)));color:var(--t-ink,var(--text));box-shadow:0 10px 28px rgba(0,0,0,.14);overflow:hidden}.announcement-global{border-radius:0;border-inline:0}.announcement-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#f59e0b,#facc15);color:var(--surface)}.announcement-icon svg{width:17px;height:17px}.announcement-window{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.announcement-track{display:flex;align-items:center;width:max-content;min-width:200%;animation:announcement-modern 28s linear infinite;will-change:transform;transform:translate3d(0,0,0)}.announcement-track span{flex:0 0 auto;min-width:100vw;padding:.3rem 2rem;text-align:center;font-size:.75rem;font-weight:800;white-space:nowrap}.announcement-bar:hover .announcement-track{animation-play-state:paused}@keyframes announcement-modern{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* Orders list */
.orders-page{gap:1rem}.orders-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1.1rem,3vw,1.7rem);border-radius:1.5rem;background:radial-gradient(circle at 80% 0,rgba(255,255,255,.12),transparent 35%),linear-gradient(125deg,color-mix(in srgb,var(--t-b1,var(--primary)) 82%,#111 18%),color-mix(in srgb,var(--t-b2,var(--primary-light)) 65%,#111 35%));color:#fff;box-shadow:0 18px 44px color-mix(in srgb,var(--t-b1,var(--primary)) 24%,transparent)}.orders-hero h1{margin:.1rem 0;font:800 clamp(1.35rem,3vw,1.9rem) "Changa",sans-serif;color:#fff!important}.orders-hero p{margin:0;color:rgba(255,255,255,.72);font-size:.76rem}.orders-total{display:grid;grid-template-columns:38px auto;column-gap:.6rem;align-items:center;min-width:8rem;padding:.7rem .9rem;border:1px solid rgba(255,255,255,.17);border-radius:1rem;background:rgba(5,13,40,.2)}.orders-total>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.13)}.orders-total>b{font:800 1.15rem "Changa",sans-serif}.orders-total>small{font-size:.6rem;color:rgba(255,255,255,.68)}
.order-filter{display:flex;gap:.45rem;max-width:100%;overflow-x:auto;padding:.15rem .05rem .4rem;scrollbar-width:none}.order-filter::-webkit-scrollbar{display:none}.order-filter a{display:flex;align-items:center;gap:.4rem;flex:0 0 auto;padding:.55rem .75rem;border:1px solid var(--t-bord,rgba(255,255,255,.08));border-radius:12px;background:var(--t-card2,rgba(8,13,32,.66));color:var(--t-mut,var(--text-secondary));font-size:.68rem;font-weight:800}.order-filter a b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.07);font-size:.58rem}.order-filter a.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--t-b1,var(--primary)),var(--t-b2,var(--primary-light)));box-shadow:0 8px 22px color-mix(in srgb,var(--t-b1,var(--primary)) 25%,transparent)}
.orders-list{display:grid;gap:.65rem}.order-list-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.8rem;min-width:0;padding:.8rem;border-radius:1.15rem;border-color:var(--t-bord,rgba(255,255,255,.08));transition:transform .18s ease,border-color .18s ease}.order-list-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--t-b2,var(--primary-light)) 40%,transparent)}.order-list-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--t-b1,var(--primary)),var(--t-b2,var(--primary-light)))}.order-list-main{min-width:0}.order-list-heading{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.order-list-heading>b{min-width:0;color:var(--t-ink,var(--text));font-size:.78rem;line-height:1.55;overflow-wrap:anywhere}.order-list-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.35rem;color:var(--t-mut,var(--text-secondary));font-size:.61rem}.order-list-meta>span{display:inline-flex;align-items:center;gap:.25rem}.action-pending{color:#f59e0b!important}.order-list-price{text-align:end}.order-list-price>b{color:var(--t-b2,var(--primary-light));font:800 .9rem "Changa",sans-serif}.order-list-price>small{display:flex;align-items:center;justify-content:flex-end;gap:.2rem;margin-top:.25rem;color:var(--t-mut,var(--text-secondary));font-size:.58rem}.orders-empty{display:flex;flex-direction:column;align-items:center;gap:.55rem}.orders-empty>svg{width:42px;height:42px;color:var(--t-b2,var(--primary-light))}.orders-empty h2,.orders-empty p{margin:0}.orders-empty p{font-size:.72rem;color:var(--t-mut,var(--text-secondary))}
@media (max-width:620px){.orders-hero{align-items:flex-start}.orders-total{min-width:auto}.order-list-card{grid-template-columns:42px minmax(0,1fr)}.order-list-icon{width:42px;height:42px}.order-list-price{grid-column:2;display:flex;align-items:center;justify-content:space-between;text-align:start}.order-list-heading{align-items:flex-start;flex-direction:column}.order-list-heading .badge{align-self:flex-start}.order-list-price>small{margin:0}.order-list-meta{gap:.4rem}}

/* Order details */
.order-page{gap:1rem}.order-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1rem,3vw,1.6rem);border:1px solid var(--t-bord,rgba(255,255,255,.08));border-radius:1.5rem;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.12),transparent 28%),linear-gradient(125deg,color-mix(in srgb,var(--t-b1,var(--primary)) 80%,#111 20%),color-mix(in srgb,var(--t-b2,var(--primary-light)) 62%,#111 38%));box-shadow:0 18px 46px color-mix(in srgb,var(--t-b1,var(--primary)) 22%,transparent);color:#fff}.order-hero-main{display:flex;align-items:center;gap:.75rem;min-width:0}.order-back,.order-hero-icon{display:grid;place-items:center;flex:0 0 auto;width:43px;height:43px;border-radius:13px;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14)}.order-hero-icon{background:rgba(255,255,255,.19)}.order-hero h1{margin:.05rem 0;font:800 clamp(1.25rem,3vw,1.8rem) "Changa",sans-serif;color:#fff!important}.order-hero p{max-width:34rem;margin:0;color:rgba(255,255,255,.76);font-size:.75rem;line-height:1.6;overflow-wrap:anywhere}.order-hero-status{display:flex;align-items:flex-end;flex-direction:column;gap:.35rem}.order-hero-status small{color:rgba(255,255,255,.68);font-size:.59rem;white-space:nowrap}
.order-compact-content{width:min(100%,58rem);margin-inline:auto}.order-card{min-width:0;padding:1rem;border-radius:1.25rem}.order-card-head{display:flex;align-items:center;gap:.65rem;margin-bottom:.85rem}.order-card-head>span{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--t-b1,var(--primary)),var(--t-b2,var(--primary-light)))}.order-card-head h2{margin:0;color:var(--t-ink,var(--text));font:800 .92rem "Changa",sans-serif}.order-card-head p{margin:.05rem 0 0;color:var(--t-mut,var(--text-secondary));font-size:.61rem}.order-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.order-fact{display:flex;justify-content:space-between;align-items:center;gap:.65rem;min-width:0;padding:.72rem;border:1px solid var(--t-bord,rgba(255,255,255,.07));border-radius:.85rem;background:color-mix(in srgb,var(--t-card2,var(--background)) 88%,transparent)}.order-fact-wide{grid-column:1/-1}.order-fact>span{color:var(--t-mut,var(--text-secondary));font-size:.64rem}.order-fact>b{max-width:65%;color:var(--t-ink,var(--text));font-size:.73rem;text-align:end;overflow-wrap:anywhere}.order-fields{margin-top:.85rem}.order-fields h3{margin:0 0 .45rem;color:var(--t-mut,var(--text-secondary));font-size:.69rem}.order-fields>div{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.55rem .15rem;border-bottom:1px solid var(--t-bord,rgba(255,255,255,.07))}.order-fields>div:last-child{border-bottom:0}.order-fields span{color:var(--t-mut,var(--text-secondary));font-size:.64rem}.order-fields b{max-width:68%;color:var(--t-ink,var(--text));font-size:.72rem;text-align:end;overflow-wrap:anywhere}.order-reply{padding:1rem;border:1px solid color-mix(in srgb,var(--t-b2,var(--primary-light)) 24%,transparent);border-radius:1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--t-b1,var(--primary)) 12%,transparent),color-mix(in srgb,var(--t-b2,var(--primary-light)) 10%,transparent))}.order-reply p{margin:0;color:var(--t-ink,var(--text));font-size:.76rem;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.order-reply small{display:block;margin-top:.55rem;color:var(--t-mut,var(--text-secondary));font-size:.6rem}.order-empty-state{display:flex;align-items:center;gap:.55rem;padding:1rem;border:1px dashed var(--t-bord,rgba(255,255,255,.1));border-radius:1rem;color:var(--t-mut,var(--text-secondary));font-size:.7rem}
.action-status-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.7rem 0;border-bottom:1px solid var(--t-bord,rgba(255,255,255,.07))}.action-status-row b{display:block;color:var(--t-ink,var(--text));font-size:.72rem}.action-status-row small{display:block;margin-top:.15rem;color:var(--t-mut,var(--text-secondary));font-size:.58rem}.action-reason,.action-result{margin-top:.7rem;padding:.75rem;border-radius:.9rem;background:color-mix(in srgb,var(--t-card2,var(--background)) 88%,transparent);border:1px solid var(--t-bord,rgba(255,255,255,.07))}.action-reason span{color:var(--t-mut,var(--text-secondary));font-size:.6rem}.action-reason p,.action-result p{margin:.3rem 0 0;color:var(--t-ink,var(--text));font-size:.68rem;line-height:1.75;white-space:pre-wrap}.action-result{display:flex;gap:.55rem;border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.08)}.action-result>span{color:#10b981}.action-result b{color:#34d399;font-size:.7rem}.order-action-buttons{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.8rem}.order-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:42px;padding:.65rem 1rem;border:0;border-radius:12px;color:#fff;font:800 .7rem inherit;cursor:pointer}.order-action-btn.primary{background:linear-gradient(135deg,var(--t-b1,var(--primary)),var(--t-b2,var(--primary-light)))}.order-action-btn.danger{background:linear-gradient(135deg,#e11d48,#fb7185)}.order-action-note{margin:.7rem 0 0;color:var(--t-mut,var(--text-secondary));font-size:.63rem;line-height:1.7}
.order-dialog{width:min(31rem,calc(100vw - 1.5rem));max-height:calc(100vh - 2rem);overflow:auto;padding:1.2rem;border:1px solid var(--t-bord,rgba(255,255,255,.1));border-radius:1.3rem;background:linear-gradient(150deg,var(--t-card,var(--surface)),var(--t-card2,var(--background)));color:var(--t-ink,var(--text));box-shadow:0 30px 100px rgba(0,0,0,.65)}.order-dialog::backdrop{background:rgba(2,6,23,.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto .7rem;border-radius:15px;color:#fff}.dialog-icon.danger{background:linear-gradient(135deg,#e11d48,#fb7185)}.dialog-icon.primary{background:linear-gradient(135deg,var(--t-b1,var(--primary)),var(--t-b2,var(--primary-light)))}.order-dialog h2{margin:0;text-align:center;color:var(--t-ink,var(--text));font:800 1.05rem "Changa",sans-serif}.order-dialog>p{margin:.45rem auto 1rem;max-width:27rem;text-align:center;color:var(--t-mut,var(--text-secondary));font-size:.7rem;line-height:1.8}.dialog-form>label{display:block;margin-bottom:.35rem;color:var(--t-ink,var(--text));font-size:.7rem;font-weight:800}.dialog-form textarea{resize:vertical;min-height:7rem}.dialog-form>small{display:block;margin-top:.25rem;color:var(--t-mut,var(--text-secondary));font-size:.58rem;text-align:end}.dialog-actions{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-top:1rem}.dialog-actions form{margin:0}.dialog-actions button{min-height:42px;padding:.65rem 1rem}.is-submitting{pointer-events:none;opacity:.7}.is-submitting button[type="submit"]{cursor:wait}
@media (max-width:620px){.order-hero{align-items:flex-start;flex-direction:column}.order-hero-status{align-items:flex-start;padding-inline-start:calc(43px + .75rem)}.order-facts{grid-template-columns:1fr}.order-fact-wide{grid-column:auto}.order-card{padding:.85rem}.order-action-buttons,.order-action-btn{width:100%}.dialog-actions{align-items:stretch;flex-direction:column-reverse}.dialog-actions form,.dialog-actions button{width:100%}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.announcement-track{animation:none;min-width:100%}.announcement-track span[aria-hidden="true"]{display:none}}

/* ============================================================
   ثيمات بنيوية كاملة — ليست مجرد تبديل ألوان
   كل ثيم يغيّر الخلفية، البطاقات، التنقل، الأزرار والـSidebar مركزيًا.
   ============================================================ */
body[data-theme="premium"]{--t-page:var(--background);--t-bg1:var(--primary-dark);--t-bg2:var(--surface);--t-g1:var(--primary);--t-g2:var(--surface-light);--t-card:rgba(18,25,43,.92);--t-card2:rgba(10,15,29,.9);--t-bord:rgba(212,168,79,.2);--t-ink:var(--text);--t-mut:var(--text-secondary);--t-b1:var(--primary);--t-b2:var(--primary-light);--t-field:rgba(7,11,24,.78)}
body[data-theme="modern"]{--t-page:var(--background);--t-bg1:#fff;--t-bg2:var(--surface-light);--t-g1:#0B4DFF;--t-g2:var(--primary-light);--t-card:rgba(255,255,255,.96);--t-card2:rgba(248,250,252,.96);--t-bord:rgba(30,64,175,.1);--t-ink:var(--text);--t-mut:var(--text-secondary);--t-b1:var(--primary);--t-b2:var(--primary-light);--t-field:var(--surface-light)}
body[data-theme="future"]{--t-page:var(--background);--t-bg1:var(--primary-dark);--t-bg2:var(--surface);--t-g1:var(--primary-light);--t-g2:var(--primary-light);--t-card:rgba(17,14,46,.82);--t-card2:rgba(5,24,39,.76);--t-bord:rgba(var(--primary-light-rgb),.2);--t-ink:var(--text);--t-mut:var(--text-secondary);--t-b1:var(--primary-light);--t-b2:var(--primary-light);--t-field:rgba(5,10,30,.76)}

/* Premium Dark: كثافة فاخرة، زوايا ناعمة، لمسات ذهبية. */
body[data-theme="premium"]{background-image:radial-gradient(42rem 26rem at 85% -8%,rgba(184,137,50,.16),transparent 62%),radial-gradient(34rem 28rem at 5% 85%,rgba(51,75,125,.16),transparent 65%),linear-gradient(150deg,var(--background),var(--primary-dark) 48%,var(--background));letter-spacing:.005em}
body[data-theme="premium"] .site-header{background:rgba(7,11,24,.9);border-bottom-color:rgba(212,168,79,.16)}
body[data-theme="premium"] .drawer{border-radius:1.15rem;background:linear-gradient(165deg,var(--surface-light),var(--background) 58%,var(--background));border-color:rgba(212,168,79,.2);box-shadow:0 26px 70px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.04)}
body[data-theme="premium"] .drawer-head{background:linear-gradient(180deg,rgba(21,29,48,.99) 70%,transparent)}
body[data-theme="premium"] .home-category-card,body[data-theme="premium"] .order-card,body[data-theme="premium"] .order-list-card,body[data-theme="premium"] .glass{border-color:rgba(212,168,79,.16);box-shadow:0 16px 38px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)}
body[data-theme="premium"] .home-category-card{padding:.72rem;border-radius:1rem;background:linear-gradient(145deg,var(--surface-light),var(--primary-dark))}
body[data-theme="premium"] .btn-primary,body[data-theme="premium"] .dnav.active,body[data-theme="premium"] .product-buy-icon{color:var(--background);background:linear-gradient(135deg,var(--primary),var(--primary-light));box-shadow:0 10px 24px rgba(184,137,50,.24)}
body[data-theme="premium"] .order-hero,body[data-theme="premium"] .orders-hero{background:radial-gradient(circle at 15% 0,rgba(225,189,107,.18),transparent 32%),linear-gradient(125deg,var(--surface-light),var(--primary-dark));border-color:rgba(212,168,79,.22)}
body[data-theme="premium"] .fs-brand-mark,body[data-theme="premium"] .order-card-head>span{color:var(--background);background:linear-gradient(135deg,var(--primary),var(--primary-light))}

/* Modern Light: طبقات مسطحة سريعة ومساحات بيضاء واضحة. */
body[data-theme="modern"]{background-color:var(--background);background-image:linear-gradient(180deg,#fff 0,var(--background) 18rem,var(--surface-light) 100%)}
body[data-theme="modern"] .site-header{background:rgba(255,255,255,.92);border-bottom-color:#e6eaf0;box-shadow:0 4px 18px rgba(23,32,51,.045)}
body[data-theme="modern"] .drawer{border-radius:1.25rem;background:#fff;border-color:#e5eaf1;box-shadow:0 16px 44px rgba(23,32,51,.12)}
body[data-theme="modern"] .drawer-head{background:linear-gradient(180deg,#fff 75%,transparent);border-color:#e8ecf2}
body[data-theme="modern"] .drawer-credit,body[data-theme="modern"] .home-category-card,body[data-theme="modern"] .order-card,body[data-theme="modern"] .order-list-card,body[data-theme="modern"] .glass,body[data-theme="modern"] .glass-soft,body[data-theme="modern"] .glass-deep{background:#fff;border-color:#e6eaf0;box-shadow:0 8px 24px rgba(23,32,51,.065);-webkit-backdrop-filter:none;backdrop-filter:none}
body[data-theme="modern"] .home-category-card{padding:.7rem;border-radius:.95rem;box-shadow:0 5px 16px rgba(23,32,51,.055)}
body[data-theme="modern"] .home-category-card:hover,body[data-theme="modern"] .order-list-card:hover{border-color:var(--primary-light);box-shadow:0 12px 26px rgba(var(--primary-rgb),.11)}
body[data-theme="modern"] .fs-searchpill,body[data-theme="modern"] .input{background:var(--surface-light);border-color:rgba(var(--text-secondary-rgb),.16);color:var(--text);box-shadow:none}
body[data-theme="modern"] .order-hero,body[data-theme="modern"] .orders-hero{background:linear-gradient(120deg,var(--primary),var(--primary-light));box-shadow:0 14px 34px rgba(var(--primary-rgb),.2)}
body[data-theme="modern"] .dnav{border-radius:.75rem}body[data-theme="modern"] .dnav.active{box-shadow:0 7px 18px rgba(var(--primary-rgb),.18)}
body[data-theme="modern"] .btn-primary,body[data-theme="modern"] .order-action-btn{border-radius:.7rem;box-shadow:0 7px 18px rgba(var(--primary-rgb),.17)}
body[data-theme="modern"] .announcement-bar{background:#fff8e7;border-color:#f5d78a;box-shadow:0 5px 16px rgba(120,83,12,.06)}

/* Futuristic: هندسة أخف، تدرجات مضبوطة وحدود ضوئية بلا مؤثرات ثقيلة. */
body[data-theme="future"]{background-image:linear-gradient(rgba(var(--primary-light-rgb),.025) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-light-rgb),.025) 1px,transparent 1px),radial-gradient(40rem 28rem at 85% -5%,rgba(var(--primary-rgb),.23),transparent 62%),radial-gradient(34rem 26rem at 0 90%,rgba(var(--primary-light-rgb),.13),transparent 64%),linear-gradient(145deg,var(--background),var(--surface));background-size:38px 38px,38px 38px,auto,auto,auto}
body[data-theme="future"] .site-header{background:rgba(8,5,26,.86);border-bottom-color:rgba(var(--primary-light-rgb),.17)}
body[data-theme="future"] .drawer{border-radius:.75rem;background:linear-gradient(160deg,rgba(25,16,62,.97),rgba(5,22,37,.98));border-color:rgba(var(--primary-light-rgb),.24);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.12),0 26px 70px rgba(0,0,0,.52)}
body[data-theme="future"] .drawer-head{background:linear-gradient(180deg,rgba(25,16,62,.98) 75%,transparent)}
body[data-theme="future"] .home-category-card,body[data-theme="future"] .order-card,body[data-theme="future"] .order-list-card,body[data-theme="future"] .glass{border-radius:.75rem;border-color:rgba(var(--primary-light-rgb),.18);background:linear-gradient(140deg,rgba(28,18,66,.83),rgba(5,28,42,.8));box-shadow:0 12px 32px rgba(0,0,0,.27),inset 0 1px rgba(var(--primary-light-rgb),.08)}
body[data-theme="future"] .home-category-card::after{content:"";position:absolute;inset-inline:14%;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--primary-light),transparent);opacity:.75}
body[data-theme="future"] .home-category-arrow,body[data-theme="future"] .order-card-head>span{border-radius:.4rem;background:linear-gradient(135deg,var(--primary-light),var(--primary-light))}
body[data-theme="future"] .dnav{border-radius:.45rem}body[data-theme="future"] .dnav.active{background:linear-gradient(100deg,rgba(var(--primary-rgb),.92),rgba(var(--primary-light-rgb),.8));box-shadow:0 0 22px rgba(var(--primary-light-rgb),.17)}
body[data-theme="future"] .btn-primary,body[data-theme="future"] .order-action-btn{border-radius:.45rem;background:linear-gradient(110deg,var(--primary),var(--primary-light));box-shadow:0 0 24px rgba(var(--primary-light-rgb),.14)}
body[data-theme="future"] .order-hero,body[data-theme="future"] .orders-hero{border-radius:.8rem;background:linear-gradient(115deg,rgba(112,64,232,.92),rgba(6,71,84,.95));border-color:rgba(var(--primary-light-rgb),.24);box-shadow:0 16px 42px rgba(0,0,0,.35)}
body[data-theme="future"] .announcement-bar{border-radius:.55rem;background:linear-gradient(100deg,rgba(var(--primary-rgb),.22),rgba(var(--primary-light-rgb),.13));border-color:rgba(var(--primary-light-rgb),.25)}
.discount-price{display:inline-flex;align-items:center;gap:.38rem;flex-wrap:wrap}.discount-price del{font-size:.72rem;color:#8b93aa;text-decoration-thickness:2px}.discount-price strong{font-weight:900}.discount-badge{background:linear-gradient(135deg,#ef4444,#f97316)!important;color:#fff!important;border:0!important;font-size:.64rem}@media(max-width:560px){.discount-price{gap:.25rem}.discount-price .discount-badge{font-size:.58rem;padding:.2rem .38rem}}