/* الواجهة الأمامية: جسم الصفحة، وإطار القراءة للمحتوى العادي، وصفحة المقال */
html,body{margin:0}
body{background:#fff}
.skip-link{position:absolute;top:-40px;right:10px;z-index:1000;background:#111;color:#fff;padding:8px 14px;border-radius:8px}
.skip-link:focus{top:10px}
.sx{min-height:100vh}
.sx>main{display:block}
.admin-bar .xt-header.xv2{top:32px}

/* إطار القراءة */
.x-prose{max-width:760px;margin-inline:auto;font-size:17.5px;line-height:1.95;color:var(--x-ink)}
.x-prose>*+*{margin-top:1.1em}
.x-prose h1,.x-prose h2,.x-prose h3,.x-prose h4{font-family:var(--x-fd);line-height:1.35;margin-top:1.7em;scroll-margin-top:90px}
.x-prose h2{font-size:calc(28px*var(--x-scale))}
.x-prose h3{font-size:calc(22px*var(--x-scale))}
.x-prose a{color:var(--x-ac);text-decoration:underline;text-underline-offset:3px}
.x-prose blockquote{margin:1.6em 0;padding:18px 22px;border-radius:var(--x-r);background:var(--x-soft);font-family:var(--x-fd);font-size:1.12em}
.x-prose img{border-radius:var(--x-r);height:auto}
.x-prose figure{margin:1.6em 0}
.x-prose figcaption{font-size:14px;color:var(--x-muted);text-align:center;margin-top:8px}
.x-prose ul,.x-prose ol{padding-inline-start:1.4em}
.x-prose li+li{margin-top:.4em}
.x-prose table{width:100%;border-collapse:collapse;font-size:15px}
.x-prose th,.x-prose td{padding:10px 12px;border-bottom:1px solid var(--x-line);text-align:right}
.x-prose .wp-block-button__link{display:inline-flex;background:var(--x-ac);color:var(--x-on-ac);border-radius:calc(var(--x-r)*.75);padding:.85em 1.6em;text-decoration:none;font-weight:600}
.x-prose pre,.x-prose code{direction:ltr;text-align:left;font-family:ui-monospace,Consolas,monospace;font-size:14px}
.x-prose pre{background:var(--x-soft);padding:14px;border-radius:var(--x-r);overflow:auto}
.x-prose-sec{padding-block:calc(40px*var(--x-sp))}

/* المقال */
.x-article{padding-top:calc(36px*var(--x-sp))}
.x-readbar{position:fixed;top:0;inset-inline:0;height:4px;z-index:60;background:transparent}
.admin-bar .x-readbar{top:32px}
.x-readbar i{display:block;height:100%;width:0;background:var(--x-ac);transition:width .1s linear}
.x-article-h{max-width:860px;margin-inline:auto;display:grid;gap:12px;justify-items:start;margin-bottom:26px}
.x-meta{font-size:14px}
.x-cover{max-width:1000px;margin:0 auto 34px;aspect-ratio:16/8}
.x-cover img{width:100%;height:100%;object-fit:cover}
.x-article-b{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start;max-width:1040px;margin-inline:auto}
.x-toc{position:sticky;top:90px;display:grid;gap:4px;font-size:14px}
.x-toc b{font-family:var(--x-fd);margin-bottom:6px}
.x-toc a{display:block;color:var(--x-muted);padding:5px 10px;border-radius:8px;text-decoration:none;line-height:1.5}
.x-toc a.on{background:color-mix(in srgb,var(--x-ac) 12%,transparent);color:var(--x-ac);font-weight:600}
.x-toc:has(.x-toc-l:empty){display:none}
.x-article-b:has(.x-toc-l:empty){grid-template-columns:minmax(0,1fr)}
.xpost b a{color:inherit;text-decoration:none}
.x-pager{margin-top:30px}
.x-pager .nav-links{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.x-pager .page-numbers{padding:8px 14px;border-radius:10px;border:1px solid var(--x-line);color:var(--x-ink);text-decoration:none}
.x-pager .page-numbers.current{background:var(--x-ac);color:var(--x-on-ac);border-color:var(--x-ac)}

/* النافذة المنبثقة على الموقع */
.tz-popwrap{position:relative;z-index:9999}
.tz-popwrap .xpop-layer.fixed{position:fixed}
@container sx (max-width:900px){.x-article-b{grid-template-columns:minmax(0,1fr)}.x-toc{position:static}}

/* شريط موافقة التتبع */
.tz-consent{position:fixed;bottom:16px;right:16px;z-index:10000;max-width:420px;background:#14191c;color:#f2f4f3;border-radius:14px;padding:14px 16px;display:grid;gap:10px;font:14px/1.7 "IBM Plex Sans Arabic",Tahoma,sans-serif;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);direction:rtl}
.tz-consent p{margin:0}
.tz-consent div{display:flex;gap:8px}
.tz-consent button{font:inherit;font-weight:600;border:0;border-radius:9px;padding:7px 14px;cursor:pointer;background:#fff;color:#111}
.tz-consent button[data-c="0"]{background:transparent;color:#cfd6d4;border:1px solid #3a4447}

/* نافذة الدفع */
.tz-pay{width:min(440px,100%);padding:26px 24px;display:grid;gap:12px;max-height:calc(100vh - 32px);overflow:auto}
.tz-pay .xamts{grid-template-columns:repeat(4,1fr)}
.tz-pay-step{display:grid;gap:10px}
.tz-pay-step[hidden]{display:none}
.tz-pay-more summary{cursor:pointer;color:var(--x-ac);font-weight:600;font-size:14px;margin-bottom:6px}
.tz-pay-note{display:flex;gap:6px;align-items:center;justify-content:center;font-size:12.5px;color:var(--x-muted);margin:0}
.tz-pay .mysr-form{direction:rtl;min-height:120px}
.tz-pay-done{text-align:center;justify-items:center}
.tz-done-i{width:72px;height:72px;border-radius:50%;background:#178A4C;color:#fff;display:grid;place-items:center}
.tz-done-i .i{width:36px;height:36px}

/* زر السلة في الترويسة، ورسالة الإضافة */
.xcartbtn{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:inherit;flex:none;transition:background .2s}
.xcartbtn:hover{background:color-mix(in srgb,currentColor 9%,transparent)}
.xcartbtn .i{width:22px;height:22px}
.xcartbtn b{position:absolute;top:2px;inset-inline-end:0;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--x-ac);color:var(--x-on-ac);font-size:11px;line-height:19px;text-align:center}
.xcartbtn b[hidden]{display:none}
.xcartbtn.bump b{animation:tzbump .5s}
@keyframes tzbump{40%{transform:scale(1.45)}}
.tz-toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,140%);z-index:99990;display:flex;gap:12px;align-items:center;background:var(--x-ink);color:var(--x-bg);padding:12px 14px 12px 18px;border-radius:99px;box-shadow:0 20px 50px -20px rgba(0,0,0,.5);font-size:14.5px;max-width:calc(100vw - 32px);transition:transform .35s cubic-bezier(.2,.9,.3,1.2)}
.tz-toast.on{transform:translate(-50%,0)}
.tz-toast .i{width:20px;height:20px;color:#5BD08A;flex:none}
.tz-toast a{background:var(--x-ac);color:var(--x-on-ac);padding:7px 14px;border-radius:99px;font-weight:600;white-space:nowrap}
[data-add].busy{opacity:.6;pointer-events:none}
[data-href]{cursor:pointer}

/* بطاقات المنتجات الحقيقية في أي صفحة */
.xgal.one{grid-template-columns:minmax(0,1fr)}
.xgal.one .xgal-main{grid-column:1}
.xgal-main .xim img,.xgal-th .xim img{width:100%;height:100%;object-fit:cover}
.xprod .xim img{width:100%;height:100%;object-fit:cover}
.xnoimg{display:grid;place-items:center;width:100%;height:100%;min-height:180px;background:var(--x-soft);color:color-mix(in srgb,var(--x-ac) 55%,transparent)}
.xnoimg .i{width:46px;height:46px}
.xprod.is-out .xprod-im{opacity:.55}
.xprod.is-gone{display:none}
.xcattile .xim img,.xcatcircles .xim img,.xpl-im img,.xtop-im img,.xaff-im img,.xdotd-im img{width:100%;height:100%;object-fit:cover}