/* مدار — سبک تازه («ادیتوریال با قاب جابه‌جا») فقط برای دربارهٔ ما، محصولات، خدمات و مقالات.
   همهٔ قاعده‌ها زیر body.md-nx هستند تا برگه‌های دیگر دست‌نخورده بمانند. رنگ‌ها از متغیرهای قالب. */

body.md-nx{--nx-r:6px;--nx-off:6px;--nx-line:var(--md-line);--nx-dot:rgba(var(--md-p-rgb),.22)}

/* ---------- سربرگ صفحه ---------- */
body.md-nx .md-phead{padding-block:clamp(40px,6vw,76px) clamp(28px,4vw,44px);background:var(--md-bg);color:var(--md-text);border-bottom:0;text-align:start}
body.md-nx .md-phead-bg{background:radial-gradient(circle,var(--nx-dot) 1.2px,transparent 1.6px) 0 0/22px 22px;-webkit-mask-image:linear-gradient(115deg,#000 0,transparent 55%);mask-image:linear-gradient(115deg,#000 0,transparent 55%);opacity:1}
body.md-nx .md-phead-bg::before,body.md-nx .md-phead-bg::after{display:none}
body.md-nx .md-phead-bg>img,body.md-nx .md-phead-bg>.md-art,body.md-nx .md-phead.has-img .md-phead-bg::after{display:none}
body.md-nx .md-phead-in{position:relative;text-align:start}
body.md-nx .md-phead .md-crumbs ol{justify-content:flex-start;font-size:12.5px;letter-spacing:.2px}
body.md-nx .md-phead .md-crumbs a,body.md-nx .md-phead .md-crumbs [aria-current]{color:var(--md-mute)}
body.md-nx .md-phead .md-crumbs a:hover{color:var(--md-p-text)}
body.md-nx .md-phead .md-h1{margin:14px 0 0;font-size:clamp(34px,6vw,72px);font-weight:900;line-height:1.15;letter-spacing:-1px;color:var(--md-text)}
body.md-nx .md-phead .md-h1::after{content:".";color:var(--md-p)}
body.md-nx .md-phead-lead{margin:14px 0 0;max-width:620px;color:var(--md-mute);font-size:16px;font-weight:400}
body.md-nx .md-phead::after{content:"";position:absolute;inset-inline:max(16px,calc((100% - var(--md-wrap,1240px)) / 2));bottom:0;height:1px;background:linear-gradient(90deg,var(--md-p) 0 120px,var(--nx-line) 120px)}
html[dir=rtl] body.md-nx .md-phead::after{background:linear-gradient(270deg,var(--md-p) 0 120px,var(--nx-line) 120px)}
body.md-nx .md-phead+.md-sec,body.md-nx .md-pbar+.md-sec{padding-top:clamp(28px,4vw,52px)}

/* ---------- عناصر مشترک ---------- */
body.md-nx .md-chips.is-filter{gap:4px 22px;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;width:auto}
body.md-nx .md-chips.is-filter a{position:relative;padding:8px 0;border:0;border-radius:0;background:none;color:var(--md-mute);font-weight:700;font-size:14.5px}
body.md-nx .md-chips.is-filter a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--md-p);transform:scaleX(0);transition:transform .3s var(--md-ease)}
body.md-nx .md-chips.is-filter a:hover{color:var(--md-text);background:none}
body.md-nx .md-chips.is-filter a.is-on{color:var(--md-text);background:none}
body.md-nx .md-chips.is-filter a.is-on::after,body.md-nx .md-chips.is-filter a:hover::after{transform:scaleX(1)}
body.md-nx .md-toolbar{padding-bottom:18px;margin-bottom:30px;border-bottom:1px solid var(--nx-line)}
body.md-nx .md-psearch input{border-radius:var(--nx-r)}
body.md-nx .md-chip{border-radius:3px;font-size:11.5px;font-weight:800;letter-spacing:.3px}
body.md-nx .md-inline-cta{border-radius:var(--nx-r);background:var(--md-card);border:1px solid var(--nx-line);box-shadow:var(--nx-off) var(--nx-off) 0 rgba(var(--md-p-rgb),.55)}
body.md-nx .md-btn.is-pill{border-radius:var(--nx-r)}

/* ---------- محصولات: شبکهٔ بنتو ---------- */
body.md-nx .md-pgrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-flow:dense;gap:18px}
body.md-nx .md-pgrid:has(>.md-pcard:nth-child(5)){grid-template-columns:repeat(4,minmax(0,1fr))}
body.md-nx .md-pcard-in{padding:0;border-radius:var(--nx-r);background:var(--md-card);border:1px solid var(--nx-line);box-shadow:none;overflow:hidden;transition:transform .3s var(--md-ease),box-shadow .3s,border-color .3s}
body.md-nx .md-pcard-in:hover{transform:translate(calc(var(--nx-off) * -1),calc(var(--nx-off) * -1));border-color:var(--md-p);box-shadow:var(--nx-off) var(--nx-off) 0 var(--md-p)}
html[dir=rtl] body.md-nx .md-pcard-in:hover{transform:translate(var(--nx-off),calc(var(--nx-off) * -1));box-shadow:calc(var(--nx-off) * -1) var(--nx-off) 0 var(--md-p)}
body.md-nx .md-pcard-media{aspect-ratio:1;margin:0;border-radius:0;background:radial-gradient(circle at 50% 40%,rgba(var(--md-p-rgb),.12),transparent 65%),var(--md-card)}
body.md-nx .md-pcard-media img{transition:transform .6s var(--md-ease)}
body.md-nx .md-pcard-in:hover .md-pcard-media img{transform:scale(1.05)}
body.md-nx .md-pcard-body{padding:14px 16px 16px;border-top:1px solid var(--nx-line)}
body.md-nx .md-pcard-title{font-size:15.5px;font-weight:800}
body.md-nx .md-pcard .md-chip{top:12px;inset-inline-start:12px}
body.md-nx .md-pgrid:has(>.md-pcard:nth-child(5))>.md-pcard:first-child{grid-column:span 2;grid-row:span 2}
body.md-nx .md-pgrid:has(>.md-pcard:nth-child(5))>.md-pcard:first-child .md-pcard-in{display:grid;grid-template-rows:1fr auto}
body.md-nx .md-pgrid:has(>.md-pcard:nth-child(5))>.md-pcard:first-child .md-pcard-media{aspect-ratio:auto;min-height:100%}
body.md-nx .md-pgrid:has(>.md-pcard:nth-child(5))>.md-pcard:first-child .md-pcard-title{font-size:clamp(18px,2vw,24px)}
body.md-nx .md-cat-grid{margin-bottom:28px}

/* ---------- محصول تکی ---------- */
body.md-nx .md-pbar{background:var(--md-bg);border-bottom:1px solid var(--nx-line)}
body.md-nx .md-gallery-main{border-radius:var(--nx-r);border:1px solid var(--nx-line);box-shadow:calc(var(--nx-off) * 2) calc(var(--nx-off) * 2) 0 rgba(var(--md-p-rgb),.35);background:radial-gradient(circle at 50% 40%,rgba(var(--md-p-rgb),.14),transparent 65%),var(--md-card)}
html[dir=rtl] body.md-nx .md-gallery-main{box-shadow:calc(var(--nx-off) * -2) calc(var(--nx-off) * 2) 0 rgba(var(--md-p-rgb),.35)}
body.md-nx .md-gallery-thumbs button{border-radius:4px}
body.md-nx .md-ptitle{font-size:clamp(28px,3.6vw,46px);font-weight:900;line-height:1.3;letter-spacing:-.5px}
body.md-nx .md-pex{text-align:justify;text-justify:inter-word;color:var(--md-mute);line-height:2.1}
body.md-nx .md-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--nx-line);border-radius:var(--nx-r);overflow:hidden}
body.md-nx .md-facts li{padding:12px 14px;border-radius:0;background:none;border:0;border-bottom:1px solid var(--nx-line)}
body.md-nx .md-facts li:nth-child(odd){border-inline-end:1px solid var(--nx-line)}
body.md-nx .md-facts small{display:block;color:var(--md-mute);font-size:11.5px;letter-spacing:.3px}
body.md-nx .md-pbuy{border-radius:var(--nx-r);border:1px solid var(--md-p);background:linear-gradient(135deg,rgba(var(--md-p-rgb),.12),transparent 60%),var(--md-card);box-shadow:none}
body.md-nx .md-ptabs{border-radius:var(--nx-r);background:none;border:0;box-shadow:none}
body.md-nx .md-ptabs-nav{gap:24px;padding:0;background:none;border-bottom:1px solid var(--nx-line)}
body.md-nx .md-ptabs-nav button{position:relative;padding:14px 0;border-radius:0;background:none!important;color:var(--md-mute);font-weight:800}
body.md-nx .md-ptabs-nav button[aria-selected=true]{color:var(--md-text)}
body.md-nx .md-ptabs-nav button[aria-selected=true]::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--md-p)}

/* ---------- خدمات: فهرست ردیفی ---------- */
body.md-nx .md-xlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--nx-line);counter-reset:x}
body.md-nx .md-xrow{border-bottom:1px solid var(--nx-line)}
body.md-nx .md-xrow a{position:relative;display:grid;grid-template-columns:80px minmax(0,1fr) 150px 52px;align-items:center;gap:24px;padding:26px 8px;color:var(--md-text);transition:background .3s,padding .3s var(--md-ease)}
body.md-nx .md-xrow a:hover{background:linear-gradient(90deg,transparent,rgba(var(--md-p-rgb),.08));padding-inline:18px}
html[dir=rtl] body.md-nx .md-xrow a:hover{background:linear-gradient(270deg,transparent,rgba(var(--md-p-rgb),.08))}
body.md-nx .md-xrow-n{font-size:clamp(28px,3.4vw,44px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1.2px var(--md-mute);transition:color .3s,-webkit-text-stroke-color .3s}
body.md-nx .md-xrow a:hover .md-xrow-n{color:var(--md-p);-webkit-text-stroke-color:var(--md-p)}
body.md-nx .md-xrow-t b{display:block;font-size:clamp(18px,2vw,23px);font-weight:850;line-height:1.6}
body.md-nx .md-xrow-t small{display:block;margin-top:4px;color:var(--md-mute);font-size:14px;line-height:1.95;text-align:justify;text-justify:inter-word}
body.md-nx .md-xrow-img{display:block;aspect-ratio:4/3;border-radius:var(--nx-r);overflow:hidden;border:1px solid var(--nx-line);filter:grayscale(1);opacity:.75;transition:filter .4s,opacity .4s,transform .4s var(--md-ease)}
body.md-nx .md-xrow-img img,body.md-nx .md-xrow-img .md-art{width:100%;height:100%;object-fit:cover}
body.md-nx .md-xrow a:hover .md-xrow-img{filter:none;opacity:1;transform:rotate(-2deg) scale(1.04)}
body.md-nx .md-xrow-go{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--nx-r);border:1px solid var(--nx-line);transition:background .3s,border-color .3s,color .3s}
body.md-nx .md-xrow-go .md-i{width:20px;height:20px}
body.md-nx .md-xrow a:hover .md-xrow-go{background:var(--md-p);border-color:var(--md-p);color:var(--md-on-p)}

/* ---------- خدمت تکی: متن + کارت ثابت ---------- */
body.md-nx .md-single.is-arad_service .md-wrap{max-width:var(--md-wrap,1240px);display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"main side";gap:clamp(24px,4vw,56px);align-items:start}
body.md-nx .md-xmain{grid-area:main;min-width:0}
body.md-nx .md-single.is-arad_service .md-wrap>.md-xside{grid-area:side}
body.md-nx .md-xside{position:sticky;top:96px;display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:var(--nx-r);background:var(--md-card);border:1px solid var(--md-p);box-shadow:var(--nx-off) var(--nx-off) 0 rgba(var(--md-p-rgb),.55)}
html[dir=rtl] body.md-nx .md-xside{box-shadow:calc(var(--nx-off) * -1) var(--nx-off) 0 rgba(var(--md-p-rgb),.55)}
body.md-nx .md-xside-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--nx-r);background:var(--md-p);color:var(--md-on-p)}
body.md-nx .md-xside-ic .md-i{width:24px;height:24px}
body.md-nx .md-xside b{font-size:18px;font-weight:850}
body.md-nx .md-xside p{margin:0;color:var(--md-mute);font-size:14px;line-height:1.9}
body.md-nx .md-xside .md-btn{justify-content:center;margin-top:6px}
body.md-nx .md-xside-tel,body.md-nx .md-xside-all{display:inline-flex;align-items:center;gap:8px;color:var(--md-text);font-weight:700;font-size:14px}
body.md-nx .md-xside-tel .md-i,body.md-nx .md-xside-all .md-i{width:16px;height:16px;color:var(--md-p-text)}
body.md-nx .md-single.is-arad_service .md-inline-cta{display:none}

/* ---------- مقالات: فهرست ---------- */
body.md-nx .md-agrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
body.md-nx .md-acard{border-radius:var(--nx-r);background:none;border:0;border-top:2px solid var(--md-text);box-shadow:none;overflow:visible;padding-top:16px}
body.md-nx .md-acard:hover{transform:none;box-shadow:none}
body.md-nx .md-acard-media{aspect-ratio:16/10;border-radius:var(--nx-r);overflow:hidden;border:1px solid var(--nx-line)}
body.md-nx .md-acard-media img,body.md-nx .md-acard-media .md-art{transition:transform .6s var(--md-ease),filter .4s;filter:saturate(.85)}
body.md-nx .md-acard:hover .md-acard-media img{transform:scale(1.05);filter:none}
body.md-nx .md-acard-body{padding:14px 0 0}
body.md-nx .md-acard-title{font-size:18px;font-weight:850;line-height:1.7}
body.md-nx .md-acard-title a{background:linear-gradient(var(--md-p),var(--md-p)) 0 100%/0 2px no-repeat;transition:background-size .35s}
body.md-nx .md-acard:hover .md-acard-title a{background-size:100% 2px}
body.md-nx .md-acard-ex{text-align:justify;text-justify:inter-word}
body.md-nx .md-acard .md-chip{background:none;border:0;padding:0;color:var(--md-p-text)}
body.md-nx .md-agrid>.md-acard:first-child{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;border-top-color:var(--md-p)}
body.md-nx .md-agrid>.md-acard:first-child .md-acard-media{aspect-ratio:16/9}
body.md-nx .md-agrid>.md-acard:first-child .md-acard-title{font-size:clamp(22px,2.8vw,34px);line-height:1.5}
body.md-nx .md-agrid>.md-acard:first-child .md-acard-ex{font-size:15.5px}

/* ---------- مقاله تکی ---------- */
@supports (animation-timeline:scroll()){
	body.md-nx.single-post::before{content:"";position:fixed;inset-inline:0;top:0;z-index:200;height:3px;background:var(--md-p);transform-origin:0 50%;animation:md-nx-read linear both;animation-timeline:scroll(root)}
	html[dir=rtl] body.md-nx.single-post::before{transform-origin:100% 50%}
	@keyframes md-nx-read{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}
body.md-nx .md-single .md-meta.is-big{padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--nx-line)}
body.md-nx .md-single-img{margin-bottom:34px;border-radius:var(--nx-r);overflow:hidden;border:1px solid var(--nx-line);box-shadow:calc(var(--nx-off) * 2) calc(var(--nx-off) * 2) 0 rgba(var(--md-p-rgb),.35)}
html[dir=rtl] body.md-nx .md-single-img{box-shadow:calc(var(--nx-off) * -2) calc(var(--nx-off) * 2) 0 rgba(var(--md-p-rgb),.35)}
body.md-nx .md-prose.is-article{color:var(--md-text)}
body.md-nx .md-prose.is-article>p:first-child{padding:0;background:none;border:0;border-radius:0;font-size:19px;line-height:2.1;color:var(--md-text)}
body.md-nx .md-prose.is-article h2{padding:0 0 10px;border-bottom:1px solid var(--nx-line);color:var(--md-text)}
body.md-nx .md-prose.is-article h2::before{display:none}
body.md-nx .md-prose.is-article h2::after{content:"";display:block;width:56px;height:2px;margin-top:10px;margin-bottom:-11px;background:var(--md-p)}
body.md-nx .md-prose.is-article h3{color:var(--md-text)}
body.md-nx .md-prose.is-article ul li{border-radius:var(--nx-r);background:none;border:0;border-inline-start:2px solid var(--md-p);padding-block:6px}
body.md-nx .md-prose.is-article ul li::before{display:none}
body.md-nx .md-prose.is-article blockquote{border-radius:0;background:none;border:0;border-inline-start:4px solid var(--md-p);font-size:20px;font-weight:700;color:var(--md-text)}

/* ---------- دربارهٔ ما (ویرایشگر آراد) ---------- */
body.md-nx .md-builder .page-hero h1{font-size:clamp(34px,6vw,72px);font-weight:900;letter-spacing:-1px}
body.md-nx .md-builder .page-hero h1::after{width:120px;height:2px;border-radius:0;background:var(--md-p)}
body.md-nx .md-builder .s-card,body.md-nx .md-builder .stat,body.md-nx .md-builder .t-card{border-radius:var(--nx-r)}
body.md-nx .md-builder .s-card:hover{box-shadow:var(--nx-off) var(--nx-off) 0 var(--md-p)}
body.md-nx .md-builder .a-media .a-ph-img,body.md-nx .md-builder .a-ph{border-radius:var(--nx-r);box-shadow:calc(var(--nx-off) * -2) calc(var(--nx-off) * 2) 0 rgba(var(--md-p-rgb),.35)}

/* ---------- واکنش‌گرا ---------- */
@media (max-width:1100px){
	body.md-nx .md-pgrid:has(>.md-pcard:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}
	body.md-nx .md-agrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
	body.md-nx .md-single.is-arad_service .md-wrap{grid-template-columns:minmax(0,1fr);grid-template-areas:"side" "main"}
	body.md-nx .md-single.is-arad_service .md-wrap>.md-xside{position:relative;top:auto}
	body.md-nx .md-xrow a{grid-template-columns:56px minmax(0,1fr) 44px;gap:14px}
	body.md-nx .md-xrow-img{display:none}
	body.md-nx .md-xrow-go{width:44px;height:44px}
	body.md-nx .md-agrid>.md-acard:first-child{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
	body.md-nx .md-pgrid,body.md-nx .md-pgrid:has(>.md-pcard:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	body.md-nx .md-agrid{grid-template-columns:minmax(0,1fr)}
	body.md-nx .md-facts{grid-template-columns:minmax(0,1fr)}
	body.md-nx .md-facts li:nth-child(odd){border-inline-end:0}
}
@media (prefers-reduced-motion:reduce){body.md-nx *{transition:none!important}}
