/* AUG-B P12 — الأساس المشترك لقالبي إليت وبازار. الألوان والخطوط من المتغيرات (--p --a --sbg --stx --fh --fb --r) فقط. */
:root{--ssf:#fff;--sline:#E1E1E0;--smut:#767778;--red:#E3262D;--ok:#1E8E4E}
/* AUG-B P25: الحديثة تحسب الخط والنص الثانوي من ألوان المتجر مباشرة (html:root يتقدم على #th-vars)؛ Safari قبل 16.2 يأخذ القيم المحسوبة في th_css_vars */
@supports (color:color-mix(in srgb,red 50%,blue)){html:root{--sline:color-mix(in srgb,var(--stx) 11%,var(--sbg));--smut:color-mix(in srgb,var(--stx) 58%,var(--sbg))}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.st{margin:0;background:var(--sbg);color:var(--stx);font-family:var(--fb);font-size:15px;line-height:1.7;direction:rtl;-webkit-font-smoothing:antialiased}
.st img{max-width:100%;height:auto;display:block}
.st a{color:inherit;text-decoration:none}
.st button,.st input,.st select,.st textarea{font:inherit;color:inherit}
.st h1,.st h2,.st h3,.st h4{font-family:var(--fh);margin:0;line-height:1.3;text-wrap:balance}
.st p{margin:0}
.st :focus-visible{outline:2px solid var(--p);outline-offset:2px}
.st [hidden]{display:none!important}
.st .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.st .wrap{max-width:1240px;margin:0 auto;padding-inline:24px}
.st .ico{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* أزرار */
.st .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--rb);padding:12px 22px;font-weight:600;font-size:14.5px;border:1.5px solid var(--p);background:var(--p);color:var(--pfg);cursor:pointer;line-height:1.3;transition:transform .2s,filter .2s,background .2s;text-align:center}
.st .btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.st .btn.ghost{background:transparent;color:var(--p)}
.st .btn.light{background:#fff;border-color:#fff;color:#141414}
.st .btn.outline-light{background:transparent;border-color:rgba(255,255,255,.85);color:#fff}
.st .btn.block{width:100%}
.st .btn[disabled]{opacity:.6;cursor:wait}

/* أسعار ونجوم */
.st .price{font-family:var(--fh);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.st .price small{font-size:.62em;font-weight:600}
.st del{color:var(--smut);font-size:.85em;white-space:nowrap}
.st .stars{color:#F5A623;letter-spacing:1px;font-size:13px;white-space:nowrap}
.st .stars i{font-style:normal;color:var(--sline)}
.st .stars em{font-style:normal;color:var(--smut);letter-spacing:0;margin-inline-start:4px}

/* شريط الإعلان */
.st .ann{background:var(--stx);color:var(--sbg);font-size:13px;text-align:center}
.st .ann .wrap{padding-block:8px;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.st .cd{display:inline-flex;gap:3px;direction:ltr;font-family:var(--fh);font-weight:700;font-variant-numeric:tabular-nums}
.st .ann .cd b{background:var(--a);color:var(--stx);border-radius:5px;padding:1px 6px;min-width:28px}

/* الهيدر */
.st .hdr{background:var(--ssf);position:sticky;top:0;z-index:40;box-shadow:0 1px 0 var(--sline)}
.st .hdr>.wrap{display:flex;align-items:center;gap:20px;min-height:74px}
.st .logo{display:flex;align-items:center;font-family:var(--fh);font-weight:800;font-size:calc(24px * var(--logo));color:var(--stx);white-space:nowrap}
.st .logo img{height:calc(46px * var(--logo));width:auto;max-width:200px;object-fit:contain}
.st .tools{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.st .tool{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:0;background:transparent;cursor:pointer;color:var(--stx)}
.st .tool:hover{background:color-mix(in srgb,var(--stx) 6%,transparent)}
.st .tool.cart b{position:absolute;top:2px;inset-inline-end:0;min-width:18px;height:18px;border-radius:9px;background:var(--p);color:var(--pfg);font:700 10.5px/18px var(--fb);text-align:center;padding:0 4px}
.st .burger{display:none}
.st .search{display:flex;align-items:center;border:1.5px solid var(--sline);border-radius:var(--rb);background:var(--sbg);overflow:hidden;min-width:0}
.st .search input{flex:1;min-width:0;border:0;background:transparent;padding:10px 14px;outline:0}
.st .search button{border:0;background:transparent;padding:0 12px;cursor:pointer;color:var(--smut);display:grid;place-items:center}
.st .nav a{opacity:.82;font-size:14.5px;white-space:nowrap}
.st .nav a:hover,.st .nav a.on{opacity:1}

/* القائمة الرئيسية: عناصر + أقسام فرعية منسدلة */
.st .ni{position:relative;display:flex;align-items:center}
.st .ni .chev{width:15px;height:15px;transition:transform .2s;opacity:.75}
.st .nav2 .ni>a,.st .nav2 a.ni{display:inline-flex;align-items:center;gap:4px;height:100%}
.st .nav2 .has-sub:hover .chev,.st .nav2 .has-sub:focus-within .chev{transform:rotate(180deg)}
.st .nav2 .sub{position:absolute;top:100%;inset-inline-start:-14px;min-width:220px;max-height:70vh;overflow:auto;background:var(--ssf);color:var(--stx);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.14);padding:8px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s;z-index:60}
.st .nav2 .has-sub:hover .sub,.st .nav2 .has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
.st .nav2 .sub a{padding:9px 12px;border-radius:8px;font-weight:500;font-size:14px;opacity:1;white-space:nowrap}
.st .nav2 .sub a:hover,.st .nav2 .sub a.on{background:color-mix(in srgb,var(--p) 8%,var(--ssf));color:var(--p)}
.st .snav{display:flex;flex-direction:column}
.st .snav>a,.st .snav .nh>a{padding:12px 4px;font-weight:600;flex:1}
.st .snav>a,.st .snav .ni{border-bottom:1px solid var(--sline)}
.st .snav .ni{flex-direction:column;align-items:stretch}
.st .snav .nh{display:flex;align-items:center}
.st .snav .nh button{width:40px;height:40px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:inherit;border-radius:8px}
.st .snav .nh button:hover{background:color-mix(in srgb,var(--stx) 6%,transparent)}
.st .snav .sub{display:none;flex-direction:column;padding:0 14px 10px}
.st .snav .open>.sub{display:flex}
.st .snav .open .nh .chev{transform:rotate(180deg)}
.st .snav .sub a{padding:8px 10px;border-inline-start:2px solid var(--sline);font-size:14px;opacity:.85}
.st .snav .sub a:hover,.st .snav .sub a.on{opacity:1;border-color:var(--p);color:var(--p)}
.st .snav a.on,.st .snav .nh a.on{color:var(--p)}
.st .slinks{display:flex;flex-direction:column;gap:2px;padding-block:10px}
.st .slinks a{display:flex;align-items:center;gap:10px;padding:9px 4px;font-size:14px;opacity:.85}
.st .slinks a:hover{opacity:1;color:var(--p)}
.st .slinks .ico{width:19px;height:19px}
.st .mnav .socials a{background:color-mix(in srgb,var(--stx) 7%,transparent)}

/* قائمة الجوال */
.st .mnav{position:fixed;inset:0;z-index:90;background:rgba(10,10,14,.45)}
.st .mnav-in{position:absolute;top:0;bottom:0;right:0;width:min(330px,88vw);background:var(--ssf);padding:16px;display:flex;flex-direction:column;gap:14px;overflow:auto;animation:th-in .25s ease}
.st .mnav-h{display:flex;justify-content:space-between;align-items:center}
.st .mnav-in>*{flex-shrink:0} /* لا ينضغط مربع البحث عند طول القائمة */
.st .mnav nav{display:flex;flex-direction:column}
.st .mnav nav a{padding:12px 4px;border-bottom:1px solid var(--sline);font-weight:600}
@keyframes th-in{from{transform:translateX(30px);opacity:.3}to{transform:none;opacity:1}}

/* السلة الجانبية */
.st .dw-wrap{position:fixed;inset:0;z-index:95;background:rgba(10,10,14,.45);animation:th-fade .2s ease}
@keyframes th-fade{from{opacity:0}to{opacity:1}}
.st .dw{position:absolute;top:0;bottom:0;left:0;width:min(410px,100%);background:var(--ssf);display:flex;flex-direction:column;box-shadow:20px 0 50px rgba(0,0,0,.18);animation:th-left .28s ease}
@keyframes th-left{from{transform:translateX(-30px);opacity:.4}to{transform:none;opacity:1}}
.st .dw-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--sline)}
.st .dw-h h3{font-size:18px}
.st .dw-items{flex:1;overflow:auto;padding:4px 18px}
.st .dw-empty{color:var(--smut);text-align:center;padding:40px 0}
.st .ci{display:grid;grid-template-columns:76px 1fr auto;gap:12px;padding-block:14px;border-bottom:1px solid var(--sline);align-items:center}
.st .ci img{width:76px;height:76px;border-radius:calc(var(--r) * .7);object-fit:cover;background:var(--sbg)}
.st .ci b{display:block;font-size:14px;font-weight:600;line-height:1.45}
.st .ci .q{display:inline-flex;align-items:center;border:1.5px solid var(--sline);border-radius:var(--rb);margin-top:6px}
.st .ci .q button{width:30px;height:30px;border:0;background:transparent;cursor:pointer;font-size:16px}
.st .ci .q span{min-width:24px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.st .ci .rm{display:block;border:0;background:none;color:var(--smut);font-size:12px;text-decoration:underline;cursor:pointer;margin-top:6px;padding:0}
.st .dw-f{border-top:1px solid var(--sline);padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.st .dw-f form{margin:0}
.st .dw-f .tot{display:flex;justify-content:space-between;font-weight:700;font-size:16px}
.st .dw-f .tot #cart_amount{font-family:var(--fh)}

/* الأقسام العامة */
.st .sec{padding-block:52px}
.st .sec-h{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}
.st .sec-h h2{font-size:26px}
.st .sec-h a{color:var(--p);font-weight:600;font-size:14px;white-space:nowrap}

/* بطاقة المنتج (أساس) */
.st .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}
.st .card{display:flex;flex-direction:column;gap:6px;min-width:0}
.st .card .img{position:relative;display:block;overflow:hidden;border-radius:var(--r);background:color-mix(in srgb,var(--stx) 4%,var(--ssf));aspect-ratio:1}
.st .card .img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,opacity .4s}
.st .card .off{position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:var(--red);color:#fff;font:800 12px/1 var(--fh);padding:5px 8px;border-radius:6px;direction:ltr;unicode-bidi:isolate}
.st .card h3{font-family:var(--fb);font-size:14.5px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st .card .pr{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.st .card .btn.add{margin-top:auto;padding:10px;font-size:13.5px;width:100%}
.st .bar{height:7px;border-radius:9px;background:var(--sline);overflow:hidden}
.st .bar i{display:block;height:100%;border-radius:9px;background:repeating-linear-gradient(-45deg,var(--red) 0 8px,#F04A50 8px 16px)}
.st .left{font-size:12.5px;color:#C21F25;font-weight:700}

/* التصنيفات (أساس) */
.st .cats{display:grid;gap:18px}
.st .cat .c{display:block;overflow:hidden;position:relative}
.st .cat .c img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.st .cat:hover .c img{transform:scale(1.06)}
.st .cat .ph{display:grid;place-items:center;width:100%;height:100%;font:800 34px/1 var(--fh);color:var(--p);background:color-mix(in srgb,var(--p) 10%,var(--ssf))}

/* صورة إضافية */
.st .imgsec{padding-block:16px}
.st .imgsec .pic{display:block;border-radius:calc(var(--r) * 1.6);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.st .imgsec .pic img{width:100%;height:auto}
.st .imgsec.full{padding-block:0}
.st .imgsec.full .wrap{max-width:none;padding-inline:0}
.st .imgsec.full .pic{border-radius:0;box-shadow:none}

/* المزايا */
.st .feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.st .feat{display:flex;gap:12px;align-items:flex-start}
.st .feat .ico{color:var(--p);width:26px;height:26px;margin-top:2px}
.st .feat b{display:block;font-size:14.5px}
.st .feat span{color:var(--smut);font-size:13px}

/* طرق الدفع */
.st .pays{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.st .pb{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;min-width:52px;padding:0 10px;border-radius:7px;background:#fff;border:1px solid #E3E3E3;font:800 13px/1 Arial,sans-serif;color:#222;white-space:nowrap}
.st .pb.mada i{display:flex;flex-direction:column;gap:2px}
.st .pb.mada i b{display:block;width:16px;height:4px;border-radius:1px;background:#2C9CDB}
.st .pb.mada i b+b{background:#84B740}
.st .pb.visa{color:#1A1F71;font-style:italic;font-weight:900;font-size:15px}
.st .pb.mc i{display:flex}
.st .pb.mc i b{width:16px;height:16px;border-radius:50%;background:#EB001B}
.st .pb.mc i b+b{background:#F79E1B;margin-inline-start:-6px;opacity:.9}
.st .pb.ap{background:#000;border-color:#000;color:#fff;font-family:-apple-system,"Helvetica Neue",Arial,sans-serif;font-weight:600;font-size:14px}
.st .pb.ap svg{width:14px;height:14px;fill:#fff}
.st .pb.tabby{background:#3CFFC0;border-color:#3CFFC0;color:#111}
.st .pb.tamara{background:linear-gradient(110deg,#F8C9A9,#F1B7D8,#C8B6F6);border-color:transparent;color:#1d1d1d}
.st .co-bnpl{margin-top:12px}
.st .bnpl-promo{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.st .bp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px solid var(--sline);border-radius:var(--r);padding:9px 12px;background:var(--ssf);font-size:13.5px;line-height:1.7;color:var(--smut)}
.st .bp-row b{color:var(--stx);font-weight:800}
.st .bp-row .pays{margin:0;flex:none}
.st .co-bnpl small{font-weight:400;color:var(--smut)}
.st .pb.txt{font:700 12px/1 var(--fb);color:#333}
.st .pb.moyasar img{display:block;height:10px;width:auto}
.st .paysec .box{background:color-mix(in srgb,var(--stx) 4%,var(--ssf));border-radius:calc(var(--r) * 1.6);padding:36px 24px;text-align:center}
.st .paysec h2{font-size:26px;margin-bottom:6px}
.st .paysec p{color:var(--smut);margin-bottom:20px}
.st .paysec .pays{justify-content:center;gap:12px}
.st .paysec .pb{height:52px;min-width:100px;font-size:17px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.st .paysec .pb.visa{font-size:23px}
.st .paysec .pb.mada i b{width:26px;height:6px}
.st .paysec .pb.mc i b{width:26px;height:26px}
.st .paysec .pb.ap{font-size:19px}
.st .paysec .pb.ap svg{width:19px;height:19px}

/* آراء العملاء */
.st .revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.st .rev{margin:0;background:var(--ssf);border:1px solid var(--sline);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:10px}
.st .rev blockquote{margin:0;font-size:15px}
.st .rev figcaption{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}
.st .rev figcaption small{display:block;color:var(--ok);font-weight:600;font-size:12px;margin-inline-start:auto}
.st .rev .av{width:36px;height:36px;border-radius:50%;background:var(--p);color:var(--pfg);display:grid;place-items:center;font-weight:700}

/* النشرة البريدية */
.st .news{background:color-mix(in srgb,var(--a) 10%,var(--sbg))}
.st .news .box{text-align:center;max-width:620px;margin:0 auto}
.st .news h2{font-size:28px;margin-bottom:6px}
.st .news p{color:var(--smut);margin-bottom:18px}
.st .news form{display:flex;gap:8px;max-width:460px;margin:0 auto}
.st .news input{flex:1;min-width:0;border:1.5px solid var(--sline);background:var(--ssf);border-radius:var(--rb);padding:12px 14px}

/* الفوتر */
.st .ftr{padding-block:56px 22px;font-size:14px;background:var(--fbg);color:color-mix(in srgb,var(--ffg) 78%,transparent)}
.st .ftr .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
.st .ftr .logo{color:var(--ffg)}
.st .ftr .logo img{background:#fff;padding:8px 12px;border-radius:10px;height:calc(52px * var(--logo));box-sizing:content-box}
.st .ftr .about{margin-block:14px 16px;max-width:38ch;line-height:1.8}
.st .ftr h4{color:var(--ffg);font-family:var(--fb);font-size:15px;margin-bottom:14px}
.st .ftr .cols a{display:block;margin-bottom:8px;opacity:.85;transition:opacity .2s}
.st .ftr .cols a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.st .socials{display:flex;gap:8px;flex-wrap:wrap}
.st .socials a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;transition:transform .2s,background .2s,color .2s}
.st .socials svg{width:18px;height:18px;fill:currentColor}
/* الأيقونات داخل عمود الفوتر: نلغي تنسيق روابط الأعمدة (display:block) حتى تبقى الأيقونة في منتصف دائرتها */
.st .ftr .socials{gap:10px;margin-top:4px}
.st .ftr .socials a{display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--ffg) 12%,transparent);color:var(--ffg);opacity:1!important;margin:0!important}
.st .ftr .socials svg{display:block}
.st .ftr .socials a:hover{background:var(--ffg);color:var(--fbg);transform:translateY(-2px);text-decoration:none}
.st .ftr .bottom{border-top:1px solid color-mix(in srgb,var(--ffg) 16%,transparent);margin-top:36px;padding-top:18px;font-size:12.5px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;opacity:.9}
.st .ftr .bottom b{color:var(--ffg)}

/* إكمال دفع طلب متروك (info.php: abandoned) */
.st .ab-items{width:100%;border:1px solid var(--sline);border-radius:var(--r);padding:6px 14px;margin:6px 0 4px;text-align:start}
.st .ab-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding-block:10px;border-bottom:1px solid var(--sline)}
.st .ab-item img{width:56px;height:56px;border-radius:calc(var(--r) * .6);object-fit:cover}
.st .ab-item b{display:block;font-size:14.5px;line-height:1.45}
.st .ab-item small{color:var(--smut);font-size:12.5px}
.st .ab-tot{display:flex;justify-content:space-between;align-items:center;padding-block:12px 6px;font-weight:700}
.st .ab-tot .price{font-size:18px;color:var(--p)}

/* صفحة «المتجر تحت الصيانة» (pages/maintenance.php) */
.st .mnt{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 16px;
  background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--a) 20%,transparent),transparent 45%),radial-gradient(circle at 85% 90%,color-mix(in srgb,var(--p) 14%,transparent),transparent 50%),var(--sbg)}
.st .mnt-card{width:min(560px,100%);background:var(--ssf);border:1px solid var(--sline);border-radius:calc(var(--r) * 1.6);padding:44px 34px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 30px 80px rgba(0,0,0,.08);animation:th-fade .5s ease}
.st .mnt .logo{justify-content:center;margin-bottom:6px}
.st .mnt-ico{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--p) 10%,var(--ssf));color:var(--p)}
.st .mnt-ico .ico{width:42px;height:42px;stroke-width:1.4;animation:mnt-spin 8s linear infinite}
@keyframes mnt-spin{to{transform:rotate(360deg)}}
.st .mnt h1{font-size:clamp(26px,4vw,34px)}
.st .mnt-card p{color:var(--smut);max-width:44ch;line-height:1.9;font-size:15.5px}
.st .mnt-bar{width:180px;height:4px;border-radius:4px;background:var(--sline);overflow:hidden;margin-block:4px 6px}
.st .mnt-bar i{display:block;height:100%;width:40%;border-radius:4px;background:var(--p);animation:mnt-load 1.8s ease-in-out infinite}
@keyframes mnt-load{from{transform:translateX(150%)}to{transform:translateX(-260%)}}
.st .mnt-card small{color:var(--smut);font-size:13px}
.st .mnt .socials{justify-content:center}
.st .mnt .socials a{background:color-mix(in srgb,var(--stx) 6%,transparent)}
.st .mnt .socials a:hover{background:var(--p);color:var(--pfg);transform:translateY(-2px)}
.st .mnt-copy{color:var(--smut);font-size:12.5px}

/* صفحة إتمام الطلب على الجوال: زر واتساب أصغر وأقرب للزاوية حتى لا يغطي حقول الإدخال */
@media (max-width:760px){.st:has(main.co) .wa{width:44px;height:44px;left:10px;bottom:calc(12px + env(safe-area-inset-bottom,0px));opacity:.92}.st:has(main.co) .wa svg{width:22px;height:22px}}

/* الإضافات */
.st .wa{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:20px;z-index:80;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.st .cookies{position:fixed;bottom:16px;inset-inline:16px;z-index:85;max-width:560px;margin-inline:auto;background:var(--stx);color:var(--sbg);border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:13.5px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.st .salesn{position:fixed;bottom:20px;right:20px;z-index:84;background:var(--ssf);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:10px;display:flex;gap:10px;align-items:center;max-width:320px;font-size:13px;animation:th-fade .3s}
.st .salesn img{width:48px;height:48px;border-radius:8px;object-fit:cover}
.st .toast{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:99;background:var(--stx);color:var(--sbg);padding:10px 18px;border-radius:10px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.2)}

/* ============================ صفحة المنتج ============================ */
.st .crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--smut);padding-block:18px 8px}
.st .crumbs a:hover{color:var(--p)}
.st .pp{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:48px;align-items:start;padding-bottom:36px}
.st .gal{position:sticky;top:96px;display:flex;flex-direction:column;gap:12px}
.st .gal .main{position:relative;aspect-ratio:1;border-radius:calc(var(--r) * 1.2);overflow:hidden;background:color-mix(in srgb,var(--stx) 4%,var(--ssf));cursor:zoom-in}
.st .gal .main img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .35s}
.st .gal .main img.on{opacity:1}
.st .gal .off{position:absolute;top:14px;inset-inline-start:14px;z-index:2;background:var(--red);color:#fff;font:800 13px/1 var(--fh);padding:6px 10px;border-radius:7px;direction:ltr;unicode-bidi:isolate}
.st .gal .nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.st .gal .prev{right:12px}.st .gal .next{left:12px}
.st .gal .count{position:absolute;bottom:12px;right:12px;z-index:2;background:rgba(0,0,0,.55);color:#fff;border-radius:99px;padding:4px 10px;font-size:12px;direction:ltr}
.st .gal .zoom{position:absolute;bottom:12px;inset-inline-end:12px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer}
.st .gal .zoom .ico{width:18px;height:18px}
.st .gal .thumbs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.st .gal .thumbs button{flex:0 0 76px;height:76px;padding:0;border:2px solid transparent;border-radius:calc(var(--r) * .7);overflow:hidden;cursor:pointer;background:var(--ssf)}
.st .gal .thumbs button.on{border-color:var(--p)}
.st .gal .thumbs img{width:100%;height:100%;object-fit:cover}
.st .pinfo{display:flex;flex-direction:column;gap:16px;min-width:0}
.st .pinfo h1{font-size:clamp(23px,2.4vw,32px);font-weight:800;line-height:1.35}
.st .pinfo .rate{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--smut)}
.st .pp-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.st .pp-price .price{font-size:clamp(26px,2.6vw,34px);color:var(--p)}
.st .pp-price del{font-size:17px}
.st .pp-price .save{background:color-mix(in srgb,var(--red) 10%,var(--ssf));color:var(--red);font-weight:700;font-size:13px;padding:4px 10px;border-radius:99px}
.st .timer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:color-mix(in srgb,var(--red) 6%,var(--ssf));border:1px dashed color-mix(in srgb,var(--red) 40%,transparent);border-radius:var(--r);padding:10px 14px;font-weight:600;font-size:14px}
.st .timer .cd b{background:var(--stx);color:#fff;border-radius:5px;padding:2px 7px;min-width:30px;display:inline-block;text-align:center}
.st .buybox{display:flex;flex-direction:column;gap:16px}
.st .opt{border:0;margin:0;padding:0;min-width:0}
.st .opt legend{font-weight:700;font-size:14px;margin-bottom:8px;padding:0}
.st .opt .chs{display:flex;flex-wrap:wrap;gap:8px}
.st .opt input{position:absolute;opacity:0;pointer-events:none}
.st .opt .chs.as-select{display:none}
.st .opt .optsel{width:100%;border:1.5px solid var(--sline);border-radius:var(--rb);padding:12px 14px;background:var(--ssf);font-weight:600;cursor:pointer}
.st .opt .optsel:focus{border-color:var(--p);outline:0}
.st .opt label{border:1.5px solid var(--sline);background:var(--ssf);border-radius:var(--rb);padding:8px 16px;font-size:14px;cursor:pointer;transition:border-color .2s,color .2s}
.st .opt label:hover{border-color:color-mix(in srgb,var(--p) 50%,var(--sline))}
.st .opt input:checked+label{border-color:var(--p);color:var(--p);font-weight:700;box-shadow:inset 0 0 0 1px var(--p)}
.st .opt input:focus-visible+label{outline:2px solid var(--p);outline-offset:2px}
.st .opt label.sw{width:36px;height:36px;padding:0;border-radius:50%;background:var(--c);font-size:0;border:3px solid var(--ssf);box-shadow:0 0 0 1.5px var(--sline)}
.st .opt input:checked+label.sw{box-shadow:0 0 0 2.5px var(--p)}
.st .stock{display:flex;flex-direction:column;gap:6px}
.st .watch{font-size:13.5px;color:var(--smut)}
.st .buyrow{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.st .buyrow .btn{flex:1;min-width:150px;padding:14px 16px;font-size:15.5px}
.st .buyrow .btn.ghost{flex:1}
.st .qty{display:inline-flex;align-items:center;border:1.5px solid var(--sline);border-radius:var(--rb);background:var(--ssf);overflow:hidden}
.st .qty button{width:42px;height:100%;min-height:48px;border:0;background:transparent;font-size:19px;cursor:pointer}
.st .qty input{width:40px;border:0;text-align:center;font-weight:700;background:transparent;font-variant-numeric:tabular-nums}
.st .btn.shake{animation:th-shake 3s ease-in-out infinite}
@keyframes th-shake{0%,86%,100%{transform:none}88%,92%,96%{transform:translateX(-3px)}90%,94%,98%{transform:translateX(3px)}}
.st .btn.soldout{background:var(--smut);border-color:var(--smut);cursor:not-allowed}
.st .qform{display:flex;flex-direction:column;gap:12px;background:color-mix(in srgb,var(--p) 4%,var(--ssf));border:1px solid var(--sline);border-radius:calc(var(--r) * 1.2);padding:18px}
.st .qtitle{font-weight:700;text-align:center}
.st .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.st .fi label{display:block;font-size:13px;margin-bottom:4px;color:var(--smut)}
.st .fi input,.st .fi select,.st .fi textarea{width:100%;border:1.5px solid var(--sline);border-radius:var(--r);padding:11px 12px;background:var(--ssf)}
.st .fi input:focus,.st .fi select:focus{border-color:var(--p);outline:0}
.st .perks{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--sline);display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--smut)}
.st .perks li{display:flex;gap:8px;align-items:center}
.st .perks .ico{width:19px;height:19px;color:var(--p)}
.st .pdesc{border-top:1px solid var(--sline);padding-block:30px}
.st .pdesc h2,.st .previews h2{font-size:22px;margin-bottom:14px}
.st .rich{max-width:80ch;color:color-mix(in srgb,var(--stx) 85%,var(--sbg));overflow-wrap:anywhere}
.st .rich img{height:auto;border-radius:var(--r);margin-block:10px}
.st .rich table{max-width:100%;display:block;overflow-x:auto}
.st .previews{border-top:1px solid var(--sline);padding-block:30px}
.st .previews .avg{display:flex;gap:8px;align-items:center;font-weight:700}
.st .norev{color:var(--smut);margin-bottom:14px}
.st .addrev{margin-top:16px}
.st .addrev summary{list-style:none;display:inline-flex}
.st .addrev summary::-webkit-details-marker{display:none}
.st .revform{display:flex;flex-direction:column;gap:10px;max-width:520px;margin-top:14px}
.st .revform input[type=text],.st .revform textarea{border:1.5px solid var(--sline);border-radius:var(--r);padding:11px 12px;background:var(--ssf)}
.st .starpick{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px;direction:ltr}
.st .starpick input{position:absolute;opacity:0}
.st .starpick label{font-size:30px;color:var(--sline);cursor:pointer;line-height:1}
.st .starpick input:checked~label,.st .starpick label:hover,.st .starpick label:hover~label{color:#F5A623}
.st .revmsg.ok{color:var(--ok)}.st .revmsg.err{color:var(--red)}
.st .related{border-top:1px solid var(--sline)}
.st .stickybuy{position:fixed;bottom:0;inset-inline:0;z-index:70;background:var(--ssf);border-top:1px solid var(--sline);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));display:flex;gap:12px;align-items:center;justify-content:space-between;box-shadow:0 -8px 24px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .3s}
.st .stickybuy.show{transform:none}
.st .stickybuy .price{font-size:19px;color:var(--p)}
.st .stickybuy del{display:block;font-size:12px}
.st .stickybuy .btn{flex:0 1 260px}
.st .lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.9);display:grid;place-items:center;padding:24px}
.st .lightbox img{max-width:100%;max-height:100%;object-fit:contain}
.st .lightbox .tool{position:absolute;top:14px;right:14px;color:#fff;background:rgba(255,255,255,.12)}
.bazar .buyrow .btn.now{background:var(--a);border-color:var(--a);color:var(--stx);font-weight:800}
.elite .pinfo h1{font-weight:700;letter-spacing:-.3px}
.elite .pp-price .price{color:var(--stx)}
@media (max-width:900px){
  .st .pp{grid-template-columns:1fr;gap:22px}
  .st .gal{position:static}
}
@media (max-width:760px){
  .st .fgrid{grid-template-columns:1fr}
  .st .buyrow .btn{min-width:0}
  .st .buyrow .btn.now{flex-basis:100%}
  .st .stickybuy .btn{flex:1}
  .st .gal .nav{display:none}
  .st .gal .thumbs button{flex-basis:62px;height:62px}
  .st.has-sticky .wa{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}

/* ============================ صفحات القوائم (جميع المنتجات / التصنيف / البحث) ============================ */
.st .list-head{background:color-mix(in srgb,var(--p) 5%,var(--sbg));border-bottom:1px solid var(--sline);padding-bottom:22px}
.st .list-head h1{font-size:clamp(24px,3vw,36px);font-weight:800;margin-top:4px}
.st .list-head .lead{color:var(--smut);max-width:70ch;margin-top:6px}
.st .chips{display:flex;gap:8px;overflow-x:auto;padding-block:16px 2px;scrollbar-width:none}
.st .chips.center{justify-content:center;flex-wrap:wrap}
.st .chip{flex:none;border:1.5px solid var(--sline);background:var(--ssf);border-radius:99px;padding:7px 16px;font-size:14px;font-weight:600;white-space:nowrap;transition:.2s}
.st .chip:hover{border-color:var(--p);color:var(--p)}
.st .chip.on{background:var(--p);border-color:var(--p);color:var(--pfg)}
.st .search.big{max-width:620px;margin-top:16px;background:var(--ssf)}
.st .search.big input{padding:13px 16px;font-size:16px}
.st .toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:22px 18px}
.st .toolbar .count{color:var(--smut);font-size:14px}
.st .sortf{display:flex;align-items:center;gap:8px;font-size:14px}
.st .sortf label{color:var(--smut)}
.st .sortf select{border:1.5px solid var(--sline);border-radius:var(--rb);padding:8px 12px;background:var(--ssf);font-weight:600;cursor:pointer}
.st .pager{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding-block:34px 50px}
.st .pager a,.st .pager span{min-width:42px;height:42px;display:grid;place-items:center;border-radius:var(--rb);border:1.5px solid var(--sline);background:var(--ssf);font-weight:600;font-variant-numeric:tabular-nums;padding:0 8px}
.st .pager a:hover{border-color:var(--p);color:var(--p)}
.st .pager span.on{background:var(--p);border-color:var(--p);color:var(--pfg)}
.st .pager span:not(.on){border:0;background:none}
.st .list-page .grid{padding-bottom:10px}
.st .empty{text-align:center;padding:70px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}
.st .empty .ico{width:54px;height:54px;color:var(--p);opacity:.6}
.st .empty h2{font-size:22px}
.st .empty p{color:var(--smut)}

/* ============================ إتمام الطلب ============================ */
.st .co-hdr{position:static}
.st .co-hdr>.wrap{min-height:66px;justify-content:space-between}
.st .co-hdr .secure{display:inline-flex;gap:6px;align-items:center;font-size:13.5px;color:var(--ok);font-weight:600}
.st .co-hdr .secure .ico{width:18px;height:18px}
.st .co{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start;padding-block:26px 56px}
.st .co-main{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:16px;min-width:0;margin:0}
.st .co h1{font-size:clamp(22px,2.4vw,28px);font-weight:800}
.st .co-step{background:var(--ssf);border:1px solid var(--sline);border-radius:var(--r);padding:20px}
.st .co-step h2{display:flex;align-items:center;gap:10px;font-size:17px;margin-bottom:14px}
.st .co-step h2 .n{width:28px;height:28px;border-radius:50%;background:var(--p);color:var(--pfg);display:grid;place-items:center;font:700 14px/1 var(--fb);flex:none}
.st .co .fi.wide{grid-column:1/-1}
.st .co .fi label{font-weight:600;color:color-mix(in srgb,var(--stx) 75%,var(--sbg))}
.st .co .fi label input{margin-top:6px}
.st .co-pname{font-weight:700;font-size:14px;margin-bottom:8px}
.st .pm-list{display:flex;flex-direction:column;gap:10px}
.st .pm{display:flex;align-items:center;gap:12px;border:1.5px solid var(--sline);border-radius:var(--r);padding:14px 16px;cursor:pointer;background:var(--ssf);transition:border-color .2s,box-shadow .2s,background .2s}
.st .pm:hover{border-color:color-mix(in srgb,var(--p) 45%,var(--sline))}
.st .pm.on{border-color:var(--p);box-shadow:inset 0 0 0 1px var(--p);background:color-mix(in srgb,var(--p) 4%,var(--ssf))}
.st .pm input{width:20px;height:20px;accent-color:var(--p);flex:none;margin:0}
.st .pm>.ico{color:var(--p)}
.st .pm .t{flex:1;min-width:0}
.st .pm .t b{display:block;font-size:15px;line-height:1.4}
.st .pm .t small{display:block;color:var(--smut);font-size:12.5px;line-height:1.5}
.st .pm .pays{gap:5px;flex-wrap:nowrap;flex:none}
.st .pm .pb{height:26px;min-width:40px;font-size:11px;padding:0 7px}
.st .pm .pb.visa{font-size:12.5px}
.st .pm .pb.mada i b{width:12px;height:3px}
.st .pm .pb.mc i b{width:13px;height:13px}
.st .pm .pb.ap{font-size:12.5px}
.st .pm .pb.ap svg{width:12px;height:12px}
.st .pm .fee{font-family:var(--fh);font-weight:700;white-space:nowrap}
.st .pm .fee small{font-size:.7em}
.st .co-none{background:color-mix(in srgb,var(--red) 6%,var(--ssf));border:1px dashed color-mix(in srgb,var(--red) 40%,transparent);border-radius:var(--r);padding:14px;font-size:14px}
.st .co-submit{padding:16px;font-size:16.5px;font-weight:700}
.st .co-submit small{font-size:.75em}
.bazar .co-submit{background:var(--a);border-color:var(--a);color:var(--stx);font-weight:800}
.st .co-note{display:flex;gap:6px;align-items:center;justify-content:center;color:var(--smut);font-size:12.5px;margin-top:10px;text-align:center}
.st .co-note .ico{width:16px;height:16px}
.st .co-sum{grid-column:2;grid-row:1;position:sticky;top:20px;background:var(--ssf);border:1px solid var(--sline);border-radius:var(--r);padding:20px}
.st .co-sumtog{display:none}
.st .co-sum h2{font-size:17px;margin-bottom:12px}
.st .co-items{display:flex;flex-direction:column;gap:14px;max-height:360px;overflow:auto;padding:8px 8px 14px 2px;border-bottom:1px solid var(--sline)}
.st .co-it{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:12px;align-items:center}
.st .co-it .im{position:relative}
.st .co-it img{width:60px;height:60px;border-radius:calc(var(--r) * .6);object-fit:cover;background:var(--sbg);border:1px solid var(--sline)}
.st .co-it .q{position:absolute;top:-7px;inset-inline-start:-7px;min-width:22px;height:22px;border-radius:11px;background:var(--stx);color:#fff;font:700 11.5px/22px var(--fb);text-align:center;padding:0 5px}
.st .co-it b{display:block;font-size:13.5px;font-weight:600;line-height:1.45}
.st .co-it small{display:block;color:var(--smut);font-size:12px}
.st .co-it .price{font-size:14px}
.st .co-cp{display:flex;gap:8px;padding-block:14px;border-bottom:1px solid var(--sline);flex-wrap:wrap}
.st .co-cp input{flex:1;min-width:0;border:1.5px solid var(--sline);border-radius:var(--rb);padding:10px 12px;background:var(--ssf)}
.st .co-cp input:disabled{background:color-mix(in srgb,var(--ok) 7%,var(--ssf));color:var(--ok);font-weight:700}
.st .co-cp .btn{padding:10px 18px}
.st .co-cp .msg{flex-basis:100%;font-size:13px}
.st .co-cp .msg:empty{display:none}
.st .co-cp .msg.ok{color:var(--ok)}
.st .co-cp .msg.err{color:var(--red)}
.st .co-rows{display:flex;flex-direction:column;gap:8px;padding-top:14px;font-size:14px}
.st .co-rows>div{display:flex;justify-content:space-between;gap:10px}
.st .co-rows>div>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.st .co-rows .disc{color:var(--ok);font-weight:600}
.st .co-rows .vat{font-size:12.5px;color:var(--smut)}
.st .pp-vat{font-size:12.5px;color:var(--smut);margin:-6px 0 12px}
.st .co-rows .grand{font-size:18px;font-weight:800;font-family:var(--fh);padding-top:12px;border-top:1px solid var(--sline);margin-top:4px}
.st .co-rows .grand small{font-size:.7em}
.st .co-sum .pays{margin-top:16px;justify-content:center}
.st .co-sum .pays .pb{height:28px;min-width:44px;font-size:11.5px}
.st .ftr.slim{padding-block:0;margin-top:10px}
.st .ftr.slim .bottom{margin-top:0;border-top:0;padding-block:18px}
@media (max-width:900px){
  .st .co{grid-template-columns:minmax(0,1fr);gap:14px;padding-top:14px}
  .st .co-main,.st .co-sum{grid-column:1;grid-row:auto}
  .st .co-sum{position:static;padding:0;overflow:hidden}
  .st .co-sumtog{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;padding:14px 16px;cursor:pointer;font-weight:700;color:var(--p)}
  .st .co-sumtog>span:first-child{display:inline-flex;align-items:center;gap:6px}
  .st .co-sumtog .ico{width:19px;height:19px}
  .st .co-sumtog>span:first-child .ico:last-child{width:16px;height:16px;transform:rotate(-90deg);transition:transform .2s}
  .st .co-sum.open .co-sumtog>span:first-child .ico:last-child{transform:rotate(90deg)}
  .st .co-sumtog .price{color:var(--stx);font-size:17px}
  .st .co-body{display:none;padding:0 16px 16px;border-top:1px solid var(--sline)}
  .st .co-sum.open .co-body{display:block}
  .st .co-sum h2{display:none}
  .st .co-step{padding:16px}
  .st .pm{padding:12px 14px}
  .st .pm.pay{flex-wrap:wrap}
  .st .pm.pay .t{flex-basis:calc(100% - 70px)}
}
@media (max-width:420px){
  .st .pm.pay .pays{margin-inline-start:32px}
}
@media (max-width:760px){
  .st:has(#co-form) .wa{bottom:calc(100px + env(safe-area-inset-bottom,0px))} /* لا يغطي زر تأكيد الطلب */
}

/* ============================ صفحات الرسائل (تم الطلب / فشل الدفع / 404 / التتبع) ============================ */
.st .msg-page{padding-block:44px 64px}
.st .msg-card{max-width:600px;margin:0 auto;background:var(--ssf);border:1px solid var(--sline);border-radius:calc(var(--r) * 1.2);padding:34px 28px;text-align:center;display:flex;flex-direction:column;gap:14px;box-shadow:0 16px 40px rgba(0,0,0,.05)}
.st .msg-card.start{text-align:start}
.st .msg-card.start .msg-ico{margin-inline:0}
.st .msg-card.start h1{color:var(--ptx,var(--stx))}
.st .msg-card h1{font-size:clamp(22px,2.6vw,28px);font-weight:800}
.st .msg-card .lead{color:var(--smut);font-size:15px}
.st .msg-ico{width:76px;height:76px;margin:0 auto 4px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--p) 10%,var(--ssf));color:var(--p)}
.st .msg-ico .ico{width:40px;height:40px;stroke-width:1.8}
.st .msg-ico.ok{background:color-mix(in srgb,var(--ok) 12%,var(--ssf));color:var(--ok)}
.st .msg-ico.bad{background:color-mix(in srgb,#E8A317 16%,var(--ssf));color:#B7790B}
.st .msg-big{font:900 clamp(64px,10vw,96px)/1 var(--fh);color:var(--p);letter-spacing:2px}
.st .msg-card .search.big{margin:4px auto 0;width:100%}
.st .okey{background:var(--sbg);border:1px dashed var(--sline);border-radius:var(--r);padding:10px 14px;font-size:14.5px}
.st .okey b{font-family:var(--fh);font-size:18px;margin-inline-start:6px}
.st .msg-card .btn.dl .ico{width:19px;height:19px}
.st .msg-card .sub{color:var(--smut);font-size:13.5px;text-decoration:underline}
.st .ord,.st .ups{display:flex;flex-direction:column;gap:12px;text-align:start;border:1px solid var(--sline);border-radius:var(--r);padding:16px}
.st .ord .tot{display:flex;justify-content:space-between;font-weight:800;border-top:1px solid var(--sline);padding-top:12px}
.st .ups{background:color-mix(in srgb,var(--a) 8%,var(--ssf))}
.st .ups p{font-weight:600}
.st .wire{display:flex;flex-direction:column;gap:12px;text-align:start;background:color-mix(in srgb,var(--p) 4%,var(--ssf));border:1px solid var(--sline);border-radius:var(--r);padding:18px}
.st .wire h2{font-size:18px}
.st .wire-acc{display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--ssf);border:1px solid var(--sline);border-radius:var(--r);padding:12px 14px;font-weight:600;overflow-wrap:anywhere}
.st .wire-acc .btn{padding:8px 14px;font-size:13px;flex:none}
.st .wire form{display:flex;flex-direction:column;gap:10px}
.st .upl{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed var(--sline);border-radius:var(--r);padding:18px;cursor:pointer;color:var(--smut);font-size:14px;text-align:center}
.st .upl:hover{border-color:var(--p);color:var(--p)}
.st .upl input{font-size:13px;max-width:100%}
.st .sm{font-size:14px;color:var(--smut)}
.st .signup{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--sline);padding-top:14px}
.st .signup .row{display:flex;gap:8px}
.st .signup input{flex:1;min-width:0;border:1.5px solid var(--sline);border-radius:var(--rb);padding:10px 12px;background:var(--ssf)}
.st .trk-form{display:flex;flex-direction:column;gap:12px;text-align:start}
.st .trk-res{margin:0;display:grid;gap:8px;background:color-mix(in srgb,var(--ok) 6%,var(--ssf));border:1px solid color-mix(in srgb,var(--ok) 25%,var(--sline));border-radius:var(--r);padding:14px 16px}
.st .trk-res>div{display:flex;justify-content:space-between;gap:12px}
.st .trk-res dt{color:var(--smut)}
.st .trk-res dd{margin:0;font-weight:600}
.st .trk-err{color:var(--red);font-weight:600;background:color-mix(in srgb,var(--red) 6%,var(--ssf));border-radius:var(--r);padding:10px 14px}
/* الصفحات الثابتة والمدونة والتواصل */
.st .info-page{padding-bottom:56px}
.st .info-h{font-size:clamp(24px,3vw,34px);font-weight:800;margin-block:6px 22px}
.st .info-card{max-width:860px;margin:6px auto 0;background:var(--ssf);border:1px solid var(--sline);border-radius:calc(var(--r) * 1.2);padding:clamp(20px,4vw,40px)}
.st .info-card h1{font-size:clamp(24px,3vw,34px);font-weight:800;margin-bottom:14px}
.st .info-card .rich{max-width:none}
.st .info-card .meta{display:flex;align-items:center;gap:6px;color:var(--smut);font-size:13px;margin-bottom:16px}
.st .info-card .meta .ico,.st .post small .ico{width:15px;height:15px}
.st .info-card .cover{width:100%;max-height:460px;object-fit:cover;border-radius:var(--r);margin-bottom:20px}
.st .contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.st .contact-item{display:flex;gap:14px;align-items:flex-start;background:var(--ssf);border:1px solid var(--sline);border-radius:var(--r);padding:22px}
.st .ci-ico{width:48px;height:48px;border-radius:50%;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--p) 10%,var(--ssf));color:var(--p)}
.st .contact-item b{display:block;margin-bottom:4px}
.st .contact-item p{color:var(--smut);overflow-wrap:anywhere}
.st .contact-item a{color:var(--p);font-weight:600}
.st .blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.st .post{display:flex;flex-direction:column;gap:8px;background:var(--ssf);border:1px solid var(--sline);border-radius:var(--r);overflow:hidden;padding-bottom:14px;transition:box-shadow .2s,transform .2s}
.st .post:hover{box-shadow:0 12px 30px rgba(0,0,0,.08);transform:translateY(-2px)}
.st .pimg{aspect-ratio:16/10;background:color-mix(in srgb,var(--p) 8%,var(--ssf))}
.st .pimg img{width:100%;height:100%;object-fit:cover}
.st .post h2{font-size:17px;padding-inline:16px}
.st .post small{display:flex;align-items:center;gap:5px;color:var(--smut);padding-inline:16px}
@media (max-width:900px){
  .st .contact-grid,.st .blog-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .st .msg-page{padding-block:22px 44px}
  .st .msg-card{padding:24px 18px}
  .st .contact-grid,.st .blog-grid{grid-template-columns:1fr}
  .st .wire-acc{flex-direction:column;align-items:stretch}
}

/* ============================ حساب العميل ============================ */
.st .acc-page{padding-bottom:56px}
.st .acc-note{display:flex;gap:10px;align-items:flex-start;background:color-mix(in srgb,var(--p) 6%,var(--ssf));border:1px solid var(--sline);border-radius:var(--r);padding:12px 14px;color:var(--smut);font-size:13.5px;line-height:1.8;text-align:start;margin-top:4px}
.st .acc-note .ico{width:18px;height:18px;color:var(--p);margin-top:3px}
.st .acc{display:grid;grid-template-columns:280px minmax(0,1fr);gap:26px;align-items:start;margin-top:8px}
.st .acc-side,.st .acc-body{background:var(--ssf);border:1px solid var(--sline);border-radius:var(--r)}
.st .acc-side{padding:18px;position:sticky;top:96px}
.st .acc-u{display:flex;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--sline);margin-bottom:10px;min-width:0}
.st .acc-u .av{width:48px;height:48px;border-radius:50%;background:var(--p);color:var(--pfg);display:grid;place-items:center;font:700 19px/1 var(--fh);flex:none}
.st .acc-u b{display:block}
.st .acc-u small{display:block;color:var(--smut);font-size:12.5px;overflow:hidden;text-overflow:ellipsis}
.st .acc-nav{display:flex;flex-direction:column;gap:4px}
.st .acc-nav button,.st .acc-nav a{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;padding:11px 12px;border-radius:calc(var(--r) * .7);cursor:pointer;font-weight:600;font-size:14.5px;text-align:start}
.st .acc-nav button:hover,.st .acc-nav a:hover{background:color-mix(in srgb,var(--stx) 5%,transparent)}
.st .acc-nav .on{background:color-mix(in srgb,var(--p) 9%,var(--ssf));color:var(--p)}
.st .acc-nav em{margin-inline-start:auto;font-style:normal;background:var(--sbg);border-radius:99px;padding:1px 9px;font-size:12px}
.st .acc-nav .out{color:var(--red)}
.st .acc-nav .ico{width:19px;height:19px}
.st .acc-body{padding:24px}
.st .acc-body h1{font-size:22px;margin-bottom:16px}
.st .olist{display:flex;flex-direction:column;gap:10px}
.st .orow{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;align-items:center;border:1px solid var(--sline);border-radius:calc(var(--r) * .8);padding:14px 16px;transition:border-color .2s}
.st .orow:hover{border-color:color-mix(in srgb,var(--p) 40%,var(--sline))}
.st .orow small{display:block;color:var(--smut);font-size:12px}
.st .orow b{font-family:var(--fh);font-size:16px}
.st .orow .tot{text-align:end}
.st .badge{display:inline-block;border-radius:99px;padding:3px 11px;font-size:12.5px;font-weight:700}
.st .badge.wait{background:color-mix(in srgb,#E8A317 15%,var(--ssf));color:#9a6a06}
.st .badge.ok{background:color-mix(in srgb,var(--ok) 13%,var(--ssf));color:var(--ok)}
.st .badge.go{background:color-mix(in srgb,#2F7DF6 13%,var(--ssf));color:#1f5fc4}
.st .badge.bad{background:color-mix(in srgb,var(--red) 10%,var(--ssf));color:var(--red)}
.st .okmsg{color:var(--ok);font-weight:600;background:color-mix(in srgb,var(--ok) 8%,var(--ssf));border-radius:var(--r);padding:10px 14px;margin-bottom:14px}
.st .acc-form .btn{min-width:160px}
@media (max-width:900px){
  .st .acc{grid-template-columns:1fr}
  .st .acc-side{position:static}
  .st .acc-nav{flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .st .acc-nav button,.st .acc-nav a{width:auto;white-space:nowrap}
}
@media (max-width:600px){
  .st .orow{grid-template-columns:1fr 1fr}
  .st .orow .tot{text-align:start}
  .st .acc-body{padding:16px}
}

/* داخل معاينة المحرّر: تحديد القسم عند المرور والضغط */
.th-editing [data-sec]{cursor:pointer}
.th-editing [data-sec]:hover{outline:2px dashed #2F7DF6;outline-offset:-2px}
.th-editing [data-sec].th-sel{outline:2px solid #2F7DF6;outline-offset:-2px}

/* الجوال */
@media (max-width:900px){
  .st .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .st .feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st .revs{grid-template-columns:1fr}
  .st .ftr .cols{grid-template-columns:1fr 1fr}
  .st .ftr .cols>.about-col{grid-column:1/-1}
}
@media (max-width:760px){
  .st .wrap{padding-inline:16px}
  .st .sec{padding-block:34px}
  .st .sec-h h2{font-size:21px}
  .st .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .st .burger{display:grid}
  .st .hide-sm{display:none!important}
  .st .hdr>.wrap{min-height:62px;gap:8px}
  .st .paysec h2{font-size:21px}
  .st .paysec .pb{height:44px;min-width:76px;font-size:15px}
  .st .news h2{font-size:22px}
  .st .wa{width:50px;height:50px;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.st *,.st *::before,.st *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* AUG-B P25: Safari قبل iOS 16.2 لا يفهم color-mix فيسقط التصريح كله (القيم فيها var فلا رجوع لقيمة سابقة) — بدائل للعناصر التي تختفي أو يضيع تباينها */
@supports not (color:color-mix(in srgb,red 50%,blue)){
  .st .ftr{color:var(--ffg)}
  .st .ftr .socials a{background:rgba(127,127,127,.22)}
  .st .ftr .bottom{border-top:1px solid rgba(127,127,127,.3)}
  .st .mnt{background:var(--sbg)}
  .st .timer,.st .co-none{background:rgba(227,38,45,.06);border:1px dashed rgba(227,38,45,.4)}
  .st .trk-res{background:rgba(30,142,78,.06);border:1px solid rgba(30,142,78,.25)}
}