:root{
  /* الثيم الافتراضي: أخضر داكن × ذهبي فاخر (لوحة SOUQAR Premium) */
  --navy:#06392b; --navy2:#02150e; --navysoft:#0e4d36;
  --gold:#d9a92c; --gold2:#ffc83d;
  --bg:#001a12; --surface:#0a3a29; --surface2:#0d4632; --ink:#f7f3e6; --ink2:#a9bfa9; --line:#17573d;
  --green:#2fdc8a; --danger:#ff7a6b;
  --shadow:0 2px 10px rgba(0,0,0,.35),0 12px 30px rgba(0,0,0,.4);
  --radius:16px;
}
[data-theme="light"]{
  /* مظهر اللوحة المرجعية: جسم #F4F7F5 وبطاقات بيضاء وأخضر #064E3B وذهبي #F4C542 */
  --navy:#064e3b; --navy2:#022c22; --navysoft:#0b6b4f;
  --gold:#d9a92c; --gold2:#f4c542;
  --bg:#f4f7f5; --surface:#fff; --surface2:#eef4f0; --ink:#18352d; --ink2:#577065; --line:#dfe9e2;
  --green:#1faa55; --danger:#c0392b;
  --shadow:0 2px 10px rgba(6,57,43,.06),0 10px 28px rgba(6,57,43,.07);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Cairo","Segoe UI",Tahoma,system-ui,sans-serif;line-height:1.65}
h1,h2,h3,h4{line-height:1.35;margin:0 0 10px}
a{color:var(--navysoft)}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit;font-size:15px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);width:100%}
textarea{min-height:80px}
[hidden]{display:none !important}
label.check{display:flex;gap:8px;align-items:flex-start;font-size:14px}
label.check input{width:auto;margin-top:5px}
.muted{color:var(--ink2)} .small{font-size:13px}
.wrap{max-width:1140px;margin:0 auto;padding:22px 16px}
.wrap.narrow{max-width:620px}
.topbar{position:sticky;top:0;z-index:50;background:var(--navy);color:#fff;box-shadow:0 2px 14px rgba(4,42,31,.35)}
.topbar-in{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:10px 16px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.logo-mark{width:44px;height:44px;flex:0 0 auto}.logo-mark svg{width:100%;height:100%}
.brand-name{font-weight:800;font-size:17px}
.brand-sub{font-size:12px;color:#b9cbdb}
.main-nav{display:flex;gap:14px;flex-wrap:wrap}
.main-nav a{color:#cfdde9;text-decoration:none;font-size:14.5px}
.main-nav a:hover{color:#fff}
.topbar-actions{margin-inline-start:auto;display:flex;gap:8px;flex-wrap:wrap}
.icon-btn{background:var(--navysoft);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:8px 13px;font-size:14px;font-weight:700;position:relative}
.icon-btn.gold{background:var(--gold);color:#032117;border-color:var(--gold)}
.icon-btn.dark{background:#eef2f5;color:var(--ink);border-color:var(--line)}
.cart-count{position:absolute;top:-8px;inset-inline-start:-8px;background:#d43a2a;color:#fff;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.hero{background:var(--navy);background-image:radial-gradient(640px 260px at 85% -60px,rgba(23,185,120,.30),transparent 65%);color:#fff}
.hero-in{max-width:1140px;margin:0 auto;padding:38px 16px 42px}
.hero h1{font-size:clamp(24px,5vw,40px);font-weight:900}
.hero .gold{color:var(--gold2)}
.hero p{color:#cfdde9;max-width:660px}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.hero-note{background:rgba(23,185,120,.16);border:1px solid var(--gold);border-radius:10px;padding:8px 12px;color:#c9ffe2}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--navy);color:#fff;border:1.5px solid var(--navy);border-radius:11px;padding:10px 18px;font-size:15px;font-weight:700;text-decoration:none}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#032117}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.btn.light{background:#eef2f5;color:var(--ink);border-color:var(--line)}
.btn.danger{background:var(--danger);border-color:var(--danger)}
.btn.small{padding:6px 11px;font-size:13.5px}
.btn.big{width:100%;padding:13px}
.btn:disabled{opacity:.55;cursor:not-allowed}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters input,.filters select{width:auto;min-width:170px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:16px}
.pcard{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.pcard img{width:100%;height:180px;object-fit:cover;background:#eef2f5}
.pcard .noimg{height:180px;display:flex;align-items:center;justify-content:center;font-size:52px;background:#eef2f5}
.pcard-body{padding:13px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.pcard h3{font-size:16.5px;margin:0}
.price{font-weight:900;font-size:18px;color:var(--navy)}
.price .old{font-weight:400}
.badge{display:inline-block;font-size:12px;font-weight:700;border-radius:99px;padding:2px 9px;background:#e8f7ee;color:#0d5c2c}
.badge.out{background:#fdecea;color:var(--danger)}
.badge.warn{background:#fff8e1;color:#7a5c00}
.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin:16px 0}
.stack{display:flex;flex-direction:column;gap:10px}
.row-form{display:flex;gap:8px;flex-wrap:wrap}
.row-form input{flex:1;min-width:180px;width:auto}
.row-form .btn{flex:0}
.tabs,.role-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.tab{background:#eef2f5;border:1.5px solid var(--line);border-radius:99px;padding:8px 16px;font-weight:700}
.tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{border-bottom:1px solid var(--line);padding:8px 7px;text-align:right;vertical-align:top}
th{color:var(--ink2);font-size:13px}
.tablewrap{overflow-x:auto}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:12px 0}
.stat{background:#eef2f5;border-radius:12px;padding:13px}
.stat b{font-size:21px;display:block;color:var(--navy)}
.drawer,.modal{position:fixed;inset:0;background:rgba(8,26,44,.55);z-index:80;display:flex;justify-content:flex-start}
.modal{justify-content:center;align-items:flex-start;overflow-y:auto;padding:20px 10px}
.drawer-box{background:var(--surface);color:var(--ink);width:min(480px,94vw);height:100%;overflow-y:auto;padding:18px}
.modal-box{background:var(--surface);color:var(--ink);width:min(760px,96vw);border-radius:18px;padding:20px;margin:auto}
.drawer-head{display:flex;justify-content:space-between;align-items:center}
.cart-item{display:flex;gap:10px;border-bottom:1px solid var(--line);padding:10px 0;align-items:center}
.cart-item img{width:56px;height:56px;object-fit:cover;border-radius:9px}
.qty{display:flex;gap:6px;align-items:center}
.qty button{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-weight:800}
.totals{background:#eef2f5;border-radius:11px;padding:11px 13px;font-size:14.5px}
.totals .grand{font-weight:900;font-size:17px;color:var(--navy)}
.toast{position:fixed;bottom:22px;inset-inline-start:50%;transform:translateX(50%);background:var(--navy);color:#fff;border-radius:12px;padding:12px 20px;z-index:99;box-shadow:var(--shadow);max-width:92vw;text-align:center}
.toast.err{background:var(--danger)}
.footer{background:var(--navy2);color:#cfdde9;margin-top:30px}
.foot-in{display:flex;gap:26px;flex-wrap:wrap;justify-content:space-between}
.foot-links{display:flex;flex-direction:column;gap:7px}
.foot-links a{color:#cfdde9;text-decoration:none}
.gallery{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.gallery img{width:86px;height:86px;object-fit:cover;border-radius:10px;cursor:pointer;border:2px solid transparent}
.gallery img.sel{border-color:var(--gold)}
.main-img{width:100%;max-height:340px;object-fit:cover;border-radius:13px;background:#eef2f5}
.share-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.share-row a{text-decoration:none}
.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
details{border:1px solid var(--line);border-radius:11px;padding:10px 13px;margin:8px 0;background:var(--surface)}
summary{cursor:pointer;font-weight:700}
.wrap.narrow-wide{max-width:820px}
.steps{display:flex;gap:8px;margin:14px 0 4px;flex-wrap:wrap}
.step{flex:1;min-width:100px;text-align:center;font-size:12.5px;color:var(--ink2);background:var(--bg);border:1.5px solid var(--line);border-radius:99px;padding:8px 6px}
.step.now{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:800}
.step.done{background:var(--gold);color:#032117;border-color:var(--gold);font-weight:700}
.status-banner{border-radius:11px;padding:10px 14px;font-weight:700;margin:10px 0}
.status-banner.bad{background:#fdecea;color:var(--danger)}
.status-banner.good{background:#e8f7ee;color:#0d5c2c}
.hist{border-inline-start:3px solid var(--line);margin:10px 4px;padding-inline-start:14px}
.hist p{margin:5px 0;font-size:14px}
.hist .t{color:var(--ink2);font-size:12.5px}
@media (max-width:640px){ .filters input,.filters select{width:100%} .main-nav{width:100%;gap:9px} .main-nav a{font-size:13.5px} }

/* أقسام واضحة: تنقل داخل اللوحة + شرائح الفئات */
.dash-nav{position:sticky;top:64px;z-index:30;display:flex;gap:8px;flex-wrap:wrap;background:var(--bg);padding:10px 0}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:13.5px;cursor:pointer}
.chip:hover{border-color:var(--gold)}
#dashContent > .card{scroll-margin-top:130px}
#dashContent > .card > h3{border-bottom:2px solid var(--gold);padding-bottom:8px}
.flash{outline:3px solid var(--gold);outline-offset:3px;transition:outline .3s}

/* جرس الإشعارات */
#bellPanel{position:absolute;top:46px;inset-inline-end:0;z-index:80}
.bell-box{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);width:min(360px,88vw);max-height:60vh;overflow:auto;padding:14px;text-align:start}
.bell-item{border-bottom:1px solid var(--line);padding:8px 0}
.bell-item p{margin:0 0 3px;font-size:14px;white-space:pre-line}

/* الوضع المظلم */
[data-theme="dark"]{--bg:#0d141b;--surface:#16222e;--ink:#e8eef4;--ink2:#9db2c3;--line:#2a3d4f;--navysoft:#7fb0dd;--shadow:0 2px 10px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.45)}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#0f1a25;color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .topbar{background:#04231a}
[data-theme="dark"] table th{background:#0f1a25}

/* أقسام المتجر — بلاطات كيما نموذج التطبيق */
.cat-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px}
.cat-tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 8px;text-align:center;cursor:pointer;box-shadow:var(--shadow)}
.cat-tile .ic{font-size:30px;display:block;margin-bottom:6px}
.cat-tile b{font-size:14px;display:block}
.cat-tile span{font-size:12px;color:var(--ink2)}

/* شريط تنقل سفلي للجوال كيما التطبيقات */
#mobileNav{display:none}
@media (max-width:900px){
  body{padding-bottom:74px}
  #mobileNav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:90;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(0,0,0,.12);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  #mobileNav button{flex:1;background:none;border:0;color:var(--ink2);font-size:20px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;position:relative;padding:4px 0}
  #mobileNav button span{font-size:11px;font-weight:700}
  #mobileNav button.on{color:var(--gold2)}
  #mCartCount{position:absolute;top:0;inset-inline-start:calc(50% - 2px);background:#c0392b;color:#fff;border-radius:999px;font-size:11px;min-width:19px;height:19px;line-height:19px;text-align:center;padding:0 5px}
  #waFloat{bottom:86px}
}
#moreSheet{position:fixed;inset:0;z-index:95;background:rgba(4,12,20,.55);display:flex;align-items:flex-end;justify-content:center}
#moreSheet[hidden]{display:none}
.more-box{background:var(--surface);width:min(520px,100%);border-radius:20px 20px 0 0;padding:18px;max-height:75vh;overflow:auto}
.more-box a{display:block;padding:13px 6px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700}

/* رقائق المقاس/اللون في صفحة المنتج */
.swatches{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}
.swatches button{border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 16px;cursor:pointer;font-weight:700}
.swatches button.sel{border-color:var(--gold);background:var(--navy);color:#fff}
.buy-row{display:flex;gap:10px;margin-top:12px}
.buy-row .btn{flex:1}

/* شريط المزايا */
.feat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0 4px}
.feat{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow)}
.feat>span{font-size:28px}
.feat b{display:block;font-size:15px}
.feat small{color:var(--ink2)}

/* منطقة الطباعة */
#printArea{display:none}
@media print{ body>*{display:none !important} #printArea{display:block !important;direction:rtl;font-family:inherit;color:#000} }

/* بطاقات إحصائيات لوحة المسوق ومراحل التتبع */
.stat-card{text-align:center;padding:18px 12px}
.stat-card .stat-ic{font-size:26px;display:block}
.stat-card strong{font-size:24px;display:block;margin:4px 0}
.stat-card>span{font-weight:800}
.stat-card small{display:block;color:var(--ink2);margin-top:2px}
.stages-strip{display:flex;gap:8px;flex-wrap:wrap}
.stage-pill{flex:1;min-width:150px;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:9px 11px;font-size:13px}
.stage-pill b{background:var(--navy);color:#fff;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}

/* بطاقات اختيار نوع الحساب */
.role-tabs{flex-direction:column}
.role-tabs .tab{display:flex;align-items:center;gap:12px;text-align:right;padding:13px 15px;border-radius:14px;width:100%}
.role-tabs .tab .role-ic{font-size:26px}
.role-tabs .tab b{display:block;font-size:15.5px}
.role-tabs .tab small{display:block;color:var(--ink2);font-weight:400;margin-top:1px}
.role-tabs .tab.active{border-color:var(--gold);background:var(--navy);color:#fff}
.role-tabs .tab.active small{color:#bfe9d2}
/* شاشة الترحيب الأولى */
#splash{position:fixed;inset:0;z-index:200;background:#03231b;display:flex;align-items:center;justify-content:center}
#splash[hidden]{display:none}
.sp-frame{position:relative;width:min(100vw,49.47dvh);max-height:100dvh;aspect-ratio:601/1215}
.sp-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sp-frame #spStart{position:absolute;left:4%;bottom:3.2%;width:89%;height:7%;background:transparent;border:none;border-radius:14px;cursor:pointer}
.sp-frame #spStart:active{background:rgba(255,255,255,.18)}
/* نجوم التقييم */
.stars{color:#f5a623;font-size:13.5px;letter-spacing:1px}
.stars .off{color:var(--line)}
.rate-form .star-pick button{background:none;border:none;font-size:26px;cursor:pointer;color:var(--line);padding:2px}
.rate-form .star-pick button.on{color:#f5a623}
/* تبويبات فلترة */
.chip-row{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
.chip{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:99px;padding:6px 14px;font-size:13.5px;font-weight:700;cursor:pointer}
.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}

/* مركز الحساب وقوائم التنقل */
.avatar-circle{width:52px;height:52px;border-radius:50%;background:var(--navy);color:#fff;font-size:24px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;flex:none}
.hub-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.menu-list{display:flex;flex-direction:column}
.menu-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:right;background:none;border:none;border-bottom:1px solid var(--line);padding:13px 4px;font-size:15.5px;font-weight:700;color:var(--ink);cursor:pointer;text-decoration:none}
.menu-row:last-child{border-bottom:none}
.menu-row span{color:var(--ink2);font-size:20px}
.cat-tile.has-img{background-size:cover;background-position:center;border-color:transparent}
.cat-tile.has-img span{color:#e6f7ee}

/* ===== لغة تصميم اللوحة (موجة التجميل الكبرى) ===== */
.btn{border-radius:99px}
.card{border-radius:20px;box-shadow:0 8px 26px rgba(6,57,43,.08)}
input,select,textarea{border-radius:12px}
.section-head h2{font-size:20.5px}
.promo-banner{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(120deg,#0a4f38,#17b978);color:#fff;padding:22px;display:flex;align-items:center;gap:16px;min-height:148px;box-shadow:0 12px 30px rgba(13,90,65,.28)}
.promo-banner .promo-txt{flex:1}
.promo-banner h1{margin:7px 0 3px;font-size:27px;color:#fff}
.promo-banner p{margin:0 0 13px;color:#d9f5e6}
.promo-badge{background:#fff;color:#0a4f38;font-weight:900;border-radius:11px;padding:2px 10px;font-size:15px}
.btn.white{background:#fff;color:#0a4f38;border:none}
.promo-banner img{width:128px;height:128px;object-fit:cover;border-radius:18px;flex:none;box-shadow:0 8px 22px rgba(0,0,0,.25)}
@media(max-width:520px){.promo-banner img{width:96px;height:96px}.promo-banner h1{font-size:22px}}
.join-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.join-row .btn{flex:1;white-space:nowrap}
.rail{display:flex;gap:12px;overflow-x:auto;padding:6px 4px 16px;scroll-snap-type:x mandatory;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail .pcard{flex:0 0 172px;scroll-snap-align:start}
.pcard{border-radius:20px;box-shadow:0 8px 24px rgba(6,57,43,.09);border:1px solid rgba(6,57,43,.06)}
.pcard-media{position:relative}
.pcard-media img{width:100%;height:168px;object-fit:cover;display:block}
.pcard-media .noimg{height:168px;display:flex;align-items:center;justify-content:center;font-size:52px;background:var(--bg)}
.pcard-body{padding:11px 12px 13px;display:flex;flex-direction:column;gap:5px}
.pcard-body h3{font-size:14.5px;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}
.pcard-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}
.price{color:#0d9d63}
.add-btn{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#17b978,#0d5a41);color:#fff;border:none;font-size:18px;cursor:pointer;flex:none;box-shadow:0 5px 14px rgba(23,185,120,.4)}
.add-btn:disabled{opacity:.4;box-shadow:none}
.fav-btn{position:absolute;top:8px;inset-inline-start:8px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.94);border:none;cursor:pointer;font-size:16px;box-shadow:0 3px 10px rgba(0,0,0,.16);z-index:2}
.disc-badge{position:absolute;top:8px;inset-inline-end:8px;background:#e5484d;color:#fff;font-weight:800;font-size:12.5px;border-radius:9px;padding:2px 8px;z-index:2}
.sold-badge{position:absolute;bottom:8px;inset-inline-start:8px;background:rgba(6,57,43,.88);color:#fff;font-size:11.5px;font-weight:700;border-radius:9px;padding:2px 8px;z-index:2}
.cat-circles{display:flex;gap:15px;overflow-x:auto;padding:10px 2px 6px;scrollbar-width:none}
.cat-circles::-webkit-scrollbar{display:none}
.cat-circle{flex:0 0 auto;width:80px;height:auto;min-height:92px;border-radius:18px;background:var(--surface);border:1.5px solid rgba(255,212,90,.45);cursor:pointer;color:var(--ink);padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.cat-circle .cc-emoji{font-size:28px;line-height:1}
.cat-circle b{font-size:11px;display:block;white-space:normal;line-height:1.3;text-align:center}
[data-theme="light"] .cat-circle{background:#fff;border-color:#d8e2ea}
.cat-circle span{font-size:11px;color:var(--ink2)}
.feat-strip{gap:10px}
.feat{border-radius:16px}
.mnav{box-shadow:0 -4px 18px rgba(6,57,43,.10)}

/* ===== إصلاحات الهاتف من الفحص البصري + بطاقات المورد ===== */
.pcard-body h3{dir:auto;unicode-bidi:plaintext;text-align:start}
.stock-ok{color:#0d9d63;font-size:12.5px;font-weight:800}
.steps .step{font-size:12.5px}
.cart-item{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.cart-item img{width:62px;height:62px;border-radius:12px;object-fit:cover;flex:none}
.ci-main{flex:1;min-width:0}
.ci-name{display:block;font-size:14.5px;line-height:1.45}
.ci-row{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.prod-row{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.prod-row:last-child{border-bottom:none}
.prod-row img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none}
.prod-row .pr-main{flex:1;min-width:0}
.ord-card{border:1px solid var(--line);border-radius:16px;padding:13px;margin-bottom:11px;background:var(--surface)}
.ord-head{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:900px){.main-nav{display:none}}
@media(max-width:560px){
  .brand-sub{display:none}
  .logo-mark{width:38px;height:38px}
  .topbar-in{gap:8px;padding:8px 12px}
  .topbar-actions .icon-btn{padding:7px 10px;font-size:13.5px}
}
@media(max-width:720px){
  .grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .rail .pcard{flex-basis:158px}
  .pcard-media img{height:128px}
  .pcard-body{padding:9px 10px 11px}
  .pcard-body h3{font-size:13px;min-height:35px}
  .add-btn{width:38px;height:38px;font-size:16px}
  .feat-strip{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .feat{padding:11px;font-size:13px}
  .feat>span{font-size:22px}
  .filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .filters input{grid-column:1/-1}
  .filters .btn{grid-column:1/-1}
}

/* ===== ضبط الفيض الأفقي والخطوات ===== */
html,body{overflow-x:clip}
.badge{white-space:normal;text-align:center;line-height:1.35}
.dash-nav{flex-wrap:wrap}
.kv label{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.steps{display:flex;gap:6px}
.steps .step{flex:1;min-width:0;padding:8px 4px;text-align:center}
.prod-row{flex-wrap:wrap}
.prod-row .pr-main{min-width:170px}
.tablewrap{overflow-x:auto}

/* ===== محفظة المسوق وقائمة الحساب (أسلوب سوقلي) ===== */
.wallet-hero{background:linear-gradient(135deg,#0d5a41,#06392b);color:#fff;border-radius:18px;padding:18px;margin-bottom:12px;box-shadow:0 10px 24px rgba(6,57,43,.25)}
.wallet-hero .wh-amount{font-size:31px;font-weight:900;margin:4px 0}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}
@media(min-width:720px){.tiles{grid-template-columns:repeat(4,1fr)}}
.tile{border-radius:16px;padding:14px;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.tile small{display:block;opacity:.94;font-weight:700;margin-bottom:5px}
.tile b{font-size:20px}
.tile.blue{background:linear-gradient(135deg,#2196f3,#1565c0)}
.tile.green{background:linear-gradient(135deg,#43a047,#2e7d32)}
.tile.teal{background:linear-gradient(135deg,#26a69a,#00796b)}
.tile.purple{background:linear-gradient(135deg,#8e24aa,#6a1b9a)}
.tile.orange{background:linear-gradient(135deg,#fb8c00,#e65100)}
/* شارة الجرس + عناصر إشعارات غير مقروءة */
.bell-badge{position:absolute;top:-4px;inset-inline-start:-4px;background:#e53935;color:#fff;font-size:11px;font-weight:800;min-width:19px;height:19px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}
.bell-badge[hidden]{display:none}
.bell-item.unread{background:#f2fbf5;border-radius:8px;padding:8px}
/* إعدادات: عناوين الحقول فوق مدخلاتها */
#dashSettings .stack label{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:14px}
/* صورة مصغرة في جدول منتجات المسوق */
.mk-thumb{display:inline-flex;width:42px;height:42px;border-radius:9px;background:#eef2f5;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;font-size:20px}
.mk-thumb img{width:100%;height:100%;object-fit:cover}
/* جداول اللوحات كبطاقات على الهاتف (class=rt مع data-l على الخلايا) */
@media(max-width:640px){
  table.rt, table.rt tbody, table.rt tr, table.rt td{display:block;width:100%}
  table.rt tr{border:1px solid var(--line);border-radius:13px;padding:9px 12px;margin-bottom:10px;background:#fff}
  table.rt tr:first-child{display:none}
  table.rt td{border:none!important;padding:4px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:end}
  table.rt td::before{content:attr(data-l);font-weight:800;color:var(--muted,#667);font-size:12.5px;text-align:start}
  table.rt td[data-l=""]::before, table.rt td:not([data-l])::before{content:none}
}
.menu-list{display:flex;flex-direction:column}
.menu-row{display:flex;align-items:center;gap:11px;padding:13px 6px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700;background:none;border-top:none;border-left:none;border-right:none;width:100%;text-align:start;font-size:15px;cursor:pointer;font-family:inherit}
.menu-row span{flex:1}
.menu-row:last-child{border-bottom:none}

/* شريط خطأ الاتصال — يظهر بدل واجهة فارغة صامتة عند توقف الخادم */
#connBar{position:sticky;top:0;z-index:60;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;background:#fdf3e3;color:#7a4d00;border-bottom:1px solid #ecd9ae;padding:9px 14px;font-size:13.5px;font-weight:700}
#connBar[hidden]{display:none}
#connBar button{background:#7a4d00;color:#fff;border:none;border-radius:999px;padding:6px 16px;font-weight:800;cursor:pointer;font-family:inherit}
/* صفوف طلبات السحب في محفظة المسوق */
.po-row{padding:8px 0;border-bottom:1px dashed var(--line)}
.po-row:last-child{border-bottom:none}
.po-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}

/* صفحة المنتج الكاملة + صفحة إتمام الطلب + مكبّر الصور */
#view-product .wrap, #view-checkout .wrap { padding-top: 14px; padding-bottom: 26px; }
.pp-main { cursor: zoom-in; max-height: 420px; }
.pp-desc p { line-height: 1.9; }
.buy-bar { position: sticky; bottom: 8px; z-index: 40; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 10px; box-shadow: 0 -6px 24px rgba(0,0,0,.14); }
@media (max-width: 760px) { .buy-bar { bottom: 70px; } }
.page-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.page-head h2 { margin: 0; }
#coItems .card { margin-bottom: 14px; }
#lightbox { position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,.94); display: flex; align-items: center; justify-content: center; cursor: zoom-out; }
#lightbox[hidden] { display: none; }
#lightbox img { max-width: 100vw; max-height: 100vh; object-fit: contain; }
#lightboxClose { position: absolute; top: 14px; inset-inline-end: 14px; background: rgba(255,255,255,.16); color: #fff; z-index: 2; }

/* ===== ثيم SOUQAR الفاخر (أخضر داكن × ذهبي) — كتابة واضحة ===== */
body { background: radial-gradient(900px 480px at 50% -8%, #0a4a33 0%, var(--bg) 58%) fixed, var(--bg); }
[data-theme="light"] body { background: var(--bg); }
.topbar { background: linear-gradient(180deg, #0a4a33, #04231a); border-bottom: 1px solid rgba(201,162,39,.45); }
[data-theme="light"] .topbar { background: var(--navy); border-bottom: none; }
.brand-name { font-size: 20px; letter-spacing: .6px; background: linear-gradient(100deg, #b8860b 0%, #FFD45A 30%, #fff3c4 50%, #FFD45A 70%, #b8860b 100%); background-size: 220% auto; -webkit-background-clip: text; background-clip: text; color: transparent; animation: goldShine 7s linear infinite; }
@keyframes goldShine { to { background-position: 220% center; } }
[data-theme="light"] .brand-name { background: none; color: var(--gold2); -webkit-background-clip: initial; background-clip: initial; animation: none; text-shadow: 0 1px 10px rgba(47, 220, 138, .35); }
.brand-sub { color: #d8e8d2; }
.main-nav a { color: #d8e8d2; font-weight: 700; }
.main-nav a:hover { color: var(--gold2); }
.icon-btn { background: var(--surface2); color: var(--ink); border-color: var(--line); }
.icon-btn.gold { background: linear-gradient(180deg, var(--gold2), var(--gold)); color: #231a00; border-color: var(--gold); }
.icon-btn.dark { background: var(--surface2); color: var(--ink); border-color: var(--line); }
[data-theme="light"] .icon-btn { background: var(--navysoft); color: #fff; }
[data-theme="light"] .icon-btn.gold { background: var(--gold); color: #032117; }
[data-theme="light"] .icon-btn.dark { background: #eef2f5; color: var(--ink); }
.btn { background: linear-gradient(180deg, var(--gold2), var(--gold)); color: #231a00; border-color: var(--gold); }
.btn.light { background: var(--surface2); color: var(--ink); border-color: var(--line); }
.btn.ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.45); }
.btn.danger { background: var(--danger); border-color: var(--danger); color: #fff; }
[data-theme="light"] .btn { background: var(--navy); color: #fff; border-color: var(--navy); }
[data-theme="light"] .btn.gold { background: var(--gold); color: #032117; border-color: var(--gold); }
[data-theme="light"] .btn.light { background: #eef2f5; color: var(--ink); }
.hero { background: linear-gradient(160deg, #0b5138 0%, #04231a 70%); }
.hero .gold { color: var(--gold2); }
.hero p { color: #d8e8d2; }
.hero-note { background: rgba(201,162,39,.15); border-color: var(--gold); color: #ffe9a8; }
[data-theme="light"] .hero { background: var(--navy); }
#view-home h2, #view-product h2 { color: var(--gold2); }
[data-theme="light"] #view-home h2, [data-theme="light"] #view-product h2 { color: var(--ink); }
#searchInput { border: 1.5px solid var(--gold); border-radius: 99px; padding: 12px 20px; font-size: 16px; background: var(--surface); }
[data-theme="light"] #searchInput { border-color: var(--line); border-radius: 10px; padding: 10px 12px; }
.pcard { background: var(--surface); border: 1px solid var(--line); }
.pcard h3 { font-size: 16px; font-weight: 800; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 3.1em; }
.pcard-media .noimg { background: var(--surface2); }
.price { color: var(--gold2); font-size: 20px; }
[data-theme="light"] .price { color: var(--navy); }
.add-btn { background: linear-gradient(180deg, var(--gold2), var(--gold)); color: #231a00; box-shadow: 0 5px 14px rgba(201,162,39,.4); font-size: 19px; }
[data-theme="light"] .add-btn { background: linear-gradient(135deg,#17b978,#0d5a41); color: #fff; }
.fav-btn { background: rgba(3,26,18,.55); border: 1px solid rgba(255,255,255,.35); backdrop-filter: blur(2px); }
[data-theme="light"] .fav-btn { background: rgba(255,255,255,.94); border: none; }
.sold-badge { background: linear-gradient(180deg, var(--gold2), var(--gold)); color: #231a00; }
.badge { background: #0e4d36; color: #7be2ae; }
.badge.out { background: #5a1f1a; color: #ff9d8f; }
.badge.warn { background: #57451a; color: #ffd97a; }
[data-theme="light"] .badge { background: #e8f7ee; color: #0d5c2c; }
[data-theme="light"] .badge.out { background: #fdecea; color: var(--danger); }
[data-theme="light"] .badge.warn { background: #fff8e1; color: #7a5c00; }
.stock-ok { color: var(--green); }
.stat { background: var(--surface2); }
.stat b { color: var(--gold2); }
[data-theme="light"] .stat { background: #eef2f5; }
[data-theme="light"] .stat b { color: var(--navy); }
.tab { background: var(--surface2); color: var(--ink); border-color: var(--line); }
.tab.active { background: linear-gradient(180deg, var(--gold2), var(--gold)); color: #231a00; border-color: var(--gold); }
[data-theme="light"] .tab { background: #eef2f5; }
[data-theme="light"] .tab.active { background: var(--navy); color: #fff; }
.chip { background: var(--surface); }
.chip.on { background: linear-gradient(180deg, var(--gold2), var(--gold)); color: #231a00; border-color: var(--gold); }
[data-theme="light"] .chip.on { background: var(--navy); color: #fff; }
.step { background: var(--surface2); }
.step.now { background: linear-gradient(180deg, var(--gold2), var(--gold)); color: #231a00; border-color: var(--gold); }
[data-theme="light"] .step { background: var(--bg); }
[data-theme="light"] .step.now { background: var(--navy); color: #fff; }
.cat-circle .cc-img { border-color: var(--gold); }
.cat-circle .cc-emoji { background: var(--surface2); }
.toast { background: linear-gradient(180deg, var(--gold2), var(--gold)); color: #231a00; font-weight: 800; }
.toast.err { background: var(--danger); color: #fff; }
[data-theme="light"] .toast { background: var(--navy); color: #fff; }
.footer { background: #031a12; color: #a9bfa9; border-top: 1px solid rgba(201,162,39,.35); }
[data-theme="light"] .footer { background: var(--navy2); color: #cfdde9; }
#mobileNav { background: #04231a; border-top: 1px solid rgba(201,162,39,.5); }
#mobileNav button { color: #cfe3cf; }
#mobileNav button.on { color: var(--gold2); }
[data-theme="light"] #mobileNav { background: var(--surface); border-top: 1px solid var(--line); }
[data-theme="light"] #mobileNav button { color: var(--ink2); }
[data-theme="light"] #mobileNav button.on { color: var(--gold); }
.buy-bar { background: var(--surface); }
.kv span { background: var(--surface2); }
.swatches button.sel { border-color: var(--gold); box-shadow: 0 0 0 2px rgba(201,162,39,.4); }
input::placeholder, textarea::placeholder { color: var(--ink2); opacity: .85; }
@media (max-width: 760px) {
  #view-home .grid, #view-product .grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .pcard-body { padding: 10px; }
}

/* ===== مطابقة لوحة الهوية: بطاقات بيضاء + صفحة منتج فاتحة + هيرو اللوحة ===== */
.promo-banner { background-color: #04231a; background-image: linear-gradient(to right, rgba(3, 41, 31, .93) 26%, rgba(3, 41, 31, .55) 55%, rgba(3, 41, 31, .05) 82%), url('/hero-bg.jpg'); background-size: cover; background-position: center; border: 1px solid rgba(255, 212, 90, .4); min-height: 218px; }
.promo-banner #promoImg { display: none; }
html:not([data-theme="light"]) body { background: radial-gradient(1100px 480px at 85% -60px, rgba(8, 127, 85, .28), transparent 60%), var(--bg); }
.promo-banner h1 .gold { color: var(--gold2); }
.promo-feats { display: flex; gap: 14px; flex-wrap: wrap; margin: 0 0 14px; font-size: 13.5px; font-weight: 700; color: #ffe9a8; }
html:not([data-theme="light"]) .pcard { background: #fdfcf8; border-color: #e7e2d2; color: #16222e; }
html:not([data-theme="light"]) .pcard h3 { color: #16222e; }
html:not([data-theme="light"]) .pcard .muted { color: #5c6b5e; }
.pcard .price { color: #0e9f5a; }
.pcard-media, .pcard h3 { cursor: pointer; }
.add-cart-btn { background: linear-gradient(180deg, #0aa866, #087F55); color: #fff; border-color: #087F55; width: 100%; margin-top: 8px; box-shadow: 0 6px 16px rgba(8, 127, 85, .35); }
.add-cart-btn:disabled { opacity: .5; }
[data-theme="light"] .add-cart-btn { background: linear-gradient(180deg, #0aa866, #087F55); color: #fff; border-color: #087F55; }
html:not([data-theme="light"]) #view-product { color: #16222e; background: #f8f7f2; --surface: #ffffff; --surface2: #f0eee3; --ink: #16222e; --ink2: #5c6b5e; --line: #e3dfcd; }
html:not([data-theme="light"]) #view-product .buy-bar { background: #ffffff; }
#view-product .price { color: #0e9f5a; font-size: 26px; }
#view-product .badge { background: #e5f6ec; color: #0d8a4c; }
#view-product .badge.out { background: #fdecea; color: #c0392b; }
#view-product #pmAdd { background: linear-gradient(180deg, #1cb56b, #0d8a4c); border-color: #0d8a4c; color: #fff; }
#view-product #pmBuyNow { background: #06392b; border-color: #06392b; color: #fff; }
.pp-media { position: relative; }
.img-count { position: absolute; bottom: 10px; inset-inline-start: 10px; background: rgba(3,26,18,.72); color: #fff; font-size: 12.5px; font-weight: 700; border-radius: 99px; padding: 2px 11px; }
.pp-feats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 12px 0; }
.pp-feats > div { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 10px 4px; text-align: center; font-size: 19px; }
.pp-feats b { display: block; font-size: 13.5px; margin-top: 2px; }
.pp-feats span { font-size: 12px; color: var(--ink2); }
.cat-circle { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 10px 4px 8px; width: 96px; }
.cat-circle .cc-img { border-radius: 16px; width: 72px; height: 72px; }

/* ===== لمسات Premium: لمعان وتوهج وانتقالات واحترام تقليل الحركة ===== */
.promo-banner h1 .gold { background: linear-gradient(100deg, #b8860b 0%, #FFD45A 30%, #fff3c4 50%, #FFD45A 70%, #b8860b 100%); background-size: 220% auto; -webkit-background-clip: text; background-clip: text; color: transparent; animation: goldShine 7s linear infinite; }
.btn.gold, .buy-now { box-shadow: 0 6px 18px rgba(255, 212, 90, .35); }
.pcard, .btn, .chip, .cat-circle, .bnav button { transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease; }
.pcard:hover { transform: translateY(-3px); }
.search-hero { padding-top: 14px; padding-bottom: 0; }
.search-hero input { width: 100%; padding: 13px 18px; border-radius: 999px; border: 2px solid rgba(255, 212, 90, .55); background: var(--navy2); color: var(--ink); font-size: 15px; box-shadow: 0 0 0 3px rgba(255, 212, 90, .08), 0 8px 22px rgba(0, 0, 0, .35); }
[data-theme="light"] .search-hero input { background: #fff; color: #16222e; border-color: var(--gold); box-shadow: 0 2px 10px rgba(11, 34, 57, .08); }
.see-all { margin-inline-start: auto; background: none; border: none; color: var(--gold2); font: inherit; font-size: 13.5px; font-weight: 800; cursor: pointer; padding: 6px 2px; }
@media (max-width: 760px) { body { padding-bottom: 74px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

/* ===== وضع الفرنسية LTR: قلب التظليل والمحاذاة الفيزيائية ===== */
[dir="ltr"] .promo-banner { background-image: linear-gradient(to right, rgba(3, 41, 31, .92) 22%, rgba(3, 41, 31, .55) 52%, rgba(3, 41, 31, .08) 78%), url('/hero-bg.jpg'); }
[dir="ltr"] .pm-price, [dir="ltr"] .pp-head-row { text-align: left; }
[dir="ltr"] .field label { text-align: left; }
[dir="ltr"] #langBtn { font-size: 12.5px; }

/* ===== مطابقة اللوحة الأخيرة: نص البانر يساراً + شريط علوي فوق صورة المنتج + عدّاد كمية ===== */
.promo-banner .promo-txt { text-align: left; max-width: 64%; }
.promo-banner .promo-txt h1, .promo-banner .promo-txt p { text-align: left; }
.pm-topbar { position: absolute; top: 10px; inset-inline: 10px; display: flex; justify-content: space-between; align-items: flex-start; z-index: 3; }
.pm-tb-group { display: flex; gap: 8px; }
.pm-tb { width: 38px; height: 38px; border-radius: 50%; border: none; background: rgba(255, 255, 255, .94); color: #16222e; box-shadow: 0 3px 10px rgba(0, 0, 0, .25); font-size: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.pp-title { font-size: 19px; margin: 12px 0 2px; line-height: 1.45; }
.qty-row { display: flex; align-items: center; gap: 12px; margin: 10px 0; font-weight: 800; }
.qty-stepper { display: inline-flex; align-items: center; border: 1.5px solid var(--line); border-radius: 999px; overflow: hidden; background: #fff; }
.qty-stepper button { width: 40px; height: 40px; border: none; background: #f2f5f3; font-size: 19px; cursor: pointer; color: #16222e; }
.qty-stepper input { width: 46px; height: 40px; border: none; text-align: center; font-size: 15.5px; font-weight: 800; color: #16222e; background: #fff; }
.fav-circle { flex: 0 0 auto; width: 50px; height: 50px; border-radius: 50%; border: 1.5px solid var(--line); background: var(--surface); font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; }

/* ===== تثبيت أبعاد صورة المنتج وشريط الشراء (مطابقة اللوحة) ===== */
.pp-media { background: #e9eef0; border-radius: 14px; overflow: hidden; }
.pp-main { width: 100%; height: min(94vw, 400px); object-fit: cover; display: block; }
.buy-bar .btn { white-space: nowrap; font-size: 15px; padding: 13px 8px; }
.buy-bar #pmAdd { flex: 1.3; }
.buy-bar #pmBuyNow { flex: 1; }

/* ===== زر عرض التفاصيل في البطاقة (أُرجع بطلب المؤسس) ===== */
.details-btn { width: 100%; margin-top: 6px; background: transparent; border: 1.5px solid #c9a227; color: #7c5f10; font-weight: 800; }
.details-btn:hover { background: rgba(201, 162, 39, .12); }

/* ===== إصلاحات جولة الأخطاء الحية (2026-10-26) ===== */
.totals { color: #17323d; }
.totals .muted { color: #5c6f77; }
.pp-noimg { height: min(94vw, 400px); display: flex; align-items: center; justify-content: center; font-size: 84px; background: linear-gradient(145deg, #0a4a33, #03291F); border-radius: 14px; }
.pcard-media .noimg { background: linear-gradient(145deg, #0a4a33, #03291F); }
.filter-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; background: #fdf3e3; color: #7a4d00; border: 1px solid #ecd9ae; border-radius: 12px; padding: 9px 13px; margin-bottom: 12px; font-size: 13.5px; font-weight: 700; }
.filter-bar[hidden] { display: none; }

/* ===== تنظيم الواجهة كيما لوحة المؤسس الاحترافية (2026-10-26) ===== */
/* الترويسة: اسم كبير واضح وأزرار مرتبة بلا التفاف */
.topbar-in { flex-wrap: nowrap; }
.topbar-actions { flex-wrap: nowrap; align-items: center; }
.brand-name { font-size: 26px; }
.logo-mark { width: 50px; height: 50px; }
#accountBtn { display: none; }
@media (max-width: 760px) {
  .topbar-actions #authBtn, .topbar-actions #dashBtn, .topbar-actions #logoutBtn { display: none; }
  #accountBtn { display: inline-flex; }
  .cart-word { display: none; }
  .topbar-actions { gap: 6px; }
  .topbar-actions .icon-btn { padding: 7px 9px; }
  .brand-name { font-size: 23px; }
  .logo-mark { width: 42px; height: 42px; }
  .brand-sub { display: block; font-size: 10.5px; }
  .logo { gap: 7px; }
}
/* شرائح الأقسام تحت البحث */
.catchips { display: flex; gap: 8px; overflow-x: auto; padding: 10px 2px 2px; scrollbar-width: none; }
.catchips::-webkit-scrollbar { display: none; }
.catchip { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(255, 212, 90, .45); background: rgba(255, 255, 255, .05); color: #eaf5ec; font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; }
.catchip.on { background: linear-gradient(180deg, #0aa866, #087F55); border-color: #FFD45A; color: #fff; box-shadow: 0 4px 14px rgba(8, 127, 85, .45); }
[data-theme="light"] .catchip { color: #14342a; background: #fff; border-color: #cfdccf; }
[data-theme="light"] .catchip.on { color: #fff; border-color: #FFD45A; }
/* البانر: الصورة ظاهرة فعلياً (عنصر صورة بسطوع) والتدرج فوقها من جهة النص فقط */
.wrap .promo-banner, [dir="ltr"] .promo-banner { background-image: none; }
.promo-banner .promo-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 74% 50%; filter: brightness(1.16) saturate(1.07); border-radius: 0; box-shadow: none; }
.promo-banner::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to right, rgba(3, 41, 31, .92) 30%, rgba(3, 41, 31, .48) 58%, rgba(3, 41, 31, .03) 85%); }
[dir="rtl"] .promo-banner { flex-direction: row-reverse; }
.promo-banner .promo-txt { position: relative; z-index: 2; }
.promo-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 5px; z-index: 2; }
.promo-dots i { width: 7px; height: 7px; border-radius: 99px; background: rgba(255, 255, 255, .35); }
.promo-dots i.on { width: 20px; background: var(--gold2); }
/* بطاقات داكنة فاخرة: سعر ذهبي كبير وزر سلة دائري */
#view-home .pcard, #view-product .pcard { background: linear-gradient(180deg, #0b4030, #06231a); border: 1px solid rgba(255, 212, 90, .35); color: #f2f7f2; }
#view-home .pcard h3, #view-product .pcard h3 { color: #fff; }
#view-home .pcard .muted, #view-product .pcard .muted { color: #a9c4b2; }
#view-home .pcard .price, #view-product .pcard .price { color: var(--gold2); font-size: 19px; font-weight: 900; }
#view-home .pcard .stock-ok, #view-product .pcard .stock-ok { color: #7be495; }
#view-home .fav-btn, #view-product .fav-btn { background: rgba(3, 26, 18, .55); border: 1px solid rgba(255, 255, 255, .35); }
.pcard-buyrow { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.cart-round { width: 40px; height: 40px; flex: 0 0 auto; border-radius: 50%; border: 1.5px solid var(--gold2); background: rgba(255, 212, 90, .12); color: var(--gold2); font-size: 17px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.cart-round:disabled { opacity: .45; }
.details-btn { border-radius: 999px; border-color: var(--gold2); color: var(--gold2); background: transparent; }
.details-btn:hover { background: rgba(255, 212, 90, .14); }
/* الشريط السفلي: أيقونات خطية نظيفة */
#mobileNav button svg { width: 22px; height: 22px; display: block; }
#mobileNav button.on svg { filter: drop-shadow(0 0 6px rgba(255, 212, 90, .85)); }
#mobileNav button b { position: absolute; top: 1px; inset-inline-start: calc(50% + 3px); background: #e5484d; color: #fff; font-size: 10px; min-width: 17px; height: 17px; border-radius: 99px; display: flex; align-items: center; justify-content: center; padding: 0 4px; }
#mobileNav button b[hidden] { display: none; }
.brand-sub { white-space: nowrap; }
#accountBtn svg { width: 20px; height: 20px; display: block; }
@media (max-width: 760px) { .brand-sub { font-size: 10px; } }

/* التفاف ثنائي الاتجاه: نص عربي داخل الوضع الفرنسي يُعرض باتجاهه الصحيح */
[dir="ltr"] :where(p, span, small, strong, b, em, h1, h2, h3, h4, h5, h6, button, a, label, option, li, td, th) { unicode-bidi: plaintext; }

/* ===== طلب المؤسس 2026-10-26: اسم أكبر ذهبي احترافي + زر لغة مدمج + بلاطات أقسام صغيرة ===== */
.brand-name { font-size: 31px; font-weight: 900; letter-spacing: .8px; }
.logo-mark { width: 52px; height: 52px; }
#langBtn { white-space: nowrap; line-height: 1; font-size: 12.5px; padding: 8px 10px; }
.cat-circle { width: 66px; min-height: 74px; border-radius: 15px; padding: 6px 3px; gap: 4px; }
.cat-circle .cc-emoji { font-size: 22px; }
.cat-circle b { font-size: 11px; }
.cat-tiles { grid-template-columns: repeat(auto-fill, minmax(82px, 1fr)); gap: 9px; }
.cat-tile { padding: 10px 4px; border-radius: 14px; }
.cat-tile .ic { font-size: 23px; margin-bottom: 3px; }
.cat-tile b { font-size: 12.5px; }
@media (max-width: 760px) {
  .brand-name { font-size: 27px; }
  .logo-mark { width: 46px; height: 46px; }
  .topbar-in { gap: 7px; }
}

/* ===== جولة اللوحة الاحترافية 2026-10-26: ترويسة نظيفة + بحث ذهبي + بطاقات بيضاء ===== */
.search-pill { display: flex; align-items: center; gap: 9px; background: rgba(2, 32, 24, .78); border: 1.6px solid var(--gold); border-radius: 99px; padding: 10px 15px; box-shadow: 0 6px 20px rgba(0, 0, 0, .28); }
.search-pill .sp-ic { color: var(--gold); display: flex; flex: 0 0 auto; }
.search-pill .sp-ic svg { width: 20px; height: 20px; }
.search-pill #searchInput { flex: 1; min-width: 0; width: auto; background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 0; color: var(--ink); font-size: 15px; outline: 0; }
.search-pill #searchInput::placeholder { color: #b9cdc4; }
.sp-scan { background: none; border: 0; color: var(--gold); display: flex; padding: 2px; cursor: pointer; flex: 0 0 auto; }
.sp-scan svg { width: 21px; height: 21px; }
#catChipsTop { display: none; }
.promo-feats { flex-direction: column; gap: 8px; align-items: flex-start; }
.promo-feats span { display: flex; align-items: center; gap: 9px; background: none; color: #fff; font-size: 14.5px; font-weight: 700; padding: 0; }
.promo-feats i { font-style: normal; width: 21px; height: 21px; border-radius: 50%; background: rgba(255, 212, 90, .16); border: 1.4px solid var(--gold); color: var(--gold); display: flex; align-items: center; justify-content: center; font-size: 12.5px; flex: 0 0 auto; }
.promo-banner .btn.gold { border-radius: 99px; padding: 11px 27px; font-size: 15.5px; }
#secCats { padding-top: 4px; }
.cat-circle.on { border-color: var(--gold); box-shadow: 0 0 0 2px rgba(255, 212, 90, .6), 0 6px 16px rgba(0, 0, 0, .3); }
#view-home .pcard, #view-product .pcard { background: #fff; border: 1px solid #e6ede9; border-radius: 18px; box-shadow: 0 8px 20px rgba(3, 41, 31, .16); color: #14261e; }
#view-home .pcard-body h3, #view-product .pcard-body h3 { color: #14261e; }
#view-home .pcard .price, #view-product .pcard .price { color: #0a8a5f; font-size: 18px; }
#view-home .pcard .muted, #view-product .pcard .muted { color: #7b8a83; }
#view-home .fav-btn, #view-product .fav-btn { background: rgba(255, 255, 255, .95); border: none; }
.pcard-buyrow { margin-top: 6px; }
.add-wide { width: 100%; margin-top: 9px; background: linear-gradient(180deg, #0d9d63, #087f55); color: #fff; border: 0; border-radius: 12px; padding: 11px; font-size: 15px; font-weight: 800; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 7px; }
.add-wide:disabled { opacity: .45; }
.details-link { width: 100%; background: none; border: 0; color: #a07d10; font-weight: 700; font-size: 12.5px; padding: 7px 0 2px; cursor: pointer; }
@media (max-width: 760px) {
  .topbar-in { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 8px; }
  .topbar-in .logo { justify-self: center; }
  .topbar-actions { display: flex; gap: 6px; align-items: center; }
  #themeBtn, #langBtn, #accountBtn, #cartBtn { display: none; }
}

.rail .add-wide { font-size: 13.5px; padding: 9px 4px; white-space: nowrap; }

/* ===== مواصفات المؤسس الدقيقة 2026-10-26: ألوان ومقاسات اللوحة المرجعية ===== */
.topbar { background: #021f16; }
#langBtn { min-width: 70px; min-height: 44px; border: 1px solid var(--gold2); border-radius: 24px; background: transparent; color: var(--gold2); font-size: 15px; font-weight: 700; padding: 8px 14px; white-space: nowrap; line-height: 1; }
#accountBtn { background: linear-gradient(180deg, #ffd968, #e9b93b); color: #231a00; border: 0; border-radius: 50%; width: 43px; height: 43px; padding: 0; display: flex; align-items: center; justify-content: center; }
#accountBtn svg { width: 22px; height: 22px; }
.search-pill { border: 1px solid rgba(0, 138, 96, .9); border-radius: 30px; min-height: 52px; padding: 0 14px; }
.promo-banner { border: 1px solid rgba(255, 200, 61, .65); border-radius: 22px; }
.hero-seal { position: absolute; top: 14px; inset-inline-end: 14px; width: 76px; height: 76px; border-radius: 50%; border: 1.6px solid var(--gold2); background: rgba(0, 26, 18, .55); color: var(--gold2); display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 15px; z-index: 3; text-align: center; line-height: 1.2; }
.hero-seal b { font-size: 9.5px; letter-spacing: .4px; }
.hero-seal span { font-size: 8.5px; }
.promo-feats { flex-direction: row; flex-wrap: wrap; gap: 9px 20px; }
.promo-feats span { gap: 7px; font-size: 14px; }
.promo-feats .pf-ic { font-size: 19px; }
.cat-circles { gap: 12px; padding: 4px 2px 12px; }
.cat-circle { flex: 0 0 112px; width: 112px; min-height: 120px; border-radius: 22px; border: 1px solid rgba(0, 138, 96, .7); gap: 10px; padding: 10px 6px; }
.cat-circle .cc-emoji { font-size: 30px; }
.cat-circle b { font-size: 13px; }
.cat-circle.on { border-color: var(--gold2); box-shadow: 0 0 0 2px rgba(255, 200, 61, .55), 0 6px 16px rgba(0, 0, 0, .3); }
#view-home .pcard, #view-product .pcard { border-radius: 16px; padding: 8px; }
#view-home .pcard-media img, #view-product .pcard-media img { aspect-ratio: 1.5 / 1; height: auto; width: 100%; object-fit: cover; border-radius: 12px; }
#view-home .pcard-media .noimg, #view-product .pcard-media .noimg { aspect-ratio: 1.5 / 1; height: auto; border-radius: 12px; }
#view-home .pcard-body, #view-product .pcard-body { padding: 10px 6px 6px; }
#view-home .pcard .price, #view-product .pcard .price { color: #008a60; }
.add-wide { background: #008a60; border-radius: 24px; min-height: 46px; }
.ship-strip { display: flex; align-items: center; gap: 12px; background: linear-gradient(90deg, #0a3a29, #06392b); border: 1px solid rgba(0, 138, 96, .6); border-radius: 18px; padding: 13px 16px; color: var(--ink); text-decoration: none; }
.ss-ic { font-size: 27px; }
.ss-txt { flex: 1; display: flex; flex-direction: column; }
.ss-txt small { color: var(--ink2); }
.ss-go { color: var(--gold2); font-size: 22px; }
#mobileNav { border-top: 1px solid rgba(0, 138, 96, .55); min-height: 70px; }
@media (max-width: 760px) {
  .topbar-in { display: flex; flex-wrap: nowrap; gap: 9px; }
  .topbar-in .logo { margin-inline-end: auto; }
  #themeBtn, #cartBtn { display: none; }
  #langBtn { display: inline-flex; align-items: center; }
  #accountBtn { display: flex; }
  #menuBtn, #bellBtn { background: none; border: 0; box-shadow: none; color: var(--gold2); font-size: 21px; padding: 6px; }
}

.promo-banner .promo-txt { max-width: 56%; }
@media (max-width: 760px) { .hero-seal { width: 64px; height: 64px; font-size: 13px; top: 10px; inset-inline-end: 10px; } }

.hero-seal { top: auto; bottom: 42px; inset-inline-end: auto; inset-inline-start: 12px; }
[dir="ltr"] .hero-seal { inset-inline-start: auto; inset-inline-end: 12px; }
@media (max-width: 760px) { .hero-seal { top: auto; bottom: 40px; inset-inline-end: auto; inset-inline-start: 10px; } [dir="ltr"] .hero-seal { inset-inline-start: auto; inset-inline-end: 10px; } }
/* جولة الصورة المعتمدة v13 (2026-10-26): ترويسة باتجاه الصورة المعتمدة، بانر داكن بعنوان سطرين، أيقونات ذهبية خطّية، بلا صف انضمام في الرئيسية */
@media (max-width: 760px) { .topbar-in { direction: ltr; } .logo-text { text-align: center; } }
.join-row { display: none; }
.promo-txt h1 { line-height: 1.35; }
.promo-banner .promo-txt p { white-space: nowrap; }
@media (max-width: 380px) { .promo-banner .promo-txt p { font-size: 14px; } }
.promo-feats .pf-ic { color: var(--gold2); display: inline-flex; }
.promo-feats .pf-ic svg { width: 21px; height: 21px; }
.cat-circle .cc-emoji { color: var(--gold2); display: flex; justify-content: center; font-size: 0; }
.cat-circle .cc-emoji svg { width: 30px; height: 30px; }
.promo-photo { object-position: 68% center; }
.hero-seal { top: 12px; bottom: auto; }
[dir="ltr"] .hero-seal { inset-inline-start: auto; inset-inline-end: 12px; }
/* جولة الإصلاح v14 (2026-10-26): إخفاء شريط فقاعات الأقسام المكرر + ترويسة تتسع للشاشات الضيقة بلا قصّ */
#catChips { display: none; }
@media (max-width: 760px) {
  .topbar-in { gap: 6px; padding: 8px 10px; }
  .logo { gap: 6px; }
  .logo-mark { width: 36px; height: 36px; }
  .brand-name { font-size: 22px; }
  .brand-sub { font-size: 10px; }
  #langBtn { min-width: 56px; min-height: 40px; padding: 6px 9px; font-size: 13.5px; }
  #accountBtn { width: 40px; height: 40px; }
  #menuBtn { padding: 4px; font-size: 19px; }
}
/* إصلاح طول بطاقات الشريطين (v14): لا تمدّد — ارتفاع طبيعي، وعنوان بسطرين كحد أقصى */
.rail { align-items: flex-start; }
.rail .pcard-body { flex: 0 1 auto; }
.pcard-body h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
/* بطاقات المنتجات حسب CSS المؤسس (v14): شبكة 2×2، صورة مربعة كاملة بلا قصّ، أزرار متحاذية أسفل البطاقة */
.pgrid-sec { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: stretch; }
.pgrid-sec .pcard, #productGrid .pcard { height: 100%; }
#productGrid { align-items: stretch; }
.pcard { border-radius: 16px; }
#view-home .pcard, #view-product .pcard { padding: 0; }
#view-home .pcard-media, #view-product .pcard-media { background: #fff; border-radius: 0; }
#view-home .pcard-media img, #view-product .pcard-media img { aspect-ratio: 2 / 1; height: auto; object-fit: cover; background: #fff; border-radius: 0; }
#view-home .pcard-media .noimg, #view-product .pcard-media .noimg { aspect-ratio: 2 / 1; height: auto; border-radius: 0; }
.pcard-body { padding: 10px 12px; gap: 6px; }
.pcard-body > .pcard-buyrow { margin-top: auto; }
#view-home .pcard .add-wide, #view-product .pcard .add-wide { border-radius: 14px; min-height: 44px; }
.disc-badge { inset-inline-end: auto; inset-inline-start: 8px; }
.fav-btn { inset-inline-start: auto; inset-inline-end: 8px; background: rgba(255, 255, 255, .94); border: none; }
@media (max-width: 360px) { .pgrid-sec { gap: 8px; } #productGrid { gap: 8px; } .pcard-body { padding: 8px; } }

/* ورقة مقاسات المؤسس (v16): عنوان البطاقة 17px */
.pcard-body h3 { font-size: 16.5px; }
/* مواصفات GPT المعتمدة من المؤسس (v17): بطاقة + ترويسة + بحث + بانر + أقسام + توصيل + تنقل */
/* — البطاقة — */
#view-home .pcard, #view-product .pcard { padding: 10px; border: 1px solid #E5EBE8; border-radius: 18px; min-height: 310px; }
#view-home .pcard-media, #view-product .pcard-media { background: #F5F7F6; border-radius: 12px; }
#view-home .pcard-media img, #view-product .pcard-media img { aspect-ratio: 153 / 125; object-fit: contain; background: #F5F7F6; border-radius: 12px; }
#view-home .pcard-media .noimg, #view-product .pcard-media .noimg { aspect-ratio: 153 / 125; border-radius: 12px; }
#view-home .pcard-body, #view-product .pcard-body { padding: 0; gap: 0; }
.pcard-body h3 { font-size: 14px; font-weight: 700; line-height: 1.5; min-height: 42px; margin: 8px 0 0; }
.pcard-cat { display: block; margin-top: 4px; font-size: 11px; line-height: 18px; color: #778780; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pcard-body .stars { margin-top: 4px; min-height: 18px; }
.pcard-body > .pcard-buyrow { margin-top: auto; padding-top: 10px; }
.pcard-buyrow { min-height: 26px; margin-top: 5px; }
.pcard-buyrow .price { font-size: 19px; font-weight: 800; line-height: 26px; color: #008A60; }
#view-home .pcard .add-wide, #view-product .pcard .add-wide { min-height: 42px; border-radius: 12px; font-size: 13px; font-weight: 700; margin-top: 8px; }
.pcard .details-link { margin-top: 6px; font-size: 12px; }
@media (max-width: 360px) {
  #view-home .pcard, #view-product .pcard { padding: 8px; }
  .pcard-body h3 { font-size: 13px; }
  .pcard-buyrow .price { font-size: 17px; }
  #view-home .pcard .add-wide, #view-product .pcard .add-wide { font-size: 12px; }
}
/* — الترويسة والبحث — */
@media (max-width: 760px) {
  .brand-name { font-size: 24px; font-weight: 800; }
  .logo-mark { width: 38px; height: 38px; }
  #langBtn { min-height: 42px; font-size: 13px; padding: 0 10px; }
}
@media (min-width: 400px) { .brand-name { font-size: 26px; } }
.brand-sub { color: #FFFFFF; }
.search-pill { min-height: 48px; height: 48px; border-radius: 24px; background: #00271B; }
.search-pill input { font-size: 14px; }
.search-pill input::placeholder { color: #B5C8BE; }
/* — البانر: النص من جهة البداية وتدرّج يحميه — */
[dir="rtl"] .promo-banner { flex-direction: row; }
.promo-banner .promo-txt, .promo-banner .promo-txt h1, .promo-banner .promo-txt p { text-align: start; }
.promo-banner { height: 190px; min-height: 190px; border-radius: 20px; }
@media (min-width: 400px) { .promo-banner { height: 200px; } }
.promo-banner .promo-txt { max-width: 72%; }
.promo-txt h1 { font-size: 24px; font-weight: 800; line-height: 1.45; }
[dir="rtl"] .promo-banner::after { background: linear-gradient(270deg, rgba(0, 26, 18, .96) 0%, rgba(0, 26, 18, .65) 48%, transparent 100%); }
[dir="ltr"] .promo-banner::after { background: linear-gradient(90deg, rgba(0, 26, 18, .96) 0%, rgba(0, 26, 18, .65) 48%, transparent 100%); }
.promo-photo { object-position: 30% center; }
.promo-feats { flex-wrap: nowrap; font-size: 11.5px; gap: 6px 12px; }
.promo-feats .pf-ic svg { width: 17px; height: 17px; }
.promo-banner .cta, .promo-cta { font-size: 13px; padding: 8px 20px; }
.hero-seal { inset-inline-start: auto; inset-inline-end: 12px; top: 12px; bottom: auto; }
/* — الأقسام: شبكة 4 أعمدة — */
.cat-circles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; overflow: visible; padding: 0; }
.cat-circle { width: auto; height: 94px; min-height: 94px; border-radius: 16px; border-color: #174C3B; background: #00271B; }
.cat-circle .cc-emoji svg { width: 24px; height: 24px; }
.cat-circle b { font-size: 12px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 360px) { .cat-circles { gap: 6px; } .cat-circle b { font-size: 10px; } }
/* — العناوين وشريط التوصيل والتنقل السفلي — */
.section-head h2 { font-size: 21px; font-weight: 800; }
.ship-strip { min-height: 76px; border-radius: 18px; border: 1px solid #174C3B; background: #00271B; font-size: 14px; }
#mobileNav { border-top: 1px solid #174C3B; }
#mobileNav button { color: #D4E1DA; font-size: 11px; font-weight: 700; }
#mobileNav button svg { width: 21px; height: 21px; }
/* ضغط محتوى البانر داخل ارتفاع 190 (v17b) */
.promo-banner { padding: 12px 14px; align-items: center; }
.promo-banner .promo-txt { padding: 0; }
.promo-banner .promo-txt p { margin: 2px 0 0; font-size: 13px; }
.promo-feats { margin-top: 6px; }
.promo-feats > span { white-space: nowrap; font-size: 11px; }
.promo-feats .pf-ic svg { width: 15px; height: 15px; }
.promo-banner .promo-cta, .promo-banner .cta { margin-top: 8px; padding: 7px 18px; }
@media (max-width: 360px) { .promo-feats > span { font-size: 10.5px; } .promo-txt h1 { font-size: 22px; } }

/* ===== إصلاح الفوضى (2026-10-27): حالات الطلب قائمة عمودية نظيفة + اسم المتجر كبير وطويل ===== */
.steps{display:flex;flex-direction:column;gap:8px;margin:14px 0 4px;flex-wrap:nowrap}
.step{flex:none;min-width:0;display:flex;align-items:center;gap:10px;text-align:start;font-size:14.5px;color:var(--ink2);background:var(--surface2);border:1.5px solid var(--line);border-radius:12px;padding:9px 12px}
.step .sdot{flex:0 0 auto;width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;background:var(--bg);border:1.5px solid var(--line);color:var(--ink2)}
.step .slab{flex:1;line-height:1.5}
.step.done{color:var(--ink);font-weight:700}
.step.done .sdot{background:var(--gold);border-color:var(--gold);color:#032117}
.step.now{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#231a00;border-color:var(--gold);font-weight:800}
.step.now .sdot{background:#032117;border-color:#032117;color:var(--gold)}
.step.todo{opacity:.55}
.brand-name{font-size:34px;letter-spacing:3px}
.logo-mark{width:56px;height:56px}
@media (max-width:760px){.brand-name{font-size:27px;letter-spacing:2.2px}.logo-mark{width:46px;height:46px}}
#ttForm .btn{white-space:nowrap}
.menu-row span.val{font-size:13.5px;color:var(--ink2);font-weight:700}
.menu-row.static{cursor:default}
#settingsBack{margin-bottom:10px}
.mk-open{cursor:pointer}
.dash-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}
.dash-nav .chip{width:100%;text-align:center;padding:11px 8px;font-size:14px;border-radius:14px}
[data-theme="light"] .topbar{background:linear-gradient(180deg,#064e3b,#022c22)}
[data-theme="light"] #mobileNav{background:#fff;border-top:1px solid #e3ede6}
[data-theme="light"] #mobileNav button{color:#577065}
[data-theme="light"] #mobileNav button.on{color:#064e3b}
[data-theme="light"] .card{border:1px solid #e3ede6}
[data-theme="light"] .pcard{border:1px solid #e3ede6}
[data-theme="light"] .ship-strip{color:#fff}
[data-theme="light"] .ship-strip .ss-txt small{color:#b9cdc4}
[data-theme="light"] .footer .muted{color:#a9c6b8}
[data-theme="light"] .footer a{color:#cfdde9}
[data-theme="light"] .cat-circle{background:transparent;border:0;box-shadow:none;width:78px;min-height:0;padding:2px}
[data-theme="light"] .cat-circle .cc-emoji{background:#e7f2ec;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:26px}
[data-theme="light"] .cat-circle .cc-emoji svg{width:28px;height:28px}
[data-theme="light"] .cat-circle .cc-img{width:56px;height:56px;border-radius:50%}
[data-theme="light"] .cat-circle.on{box-shadow:none}
[data-theme="light"] .cat-circle.on .cc-emoji{box-shadow:0 0 0 2px #d9a92c}
#moreSheet{align-items:stretch;justify-content:flex-start}
.more-box{width:min(330px,86vw);height:100%;max-height:none;border-radius:0;padding:14px 16px 22px;animation:drawerIn .22s ease;overflow:auto}
@keyframes drawerIn{from{transform:translateX(28px);opacity:.3}to{transform:none;opacity:1}}
.more-box a{display:flex;align-items:center;gap:12px;padding:11px 8px;font-size:15px}
.more-box .mb-ic{width:26px;text-align:center;font-size:18px;flex:0 0 auto}
.more-box .mb-group{margin:16px 8px 2px;font-size:12px;font-weight:800;color:var(--ink2)}
@media (max-width:820px){
  .topbar-in{position:relative;justify-content:center;min-height:60px}
  #menuBtn{position:absolute;top:50%;transform:translateY(-50%);right:10px;z-index:60}
  .topbar-actions{position:absolute;top:50%;transform:translateY(-50%);left:10px}
}