/* أقسام صانع المنتجات الرقمية (kit-maker.js): الألوان من متغيرات الهوية وحدها، وكل قسم يحسب درجاته من لونه */
.xs{--xm-ink2:color-mix(in srgb,var(--x-ink) 72%,var(--x-bg));--xm-mute:color-mix(in srgb,var(--x-ink) 52%,var(--x-bg));--xm-line:color-mix(in srgb,var(--x-ink) 12%,var(--x-bg));--xm-s2:color-mix(in srgb,var(--x-ink) 6%,var(--x-bg));--xm-ac2s:color-mix(in srgb,var(--x-ac) 13%,var(--x-surface));--xm-teal:#2FB3A3;--xm-sh:0 18px 40px -22px color-mix(in srgb,var(--x-deep) 55%,transparent);--xm-fs:Amiri,serif}
.xs[data-bg=dark]{--xm-n2:color-mix(in srgb,var(--x-deep) 86%,#fff);--xm-n3:color-mix(in srgb,var(--x-deep) 76%,#fff);--xm-ink2:rgba(243,244,242,.68)}
.xm-eye{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--x-ac)}
.xm-eye::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.xs[data-bg=dark] .xm-eye{color:var(--x-ac2)}
.xm-head{display:grid;gap:10px;margin-block-end:30px}
.xm-h2{font-family:var(--x-fd);font-size:clamp(26px,3.3vw,38px);line-height:1.35;margin:0}
.xm-sub{color:var(--xm-ink2);font-size:17px;max-width:760px;margin:0}
.xm-glow{position:relative;--mx:50%;--my:50%}
.xm-glow::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my),color-mix(in srgb,var(--x-ac) 12%,transparent),transparent 45%);opacity:0;transition:opacity .3s;pointer-events:none}
.xm-glow:hover::before{opacity:1}
.sx .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.xm-prog{position:fixed;top:0;inset-inline:0;height:3px;z-index:90;pointer-events:none}
.xm-prog i{display:block;height:100%;background:linear-gradient(to left,var(--x-ac),var(--x-ac2));transform-origin:right;transform:scaleX(0)}

/* الرأس */
.xt-header .xm-hd{gap:22px}
.xm-brand{display:flex;align-items:center;gap:12px}
.xm-brand img,.xm-face0{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--x-ac);flex:none;background:var(--xm-n2)}
.xm-brand b{font-family:var(--x-fd);font-size:19px;display:block;line-height:1.2}
.xm-brand small{font-family:var(--xm-fs);color:var(--xm-ink2);font-size:14px;display:block;line-height:1.3}
.xm-hd .xnav{margin-inline-start:auto}
.xm-hd .xnav a{border-radius:999px;padding:8px 13px;font-size:14.5px;color:var(--xm-ink2)}
.xm-hd .xnav a:hover{color:var(--x-ink);background:rgba(255,255,255,.09)}

/* البطل: المدار */
.xt-hero .xm-aur{position:absolute;inset:-20%;background:radial-gradient(40% 50% at 20% 30%,color-mix(in srgb,var(--x-ac) 22%,transparent),transparent 70%),radial-gradient(35% 45% at 80% 20%,color-mix(in srgb,var(--xm-teal) 16%,transparent),transparent 70%),radial-gradient(45% 50% at 60% 90%,color-mix(in srgb,var(--x-ac2) 14%,transparent),transparent 70%);filter:blur(30px);animation:xm-aur 18s ease-in-out infinite alternate;pointer-events:none}
@keyframes xm-aur{to{transform:translate(4%,-3%) rotate(8deg) scale(1.08)}}
.xm-sky{position:absolute;inset:0;width:100%;height:100%}
.xt-hero:has(.xm-hero){overflow:hidden;padding-block:0}
.xm-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;padding-block:72px 116px;position:relative;z-index:2}
.xm-who{font-size:15px;color:var(--x-ac2);font-weight:600;display:flex;gap:10px;align-items:center}
.xm-who i{width:8px;height:8px;border-radius:50%;background:var(--xm-teal);animation:xm-ping 2s infinite}
@keyframes xm-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--xm-teal) 70%,transparent)}70%,100%{box-shadow:0 0 0 10px transparent}}
.xm-h1{font-family:var(--x-fd);font-size:clamp(34px,4.6vw,58px);font-weight:700;margin:12px 0 0;line-height:1.3}
.xm-h1 em{font-style:normal;background:linear-gradient(90deg,var(--x-ac2),#FFE2A3,var(--x-ac),var(--x-ac2));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:xm-shim 6s linear infinite}
@keyframes xm-shim{to{background-position:300% 0}}
.xm-rot{margin:14px 0 18px;font-size:clamp(18px,2.1vw,22px);color:var(--xm-ink2);min-height:1.9em}
.xm-rot b{color:var(--x-ink);font-weight:600;border-block-end:2px solid var(--x-ac);padding-block-end:2px}
.xm-rot b::after{content:"";display:inline-block;width:2px;height:1em;background:var(--x-ac);margin-inline-start:4px;vertical-align:-3px;animation:xm-blink 1s steps(1) infinite}
@keyframes xm-blink{50%{opacity:0}}
.xm-lead{color:var(--xm-ink2);font-size:17.5px;max-width:580px;margin:0}
.xm-hcopy .xbtns{margin-block-start:26px}
.xm-trust{display:flex;gap:18px;flex-wrap:wrap;margin-block-start:26px;font-size:13.5px;color:var(--xm-ink2)}
.xm-trust b{color:var(--x-ink);font-family:var(--x-fd);font-size:17px}
.xm-studio{position:relative;width:min(480px,100%);aspect-ratio:1/1.08;margin-inline:auto}
.xm-arch{position:absolute;inset:6% 14% 0;border-radius:999px 999px 26px 26px;overflow:hidden;background:radial-gradient(70% 55% at 50% 30%,color-mix(in srgb,var(--x-deep) 55%,#6D8CE0) 0%,color-mix(in srgb,var(--x-deep) 80%,#4060B0) 55%,color-mix(in srgb,var(--x-deep) 92%,#000) 100%);box-shadow:0 50px 90px -40px #000,inset 0 0 0 1px rgba(255,255,255,.1)}
.xm-arch::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 70%,color-mix(in srgb,var(--x-ac2) 35%,transparent) 80%,transparent 90%);animation:xm-spin 9s linear infinite}
.xm-arch::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 100%,rgba(0,0,0,.45),transparent 70%),repeating-radial-gradient(circle at 50% 30%,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.xm-beam{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.13) 48%,transparent 60%);animation:xm-beam 7s ease-in-out infinite;z-index:3;mix-blend-mode:screen}
@keyframes xm-beam{0%,100%{translate:-30% 0}50%{translate:30% 0}}
.xm-studio .xm-me{position:absolute;z-index:2;bottom:0;inset-inline-start:50%;translate:50% 0;height:92%;width:auto;max-width:none;filter:drop-shadow(-14px 0 18px color-mix(in srgb,var(--x-ac2) 28%,transparent)) drop-shadow(10px 0 22px color-mix(in srgb,var(--xm-teal) 22%,transparent)) drop-shadow(0 30px 30px rgba(0,0,0,.45));-webkit-mask-image:linear-gradient(to top,transparent 0,#000 14%);mask-image:linear-gradient(to top,transparent 0,#000 14%)}
.xm-floor{position:absolute;inset-inline:18%;bottom:-2%;height:40px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);filter:blur(6px)}
.xm-ring{position:absolute;inset:3% 2% 6%;border-radius:50%;border:1.5px dashed rgba(255,255,255,.14);animation:xm-spin 50s linear infinite;z-index:4;pointer-events:none}
.xm-pl{pointer-events:auto;position:absolute;width:54px;height:54px;margin:-27px;border-radius:15px;background:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.55);animation:xm-spin 50s linear infinite reverse;transition:scale .2s;color:var(--x-deep)}
.xm-pl:hover{scale:1.15}
.xm-pl img{width:36px;height:36px;border-radius:9px;object-fit:contain}
.xm-pl b{font-family:var(--x-fd);font-size:20px}
.xm-pl span{position:absolute;bottom:-26px;white-space:nowrap;font-size:12px;background:var(--x-ac);color:#fff;padding:0 10px;border-radius:999px;opacity:0;transition:.2s;pointer-events:none}
.xm-pl:hover span,.xm-pl:focus span{opacity:1}
.xm-studio:hover .xm-ring,.xm-studio:hover .xm-pl{animation-play-state:paused}
@keyframes xm-spin{to{transform:rotate(360deg)}}
.xm-chip{position:absolute;background:color-mix(in srgb,#fff 92%,transparent);backdrop-filter:blur(8px);color:#14203F;border-radius:14px;padding:8px 14px;font-size:13px;box-shadow:var(--xm-sh);display:flex;gap:8px;align-items:center;animation:xm-float 6s ease-in-out infinite;z-index:5}
.xm-chip b{font-family:var(--x-fd);font-size:18px;color:#E4574B}
.xm-chip.c1{top:18%;inset-inline-start:-6%}
.xm-chip.c2{bottom:14%;inset-inline-end:-8%;animation-delay:-3s}
@keyframes xm-float{50%{transform:translateY(-10px)}}
.xm-waves{position:absolute;inset-inline:0;bottom:-1px;height:90px;z-index:3;overflow:hidden;pointer-events:none}
.xm-waves svg{position:absolute;bottom:0;width:200%;height:100%;fill:var(--x-bgB)}
.xm-waves .w1{opacity:.45;animation:xm-wv 16s linear infinite}
.xm-waves .w2{animation:xm-wv 11s linear infinite reverse}
@keyframes xm-wv{to{transform:translateX(50%)}}

/* الأرقام العائمة */
.xt-stats:has(.xm-stats){padding-block:0;margin-block-start:-40px;position:relative;z-index:5;background:transparent}
.xm-stats{background:var(--x-surface);border-radius:22px;box-shadow:var(--xm-sh);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.xm-stats>div{padding:22px 16px;text-align:center;display:grid;gap:2px}
.xm-stats>div+div{border-inline-start:1px solid var(--xm-line)}
.xm-stats>div>b{font-family:var(--x-fd);font-size:34px;line-height:1.3}
.xm-stats>div>b i{font-style:normal;color:var(--x-ac)}
.xm-stats>div>span{font-size:13.5px;color:var(--xm-ink2)}

/* شريط الكلمات */
.xt-wordband{padding-block:30px 22px!important;overflow:hidden}
.xm-band{overflow:hidden}
.xm-lane{display:flex;gap:46px;width:max-content;animation:xm-lane 40s linear infinite;align-items:center}
.xm-band span{font-family:var(--x-fd);font-size:clamp(40px,6vw,76px);font-weight:700;color:transparent;-webkit-text-stroke:1.3px color-mix(in srgb,var(--x-ink) 30%,transparent);white-space:nowrap;line-height:1.3}
.xm-band span.f{color:var(--x-ac);-webkit-text-stroke:0}
.xm-band i{width:14px;height:14px;border-radius:50%;background:var(--x-ac2);flex:none}
@keyframes xm-lane{to{transform:translateX(50%)}}

/* الحكاية */
.xm-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:start}
.xm-sph{background:linear-gradient(160deg,var(--xm-s2),var(--x-surface));border-radius:28px 28px 220px 220px;padding-block-start:30px;overflow:hidden;max-width:400px}
.xm-sph img{width:100%;display:block}
.xm-quote{font-family:var(--xm-fs);font-size:24px;line-height:1.7;margin:8px 0 16px}
.xm-stxt{color:var(--xm-ink2);display:grid;gap:12px}
.xm-stxt p{margin:0}
.xm-steps{display:flex;gap:8px;flex-wrap:wrap;margin-block:24px 12px}
.xm-steps button{font:inherit;font-size:14px;padding:8px 16px;border-radius:999px;border:1px solid var(--xm-line);background:var(--x-surface);color:var(--xm-ink2);cursor:pointer;transition:.2s}
.xm-steps button.on{background:var(--x-ink);color:var(--x-bg);border-color:var(--x-ink)}
.xm-sview{background:var(--x-surface);border-radius:18px;padding:20px 24px;box-shadow:var(--xm-sh);min-height:132px;position:relative;overflow:hidden}
.xm-sview h3{font-family:var(--x-fd);font-size:20px;margin:0 0 6px}
.xm-sview p{color:var(--xm-ink2);margin:0}
.xm-sview .yr{font-size:13px;color:var(--x-ac);font-weight:600}
.xm-sview .xas-prog,.xm-vlist .xas-prog{position:absolute;bottom:0;inset-inline-start:0;height:3px;width:0;background:var(--x-ac);animation:xm-fill var(--dur,6s) linear forwards}
.xm-vlist button:not(.on) .xas-prog{animation:none;width:0}
@keyframes xm-fill{to{width:100%}}

/* الرف */
.xm-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-block-end:22px}
.xm-fil{display:flex;gap:6px;flex-wrap:wrap;background:var(--x-surface);padding:6px;border-radius:999px;box-shadow:var(--xm-sh)}
.xm-fil button{font:inherit;border:0;background:transparent;color:var(--xm-ink2);font-size:14.5px;padding:8px 18px;border-radius:999px;cursor:pointer}
.xm-fil button[aria-pressed=true]{background:var(--x-ac);color:var(--x-on-ac)}
.xm-note{font-size:13.5px;color:var(--xm-mute);margin-inline-start:auto}
.xm-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.xm-prod{background:var(--x-surface);border-radius:22px;padding:22px;display:grid;gap:12px;grid-template-rows:auto 1fr auto;box-shadow:0 1px 0 var(--xm-line);transition:transform .3s,box-shadow .3s;overflow:hidden}
.xm-prod:hover{transform:translateY(-4px);box-shadow:var(--xm-sh)}
.xm-prod[hidden]{display:none}
.xm-phd{display:flex;gap:14px;align-items:center}
.xm-phd img,.xm-pi0{width:52px;height:52px;border-radius:14px;flex:none;background:var(--xm-s2);object-fit:contain;display:grid;place-items:center;font-style:normal;font-family:var(--x-fd);font-size:22px}
.xm-phd b{font-family:var(--x-fd);font-size:21px;display:block;line-height:1.3}
.xm-phd .kind{font-size:12.5px;color:var(--xm-mute)}
.xm-prod>p{color:var(--xm-ink2);font-size:15px;margin:0}
.xm-pft{display:flex;align-items:end;justify-content:space-between;gap:10px;padding-block-start:12px;border-block-start:1px dashed var(--xm-line)}
.xm-price s{color:var(--xm-mute);font-size:14px;display:block;line-height:1.2}
.xm-price b{font-family:var(--x-fd);font-size:26px;line-height:1.2}
.xm-price b.t{font-size:19px}
.xm-price small{font-size:13px;color:var(--xm-ink2)}
.xm-price .off{font-size:11.5px;background:var(--x-ac);color:var(--x-on-ac);border-radius:999px;padding:1px 8px;margin-inline-start:6px;vertical-align:3px}
.xm-prod .go{font-size:14px;font-weight:600;color:var(--x-ac);display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.xm-prod .go::after{content:"←";transition:transform .2s}
.xm-prod:hover .go::after{transform:translateX(-4px)}
.xm-cart{margin-block-start:22px;background:var(--x-deep);color:#F1F4FB;border-radius:22px;padding:20px 24px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.xm-cart .lab{font-family:var(--x-fd);font-size:19px}
.xm-cart .items{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}
.xm-cart .items span{background:rgba(255,255,255,.1);border-radius:999px;padding:3px 12px;font-size:13.5px;animation:xm-pop .35s cubic-bezier(.2,1.5,.4,1)}
@keyframes xm-pop{from{scale:.5;opacity:0}}
.xm-cart .items em{font-style:normal;color:rgba(241,244,251,.66);font-size:14px}
.xm-cart .sum{font-family:var(--x-fd);font-size:28px;color:var(--x-ac2)}
.xm-cart .sum small{font-size:14px;color:rgba(241,244,251,.66);font-family:var(--x-fb)}

/* مسار الأتمتة */
.xt-pipeline{background:radial-gradient(60% 50% at 85% 20%,color-mix(in srgb,var(--xm-teal) 14%,transparent),transparent 70%),radial-gradient(50% 50% at 10% 85%,color-mix(in srgb,var(--x-ac) 16%,transparent),transparent 70%),var(--x-deep)!important;padding-block:150px!important;clip-path:polygon(0 60px,100% 0,100% calc(100% - 60px),0 100%);margin-block:-20px}
.xm-ag{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.xm-pipe{background:var(--xm-n2);border-radius:26px;padding:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.xm-pipe h3{font-family:var(--x-fd);font-size:18px;display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}
.xm-pipe h3 small{font-family:var(--x-fb);font-size:12px;color:var(--xm-ink2);font-weight:400;display:flex;gap:6px;align-items:center}
.xm-pipe h3 small::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--xm-teal);animation:xm-ping 2s infinite}
.xm-track{position:relative;display:grid;gap:10px;padding-inline-start:34px}
.xm-track::before{content:"";position:absolute;inset-inline-start:13px;top:12px;bottom:12px;width:2px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.18) 0 6px,transparent 6px 12px)}
.xm-track .dot{position:absolute;inset-inline-start:8px;width:12px;height:12px;border-radius:50%;background:var(--x-ac2);box-shadow:0 0 14px 3px color-mix(in srgb,var(--x-ac2) 70%,transparent);top:12px;animation:xm-run 6s cubic-bezier(.6,0,.4,1) infinite}
.xm-track .dot.d2{animation-delay:-3s;background:var(--x-ac);box-shadow:0 0 14px 3px color-mix(in srgb,var(--x-ac) 70%,transparent)}
@keyframes xm-run{to{top:calc(100% - 24px)}}
.xm-node{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.04);border-radius:14px;padding:9px 12px;position:relative;animation:xm-hot calc(var(--n) * .85s) linear infinite;animation-delay:calc(var(--i) * .85s)}
.xm-node::before{content:"";position:absolute;inset-inline-start:-27px;width:10px;height:10px;border-radius:50%;background:var(--xm-n2);box-shadow:0 0 0 2px rgba(255,255,255,.3)}
@keyframes xm-hot{0%,12%{background:color-mix(in srgb,var(--x-ac2) 13%,transparent)}14%,100%{background:rgba(255,255,255,.04)}}
.xm-node img{width:30px;height:30px;border-radius:8px;flex:none;background:#fff;object-fit:contain}
.xm-node .ni{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:15px}
.xm-node b{font-size:14.5px;display:block;line-height:1.4}
.xm-node small{font-size:12px;color:var(--xm-ink2)}
.xm-ticker{margin-block-start:14px;height:96px;overflow:hidden;border-radius:14px;background:rgba(0,0,0,.18);padding:8px 12px;font-size:12.5px;color:var(--xm-ink2);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}
.xm-ticker>div{display:grid;gap:4px;animation:xm-tick 18s linear infinite}
.xm-ticker p{display:flex;gap:8px;margin:0}
.xm-ticker p b{color:var(--xm-teal);font-weight:600}
@keyframes xm-tick{to{transform:translateY(-50%)}}
.xm-side{display:grid;gap:18px}
.xm-parts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.xm-part{background:rgba(255,255,255,.05);border-radius:18px;padding:16px;display:grid;gap:6px;overflow:hidden;transition:background .3s}
.xm-part:hover{background:rgba(255,255,255,.09)}
.xm-part .t{display:flex;gap:10px;align-items:center}
.xm-part img{width:34px;height:34px;border-radius:9px;background:#fff;object-fit:contain}
.xm-part b{font-family:var(--x-fd);font-size:17px}
.xm-part p{font-size:13.5px;color:var(--xm-ink2);margin:0}
.xm-calc{background:#fff;color:#14203F;border-radius:24px;padding:22px}
.xm-calc h3{font-family:var(--x-fd);font-size:19px;margin:0 0 4px}
.xm-calc .hint{font-size:12.5px;color:#7F89A3}
.xm-calc label{display:grid;gap:4px;font-size:14px;margin-block-start:14px}
.xm-calc label span{display:flex;justify-content:space-between}
.xm-calc label b{color:#E4574B;font-family:var(--x-fd);font-size:17px}
.xm-calc input[type=range]{accent-color:#E4574B;width:100%}
.xm-calc .res{margin-block-start:16px;display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;background:#EAEFF7;border-radius:16px;padding:14px 16px}
.xm-calc .res b{font-family:var(--x-fd);font-size:34px;line-height:1.1}
.xm-calc .res small{font-size:13px;color:#4A5675}
.xm-pack{margin-block-start:26px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:linear-gradient(120deg,color-mix(in srgb,var(--x-ac2) 18%,transparent),color-mix(in srgb,var(--x-ac) 14%,transparent));border-radius:22px;padding:20px 24px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--x-ac2) 35%,transparent)}
.xm-pack .lab{font-family:var(--x-fd);font-size:21px}
.xm-pack .lab small{display:block;font-family:var(--x-fb);font-size:13.5px;color:var(--xm-ink2)}
.xm-pack .sum{margin-inline-start:auto;font-family:var(--x-fd);font-size:30px;color:var(--x-ac2)}
.xm-pack .sum small{font-family:var(--x-fb);font-size:13px;color:var(--xm-ink2)}

/* الخدمات */
.xm-svc{display:grid;grid-template-columns:290px 1fr;gap:26px}
.xm-tabs{display:grid;gap:10px;align-content:start}
.xm-tabs button{font:inherit;text-align:start;background:var(--x-surface);border:1px solid var(--xm-line);border-radius:16px;padding:14px 18px;cursor:pointer;color:var(--x-ink);display:grid;gap:2px;transition:.2s}
.xm-tabs button b{font-family:var(--x-fd);font-size:17.5px}
.xm-tabs button span{font-size:13px;color:var(--xm-mute)}
.xm-tabs button.on{background:var(--x-ink);color:var(--x-bg);border-color:var(--x-ink)}
.xm-tabs button.on span{color:color-mix(in srgb,var(--x-bg) 70%,transparent)}
.xm-panel{background:var(--x-surface);border-radius:24px;padding:30px;box-shadow:var(--xm-sh);display:grid;grid-template-columns:1.2fr .8fr;gap:28px;animation:xm-pan .45s ease}
.xm-panel[hidden]{display:none}
@keyframes xm-pan{from{opacity:.3;translate:0 10px}}
.xm-panel h3{font-family:var(--x-fd);font-size:25px;margin:8px 0 10px}
.xm-panel .d{color:var(--xm-ink2);margin:0}
.xm-panel ul{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:9px}
.xm-panel li{display:flex;gap:10px;align-items:start}
.xm-panel li::before{content:"";flex:none;width:20px;height:20px;margin-block-start:5px;border-radius:50%;background:var(--xm-ac2s) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.5L14 7.5' fill='none' stroke='%23E4574B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.xm-panel .side{display:grid;gap:14px;align-content:start}
.xm-panel .side img{border-radius:16px;box-shadow:var(--xm-sh);aspect-ratio:4/3;object-fit:cover;object-position:top;width:100%}
.xm-panel .facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xm-panel .facts>div{background:var(--xm-s2);border-radius:14px;padding:12px 14px}
.xm-panel .facts small{display:block;font-size:12.5px;color:var(--xm-mute)}
.xm-panel .facts b{font-family:var(--x-fd);font-size:17px}

/* الأركان */
.xt-process:has(.xm-tri){border-radius:60px 60px 0 0;margin-block-start:20px;overflow:visible}
.xt-process:has(.xm-tri)::after{content:"";position:absolute;inset-inline:0;bottom:-59px;height:60px;background:var(--x-deep);border-radius:0 0 50% 50%/0 0 100% 100%;z-index:1}
.xt-process:has(.xm-tri)+.xs{padding-block-start:110px}
.xm-tri{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}
.xm-tri svg.link{position:absolute;inset-inline:16%;top:52px;width:68%;height:20px;overflow:visible}
.xm-tri svg.link path{stroke:var(--x-ac);stroke-width:2;fill:none;stroke-dasharray:6 8;animation:xm-flow 1.6s linear infinite}
@keyframes xm-flow{to{stroke-dashoffset:-28}}
.xm-pil{background:var(--xm-n2);border-radius:22px;padding:24px;display:grid;gap:10px;align-content:start;position:relative;cursor:pointer;transition:background .3s,transform .3s}
.xm-pil:hover,.xm-pil.on{background:var(--xm-n3);transform:translateY(-4px)}
.xm-pil .ic{width:60px;height:60px;border-radius:50%;background:var(--x-ac);display:grid;place-items:center;font-family:var(--x-fd);font-size:26px;color:#fff;box-shadow:0 0 0 8px color-mix(in srgb,var(--x-ac) 18%,transparent)}
.xm-pil.on .ic{animation:xm-halo 2s infinite}
@keyframes xm-halo{50%{box-shadow:0 0 0 14px color-mix(in srgb,var(--x-ac) 8%,transparent)}}
.xm-pil h3{font-family:var(--x-fd);font-size:22px;margin:0}
.xm-pil p{color:var(--xm-ink2);font-size:15px;margin:0}
.xm-pil .more{max-height:0;overflow:hidden;transition:max-height .4s;font-size:14.5px}
.xm-pil.on .more{max-height:220px}
.xm-pil .tag{font-size:12.5px;color:var(--x-ac2)}

/* الأعمال */
.xm-works{columns:3 280px;column-gap:18px}
.xm-work{break-inside:avoid;margin-block-end:18px;background:var(--x-surface);border-radius:18px;overflow:hidden;box-shadow:0 1px 0 var(--xm-line);cursor:zoom-in;transition:transform .35s,box-shadow .35s;display:block;width:100%;border:0;padding:0;text-align:start;font:inherit;color:var(--x-ink);transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.xm-work[hidden]{display:none}
.xm-work:hover{box-shadow:var(--xm-sh)}
.xm-work img{width:100%;display:block}
.xm-work .cap{padding:12px 16px;display:flex;justify-content:space-between;gap:8px;align-items:center}
.xm-work .cap b{font-size:15px;font-weight:600}
.xm-work .cap span{font-size:12px;color:var(--x-ac);background:var(--xm-ac2s);padding:2px 10px;border-radius:999px;white-space:nowrap}
.xm-lb{position:fixed;inset:0;background:rgba(8,12,26,.88);z-index:95;display:grid;place-items:center;padding:24px;animation:xm-pan .3s}
.xm-lb img{max-height:86vh;max-width:100%;border-radius:14px;box-shadow:0 30px 80px #000}
.xm-lb button{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));inset-inline-start:16px;background:#fff;color:#14203F;border:0;border-radius:999px;padding:8px 16px;font:inherit;cursor:pointer}

/* شريط الأدوات */
.xt-logos:has(.xm-tools){padding-block:0!important;border-block:1px solid var(--xm-line)}
.xm-tools{overflow:hidden;padding-block:24px}
.xm-tools .xm-lane{gap:64px;animation-duration:30s}
.xm-tools img{height:32px;width:auto;opacity:.75;filter:grayscale(.3)}
.xm-tools .lbl{font-family:var(--x-fd);font-size:17px;color:var(--xm-mute);white-space:nowrap}

/* الآراء */
.xm-voices{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;align-items:stretch}
.xm-vlist{display:grid;gap:10px;align-content:center}
.xm-vlist button{display:flex;gap:14px;align-items:center;text-align:start;background:transparent;border:0;border-radius:18px;padding:12px 14px;cursor:pointer;font:inherit;color:var(--x-ink);position:relative;overflow:hidden;transition:background .3s}
.xm-vlist button.on{background:var(--x-surface);box-shadow:var(--xm-sh)}
.xm-vlist .av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-family:var(--x-fd);font-size:20px;color:#fff;flex:none}
.xm-vlist b{display:block;font-size:16px}
.xm-vlist small{color:var(--xm-mute);font-size:13px}
.xm-vcard{position:relative;border-radius:30px;padding:40px 44px;background:linear-gradient(145deg,color-mix(in srgb,var(--x-deep) 86%,#fff),var(--x-deep));color:#F1F4FB;overflow:hidden;display:grid;align-content:center;min-height:300px}
.xm-vcard::before{content:"”";position:absolute;top:-60px;inset-inline-end:20px;font-family:var(--xm-fs);font-size:260px;line-height:1;color:color-mix(in srgb,var(--x-ac2) 16%,transparent)}
.xm-vcard::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--x-ac) 30%,transparent),transparent);inset-inline-start:-80px;bottom:-120px}
.xm-vcard>div{position:relative;z-index:1;animation:xm-pan .5s ease}
.xm-vcard>div[hidden]{display:none}
.xm-vcard q{font-family:var(--xm-fs);font-size:clamp(20px,2.3vw,27px);line-height:1.8;quotes:none;display:block}
.xm-vcard .by{margin-block-start:22px;display:flex;gap:12px;align-items:center}
.xm-vcard .by b{font-family:var(--x-fd);font-size:18px}
.xm-vcard .by small{color:rgba(241,244,251,.66);font-size:13.5px}
.xm-vcard .by i{width:30px;height:2px;background:var(--x-ac2)}

/* المقالات */
.xm-bhead{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-block-end:36px}
.xm-bhead>div{display:grid;gap:10px}
.xm-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.xm-post{background:var(--x-surface);border-radius:20px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:transform .3s,box-shadow .3s;color:var(--x-ink)}
.xm-post:hover{transform:translateY(-4px);box-shadow:var(--xm-sh)}
.xm-post .im{overflow:hidden;position:relative;display:block}
.xm-post img,.xm-post .xim{aspect-ratio:16/9;object-fit:cover;width:100%;display:block;transition:transform .6s}
.xm-post:hover img{transform:scale(1.06)}
.xm-post .cat{position:absolute;top:12px;inset-inline-start:12px;background:color-mix(in srgb,var(--x-surface) 90%,transparent);backdrop-filter:blur(6px);font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;color:var(--x-ac)}
.xm-post .bd{padding:16px 18px 18px;display:grid;gap:6px;align-content:start}
.xm-post .bd>b{font-family:var(--x-fd);font-size:18px;line-height:1.5}
.xm-post .x{font-size:14px;color:var(--xm-ink2)}
.xm-post small{color:var(--xm-mute);font-size:13px}

/* المجتمع */
.xm-comm{background:linear-gradient(135deg,var(--x-ac),color-mix(in srgb,var(--x-ac) 70%,#8E2A6A));color:#fff;border-radius:30px;padding:40px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;position:relative;overflow:hidden}
.xm-comm::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:40px solid rgba(255,255,255,.08);inset-inline-start:-120px;top:-140px;animation:xm-float 8s ease-in-out infinite}
.xm-comm .in{position:relative;z-index:1}
.xm-comm h2{font-family:var(--x-fd);font-size:clamp(26px,3.3vw,38px);margin:0}
.xm-comm p{opacity:.92;margin:10px 0 22px}
.xm-comm .xm-wbtn{background:#fff;color:color-mix(in srgb,var(--x-ac) 80%,#000)}
.xm-soc{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1}
.xm-soc a{background:rgba(255,255,255,.14);border-radius:16px;padding:14px 16px;display:grid;gap:2px;transition:.2s;color:#fff}
.xm-soc a:hover{background:rgba(255,255,255,.24);transform:translateY(-2px)}
.xm-soc b{font-size:15.5px}
.xm-soc small{opacity:.85;font-size:13px;text-align:start}

/* الأسئلة */
.xm-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.xm-faq details{background:var(--x-surface);border-radius:16px;padding:2px 22px;transition:box-shadow .3s}
.xm-faq details[open]{box-shadow:var(--xm-sh)}
.xm-faq summary{cursor:pointer;font-weight:600;padding-block:15px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.xm-faq summary::-webkit-details-marker{display:none}
.xm-faq summary::after{content:"+";font-size:22px;color:var(--x-ac);line-height:1;transition:rotate .3s}
.xm-faq details[open] summary::after{rotate:45deg}
.xm-faq details p{color:var(--xm-ink2);padding-block-end:16px;margin:0}

/* الختام */
.xt-cta:has(.xm-close){text-align:center;overflow:hidden;padding-block:90px 70px!important}
.xt-cta:has(.xm-close)::before{content:"";position:absolute;inset-inline:0;top:-1px;height:70px;background:var(--x-bgB);clip-path:ellipse(60% 100% at 50% 0)}
.xm-orb{position:absolute;width:520px;height:520px;border-radius:50%;inset-inline-start:50%;translate:50% 0;top:30px;background:radial-gradient(closest-side,color-mix(in srgb,var(--x-ac) 25%,transparent),transparent);animation:xm-float 9s ease-in-out infinite;pointer-events:none}
.xm-close h2{font-family:var(--x-fd);font-size:clamp(28px,3.8vw,44px);margin:0}
.xm-close p{color:var(--xm-ink2);margin:10px 0 24px;font-size:17px}
.xm-close .xbtns{justify-content:center}

/* التذييل */
.xt-footer:has(.xm-foot){padding-block:0!important;border-block-start:1px solid rgba(255,255,255,.08)}
.xm-foot{display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between;padding-block:22px;font-size:14px;color:var(--xm-ink2)}
.xm-foot nav{display:flex;gap:16px;flex-wrap:wrap}
.xm-foot a:hover{color:var(--x-ink)}

@container sx (max-width:980px){
  .xm-svc{grid-template-columns:1fr}.xm-tabs{grid-template-columns:repeat(2,1fr)}.xm-panel{grid-template-columns:1fr;padding:22px}
  .xm-ag{grid-template-columns:1fr}.xt-pipeline{padding-block:110px!important;clip-path:polygon(0 30px,100% 0,100% calc(100% - 30px),0 100%)}
  .xm-prods{grid-template-columns:repeat(2,1fr)}
}
@container sx (max-width:900px){
  .xm-hero{grid-template-columns:1fr;padding-block:36px 100px}.xm-studio{width:min(360px,94%)}.xm-chip.c1{inset-inline-start:0}.xm-chip.c2{inset-inline-end:0}
  .xm-story{grid-template-columns:1fr}.xm-sph{margin-inline:auto}
  .xm-voices{grid-template-columns:1fr}.xm-vlist{grid-template-columns:repeat(3,1fr)}.xm-vlist button{flex-direction:column;text-align:center;gap:6px}.xm-vcard{padding:30px 24px}
  .xm-posts{grid-template-columns:1fr}
  .xm-hd .xnav{display:none}
}
@container sx (max-width:820px){
  .xm-stats{grid-template-columns:repeat(2,1fr)}.xm-stats>div+div{border:0}.xm-stats>div:last-child{grid-column:1/-1}
  .xm-tri{grid-template-columns:1fr}.xm-tri svg.link{display:none}
  .xm-comm{grid-template-columns:1fr;padding:28px 22px}
  .xm-faq{grid-template-columns:1fr}
}
@container sx (max-width:640px){
  .xm-prods{grid-template-columns:1fr}.xm-cart .items{flex-basis:100%;order:3}
}
@container sx (max-width:520px){ .xm-tabs{grid-template-columns:1fr}.xm-parts{grid-template-columns:1fr} }
.sx[data-motion=off] .xm-aur,.sx[data-motion=off] .xm-ring,.sx[data-motion=off] .xm-pl,.sx[data-motion=off] .xm-lane,.sx[data-motion=off] .xm-node,.sx[data-motion=off] .xm-track .dot,.sx[data-motion=off] .xm-ticker>div{animation:none}
@media (prefers-reduced-motion:reduce){.xm-aur,.xm-ring,.xm-pl,.xm-lane,.xm-node,.xm-track .dot,.xm-ticker>div,.xm-beam,.xm-arch::before,.xm-waves svg,.xm-chip,.xm-h1 em,.xm-orb,.xm-comm::after{animation:none!important}}
.xt-header:has(.xm-hd){position:sticky;top:0;z-index:40;padding-block:0;background:color-mix(in srgb,var(--x-deep) 90%,transparent);backdrop-filter:blur(12px) saturate(1.4)}
.xt-header .xm-hd{min-height:68px}
.xs[id]{scroll-margin-top:76px}

/* عنوان الصفحة المتوهج */
.xt-hero:has(.xm-pt){overflow:hidden;padding-block:0}
.xm-pt{position:relative;z-index:2;padding-block:70px 120px;display:grid;gap:12px;justify-items:center;text-align:center}
.xm-pt .xm-lead{margin-inline:auto;max-width:640px}
.xm-pt .xm-trust{justify-content:center;margin-block-start:10px}
.xm-pt .xm-trust span{background:rgba(255,255,255,.08);border-radius:999px;padding:5px 14px}
/* المسارات */
.xm-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.xm-path{background:var(--x-surface);border-radius:24px;padding:28px;display:grid;gap:10px;align-content:start;box-shadow:0 1px 0 var(--xm-line);transition:transform .3s,box-shadow .3s;overflow:hidden}
.xm-path:hover{transform:translateY(-4px);box-shadow:var(--xm-sh)}
.xm-path .n{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--x-deep);color:#fff;font-family:var(--x-fd);font-size:24px}
.xm-path:nth-child(2) .n{background:var(--x-ac)}
.xm-path .tag{position:absolute;top:22px;inset-inline-end:22px;font-size:12px;font-weight:600;color:var(--x-ac);background:var(--xm-ac2s);border-radius:999px;padding:2px 10px}
.xm-path h3{font-family:var(--x-fd);font-size:22px;margin:6px 0 0}
.xm-path p{color:var(--xm-ink2);margin:0 0 8px}
.xm-path .xb{justify-self:start}
/* الباقات */
.xm-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;padding-block-start:12px}
.xm-plan{background:var(--x-surface);border-radius:26px;padding:28px;display:grid;gap:8px;align-content:start;position:relative;box-shadow:0 1px 0 var(--xm-line);transition:transform .3s}
.xm-plan:hover{transform:translateY(-4px)}
.xm-plan.hl{background:var(--x-deep);color:#F1F4FB;box-shadow:var(--xm-sh);transform:translateY(-10px)}
.xm-plan .tag{position:absolute;top:-13px;inset-inline-start:24px;background:var(--x-ac);color:#fff;font-size:12.5px;font-weight:700;border-radius:999px;padding:3px 14px}
.xm-plan .pn{font-family:var(--x-fd);font-size:22px}
.xm-plan .pr b{font-family:var(--x-fd);font-size:44px;line-height:1.1}
.xm-plan.hl .pr b{color:var(--x-ac2)}
.xm-plan .per{color:var(--xm-mute)}
.xm-plan.hl .per{color:rgba(241,244,251,.66)}
.xm-plan ul{list-style:none;padding:14px 0 6px;margin:6px 0 10px;display:grid;gap:9px;border-block-start:1px dashed var(--xm-line)}
.xm-plan.hl ul{border-color:rgba(255,255,255,.15)}
.xm-plan li{display:flex;gap:10px;align-items:start}
.xm-plan li::before{content:"✓";color:var(--x-ac);font-weight:700}
.xm-plan.hl li::before{color:var(--x-ac2)}
.xm-plan .xb{justify-self:stretch;justify-content:center}
.xm-pnote{text-align:center;color:var(--xm-mute);font-size:14px;margin:26px 0 0}
/* الأدوات */
.xm-tools2{display:grid;gap:26px}
.xm-tool{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;background:var(--x-surface);border-radius:28px;padding:22px;box-shadow:0 1px 0 var(--xm-line)}
.xm-tool.r .im{order:2}
.xm-tool .im{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:var(--xm-s2)}
.xm-tool .im img,.xm-tool .im .xim{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.xm-tool:hover .im img{transform:scale(1.05)}
.xm-tool .im .n{position:absolute;top:12px;inset-inline-start:12px;background:color-mix(in srgb,var(--x-deep) 85%,transparent);color:#fff;border-radius:12px;padding:4px 12px;font-family:var(--x-fd);font-size:18px}
.xm-tool .tx{display:grid;gap:8px;align-content:center;padding-inline:6px}
.xm-tool h3{font-family:var(--x-fd);font-size:25px;margin:0}
.xm-tool p{color:var(--xm-ink2);margin:0}
.xm-tool .xb{justify-self:start;margin-block-start:6px}
@container sx (max-width:900px){.xm-paths,.xm-plans{grid-template-columns:1fr}.xm-plan.hl{transform:none}.xm-tool{grid-template-columns:1fr}.xm-tool.r .im{order:0}}
.xm-tool .im .ph{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--c) 60%,#fff),transparent 60%),linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#000));color:#fff;overflow:hidden}
.xm-tool .im .ph::before{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;border:30px solid rgba(255,255,255,.08);inset-inline-end:-20%;bottom:-40%}
.xm-tool .im .ph b{font-family:var(--x-fd);font-size:clamp(26px,3vw,38px);position:relative}

/* الشريط العلوي في الرأس */
.xm-hbar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:7px 16px;font-size:13.5px;background:linear-gradient(90deg,color-mix(in srgb,var(--x-ac) 85%,#000),var(--x-ac),color-mix(in srgb,var(--x-ac2) 80%,var(--x-ac)));color:#fff;background-size:200% 100%;animation:xm-shim 10s linear infinite}
.xm-hbar b{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.xm-hbar:hover b{text-decoration-thickness:2px}
/* الوثيقة بفهرس */
.xm-lsums{display:grid;gap:14px;margin-block-end:34px}
.xm-lsums .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.xm-lsum{background:var(--x-surface);border-radius:20px;padding:20px;display:grid;gap:6px;box-shadow:0 1px 0 var(--xm-line);transition:transform .3s,box-shadow .3s}
.xm-lsum:hover{transform:translateY(-3px);box-shadow:var(--xm-sh)}
.xm-lsum .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--xm-ac2s);font-size:22px}
.xm-lsum b{font-family:var(--x-fd);font-size:18px}
.xm-lsum span:last-child{color:var(--xm-ink2);font-size:14.5px}
.xm-lgrid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px;align-items:start}
.xm-ltoc{position:sticky;top:96px;background:var(--x-surface);border-radius:22px;padding:18px;display:grid;gap:2px;box-shadow:0 1px 0 var(--xm-line)}
.xm-ltoc>b{font-family:var(--x-fd);font-size:16px;margin-block-end:6px}
.xm-ltoc .bar{height:4px;border-radius:4px;background:var(--xm-s2);margin-block-end:8px;overflow:hidden}
.xm-ltoc .bar i{display:block;height:100%;width:0;background:linear-gradient(to left,var(--x-ac),var(--x-ac2));transition:width .2s}
.xm-ltoc a{display:flex;gap:10px;align-items:center;padding:7px 10px;border-radius:12px;font-size:14.5px;color:var(--xm-ink2);transition:background .25s,color .25s}
.xm-ltoc a em{font-style:normal;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--xm-s2);font-size:12px;flex:none}
.xm-ltoc a:hover{background:var(--xm-s2);color:var(--x-ink)}
.xm-ltoc a.on{background:var(--xm-ac2s);color:var(--x-ac);font-weight:600}
.xm-ltoc a.on em{background:var(--x-ac);color:#fff}
.xm-ltoc small{color:var(--xm-mute);font-size:12.5px;margin-block-start:8px;padding-inline:10px}
.xm-lbody{display:grid;gap:18px}
.xm-litem{background:var(--x-surface);border-radius:24px;padding:26px 30px;box-shadow:0 1px 0 var(--xm-line);scroll-margin-top:96px;transition:box-shadow .3s}
.xm-litem.on{box-shadow:0 0 0 2px color-mix(in srgb,var(--x-ac) 35%,transparent),var(--xm-sh)}
.xm-litem h2{font-family:var(--x-fd);font-size:22px;margin:0 0 12px;display:flex;gap:12px;align-items:center}
.xm-litem h2 .n{font-size:14px;color:var(--x-ac);background:var(--xm-ac2s);border-radius:10px;padding:3px 9px}
.xm-litem h2 .cp{margin-inline-start:auto;color:var(--xm-mute);opacity:0;font-size:18px;transition:opacity .2s}
.xm-litem:hover h2 .cp,.xm-litem h2 .cp:focus{opacity:1}
.xm-litem h2 .cp.ok::after{content:" نُسخ";font-size:12px}
.xm-litem p{color:var(--xm-ink2);margin:0 0 10px;line-height:2}
.xm-litem p:last-child{margin:0}
.xm-lask{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--x-deep);color:#F1F4FB;border-radius:24px;padding:22px 26px}
.xm-lask b{font-family:var(--x-fd);font-size:19px;display:block}
.xm-lask span{color:rgba(241,244,251,.72);font-size:14.5px}
.xm-lask a[dir]{color:var(--x-ac2)}
@container sx (max-width:960px){.xm-lgrid{grid-template-columns:1fr}.xm-ltoc{position:static}.xm-fprods .g{grid-template-columns:repeat(2,1fr)}}
@container sx (max-width:520px){.xm-litem{padding:22px 20px}.xm-fprods .g{grid-template-columns:repeat(2,1fr)}}

/* اللقب تحت الصورة: لوحة زجاجية بخط العناوين، ونص ذهبي يلمع ببطء */
.xm-role{position:absolute;z-index:6;bottom:-20px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:12px;white-space:nowrap;padding:10px 24px;border-radius:999px;background:color-mix(in srgb,var(--x-deep) 72%,transparent);backdrop-filter:blur(10px) saturate(1.3);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--x-ac2) 45%,transparent),0 18px 36px -14px rgba(0,0,0,.6)}
.xm-role span{font-family:var(--x-fd);font-size:clamp(17px,1.7vw,21px);font-weight:700;letter-spacing:.3px;background:linear-gradient(90deg,var(--x-ac2),#FFF1CF,var(--x-ac2),#F5C97A,var(--x-ac2));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:xm-shim 7s linear infinite}
.xm-role i{width:28px;height:1.5px;border-radius:2px;background:linear-gradient(to left,transparent,var(--x-ac2))}
.xm-role i:last-child{background:linear-gradient(to right,transparent,var(--x-ac2))}
.xm-role::before{content:"";position:absolute;inset-inline:22%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}
@container sx (max-width:900px){.xm-role{bottom:-16px;padding:8px 18px}.xm-role i{width:18px}}
@media (prefers-reduced-motion:reduce){.xm-role span{animation:none}}

/* زر الحزمة في بطاقة المنتج */
.xm-addb{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;font:inherit;font-size:14px;font-weight:600;padding:9px 14px;border-radius:999px;cursor:pointer;border:1.5px dashed color-mix(in srgb,var(--x-ac) 45%,transparent);background:transparent;color:var(--x-ac);transition:background .25s,color .25s,border-color .25s,transform .2s}
.xm-addb:hover{background:var(--xm-ac2s)}
.xm-addb:active{transform:scale(.97)}
.xm-addb .on{display:none}
.xm-addb[aria-pressed=true]{background:var(--x-ac);color:var(--x-on-ac);border-style:solid;border-color:var(--x-ac)}
.xm-addb[aria-pressed=true] .on{display:inline}.xm-addb[aria-pressed=true] .off{display:none}
.xm-prod:has(.xm-addb[aria-pressed=true]){box-shadow:0 0 0 2px var(--x-ac),var(--xm-sh)}
.xm-prod{grid-template-rows:auto 1fr auto auto}
.xm-cart [data-cart-go][disabled]{opacity:.55;cursor:not-allowed}
.xm-cform{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding-block-start:16px;margin-block-start:4px;border-block-start:1px solid rgba(255,255,255,.12);animation:xm-pan .4s ease}
.xm-cform[hidden]{display:none}
.xm-cform>b{grid-column:1/-1;font-family:var(--x-fd);font-size:18px}
.xm-cform>small{grid-column:1/-1;color:rgba(241,244,251,.7);margin-block-start:-6px}
.xm-cform label{display:grid;gap:4px;font-size:13px;color:rgba(241,244,251,.75)}
.xm-cform label.full{grid-column:1/-1}
.xm-cform input{font:inherit;font-size:15px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px 12px;outline:0}
.xm-cform input:focus{border-color:var(--x-ac2)}
.xm-cform input.bad{border-color:#ff8a80}
.xm-cform .xb{justify-self:start}
.xm-cform .err{grid-column:1/-1;color:#ffb3ab;font-size:13px}
.xm-cdone{flex-basis:100%;display:grid;gap:6px;justify-items:start;padding:16px;border-radius:16px;background:rgba(47,179,163,.16);animation:xm-pan .4s ease}
.xm-cdone[hidden]{display:none}
.xm-cdone b{font-family:var(--x-fd);font-size:19px}
.xm-cdone span{color:rgba(241,244,251,.8)}
/* التذييل بأعمدة متوازنة */
.xt-footer:has(.xm-fcols){padding-block:56px 0!important}
.xm-fcols{display:grid;grid-template-columns:1.25fr .8fr 1.35fr;gap:40px;align-items:start;padding-block-end:36px;border-block-end:1px solid rgba(255,255,255,.08)}
.xm-fbrand{display:grid;gap:14px;align-content:start}
.xm-fbrand p{color:var(--xm-ink2);margin:0;font-size:14.5px;max-width:360px;line-height:1.9}
.xm-fbrand .xb{justify-self:start}
.xm-flinks,.xm-fprods{display:grid;gap:10px;align-content:start}
.xm-flinks b,.xm-fprods>b{font-family:var(--x-fd);font-size:16px;margin-block-end:4px;display:flex;align-items:center;gap:8px}
.xm-flinks b::after,.xm-fprods>b::after{content:"";flex:1;height:1px;background:linear-gradient(to left,rgba(255,255,255,.14),transparent)}
.xm-flinks a{color:var(--xm-ink2);font-size:14.5px;transition:color .2s,padding .2s;display:flex;align-items:center;gap:8px}
.xm-flinks a::before{content:"";width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--x-ac2) 60%,transparent);transition:background .2s}
.xm-flinks a:hover{color:#fff;padding-inline-start:4px}
.xm-flinks a:hover::before{background:var(--x-ac2)}
.xm-fprods .g{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.xm-fprod{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.04);color:var(--xm-ink2);font-size:14px;transition:background .2s,color .2s,transform .2s}
.xm-fprod img{width:28px;height:28px;border-radius:8px;background:#fff;object-fit:contain;flex:none}
.xm-fprod:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateY(-2px)}
.xm-foot .lg{display:flex;gap:18px;flex-wrap:wrap}
.xm-foot .lg a{color:var(--xm-ink2)}
.xm-foot .lg a:hover{color:#fff}
.xm-ftag{color:var(--xm-mute);display:inline-flex;align-items:center;gap:6px;transition:color .2s}
a.xm-ftag::before{content:"";width:8px;height:8px;border-radius:2px;background:linear-gradient(135deg,var(--x-ac2),var(--x-ac));rotate:45deg}
a.xm-ftag:hover{color:var(--x-ac2)}
@container sx (max-width:960px){.xm-fcols{grid-template-columns:1fr 1fr}.xm-fbrand{grid-column:1/-1}}
@container sx (max-width:560px){.xm-fcols{grid-template-columns:1fr}.xm-cform{grid-template-columns:1fr}}