/* صمّملي — تطبيق العميل. ورد الطائف + الخوخ الداكن + الهيل */
.smm-app{
  --rose:#C42A5E; --rose-d:#A31F4C; --rose-t:#F9DCE5; --plum:#2A1030; --plum-2:#4A2A52;
  --petal:#FFF5F6; --mist:#EFE3EE; --line:#E5D3DD; --muted:#76627A; --qahwa:#5E6E22; --qahwa-t:#EAF0D6; --err:#B42318; --paper:#FFFFFF;
  --r-s:10px; --r-m:16px; --r-l:22px;
  font-family:"Readex Pro",system-ui,sans-serif; color:var(--plum); line-height:1.75; font-size:16px;
  max-width:760px; margin:0 auto; padding:8px 16px 120px; box-sizing:border-box;
}
.smm-app *,.smm-app *::before,.smm-app *::after{box-sizing:border-box}
.smm-app h1,.smm-app h2,.smm-app h3{font-family:"Reem Kufi","Readex Pro",sans-serif;font-weight:700;line-height:1.35;margin:0;color:var(--plum)}
.smm-app h1{font-size:31px}.smm-app h2{font-size:22px}.smm-app h3{font-size:18px}
.smm-app a{color:var(--rose-d)}
.smm-app .ic{width:20px;height:20px;flex:none}
.smm-app :focus-visible{outline:3px solid var(--rose);outline-offset:2px;border-radius:6px}
.smm-app [hidden]{display:none!important}

/* شريط الحساب */
.smm-tabs{display:flex;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px;margin:4px 0 18px;width:max-content;max-width:100%;overflow-x:auto}
.smm-tabs a{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;text-decoration:none;color:var(--muted);font-size:14px;white-space:nowrap}
.smm-tabs a[aria-current]{background:var(--plum);color:#fff}

.smm-head{margin:10px 0 22px}
.smm-head p{margin:6px 0 0;color:var(--muted);max-width:56ch}
.smm-head .meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.smm-head .st{background:var(--mist);color:var(--plum);padding:2px 12px;border-radius:999px;font-size:13px}
.smm-back{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--muted)!important;text-decoration:none;margin-bottom:6px}
.smm-flash{padding:12px 16px;border-radius:var(--r-m);margin:0 0 16px;background:var(--qahwa-t);color:#2F3A0E}
.smm-flash.err{background:#FDE7E7;color:var(--err)}
.smm-err{color:var(--err);font-size:14px;margin:8px 0 0}
.smm-empty{text-align:center;padding:48px 0;color:var(--muted)}
.hint{font-size:13px;color:var(--muted);margin:8px 0 0}.hint.center{text-align:center}

/* أزرار */
.smm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:0;background:var(--rose);color:#fff!important;font:600 16px/1 "Readex Pro",sans-serif;text-decoration:none;cursor:pointer;transition:background .15s}
.smm-btn:hover{background:var(--rose-d)}
.smm-btn.ghost{background:transparent;color:var(--plum)!important;box-shadow:inset 0 0 0 1.5px var(--line)}
.smm-btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--plum)}
.smm-btn.sm{min-height:40px;padding:0 16px;font-size:14px}
.smm-btn.wide{width:100%}
.smm-btn[disabled]{opacity:.5;cursor:wait}
.linkish{background:none;border:0;color:var(--muted);text-decoration:underline;font:inherit;cursor:pointer}

/* اختيار المناسبة */
.smm-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:620px){.smm-cats{grid-template-columns:repeat(4,1fr)}}
.smm-cat{display:flex;flex-direction:column;text-decoration:none;color:var(--plum)!important}
.smm-cat img,.smm-cat .ph{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-s);background:var(--mist);box-shadow:0 1px 0 rgba(42,16,48,.06),0 10px 24px -14px rgba(42,16,48,.45);transition:transform .2s}
.smm-cat img.land{object-fit:contain;padding:10px}
.smm-cats:not(.pro) .smm-cat img.land{background:#F5ECF2}
.smm-cat:hover img{transform:translateY(-3px) rotate(-.6deg)}
.smm-cat b{font-weight:600;margin-top:8px;font-size:15px}
.smm-cat small{color:var(--muted);font-size:13px}
.smm-pro{margin:40px -16px 0;padding:28px 16px;background:var(--plum);color:#fff;border-radius:var(--r-l)}
.smm-pro h2{color:#fff}.smm-pro p{color:#E7D6EA;margin:6px 0 18px}
.smm-cats.pro .smm-cat{color:#fff!important}.smm-cats.pro small{color:#CBB4D0}
.smm-cats.pro img{aspect-ratio:4/3}
@media(min-width:620px){.smm-cats.pro{grid-template-columns:repeat(3,1fr)}}

/* النموذج */
.smm-form{display:flex;flex-direction:column;gap:4px}
.smm-form.narrow{max-width:420px}
.smm-sec{border:0;padding:20px 0;margin:0;border-top:1px solid var(--line);min-width:0}
.smm-sec legend{font-family:"Reem Kufi",sans-serif;font-weight:700;font-size:19px;padding:0;margin-bottom:12px;float:right;width:100%}
.smm-sec legend small{font-family:"Readex Pro",sans-serif;font-weight:400;font-size:13px;color:var(--muted)}
.smm-sec legend+*{clear:both}
.smm-field{margin:0 0 14px}
.smm-field label,.smm-field .lbl{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.smm-app input:not([type=checkbox]):not([type=radio]):not([type=file]),.smm-app textarea,.smm-app select{width:100%;font:inherit;font-size:16px;color:var(--plum);background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-s);padding:11px 14px;min-height:48px;transition:border-color .15s}
.smm-app textarea{resize:vertical;line-height:1.8}
.smm-app input:focus,.smm-app textarea:focus{border-color:var(--plum);outline:none}
.smm-field.rel textarea{font-family:"Amiri Quran","Amiri",serif;font-size:21px;line-height:2.1;background:#FFFBF7}
.smm-grid2{display:grid;grid-template-columns:1fr;gap:0 14px}
@media(min-width:560px){.smm-grid2{grid-template-columns:1fr 1fr}.smm-grid2 .full{grid-column:1/-1}}

.smm-chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input,.style input,.size input,.sw input,.method input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);font-size:14px;cursor:pointer;user-select:none}
.chip input:checked+span{background:var(--plum);color:#fff;box-shadow:none}
.chip input:focus-visible+span,.style input:focus-visible+span,.size input:focus-visible+span,.method input:focus-visible+span,.sw input:focus-visible+span{outline:3px solid var(--rose);outline-offset:2px}

.smm-styles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:560px){.smm-styles{grid-template-columns:repeat(4,1fr)}}
.style span{display:flex;align-items:center;justify-content:center;height:72px;border-radius:var(--r-m);background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);font-size:26px;cursor:pointer;line-height:1}
.style input:checked+span{background:var(--rose-t);box-shadow:inset 0 0 0 2px var(--rose);color:var(--rose-d)}

.smm-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px}
.sw{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}
.sw span{width:40px;height:40px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:transform .15s}
.sw input:checked+span{box-shadow:0 0 0 3px var(--petal),0 0 0 5px var(--plum);transform:scale(1.05)}
.sw em{font-style:normal;font-size:12px;color:var(--muted)}

.smm-sizes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:560px){.smm-sizes{grid-template-columns:repeat(3,1fr)}}
.size span{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px;border-radius:var(--r-m);background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;min-height:64px}
.size i{grid-row:1/3;justify-self:center;border:2px solid currentColor;border-radius:3px;color:var(--muted)}
.size b{font-size:14px;font-weight:600}.size small{font-size:12px;color:var(--muted)}
.size input:checked+span{box-shadow:inset 0 0 0 2px var(--plum)}
.size input:checked+span i{color:var(--rose);background:var(--rose-t)}

.smm-dims{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.smm-dims label{position:relative;font-weight:400}.smm-dims span{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
.smm-dims i{position:absolute;left:12px;bottom:12px;font-style:normal;color:var(--muted);font-size:14px}

.smm-drop{display:block;position:relative;border:2px dashed var(--line);border-radius:var(--r-m);background:var(--paper);cursor:pointer;overflow:hidden}
.smm-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.smm-drop-in{display:flex;flex-direction:column;align-items:center;padding:22px;gap:2px;color:var(--muted)}
.smm-drop-in b{color:var(--plum)}
.smm-drop img{display:block;width:100%;max-height:260px;object-fit:contain;background:var(--mist)}
.smm-drop.has .smm-drop-in{display:none}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:12px 0 0;cursor:pointer}
.check input{width:20px;height:20px;margin-top:3px;accent-color:var(--rose);flex:none}
.check.consent{display:none}.check.consent.on{display:flex}
.check.terms{padding:16px 0;border-top:1px solid var(--line)}

/* الشريط السفلي الثابت */
.smm-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:16px -16px 0;background:rgba(255,245,246,.94);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
.smm-bar b{display:block;font-family:"Reem Kufi",sans-serif;font-size:22px;line-height:1.2}
.smm-bar small{font-size:12px;color:var(--muted)}

/* الإيصال */
.smm-receipt{background:var(--paper);border-radius:var(--r-l);padding:20px;box-shadow:0 18px 40px -28px rgba(42,16,48,.5)}
.r-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.r-head span{font-size:13px;color:var(--muted)}
.smm-receipt ul{list-style:none;margin:0;padding:0}
.smm-receipt li{display:flex;align-items:baseline;gap:8px;padding:6px 0;font-size:15px}
.smm-receipt li i{flex:1;border-bottom:2px dotted var(--line);transform:translateY(-4px)}
.smm-receipt li.sub{color:var(--muted);font-size:14px}
.smm-receipt li.tot{font-size:18px;font-weight:600;border-top:1px solid var(--line);margin-top:6px;padding-top:12px}
.smm-coupon{display:flex;gap:8px;margin-top:14px}.smm-coupon input{flex:1}
.smm-methods{display:grid;gap:10px}
.method span{display:flex;flex-direction:column;padding:14px 16px;border-radius:var(--r-m);background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer}
.method small{color:var(--muted);font-size:13px}
.method input:checked+span{box-shadow:inset 0 0 0 2px var(--rose);background:#FFFAFB}
.smm-gw{margin-top:14px}

/* المتابعة الحية */
.smm-live{background:var(--plum);color:#fff;border-radius:var(--r-l);padding:20px;margin-bottom:22px}
.smm-live .hint{color:#D8C4DC}
.live-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.live-top b{font-family:"Reem Kufi",sans-serif;font-size:20px}
.eta{font-size:14px;color:#F3C9D7;font-variant-numeric:tabular-nums}
.smm-meter{height:6px;border-radius:99px;background:rgba(255,255,255,.14);margin:14px 0 4px;overflow:hidden}
.smm-meter i{display:block;height:100%;background:linear-gradient(90deg,#F59AB8,var(--rose));border-radius:99px;transition:width .8s ease}
.smm-live .smm-btn.ghost{color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);margin-top:12px}
.smm-live.done{display:none}

/* الخيارات الثلاثة */
.smm-options h2{margin-bottom:14px}
.opts{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;margin:0 -16px;padding-inline:16px}
@media(min-width:620px){.opts{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible;margin:0;padding-inline:2px}}
.opt{scroll-snap-align:center}
.frame{position:relative;aspect-ratio:9/16;border-radius:var(--r-s);overflow:hidden;background:var(--mist)}
.frame.land{aspect-ratio:4/3}
.frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:develop 1.1s ease both}
@keyframes develop{from{opacity:0;filter:blur(14px) saturate(.4)}to{opacity:1;filter:none}}
.dev{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:16px;background:linear-gradient(160deg,#F3E6EF 0%,#E9D3E2 50%,#F7EBF0 100%);background-size:200% 200%;animation:shimmer 3s ease-in-out infinite}
@keyframes shimmer{0%,100%{background-position:0 0}50%{background-position:100% 100%}}
.dev-stage{font-size:13px;color:var(--plum-2)}
.dev-bar{height:4px;background:rgba(42,16,48,.1);border-radius:9px;overflow:hidden}.dev-bar i{display:block;height:100%;width:5%;background:var(--plum);transition:width .6s}
.opt-foot{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 2px}
.opt-foot b{font-weight:600}.opt-foot small{color:var(--muted);font-size:13px;flex:1}
.opt.sel .frame{box-shadow:0 0 0 3px var(--petal),0 0 0 6px var(--rose)}
.hint.wm{margin-top:4px}

/* التعديل */
.smm-revise{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.rev-grid{display:grid;gap:20px}
@media(min-width:620px){.rev-grid{grid-template-columns:240px 1fr;align-items:start}}
.rev-preview{margin:0}.rev-preview img{width:100%;border-radius:var(--r-s);box-shadow:0 18px 40px -26px rgba(42,16,48,.55)}
.rev-preview figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.rev-left{margin:4px 0 12px;font-size:14px}.rev-left b{color:var(--rose-d)}
.rev-panel textarea{margin-top:12px}
.rev-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.smm-revise.busy .rev-preview img{filter:blur(6px) saturate(.5);transition:filter .4s}

/* التحميل */
.smm-final{margin-top:22px;padding:20px;background:var(--paper);border-radius:var(--r-l)}
.final-grid{display:grid;gap:20px;margin-top:12px}
@media(min-width:620px){.final-grid{grid-template-columns:220px 1fr}}
.final-grid figure{margin:0}.final-grid img{width:100%;border-radius:var(--r-s);box-shadow:0 18px 40px -26px rgba(42,16,48,.55)}
.dl{list-style:none;margin:0;padding:0}
.dl li a{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--plum)}
.dl li a span{flex:1;font-weight:600}.dl li a span em{display:block;font-style:normal;font-weight:400;font-size:12px;color:var(--muted)}.dl li small{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.final-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.share-out{font-size:14px;word-break:break-all;background:var(--mist);padding:10px 12px;border-radius:var(--r-s)}

.smm-human-cta{display:flex;flex-direction:column;gap:12px;margin-top:22px;padding:20px;border-radius:var(--r-l);box-shadow:inset 0 0 0 1.5px var(--line)}
.smm-human-cta p{margin:4px 0 0;color:var(--muted)}
.smm-human-cta .smm-btn{white-space:nowrap}
@media(min-width:620px){.smm-human-cta{flex-direction:row;align-items:center;justify-content:space-between}}
.smm-chat{margin-top:22px;padding:20px;background:var(--paper);border-radius:var(--r-l)}
.smm-chat .tag{font-family:"Readex Pro";font-size:13px;font-weight:400;background:var(--mist);padding:2px 10px;border-radius:99px;vertical-align:middle}
.msgs{list-style:none;padding:0;margin:14px 0;display:flex;flex-direction:column;gap:8px}
.msgs li{max-width:85%;padding:10px 14px;border-radius:16px;background:var(--mist);font-size:15px}
.msgs li.staff{align-self:flex-end;background:var(--plum);color:#fff}
.msgs li small{display:block;font-size:11px;opacity:.7}
.msgs li a{color:inherit}
.chat-form{display:flex;gap:8px;align-items:flex-end}.chat-form textarea{flex:1;min-height:48px}

/* الطلبات والمحفظة */
.smm-orders{list-style:none;margin:0;padding:0}
.smm-orders li{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.smm-orders .thumb img,.smm-orders .thumb span{display:block;width:64px;height:80px;object-fit:cover;border-radius:8px;background:var(--mist)}
.smm-orders b{display:block}.smm-orders small{color:var(--muted);font-size:13px;display:block}
.smm-orders .st{display:inline-block;font-size:12px;padding:1px 10px;border-radius:99px;background:var(--mist);margin-top:4px}
.smm-orders .s-delivered{background:var(--qahwa-t);color:#3A4512}.smm-orders .s-failed{background:#FDE7E7;color:var(--err)}
.smm-orders .acts{grid-column:2;display:flex;gap:8px}
@media(min-width:620px){.smm-orders li{grid-template-columns:64px 1fr auto}.smm-orders .acts{grid-column:auto}}
.smm-wallet{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.w-card{background:var(--paper);border-radius:var(--r-l);padding:18px}
.w-card.wide{grid-column:1/-1}
.w-card small{display:block;color:var(--muted);font-size:13px}
.w-card b{font-family:"Reem Kufi",sans-serif;font-size:34px;line-height:1.3;font-variant-numeric:tabular-nums}
.w-card span{color:var(--muted);font-size:14px;margin-inline-start:6px}
.smm-packs{display:grid;gap:12px;margin-top:16px}
@media(min-width:560px){.smm-packs{grid-template-columns:1fr 1fr}}
.pack{padding:18px;border-radius:var(--r-l);box-shadow:inset 0 0 0 1.5px var(--line);display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.pack p{margin:0;color:var(--muted);font-size:14px}.pack b{font-family:"Reem Kufi";font-size:24px}.pack b small{font-family:"Readex Pro";font-size:13px;color:var(--muted);font-weight:400}
.smm-ref{margin-top:26px}.smm-ref p{color:var(--muted);margin:4px 0 10px}
.smm-h2{margin-top:26px!important;font-size:19px!important}
.smm-ledger{list-style:none;padding:0;margin:8px 0 0}
.smm-ledger li{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.smm-ledger li span{flex:1}.smm-ledger small{color:var(--muted)}
.smm-logout{margin-top:24px}
.smm-share{text-align:center;padding:20px 0}.smm-share img{max-width:min(420px,100%);border-radius:var(--r-s);box-shadow:0 24px 50px -30px rgba(42,16,48,.6)}
@media (prefers-reduced-motion:reduce){.smm-app *{animation:none!important;transition:none!important}}

/* 1.2.0 — التحويل البنكي و«قريبًا» */
.smm-note{margin:0 0 14px;padding:10px 14px;border-radius:var(--r-m);background:var(--qahwa-t);color:#3D4A12;font-size:14px}
.smm-soon{margin:18px 0;padding:22px;border-radius:var(--r-l);background:linear-gradient(135deg,#2A1030,#4A2A52);color:#fff;text-align:center}
.smm-soon b{display:inline-block;font-family:"Reem Kufi",sans-serif;font-size:14px;padding:3px 12px;border-radius:999px;background:var(--rose);margin-bottom:8px}
.smm-soon p{margin:0 0 14px;color:rgba(255,255,255,.85)}
.smm-soon .smm-btn{background:#1FAF54;color:#fff;display:inline-flex;align-items:center;gap:8px}
.smm-cat.soon{opacity:.62}.smm-cat.soon small{color:var(--rose-d);font-weight:600}
.method.soon span{opacity:.55;cursor:not-allowed;box-shadow:inset 0 0 0 1.5px var(--line);background:repeating-linear-gradient(-45deg,#fff 0 10px,#FBF6F8 10px 20px)}
.smm-steps3{display:flex;gap:6px;margin:0 0 14px;flex-wrap:wrap}
.smm-steps3 span{flex:1;min-width:120px;padding:8px 10px;border-radius:12px;background:var(--mist);color:var(--muted);font-size:13px;text-align:center}
.smm-steps3 .on{background:var(--rose);color:#fff}.smm-steps3 .done{background:var(--qahwa-t);color:#3D4A12}
.smm-bank .r-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.smm-bank .amt{font-size:26px;font-weight:700;color:var(--rose-d)}
.smm-bank li b{word-break:break-all}
.smm-copy{font:inherit;font-size:12px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:2px 10px;cursor:pointer;color:var(--plum)}
.smm-wait{background:var(--qahwa-t);border-radius:var(--r-l);padding:18px;margin-top:16px}
.smm-wait h2{font-size:20px;margin-bottom:6px}