/* ==========================================================================
زنجیر صنعت راستین — سیستم طراحی «روایت صنعتی» (نسخهٔ ۲)
برگرفته از نمونهٔ تأییدشده redesign-v2
همهٔ استایل‌ها زیر .zsv2 محدود شده‌اند تا با استایل فروشگاه تداخل نکنند.
========================================================================== */
/* --------------------------------------------------------------
۱) توکن‌ها و پالت‌ها
پالت با data-zs-palette روی عوض می‌شود (تنظیمات → سفارشی‌سازی)
-------------------------------------------------------------- */
:root{
--zs2-ink-900:#0d1521; --zs2-ink-800:#16212f;
--zs2-gray-700:#42505f; --zs2-gray-600:#5c6a79; --zs2-gray-500:#7c8794;
--zs2-gray-300:#c3ccd6; --zs2-gray-200:#e2e8ef; --zs2-gray-100:#f2f5f9;
--zs2-paper:#fff; --zs2-line:#e2e8ef;
--zs2-r-sm:6px; --zs2-r-md:12px; --zs2-r-lg:20px;
--zs2-sh-1:0 1px 2px rgba(13,21,33,.06);
--zs2-sh-2:0 6px 20px rgba(13,21,33,.08);
--zs2-sh-3:0 20px 50px rgba(13,21,33,.14);
--zs2-wrap:1240px;
--zs2-ease:cubic-bezier(.2,.7,.3,1);
/* پالت پیش‌فرض — فولاد و کهربا */
--zs2-brand-900:#0e1a2b; --zs2-brand-800:#14273f; --zs2-brand-700:#1b3253;
--zs2-brand-600:#264a7a; --zs2-brand-100:#e8eff8;
--zs2-acc-700:#c15f06; --zs2-acc-600:#e0730a; --zs2-acc-500:#f5860f; --zs2-acc-100:#fff3e3;
--zs2-hero-a:#0e1a2b; --zs2-hero-b:#1b3253;
--zs2-acc-400:#ff9d33; --zs-on-accent:#3a1e00;
--zs2-brand-900-rgb:14,26,43; --zs2-brand-800-rgb:19,37,64; --zs2-brand-700-rgb:27,50,83; --zs2-acc-500-rgb:245,134,15;
}
html[data-zs-palette="engine"]{
--zs2-brand-900:#0a2540; --zs2-brand-800:#123a5e; --zs2-brand-700:#184690;
--zs2-brand-600:#0089c4; --zs2-brand-100:#e4f2fa;
--zs2-acc-700:#0070a3; --zs2-acc-600:#0089c4; --zs2-acc-500:#01b3ff; --zs2-acc-100:#e2f6ff;
--zs2-hero-a:#0a2540; --zs2-hero-b:#184690;
--zs2-acc-400:#4fc8ff; --zs-on-accent:#04283a;
--zs2-brand-900-rgb:10,37,64; --zs2-brand-800-rgb:18,58,94; --zs2-brand-700-rgb:24,70,144; --zs2-acc-500-rgb:1,179,255;
}
html[data-zs-palette="forge"]{
--zs2-brand-900:#0f172a; --zs2-brand-800:#18233a; --zs2-brand-700:#25304a;
--zs2-brand-600:#3b4761; --zs2-brand-100:#eef1f6;
--zs2-acc-700:#a3161a; --zs2-acc-600:#cd201f; --zs2-acc-500:#db0031; --zs2-acc-100:#fdeaec;
--zs2-hero-a:#0f172a; --zs2-hero-b:#25304a;
--zs2-acc-400:#ff5a6e; --zs-on-accent:#ffffff;
--zs2-brand-900-rgb:15,23,42; --zs2-brand-800-rgb:24,35,58; --zs2-brand-700-rgb:37,48,74; --zs2-acc-500-rgb:219,0,49;
}
/* اسپرایت آیکون‌ها نباید فضا بگیرد */
.zs2-sprite{position:absolute;width:0;height:0;overflow:hidden}
/* --------------------------------------------------------------
۲) پایه‌های مشترک بخش‌ها
-------------------------------------------------------------- */
.zsv2{color:var(--zs2-gray-700);line-height:1.9;font-size:16px}
.zsv2 *,.zsv2 *::before,.zsv2 *::after{box-sizing:border-box}
.zsv2 h1,.zsv2 h2,.zsv2 h3,.zsv2 h4{color:var(--zs2-brand-800);margin:0 0 .5em;line-height:1.45;font-weight:800}
.zsv2 h2{font-size:clamp(24px,3vw,34px)}
.zsv2 h3{font-size:clamp(18px,2vw,21px)}
.zsv2 p{margin:0 0 1em}
.zsv2 a{text-decoration:none;transition:color .2s}
.zsv2 img,.zsv2 svg{max-width:100%}
.zsv2 ul{margin:0;padding:0;list-style:none}
.zs2-sec{padding:clamp(48px,7vw,86px) 0;position:relative}
.zs2-sec--tight{padding-block:clamp(36px,5vw,60px)}
.zs2-sec--gray{background:var(--zs2-gray-100);border-block:1px solid var(--zs2-line)}
.zs2-wrap{max-width:var(--zs2-wrap);margin-inline:auto;padding-inline:24px}
.zs2-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;
letter-spacing:.05em;color:var(--zs2-acc-600);margin-bottom:10px}
.zs2-eyebrow::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--zs2-acc-500)}
.zs2-lead{font-size:17px;color:var(--zs2-gray-600);max-width:66ch}
.zs2-head{margin-bottom:clamp(26px,4vw,44px)}
.zs2-head--center{text-align:center}
.zs2-head--center .zs2-lead{margin-inline:auto}
.zs2-head--center .zs2-eyebrow::before{display:none}
.zs2-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.zs2-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:var(--zs2-r-sm);
font-weight:700;font-size:15px;border:2px solid transparent;cursor:pointer;
transition:all .22s var(--zs2-ease);font-family:inherit;line-height:1;text-decoration:none}
.zs2-btn svg{width:17px;height:17px;flex:none}
.zs2-btn--primary{background:var(--zs2-acc-500);color:#fff}
.zs2-btn--primary:hover{background:var(--zs2-acc-600);color:#fff;transform:translateY(-2px)}
.zs2-btn--solid{background:var(--zs2-brand-700);color:#fff}
.zs2-btn--solid:hover{background:var(--zs2-brand-800);color:#fff;transform:translateY(-2px)}
.zs2-btn--ghost{border-color:rgba(255,255,255,.45);color:#fff}
.zs2-btn--ghost:hover{background:#fff;color:var(--zs2-brand-800);border-color:#fff}
.zs2-btn--line{border-color:var(--zs2-gray-300);color:var(--zs2-brand-700);background:#fff}
.zs2-btn--line:hover{border-color:var(--zs2-acc-500);color:var(--zs2-acc-600)}
.zs2-btn--sm{padding:9px 18px;font-size:14px}
/* --------------------------------------------------------------
۳) قهرمان
-------------------------------------------------------------- */
.zs2-hero{color:#fff;background:var(--zs2-hero-a);position:relative;overflow:hidden}
.zs2-hero::before{content:"";position:absolute;inset:0;
background:
radial-gradient(90% 120% at 88% 15%,rgba(245,134,15,.26),transparent 62%),
linear-gradient(155deg,var(--zs2-hero-a),var(--zs2-hero-b) 78%)}
html[data-zs-palette="engine"] .zs2-hero::before{
background:radial-gradient(90% 120% at 88% 15%,rgba(1,179,255,.26),transparent 62%),
linear-gradient(155deg,var(--zs2-hero-a),var(--zs2-hero-b) 78%)}
html[data-zs-palette="forge"] .zs2-hero::before{
background:radial-gradient(90% 120% at 88% 15%,rgba(205,32,31,.26),transparent 62%),
linear-gradient(155deg,var(--zs2-hero-a),var(--zs2-hero-b) 78%)}
.zs2-hero::after{content:"";position:absolute;inset:0;opacity:.16;
background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
background-size:58px 58px;
-webkit-mask-image:radial-gradient(75% 75% at 70% 40%,#000,transparent);
mask-image:radial-gradient(75% 75% at 70% 40%,#000,transparent)}
.zs2-hero__in{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;
align-items:center;gap:40px;max-width:var(--zs2-wrap);margin-inline:auto;
padding:clamp(48px,6vw,80px) 24px;min-height:min(76vh,620px)}
.zs2-hero h1{color:#fff;font-size:clamp(30px,4.6vw,52px);line-height:1.3;margin-bottom:18px}
.zs2-hero h1 em{font-style:normal;color:var(--zs2-acc-500)}
.zs2-hero p{color:#c8d5e4;font-size:clamp(16px,1.4vw,18.5px);max-width:52ch;margin-bottom:30px}
.zs2-hero__btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:38px}
.zs2-stats{display:flex;gap:34px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.16);padding-top:24px}
.zs2-stats b{display:block;font-size:clamp(24px,3vw,32px);color:#fff;font-weight:800;line-height:1.2}
.zs2-stats span{font-size:13.5px;color:#9fb0c4}
.zs2-hero__art{display:flex;justify-content:center;align-items:center}
.zs2-hero__art svg{width:100%;max-width:430px;filter:drop-shadow(0 26px 48px rgba(0,0,0,.45))}
/* --------------------------------------------------------------
۴) نوار اعتماد
-------------------------------------------------------------- */
.zs2-trust{background:var(--zs2-brand-800);color:#c8d5e4}
.zs2-trust ul{display:grid;grid-template-columns:repeat(4,1fr);
max-width:var(--zs2-wrap);margin-inline:auto}
.zs2-trust li{display:flex;align-items:center;gap:13px;padding:20px 22px;font-size:14px;
border-inline-start:1px solid rgba(255,255,255,.09)}
.zs2-trust li:first-child{border-inline-start:0}
.zs2-trust svg{width:26px;height:26px;color:var(--zs2-acc-500);flex:none}
.zs2-trust b{display:block;color:#fff;font-size:14.5px;font-weight:700}
.zs2-trust small{color:#93a4b8;font-size:12.5px}
/* --------------------------------------------------------------
۵) کارت سرویس‌ها
-------------------------------------------------------------- */
.zs2-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.zs2-tool{background:#fff;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);
padding:28px 24px;transition:all .26s var(--zs2-ease);position:relative;overflow:hidden}
.zs2-tool::after{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;
background:var(--zs2-acc-500);transform:scaleY(0);transform-origin:top;
transition:transform .26s var(--zs2-ease)}
.zs2-tool:hover{transform:translateY(-5px);box-shadow:var(--zs2-sh-3);border-color:transparent}
.zs2-tool:hover::after{transform:scaleY(1)}
.zs2-tool__ico{width:52px;height:52px;border-radius:var(--zs2-r-sm);background:var(--zs2-brand-100);
display:grid;place-items:center;color:var(--zs2-brand-700);margin-bottom:18px}
.zs2-tool__ico svg{width:27px;height:27px}
.zs2-tool h3{font-size:17.5px;margin-bottom:8px}
.zs2-tool p{font-size:14px;color:var(--zs2-gray-600);margin-bottom:14px}
.zs2-more{font-size:13.5px;font-weight:700;color:var(--zs2-acc-600);
display:inline-flex;align-items:center;gap:6px}
.zs2-more svg{width:14px;height:14px}
.zs2-more:hover{color:var(--zs2-acc-700)}
/* --------------------------------------------------------------
۶) کاشی دسته‌ها
-------------------------------------------------------------- */
.zs2-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.zs2-tile{position:relative;border-radius:var(--zs2-r-md);overflow:hidden;background:var(--zs2-ink-800);
aspect-ratio:1/.92;display:flex;flex-direction:column;justify-content:flex-end;
transition:transform .3s var(--zs2-ease),box-shadow .3s var(--zs2-ease)}
.zs2-tile:hover{transform:translateY(-6px);box-shadow:var(--zs2-sh-3)}
.zs2-tile__plate{position:absolute;inset:0;
background:
radial-gradient(70% 60% at 50% 34%,rgba(255,255,255,.14),transparent 70%),
repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 2px,transparent 2px 9px),
linear-gradient(160deg,#233246,#0f1a27);
background-size:cover;background-position:center}
.zs2-tile__plate--photo{background:none}
.zs2-tile__plate--photo img{width:100%;height:100%;object-fit:cover;display:block;
transition:transform .5s var(--zs2-ease)}
.zs2-tile:hover .zs2-tile__plate--photo img{transform:scale(1.06)}
.zs2-tile__art{position:absolute;inset:0;display:grid;place-items:center;padding:14% 14% 30%}
.zs2-tile__art svg{width:100%;max-width:170px;color:#9fb6cf;opacity:.95;
filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));
transition:transform .4s var(--zs2-ease),color .3s}
.zs2-tile:hover .zs2-tile__art svg{transform:scale(1.07) rotate(-3deg);color:var(--zs2-acc-500)}
.zs2-tile__cap{position:relative;z-index:2;padding:18px 20px;
background:linear-gradient(to top,rgba(9,15,24,.94),rgba(9,15,24,.75) 55%,transparent)}
.zs2-tile__cap b{display:block;color:#fff;font-size:16.5px;font-weight:700;margin-bottom:2px}
.zs2-tile__cap span{font-size:12.5px;color:#9db0c6}
.zs2-tile__go{position:absolute;inset-inline-end:18px;bottom:20px;width:30px;height:30px;
border-radius:50%;background:var(--zs2-acc-500);display:grid;place-items:center;
opacity:0;transform:translateX(8px);transition:all .3s var(--zs2-ease)}
.zs2-tile:hover .zs2-tile__go{opacity:1;transform:none}
.zs2-tile__go svg{width:14px;height:14px;color:#fff}
/* --------------------------------------------------------------
۷) فهرست انواع
-------------------------------------------------------------- */
.zs2-types{display:grid;grid-template-columns:repeat(3,1fr);
border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);overflow:hidden;background:#fff}
.zs2-type{padding:26px 24px;border-inline-start:1px solid var(--zs2-line);
border-top:1px solid var(--zs2-line);transition:background .22s}
.zs2-type:nth-child(-n+3){border-top:0}
.zs2-type:nth-child(3n+1){border-inline-start:0}
.zs2-type:hover{background:var(--zs2-gray-100)}
.zs2-type b{display:flex;align-items:center;gap:9px;color:var(--zs2-brand-800);
font-size:16px;margin-bottom:7px}
.zs2-type b svg{width:19px;height:19px;color:var(--zs2-acc-500);flex:none}
.zs2-type p{font-size:14px;color:var(--zs2-gray-600);margin:0}
/* --------------------------------------------------------------
۸) جدول مقایسه
-------------------------------------------------------------- */
.zs2-tblwrap{overflow-x:auto;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);
background:#fff;box-shadow:var(--zs2-sh-1)}
.zs2-cmp{width:100%;border-collapse:collapse;min-width:760px;font-size:14.5px;margin:0}
.zs2-cmp thead th{background:var(--zs2-brand-700);color:#fff;font-weight:700;text-align:right;
padding:15px 18px;font-size:14.5px;white-space:nowrap;border:0}
.zs2-cmp tbody td{padding:15px 18px;border:0;border-top:1px solid var(--zs2-line);
vertical-align:top;color:var(--zs2-gray-700);background:transparent}
.zs2-cmp tbody tr:nth-child(even) td{background:var(--zs2-gray-100)}
.zs2-cmp tbody tr:hover td{background:var(--zs2-acc-100)}
.zs2-cmp td:first-child{font-weight:700;color:var(--zs2-brand-800);white-space:nowrap}
.zs2-pill{display:inline-block;font-size:12.5px;font-weight:700;padding:3px 11px;border-radius:99px;
background:var(--zs2-brand-100);color:var(--zs2-brand-700)}
.zs2-pill--warn{background:#fff4e5;color:#b06400}
.zs2-note{margin-top:16px;font-size:14px;color:var(--zs2-gray-500)}
/* --------------------------------------------------------------
۹) دیوار برندها
-------------------------------------------------------------- */
.zs2-brands{display:grid;grid-template-columns:repeat(6,1fr);
border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);overflow:hidden;background:#fff}
.zs2-brand{display:grid;place-items:center;padding:26px 14px;
border-inline-start:1px solid var(--zs2-line);border-top:1px solid var(--zs2-line);transition:all .25s}
.zs2-brand:nth-child(-n+6){border-top:0}
.zs2-brand:nth-child(6n+1){border-inline-start:0}
.zs2-brand span{font-weight:800;font-size:19px;letter-spacing:.06em;color:var(--zs2-gray-500);text-transform:uppercase;
transition:color .25s;white-space:nowrap}
.zs2-brand:hover{background:var(--zs2-gray-100)}
.zs2-brand--logo{padding:18px 14px}
.zs2-brand--logo img{max-height:46px;width:auto;max-width:100%;object-fit:contain;
filter:none;opacity:1;transition:transform .25s}
.zs2-brand--logo:hover img{transform:scale(1.04)}
.zs2-brand:hover span{color:var(--zs2-brand-700)}
a.zs2-brand{text-decoration:none;color:inherit}
/* خطِ زیر روی hover برای همهٔ برندها (نه فقط برندهای لینک‌دار) */
.zs2-brand:hover{box-shadow:inset 0 -3px 0 var(--zs2-acc-500)}
/* --------------------------------------------------------------
۱۰) روایت شرکت
-------------------------------------------------------------- */
.zs2-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,64px);align-items:center}
.zs2-story__art{position:relative;border-radius:var(--zs2-r-lg);overflow:hidden;aspect-ratio:4/3;
background:linear-gradient(160deg,#233246,#0d1521);box-shadow:var(--zs2-sh-3);
display:grid;place-items:center}
.zs2-story__art::before{content:"";position:absolute;inset:0;opacity:.2;
background-image:repeating-linear-gradient(50deg,rgba(255,255,255,.5) 0 1px,transparent 1px 14px)}
.zs2-story__art svg{width:74%;color:#8fa8c2;position:relative;
filter:drop-shadow(0 16px 30px rgba(0,0,0,.5))}
.zs2-story__art img{width:100%;height:100%;object-fit:cover}
.zs2-nums{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px}
.zs2-nums div{background:#fff;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);padding:18px 20px}
.zs2-nums b{display:block;font-size:26px;color:var(--zs2-acc-600);font-weight:800;line-height:1.2}
.zs2-nums span{font-size:13.5px;color:var(--zs2-gray-600)}
/* --------------------------------------------------------------
۱۱) تیم
-------------------------------------------------------------- */
.zs2-team{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.zs2-person{text-align:center}
.zs2-person__ph{aspect-ratio:1;border-radius:var(--zs2-r-lg);overflow:hidden;margin-bottom:14px;
background:linear-gradient(160deg,#2c3d52,#14202e);display:grid;place-items:center;
box-shadow:var(--zs2-sh-2);transition:transform .3s var(--zs2-ease)}
.zs2-person:hover .zs2-person__ph{transform:translateY(-5px)}
.zs2-person__ph svg{width:46%;color:#7f97b0}
.zs2-person__ph img{width:100%;height:100%;object-fit:cover}
.zs2-person b{display:block;color:var(--zs2-brand-800);font-size:16px}
.zs2-person span{font-size:13.5px;color:var(--zs2-gray-500)}
/* --------------------------------------------------------------
۱۲) مقالات
-------------------------------------------------------------- */
.zs2-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.zs2-post{background:#fff;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);
overflow:hidden;display:flex;flex-direction:column;transition:all .28s var(--zs2-ease)}
.zs2-post:hover{transform:translateY(-5px);box-shadow:var(--zs2-sh-3);border-color:transparent}
.zs2-post__ph{aspect-ratio:16/9;background:linear-gradient(150deg,#233246,#0f1a27);
display:grid;place-items:center;position:relative;overflow:hidden}
.zs2-post__ph::before{content:"";position:absolute;inset:0;opacity:.18;
background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px);background-size:100% 12px}
.zs2-post__ph svg{width:34%;color:#8ea6c0;position:relative}
.zs2-post__ph img{width:100%;height:100%;object-fit:cover}
.zs2-post__bd{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}
.zs2-post__tag{font-size:12px;font-weight:700;color:var(--zs2-acc-600);margin-bottom:8px;display:block}
.zs2-post h3{font-size:17px;margin-bottom:8px}
.zs2-post h3 a{color:inherit}
.zs2-post h3 a:hover{color:var(--zs2-acc-600)}
.zs2-post p{font-size:14px;color:var(--zs2-gray-600);flex:1}
.zs2-post__rd{font-size:13px;color:var(--zs2-gray-500);border-top:1px solid var(--zs2-line);
padding-top:12px;margin-top:6px}
/* --------------------------------------------------------------
۱۳) نوار استعلام
-------------------------------------------------------------- */
.zs2-quote{background:var(--zs2-brand-800);color:#fff;position:relative;overflow:hidden}
.zs2-quote::before{content:"";position:absolute;inset:0;
background:radial-gradient(80% 130% at 12% 50%,rgba(245,134,15,.3),transparent 60%)}
html[data-zs-palette="engine"] .zs2-quote::before{
background:radial-gradient(80% 130% at 12% 50%,rgba(1,179,255,.3),transparent 60%)}
html[data-zs-palette="forge"] .zs2-quote::before{
background:radial-gradient(80% 130% at 12% 50%,rgba(205,32,31,.3),transparent 60%)}
.zs2-quote .zs2-wrap{position:relative;display:grid;grid-template-columns:1.1fr .9fr;
gap:44px;align-items:center}
.zs2-quote h2{color:#fff}
.zs2-quote p{color:#c5d3e3;margin-bottom:0}
.zs2-qbox{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
border-radius:var(--zs2-r-lg);padding:28px}
.zs2-qrow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.zs2-qbox label{display:block;font-size:13px;color:#b6c6d8;margin-bottom:6px;font-weight:600}
.zs2-qbox input,.zs2-qbox textarea,.zs2-qbox select{width:100%;padding:11px 14px;
border-radius:var(--zs2-r-sm);border:1px solid rgba(255,255,255,.22);
background:rgba(255,255,255,.06);color:#fff;font-family:inherit;font-size:14.5px}
.zs2-qbox input::placeholder,.zs2-qbox textarea::placeholder{color:#8fa2b6}
.zs2-qbox input:focus,.zs2-qbox textarea:focus,.zs2-qbox select:focus{outline:none;
border-color:var(--zs2-acc-500);background:rgba(255,255,255,.1)}
.zs2-qbox select option{color:#111}
.zs2-qbox .zs2-btn{width:100%;justify-content:center;margin-top:6px}
.zs2-qmsg{margin-top:14px;font-size:14.5px;font-weight:600;display:none}
.zs2-qmsg.is-ok{display:block;color:#8ff0b6}
.zs2-qmsg.is-err{display:block;color:#ffb3ae}
/* --------------------------------------------------------------
۱۴) سربرگ و پابرگ قالب (وقتی هدر/فوتر المنتور فعال نیست)
-------------------------------------------------------------- */
.zs2-topbar{background:var(--zs2-brand-900);color:#9fb0c4;font-size:13.5px;padding:8px 0}
.zs2-topbar .zs2-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.zs2-topbar a{color:#c7d4e2}
.zs2-topbar a:hover{color:var(--zs2-acc-500)}
.zs2-topbar .zs2-sp{flex:1}
.zs2-topbar span{display:inline-flex;align-items:center;gap:7px}
.zs2-topbar svg{width:15px;height:15px;color:var(--zs2-acc-500)}
/* ★ فقط هدرِ سایت — نه «سرِ بخش»های صفحه که همین کلاس را دارند (تداخل نام) */
header.zs2-head{background:#fff;border-bottom:1px solid var(--zs2-line);position:sticky;top:0;z-index:100}
.admin-bar header.zs2-head{top:32px}
header.zs2-head > .zs2-wrap{display:flex;align-items:center;gap:28px;padding-block:14px}
.zs2-logo{display:flex;align-items:center;gap:11px;flex:none}
.zs2-logo .zs2-mark{width:44px;height:44px;color:var(--zs2-acc-500)}
.zs2-logo img{max-height:52px;width:auto}
.zs2-logo b{display:block;font-size:19px;font-weight:800;color:var(--zs2-brand-800);line-height:1.25}
.zs2-logo small{display:block;font-size:11.5px;color:var(--zs2-gray-500);letter-spacing:.16em}
.zs2-search{flex:1;position:relative;max-width:430px}
.zs2-search input{width:100%;padding:12px 44px 12px 16px;border:1.5px solid var(--zs2-gray-200);
border-radius:var(--zs2-r-sm);font-family:inherit;font-size:14.5px;background:var(--zs2-gray-100);
transition:all .2s}
.zs2-search input:focus{outline:none;border-color:var(--zs2-acc-500);background:#fff;
box-shadow:0 0 0 4px var(--zs2-acc-100)}
.zs2-search svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);
width:18px;height:18px;color:var(--zs2-gray-500);pointer-events:none}
.zs2-headcta{margin-inline-start:auto;display:flex;align-items:center;gap:12px;flex:none}
.zs2-nav{background:var(--zs2-brand-700)}
.zs2-nav ul{display:flex;flex-wrap:wrap}
.zs2-nav li{position:relative}
.zs2-nav a{display:block;padding:14px 20px;color:#e6edf5;font-size:14.5px;font-weight:600;
border-inline-start:1px solid rgba(255,255,255,.09);transition:background .2s}
.zs2-nav li:first-child > a{border-inline-start:0}
.zs2-nav a:hover{background:var(--zs2-acc-500);color:#fff}
.zs2-nav .current-menu-item > a,.zs2-nav .current_page_item > a{background:rgba(255,255,255,.09);color:#fff}
.zs2-nav .sub-menu{display:none;position:absolute;top:100%;inset-inline-start:0;min-width:230px;
background:var(--zs2-brand-800);z-index:30;flex-direction:column;box-shadow:var(--zs2-sh-3)}
/* ★ زیرمنو دیگر با هاور باز نمی‌شود — فقط کلیک.
مگامنو را کلیکی کردیم ولی این یک خط جا مانده بود، پس
«محصولات سفارشی» هنوز با ردشدن ماوس باز می‌شد. */
.zs2-nav li.zs-sub-open > .sub-menu{display:flex}
/* دسترسی با کیبورد: Tab هم باز کند. */
.zs2-nav li:focus-within > .sub-menu{display:flex}
/* فلش کوچک کنار آیتمِ زیرمنودار */
.zs2-nav li.menu-item-has-children > a::after{content:"";display:inline-block;
width:6px;height:6px;margin-inline-start:7px;vertical-align:1px;
border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;
transform:rotate(45deg);transition:transform .2s;opacity:.75}
.zs2-nav li.zs-sub-open.menu-item-has-children > a::after{transform:rotate(-135deg)}
.zs2-nav .sub-menu a{border-inline-start:0;border-top:1px solid rgba(255,255,255,.07)}
.zs2-foot{background:var(--zs2-brand-900);color:#a8b8ca;font-size:14.5px;padding-top:56px}
.zs2-foot h4{color:#fff;font-size:16px;margin:0 0 18px;position:relative;padding-bottom:10px}
.zs2-foot h4::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:34px;height:3px;
background:var(--zs2-acc-500);border-radius:2px}
.zs2-foot__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:44px}
.zs2-foot li{margin-bottom:9px}
.zs2-foot a{color:#a8b8ca}
.zs2-foot a:hover{color:var(--zs2-acc-500)}
.zs2-foot .zs2-fl{display:flex;gap:11px;margin-bottom:13px;align-items:flex-start}
.zs2-foot .zs2-fl svg{width:18px;height:18px;color:var(--zs2-acc-500);flex:none;margin-top:5px}
.zs2-foot .zs2-logo b{color:#fff}
.zs2-foot .zs2-logo small{color:#7f92a8}
.zs2-foot__about{margin-top:18px;font-size:14px;line-height:1.85;color:#93a5b9}
.zs2-copy{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:13.5px;color:#7f92a8;
display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
/* --------------------------------------------------------------
۱۵) ریسپانسیو
-------------------------------------------------------------- */
@media(max-width:1080px){
.zs2-tiles,.zs2-tools{grid-template-columns:repeat(2,1fr)}
.zs2-types{grid-template-columns:repeat(2,1fr)}
.zs2-type:nth-child(-n+3){border-top:1px solid var(--zs2-line)}
.zs2-type:nth-child(-n+2){border-top:0}
.zs2-type:nth-child(3n+1){border-inline-start:1px solid var(--zs2-line)}
.zs2-type:nth-child(2n+1){border-inline-start:0}
.zs2-brands{grid-template-columns:repeat(3,1fr)}
.zs2-brand:nth-child(-n+6){border-top:1px solid var(--zs2-line)}
.zs2-brand:nth-child(-n+3){border-top:0}
.zs2-brand:nth-child(6n+1){border-inline-start:1px solid var(--zs2-line)}
.zs2-brand:nth-child(3n+1){border-inline-start:0}
.zs2-posts{grid-template-columns:1fr}
.zs2-team{grid-template-columns:repeat(2,1fr)}
.zs2-hero__in{grid-template-columns:1fr;text-align:center;min-height:0}
.zs2-hero p{margin-inline:auto}
.zs2-hero__btns,.zs2-stats{justify-content:center}
.zs2-hero__art{order:-1;max-width:330px;margin-inline:auto}
.zs2-story,.zs2-quote .zs2-wrap{grid-template-columns:1fr}
.zs2-trust ul{grid-template-columns:repeat(2,1fr)}
.zs2-trust li:nth-child(3){border-inline-start:0}
.zs2-foot__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
header.zs2-head > .zs2-wrap{flex-wrap:wrap;gap:14px}
.zs2-search{order:3;max-width:none;flex-basis:100%}
.zs2-headcta .zs2-btn span{display:none}
.zs2-nav{overflow-x:auto}
.zs2-nav > .zs2-wrap{padding-inline:0}
.zs2-nav ul{flex-wrap:nowrap;min-width:max-content}
.zs2-nav .sub-menu{display:none!important}
.zs2-qrow{grid-template-columns:1fr}
.zs2-nums{grid-template-columns:1fr}
.admin-bar header.zs2-head{top:0}
}
@media(max-width:560px){
.zs2-tiles,.zs2-tools,.zs2-types,.zs2-team{grid-template-columns:1fr}
.zs2-type{border-inline-start:0!important;border-top:1px solid var(--zs2-line)!important}
.zs2-type:first-child{border-top:0!important}
.zs2-brands{grid-template-columns:repeat(2,1fr)}
.zs2-brand:nth-child(2n+1){border-inline-start:0}
.zs2-brand:nth-child(3n+1){border-inline-start:1px solid var(--zs2-line)}
.zs2-brand:nth-child(-n+2){border-top:0}
.zs2-brand:nth-child(3){border-top:1px solid var(--zs2-line)}
.zs2-trust ul{grid-template-columns:1fr}
.zs2-trust li{border-inline-start:0!important}
.zs2-foot__grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
.zsv2 *{transition:none!important;animation:none!important}
}
/* --------------------------------------------------------------
مشتریان ما — صنایع، لوگوها و نظرها
-------------------------------------------------------------- */
.zs2-inds{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.zs2-ind{background:#fff;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);
padding:22px 20px;transition:border-color .25s,box-shadow .25s,transform .25s}
.zs2-ind:hover{border-color:var(--zs2-acc-500);box-shadow:var(--zs2-sh-2);transform:translateY(-3px)}
.zs2-ind__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;
background:var(--zs2-acc-100);color:var(--zs2-acc-600);margin-bottom:14px}
.zs2-ind__ic svg{width:24px;height:24px}
.zs2-ind b{display:block;font-size:15.5px;color:var(--zs2-brand-800);margin-bottom:6px;font-weight:800}
.zs2-ind small{display:block;font-size:13px;line-height:1.9;color:var(--zs2-gray-600)}
.zs2-clogos__t{text-align:center;margin:44px 0 18px;font-size:17px;color:var(--zs2-brand-800)}
.zs2-clogos{display:grid;grid-template-columns:repeat(6,1fr);
border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);overflow:hidden;background:#fff}
.zs2-clogo{display:grid;place-items:center;padding:20px 14px;
border-inline-start:1px solid var(--zs2-line);border-top:1px solid var(--zs2-line)}
.zs2-clogo:nth-child(-n+6){border-top:0}
.zs2-clogo:nth-child(6n+1){border-inline-start:0}
.zs2-clogo img{max-height:44px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.72;transition:.25s}
.zs2-clogo:hover img{filter:none;opacity:1}
.zs2-clogo span{font-weight:800;font-size:16px;color:var(--zs2-gray-500);white-space:nowrap}
.zs2-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.zs2-qt{margin:0;background:#fff;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);padding:24px 22px;
border-top:3px solid var(--zs2-acc-500)}
.zs2-qt blockquote{margin:0 0 16px;font-size:14.5px;line-height:2.1;color:var(--zs2-gray-700)}
.zs2-qt figcaption b{display:block;font-size:14px;color:var(--zs2-brand-800)}
.zs2-qt figcaption span{font-size:12.5px;color:var(--zs2-gray-500)}
.zs2-inds__cta{text-align:center;margin-top:34px}
@media (max-width:980px){
.zs2-inds{grid-template-columns:repeat(2,1fr)}
.zs2-clogos{grid-template-columns:repeat(3,1fr)}
.zs2-clogo:nth-child(-n+6){border-top:1px solid var(--zs2-line)}
.zs2-clogo:nth-child(-n+3){border-top:0}
.zs2-clogo:nth-child(6n+1){border-inline-start:1px solid var(--zs2-line)}
.zs2-clogo:nth-child(3n+1){border-inline-start:0}
.zs2-quotes{grid-template-columns:1fr}
}
@media (max-width:560px){
.zs2-inds{grid-template-columns:1fr}
.zs2-clogos{grid-template-columns:repeat(2,1fr)}
.zs2-clogo:nth-child(-n+3){border-top:1px solid var(--zs2-line)}
.zs2-clogo:nth-child(-n+2){border-top:0}
.zs2-clogo:nth-child(3n+1){border-inline-start:1px solid var(--zs2-line)}
.zs2-clogo:nth-child(2n+1){border-inline-start:0}
}
/* ==============================================================
فروشگاه و آرشیو دسته‌ها — زبان طراحی «روایت صنعتی» (نسخهٔ ۲)
دامنه: body.woocommerce بدون صفحهٔ تک‌محصول.
============================================================== */
/* ---------- ۱) نوار عنوان آرشیو ---------- */
.zs2-archead{position:relative;overflow:hidden;background:var(--zs2-hero-a)!important}
.zs2-archead::before{content:"";position:absolute;inset:0;
background:radial-gradient(80% 140% at 88% 8%,rgba(var(--zs2-acc-500-rgb),.22),transparent 62%),
linear-gradient(155deg,var(--zs2-hero-a),var(--zs2-hero-b) 80%)}
.zs2-archead::after{content:"";position:absolute;inset:0;opacity:.13;
background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
background-size:52px 52px}
.zs2-archead>.elementor-container{position:relative;z-index:2}
.zs2-archead .elementor-heading-title{color:#fff!important;font-weight:800!important;
font-size:clamp(23px,3.2vw,36px)!important;line-height:1.5!important}
.zs2-archead .woocommerce-breadcrumb,
.zs2-archead .woocommerce-breadcrumb a,
.zs2-archead .elementor-widget-text-editor{color:#b9c8db!important;font-size:13px!important}
.zs2-archead .woocommerce-breadcrumb a:hover{color:var(--zs2-acc-400)!important}
/* ---------- ۲) چیپ‌های زیردسته ---------- */
.zs-subcats{display:flex;flex-wrap:wrap;gap:10px}
.zs-subcats .zs-subcat-chip{display:inline-flex;align-items:center;gap:8px;
background:#fff;border:1px solid var(--zs2-line);border-radius:999px;
padding:9px 16px;font-size:13.5px;font-weight:700;color:var(--zs2-brand-800);
text-decoration:none;transition:all .22s var(--zs2-ease)}
.zs-subcats .zs-subcat-chip span{background:var(--zs2-gray-100);color:var(--zs2-gray-500);
border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:800;line-height:1.8}
.zs-subcats .zs-subcat-chip:hover{border-color:var(--zs2-acc-500);color:var(--zs2-acc-600);
box-shadow:var(--zs2-sh-1);transform:translateY(-2px)}
.zs-subcats .zs-subcat-chip:hover span{background:var(--zs2-acc-100);color:var(--zs2-acc-700)}
/* ---------- ۳) سایدبار فیلترها ---------- */
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block{
background:#fff;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);
padding:16px 18px;margin-bottom:14px}
body.woocommerce:not(.single-product) .zs-filters .widgettitle,
body.woocommerce:not(.single-product) .zs-filters .widget-title{
font-size:14.5px!important;font-weight:800!important;color:var(--zs2-brand-800)!important;
padding:0 0 10px!important;border-bottom:1px solid var(--zs2-line)}
body.woocommerce:not(.single-product) .zs-filters ul{list-style:none;margin:8px 0 0;padding:0}
body.woocommerce:not(.single-product) .zs-filters ul li{border:0;padding:0;margin:0}
body.woocommerce:not(.single-product) .zs-filters ul li a{
display:inline-block;padding:6px 0;font-size:13.5px;color:var(--zs2-gray-700);
text-decoration:none;transition:color .2s,padding .2s}
body.woocommerce:not(.single-product) .zs-filters ul li a:hover{
color:var(--zs2-acc-600);padding-inline-start:4px}
body.woocommerce:not(.single-product) .zs-filters .count{color:var(--zs2-gray-500);font-size:12px}
body.woocommerce:not(.single-product) .zs-filters ul::-webkit-scrollbar{width:6px}
body.woocommerce:not(.single-product) .zs-filters ul::-webkit-scrollbar-thumb{
background:var(--zs2-gray-300);border-radius:99px}
/* بلوک فیلترِ بی‌محتوا (کادر سفید خالی) نمایش داده نشود */
/* محتوای بلوک فیلتر همیشه دیده شود (مکانیزم قدیمیِ جمع‌شدن، کادرهای سفیدِ خالی می‌ساخت) */
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block>*,
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block .widget,
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block .widget>ul{display:block!important}
body.woocommerce:not(.single-product) .zs-filters .woocommerce-widget-layered-nav-list,
body.woocommerce:not(.single-product) .zs-filters .product-categories{max-height:280px;overflow:auto}
/* اگر بلوکی واقعاً خالی بود، کادرش هم نباشد */
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block:not(:has(li)){display:none!important}
/* ---------- ۴) نوار ابزار بالای گرید ---------- */
body.woocommerce:not(.single-product) .woocommerce-result-count{
margin:0 0 16px!important;font-size:13px;color:var(--zs2-gray-600)}
body.woocommerce:not(.single-product) .woocommerce-ordering{margin:0 0 16px!important}
body.woocommerce:not(.single-product) .woocommerce-ordering select{
border:1px solid var(--zs2-line);border-radius:10px;padding:9px 14px;
font-family:inherit;font-size:13.5px;font-weight:700;
color:var(--zs2-brand-800);background:#fff;cursor:pointer}
body.woocommerce:not(.single-product) .woocommerce-ordering select:focus{
outline:none;border-color:var(--zs2-acc-500)}
/* ---------- ۵) کارت محصول ---------- */
body.woocommerce:not(.single-product) ul.products{gap:18px!important}
body.woocommerce:not(.single-product) ul.products li.product{
background:#fff!important;border:1px solid var(--zs2-line)!important;
border-radius:var(--zs2-r-md)!important;overflow:hidden!important;
padding:0 0 16px!important;margin:0!important;position:relative;
transition:transform .28s var(--zs2-ease),box-shadow .28s,border-color .28s}
body.woocommerce:not(.single-product) ul.products li.product:hover{
transform:translateY(-4px);border-color:var(--zs2-acc-500)!important;box-shadow:var(--zs2-sh-2)}
body.woocommerce:not(.single-product) ul.products li.product a.woocommerce-LoopProduct-link{
display:block;text-decoration:none}
body.woocommerce:not(.single-product) ul.products li.product img{
width:100%!important;aspect-ratio:1;object-fit:contain;
background:#fff;border-bottom:1px solid var(--zs2-line);padding:16px;margin:0 0 12px!important;
border-radius:0!important;transition:transform .45s ease}
body.woocommerce:not(.single-product) ul.products li.product:hover img{transform:scale(1.05)}
/* محصول بدون عکس: به‌جای «مکان‌گیرنده»ی ووکامرس، یک طرح فنی خنثی */
body.woocommerce:not(.single-product) ul.products li.product img.woocommerce-placeholder{
content:url("data:image/svg+xml;utf8,");
padding:34px!important;opacity:.5}
body.woocommerce:not(.single-product) ul.products li.product .woocommerce-loop-product__title{
padding:0 16px 8px!important;font-size:15px!important;font-weight:800!important;
color:var(--zs2-brand-800)!important;line-height:1.75!important}
body.woocommerce:not(.single-product) ul.products li.product:hover .woocommerce-loop-product__title{
color:var(--zs2-acc-600)!important}
body.woocommerce:not(.single-product) ul.products li.product .zs-quote{display:none!important}
body.woocommerce:not(.single-product) ul.products li.product .button,
body.woocommerce:not(.single-product) ul.products li.product .zs-quote-btn{
display:block!important;margin:auto 16px 0!important;text-align:center;
background:var(--zs2-acc-500)!important;color:var(--zs-on-accent,#fff)!important;
border:0!important;border-radius:10px!important;padding:11px 14px!important;
font-weight:800!important;font-size:13.5px!important;text-decoration:none;
transition:background .2s,transform .2s,box-shadow .2s}
body.woocommerce:not(.single-product) ul.products li.product .button:hover,
body.woocommerce:not(.single-product) ul.products li.product .zs-quote-btn:hover{
background:var(--zs2-brand-700)!important;color:#fff!important;
transform:translateY(-1px);box-shadow:var(--zs2-sh-2)}
/* کارت‌ها هم‌قد شوند و دکمه بچسبد به پایین */
body.woocommerce:not(.single-product) ul.products li.product{
display:flex!important;flex-direction:column}
/* ---------- ۶) صفحه‌بندی ---------- */
body.woocommerce .woocommerce-pagination{margin-top:28px}
body.woocommerce .woocommerce-pagination ul{display:flex!important;flex-wrap:wrap;gap:8px;
justify-content:center;border:0!important;margin:0!important;padding:0!important}
body.woocommerce .woocommerce-pagination ul li{border:0!important;margin:0!important;overflow:visible}
body.woocommerce .woocommerce-pagination ul li a,
body.woocommerce .woocommerce-pagination ul li span{
display:grid;place-items:center;min-width:42px;height:42px;padding:0 13px;
background:#fff;border:1px solid var(--zs2-line);border-radius:10px;
font-weight:800;font-size:14px;color:var(--zs2-brand-800);text-decoration:none;transition:.2s}
body.woocommerce .woocommerce-pagination ul li a:hover{
border-color:var(--zs2-acc-500);color:var(--zs2-acc-600);transform:translateY(-2px)}
body.woocommerce .woocommerce-pagination ul li span.current{
background:var(--zs2-acc-500);border-color:var(--zs2-acc-500);color:var(--zs-on-accent,#fff)}
/* ---------- ۷) موبایل ---------- */
@media (max-width:767px){
.zs-subcats{gap:8px}
.zs-subcats .zs-subcat-chip{padding:7px 13px;font-size:12.5px}
body.woocommerce:not(.single-product) ul.products{gap:10px!important}
body.woocommerce:not(.single-product) ul.products li.product{padding-bottom:12px!important}
body.woocommerce:not(.single-product) ul.products li.product img{padding:10px;margin-bottom:8px!important}
body.woocommerce:not(.single-product) ul.products li.product .woocommerce-loop-product__title{
padding:0 10px 6px!important;font-size:13px!important}
body.woocommerce:not(.single-product) ul.products li.product .button,
body.woocommerce:not(.single-product) ul.products li.product .zs-quote-btn{
margin:auto 10px 0!important;padding:9px 6px!important;font-size:12px!important}
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block{padding:13px 14px}
}
/* ==============================================================
صفحهٔ تک‌محصول — زبان طراحی «روایت صنعتی» (نسخهٔ ۲)
============================================================== */
body.single-product .zs2-pdphead{background:var(--zs2-gray-100)!important;border-bottom:1px solid var(--zs2-line)}
body.single-product .zs2-pdphead .woocommerce-breadcrumb{font-size:13px!important;color:var(--zs2-gray-600)!important;margin:0!important}
body.single-product .zs2-pdphead .woocommerce-breadcrumb a{color:var(--zs2-gray-600)!important}
body.single-product .zs2-pdphead .woocommerce-breadcrumb a:hover{color:var(--zs2-acc-600)!important}
body.single-product .woocommerce-product-gallery{background:#fff;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-lg);padding:18px;box-shadow:var(--zs2-sh-1)}
body.single-product .woocommerce-product-gallery__image img{border-radius:var(--zs2-r-md)!important;background:#fff}
body.single-product .woocommerce-product-gallery__trigger{background:var(--zs2-brand-700)!important;color:#fff!important;border-radius:999px!important;width:38px;height:38px;line-height:38px;text-align:center;box-shadow:var(--zs2-sh-2);opacity:.92;transition:background .2s}
body.single-product .woocommerce-product-gallery__trigger:hover{background:var(--zs2-acc-500)!important;opacity:1}
body.single-product .flex-control-thumbs{display:flex!important;gap:10px;margin-top:12px!important;padding:0!important}
body.single-product .flex-control-thumbs li{width:auto!important;margin:0!important}
body.single-product .flex-control-thumbs img{width:62px!important;height:62px;object-fit:contain;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-sm);padding:4px;background:#fff;opacity:.75;transition:all .2s}
body.single-product .flex-control-thumbs img:hover,body.single-product .flex-control-thumbs img.flex-active{opacity:1;border-color:var(--zs2-acc-500)}
body.single-product .product_title,body.single-product .elementor-widget-woocommerce-product-title h1{font-size:clamp(21px,2.6vw,30px)!important;font-weight:800!important;color:var(--zs2-brand-800)!important;line-height:1.6!important;margin:0 0 14px!important}
body.single-product .product_meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border:0!important;padding:0!important;margin:0 0 16px!important;font-size:0!important}
body.single-product .product_meta .detail-container{display:inline-flex;align-items:center;gap:7px;background:var(--zs2-gray-100);border:1px solid var(--zs2-line);border-radius:999px;padding:6px 14px;font-size:13px!important}
body.single-product .product_meta .detail-label{font-size:0!important;color:var(--zs2-gray-500)!important}
body.single-product .product_meta .sku_wrapper .detail-label::after{content:"کد فنی";font-size:12.5px;font-weight:700;color:var(--zs2-gray-500)}
body.single-product .product_meta .posted_in .detail-label::after{content:"دسته‌بندی";font-size:12.5px;font-weight:700;color:var(--zs2-gray-500)}
body.single-product .product_meta .sku{font-family:Consolas,'Roboto Mono',monospace!important;direction:ltr;unicode-bidi:isolate;font-size:13px!important;font-weight:700;color:var(--zs2-brand-800)!important}
body.single-product .product_meta .posted_in a{font-size:13px!important;font-weight:700;color:var(--zs2-acc-600)!important;text-decoration:none}
body.single-product .product_meta .posted_in a:hover{text-decoration:underline}
body.single-product .woocommerce-product-details__short-description{color:var(--zs2-gray-700)!important;font-size:14.5px!important;line-height:2.1!important;margin:0 0 20px!important}
body.single-product form.cart{background:#fff;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);padding:18px 20px 20px;box-shadow:var(--zs2-sh-1)}
body.single-product table.variations{width:100%;border:0!important;margin:0 0 6px!important}
body.single-product table.variations tr{display:block;margin-bottom:12px}
body.single-product table.variations th.label,body.single-product table.variations td.value{display:block;width:100%;padding:0!important;border:0!important;text-align:right}
body.single-product table.variations th.label label{display:block;font-size:13px!important;font-weight:800!important;color:var(--zs2-brand-800)!important;margin-bottom:7px}
body.single-product table.variations select{width:100%!important;appearance:none;-webkit-appearance:none;background:var(--zs2-gray-100) url("data:image/svg+xml;utf8,") no-repeat left 12px center/17px;border:1px solid var(--zs2-line)!important;border-radius:10px!important;padding:11px 14px!important;font-family:inherit;font-size:14px!important;font-weight:700;color:var(--zs2-brand-800)!important;transition:border-color .2s,box-shadow .2s}
body.single-product table.variations select:focus{outline:0;border-color:var(--zs2-acc-500)!important;box-shadow:0 0 0 3px rgba(var(--zs2-acc-500-rgb),.14)}
body.single-product .reset_variations{font-size:12.5px!important;color:var(--zs2-gray-500)!important}
body.single-product .woocommerce-variation{margin:0 0 10px!important}
body.single-product .quantity input.qty{width:70px!important;height:46px;border:1px solid var(--zs2-line)!important;border-radius:10px!important;text-align:center;font-weight:800;font-size:15px;color:var(--zs2-brand-800)!important;background:#fff}
body.single-product .zs-inquiry-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;background:var(--zs2-acc-500)!important;color:var(--zs-on-accent,#fff)!important;border:0!important;border-radius:10px!important;padding:0 26px!important;height:46px;font-weight:800!important;font-size:15px!important;cursor:pointer;box-shadow:0 6px 18px rgba(var(--zs2-acc-500-rgb),.28);transition:background .2s,transform .2s,box-shadow .2s}
body.single-product .zs-inquiry-btn:hover{background:var(--zs2-brand-700)!important;transform:translateY(-2px);box-shadow:var(--zs2-sh-2)}
body.single-product .zs-pdp-note{background:var(--zs2-acc-100)!important;border:0!important;border-inline-start:3px solid var(--zs2-acc-500)!important;border-radius:var(--zs2-r-sm)!important;padding:14px 18px!important;margin-top:16px!important;font-size:13px!important;line-height:2.1!important;color:var(--zs2-gray-700)!important}
body.single-product .woocommerce-tabs{margin-top:8px}
body.single-product .woocommerce-tabs ul.tabs{display:flex!important;flex-wrap:wrap;gap:6px;padding:0!important;margin:0 0 -1px!important;border:0!important;list-style:none}
body.single-product .woocommerce-tabs ul.tabs::before,body.single-product .woocommerce-tabs ul.tabs::after{display:none!important}
body.single-product .woocommerce-tabs ul.tabs li{background:transparent!important;border:1px solid transparent!important;border-radius:var(--zs2-r-md) var(--zs2-r-md) 0 0!important;margin:0!important;padding:0!important;box-shadow:none!important}
body.single-product .woocommerce-tabs ul.tabs li::before,body.single-product .woocommerce-tabs ul.tabs li::after{display:none!important}
body.single-product .woocommerce-tabs ul.tabs li a{display:block;padding:12px 20px!important;font-size:14px!important;font-weight:800!important;color:var(--zs2-gray-600)!important;text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
body.single-product .woocommerce-tabs ul.tabs li a:hover{color:var(--zs2-brand-800)!important}
body.single-product .woocommerce-tabs ul.tabs li.active{background:#fff!important;border-color:var(--zs2-line)!important;border-bottom-color:#fff!important}
body.single-product .woocommerce-tabs ul.tabs li.active a{color:var(--zs2-acc-600)!important;border-bottom-color:transparent}
body.single-product .woocommerce-Tabs-panel{background:#fff;border:1px solid var(--zs2-line);border-radius:0 var(--zs2-r-md) var(--zs2-r-md);padding:28px 30px!important;margin:0!important}
body.single-product .woocommerce-Tabs-panel > h2:first-child{display:none}
body.single-product .zs-spec-table,body.single-product .shop_attributes,body.single-product .zs-size-table{width:100%;border-collapse:separate!important;border-spacing:0;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);overflow:hidden;margin:14px 0 20px}
body.single-product .zs-spec-table th,body.single-product .shop_attributes th,body.single-product .zs-size-table th{background:var(--zs2-gray-100)!important;color:var(--zs2-brand-800)!important;font-weight:800!important;font-size:13.5px!important;padding:12px 16px!important;border-bottom:1px solid var(--zs2-line)!important;text-align:right}
body.single-product .zs-spec-table td,body.single-product .shop_attributes td,body.single-product .zs-size-table td{padding:11px 16px!important;font-size:13.5px!important;color:var(--zs2-gray-700)!important;border-bottom:1px solid var(--zs2-line)!important;font-style:normal!important}
body.single-product .zs-spec-table tr:last-child td,body.single-product .zs-spec-table tr:last-child th,body.single-product .zs-size-table tr:last-child td{border-bottom:0!important}
body.single-product .zs-size-table tbody tr:hover td{background:var(--zs2-acc-100)!important}
body.single-product .related > h2,body.single-product .up-sells > h2{font-size:clamp(19px,2.2vw,24px)!important;font-weight:800!important;color:var(--zs2-brand-800)!important;margin:0 0 20px!important;padding-bottom:12px;border-bottom:1px solid var(--zs2-line)}
body.single-product .related ul.products{grid-template-columns:repeat(4,1fr)!important;gap:18px!important}
body.single-product .related ul.products li.product{background:#fff!important;border:1px solid var(--zs2-line)!important;border-radius:var(--zs2-r-md)!important;overflow:hidden!important;padding:0 0 16px!important;display:flex!important;flex-direction:column;transition:transform .28s var(--zs2-ease),box-shadow .28s,border-color .28s}
body.single-product .related ul.products li.product:hover{transform:translateY(-4px);border-color:var(--zs2-acc-500)!important;box-shadow:var(--zs2-sh-2)}
body.single-product .related ul.products li.product img{width:100%!important;aspect-ratio:1;object-fit:contain;background:#fff;padding:14px;border-bottom:1px solid var(--zs2-line);margin:0 0 10px!important;border-radius:0!important}
body.single-product .related ul.products li.product .woocommerce-loop-product__title{padding:0 14px 8px!important;font-size:14px!important;font-weight:800!important;color:var(--zs2-brand-800)!important;line-height:1.75!important}
body.single-product .related ul.products li.product .zs-quote{display:none!important}
body.single-product .related ul.products li.product .button,body.single-product .related ul.products li.product .zs-quote-btn{display:block!important;margin:auto 14px 0!important;text-align:center;background:var(--zs2-acc-500)!important;color:var(--zs-on-accent,#fff)!important;border:0!important;border-radius:10px!important;padding:10px 12px!important;font-weight:800!important;font-size:13px!important;text-decoration:none}
body.single-product .related ul.products li.product .button:hover,body.single-product .related ul.products li.product .zs-quote-btn:hover{background:var(--zs2-brand-700)!important;color:#fff!important}
@media (max-width:1024px){body.single-product .related ul.products{grid-template-columns:repeat(3,1fr)!important}}
@media (max-width:767px){
body.single-product .woocommerce-product-gallery{padding:12px}
body.single-product form.cart{padding:14px 15px 16px}
body.single-product .woocommerce-Tabs-panel{padding:18px 16px!important}
body.single-product .woocommerce-tabs ul.tabs{gap:4px}
body.single-product .woocommerce-tabs ul.tabs li a{padding:10px 13px!important;font-size:13px!important}
body.single-product .related ul.products{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
body.single-product .zs-size-table{display:block;overflow-x:auto}
}
/* ساختار واقعی: .zs-pdp-extra > .zs-pdp-trust > .zs-pdp-badge + .zs-pdp-note */
body.single-product .zs-pdp-extra{display:block!important;border:0!important;padding:0!important;margin-top:18px!important}
body.single-product .zs-pdp-trust{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin:0!important;padding:0!important;border:0!important}
body.single-product .zs-pdp-badge{display:flex!important;align-items:flex-start;gap:12px;background:#fff!important;border:1px solid var(--zs2-line)!important;border-radius:var(--zs2-r-md)!important;padding:14px 16px!important;margin:0!important;box-shadow:none!important;transition:border-color .22s,box-shadow .22s,transform .22s}
body.single-product .zs-pdp-badge:hover{border-color:var(--zs2-acc-500)!important;box-shadow:var(--zs2-sh-1);transform:translateY(-2px)}
body.single-product .zs-pdp-badge svg{flex:0 0 auto;width:34px!important;height:34px!important;padding:7px;border-radius:10px;background:var(--zs2-acc-100);stroke:var(--zs2-acc-600)!important;color:var(--zs2-acc-600)}
body.single-product .zs-pdp-badge > div{min-width:0}
body.single-product .zs-pdp-badge b{display:block;font-size:13.5px!important;font-weight:800!important;color:var(--zs2-brand-800)!important;margin-bottom:3px}
body.single-product .zs-pdp-badge span{display:block;font-size:12px!important;color:var(--zs2-gray-600)!important;line-height:1.85}
@media (max-width:767px){body.single-product .zs-pdp-trust{grid-template-columns:1fr!important}}
/* ==============================================================
کاشی‌های دسته‌بندی — جایگزین تصاویری که از دامنهٔ قدیمی
لینک شده بودند و دیگر در دسترس نیستند (کادر خاکستری خالی).
طرح‌ها داخل خود CSS هستند؛ صفر درخواست شبکه.
============================================================== */
.zs-catcard__img,.zs-shopcat__img{
background-color:#1d2739!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-size:88px auto!important;
position:relative}
.zs-catcard__img::after,.zs-shopcat__img::after{content:"";position:absolute;inset:0;opacity:.16;
background-image:repeating-linear-gradient(52deg,rgba(255,255,255,.5) 0 1px,transparent 1px 13px)}
.zs-catcards .zs-catcard:nth-child(1) .zs-catcard__img:not(.zs-has-img),
.zs-shopcats .zs-shopcat:nth-child(1) .zs-shopcat__img:not(.zs-has-img){background-image:url("data:image/svg+xml;utf8,")!important}
.zs-catcards .zs-catcard:nth-child(2) .zs-catcard__img:not(.zs-has-img),
.zs-shopcats .zs-shopcat:nth-child(2) .zs-shopcat__img:not(.zs-has-img){background-image:url("data:image/svg+xml;utf8,")!important}
.zs-catcards .zs-catcard:nth-child(3) .zs-catcard__img:not(.zs-has-img),
.zs-shopcats .zs-shopcat:nth-child(3) .zs-shopcat__img:not(.zs-has-img){background-image:url("data:image/svg+xml;utf8,")!important}
.zs-catcards .zs-catcard:nth-child(4) .zs-catcard__img:not(.zs-has-img),
.zs-shopcats .zs-shopcat:nth-child(4) .zs-shopcat__img:not(.zs-has-img){background-image:url("data:image/svg+xml;utf8,")!important}
.zs-catcards .zs-catcard:nth-child(5) .zs-catcard__img:not(.zs-has-img),
.zs-shopcats .zs-shopcat:nth-child(5) .zs-shopcat__img:not(.zs-has-img){background-image:url("data:image/svg+xml;utf8,")!important}
.zs-catcards .zs-catcard:nth-child(6) .zs-catcard__img:not(.zs-has-img),
.zs-shopcats .zs-shopcat:nth-child(6) .zs-shopcat__img:not(.zs-has-img){background-image:url("data:image/svg+xml;utf8,")!important}
@media (max-width:767px){.zs-catcard__img{background-size:64px auto!important}}
.zs-mega .zs-catcard__img{background-size:58px auto!important}
/* ==============================================================
مرحلهٔ ۳ و ۴ — صفحات درباره/تماس/سفارش و بلاگ
============================================================== */
/* ---------- عنوان بخش: خط تأکید زیر خودِ متن ---------- */
.zs-section-title{padding-bottom:0!important}
.zs-section-title::after{display:none!important}
.zs-section-title .elementor-heading-title{display:inline-block;position:relative}
.zs-section-title .elementor-heading-title::after{
content:"";display:block;width:56px;height:3px;margin:14px auto 0;
background:var(--zs2-acc-500);border-radius:2px}
/* ---------- کارت‌های صفحات ---------- */
.zs-pg-card{background:#fff!important;border:1px solid var(--zs2-line)!important;
border-radius:var(--zs2-r-md)!important;box-shadow:none!important;
transition:border-color .22s,box-shadow .22s,transform .22s}
.zs-pg-card:hover{border-color:var(--zs2-acc-500)!important;box-shadow:var(--zs2-sh-2)!important;transform:translateY(-3px)}
.zs-pg-ico,.zs-pg-ico-sm{background:var(--zs2-acc-100)!important;color:var(--zs2-acc-600)!important;
border-radius:12px!important}
.zs-pg-ico svg,.zs-pg-ico-sm svg{stroke:var(--zs2-acc-600)!important;color:var(--zs2-acc-600)!important}
.zs-pg-lead{color:var(--zs2-gray-600)!important;line-height:2.1!important}
/* نوار آمار */
.zs-pg-stats{border-radius:var(--zs2-r-lg)!important;background:var(--zs2-hero-a)!important;
box-shadow:var(--zs2-sh-3)!important}
.zs-pg-stat b{color:var(--zs2-acc-500)!important}
/* چیپ برندها */
.zs-brand-chip{background:#fff!important;border:1px solid var(--zs2-line)!important;
border-radius:999px!important;font-weight:800!important;color:var(--zs2-gray-500)!important;
transition:all .22s}
.zs-brand-chip:hover{border-color:var(--zs2-acc-500)!important;color:var(--zs2-acc-600)!important;
transform:translateY(-2px);box-shadow:var(--zs2-sh-1)}
/* مراحل خرید */
.zs-pg-step-n{background:var(--zs2-acc-500)!important;color:var(--zs-on-accent,#fff)!important;
box-shadow:0 5px 14px rgba(var(--zs2-acc-500-rgb),.3)!important}
/* ---------- فرم‌ها ---------- */
.zs-cfield input,.zs-cfield select,.zs-cfield textarea,
.zs-coform input,.zs-coform select,.zs-coform textarea{
border:1px solid var(--zs2-line)!important;border-radius:10px!important;
padding:11px 14px!important;font-family:inherit!important;font-size:14px!important;
color:var(--zs2-brand-800)!important;background:#fff!important;
transition:border-color .2s,box-shadow .2s}
.zs-cfield input:focus,.zs-cfield select:focus,.zs-cfield textarea:focus,
.zs-coform input:focus,.zs-coform select:focus,.zs-coform textarea:focus{
outline:0!important;border-color:var(--zs2-acc-500)!important;
box-shadow:0 0 0 3px rgba(var(--zs2-acc-500-rgb),.14)!important}
.zs-cform-submit,.zs-pg-btn-amber{
background:var(--zs2-acc-500)!important;color:var(--zs-on-accent,#fff)!important;
border:0!important;border-radius:10px!important;font-weight:800!important;
box-shadow:0 6px 18px rgba(var(--zs2-acc-500-rgb),.26)!important;
transition:background .2s,transform .2s,box-shadow .2s}
.zs-cform-submit:hover,.zs-pg-btn-amber:hover{background:var(--zs2-brand-700)!important;
transform:translateY(-2px);box-shadow:var(--zs2-sh-2)!important}
.zs-co-group,.zs-cnote{border-radius:var(--zs2-r-md)!important;border-color:var(--zs2-line)!important}
.zs-co-gtitle{color:var(--zs2-brand-800)!important;font-weight:800!important}
/* ---------- سؤالات متداول ---------- */
.zs-pg-faq{background:#fff!important;border:1px solid var(--zs2-line)!important;
border-radius:var(--zs2-r-md)!important;margin-bottom:10px!important;
transition:border-color .22s,box-shadow .22s}
.zs-pg-faq[open]{border-color:var(--zs2-acc-500)!important;box-shadow:var(--zs2-sh-1)!important}
.zs-pg-faq summary{font-weight:800!important;color:var(--zs2-brand-800)!important;cursor:pointer}
.zs-pg-faq-a{color:var(--zs2-gray-600)!important;line-height:2.1!important}
/* ---------- بلاگ ---------- */
.zs-postcat{background:#fff!important;border:1px solid var(--zs2-line)!important;
border-radius:999px!important;font-weight:800!important;color:var(--zs2-brand-800)!important;
transition:all .22s}
.zs-postcat:hover{border-color:var(--zs2-acc-500)!important;color:var(--zs2-acc-600)!important;
transform:translateY(-2px)}
.zs-postcat.is-active{background:var(--zs2-brand-700)!important;border-color:var(--zs2-brand-700)!important;
color:#fff!important}
.zs-postgrid article,.zs-postgrid .elementor-post{
background:#fff!important;border:1px solid var(--zs2-line)!important;
border-radius:var(--zs2-r-md)!important;overflow:hidden!important;
transition:transform .28s var(--zs2-ease),box-shadow .28s,border-color .28s}
.zs-postgrid article:hover,.zs-postgrid .elementor-post:hover{
transform:translateY(-4px);border-color:var(--zs2-acc-500)!important;box-shadow:var(--zs2-sh-2)!important}
.zs-postgrid .elementor-post__thumbnail img,.zs-postgrid article img{
aspect-ratio:16/10;object-fit:cover}
.zs-postgrid .elementor-post__title a,.zs-postgrid article h2 a,.zs-postgrid article h3 a{
color:var(--zs2-brand-800)!important;font-weight:800!important;line-height:1.8!important}
.zs-postgrid .elementor-post__title a:hover{color:var(--zs2-acc-600)!important}
.zs-postgrid .elementor-post__read-more{color:var(--zs2-acc-600)!important;font-weight:800!important}
.zs-blog-aside{background:#fff!important;border:1px solid var(--zs2-line)!important;
border-radius:var(--zs2-r-md)!important}
.zs-shopcat{border-radius:var(--zs2-r-sm)!important;transition:background .2s}
.zs-shopcat:hover{background:var(--zs2-gray-100)!important}
.zs-shopcat.is-match{background:var(--zs2-acc-100)!important}
.zs-shopcat__img{border-radius:var(--zs2-r-sm)!important}
.zs-shopcat__tx b{color:var(--zs2-brand-800)!important;font-weight:800!important}
.zs-shopcat__tx em{color:var(--zs2-gray-500)!important;font-style:normal!important}
.zs-archive-title{color:#fff!important}
.zs-archive-desc{color:#b9c8db!important}
@media (max-width:767px){
.zs-pg-stats{border-radius:var(--zs2-r-md)!important}
.zs-section-title .elementor-heading-title::after{width:44px;margin-top:10px}
}
/* اصلاح: کارت تیرهٔ سایدبار (فراخوان استعلام) نباید سفید شود، و
تصویرک‌های ۴۴ پیکسلی به اندازهٔ کوچک‌تری از طرح نیاز دارند. */
.zs-post-aside{border-radius:var(--zs2-r-md)!important;border:0!important}
.zs-shopcat__img{background-size:30px auto!important;border-radius:var(--zs2-r-sm)!important}
@media (max-width:767px){.zs-shopcat__img{background-size:26px auto!important}}
/* ==============================================================
مگامنو — همهٔ دسته‌های محصول (داده‌محور، نه هاردکد)
============================================================== */
/* طرح کاشی‌ها برای ستون دسته‌های مگامنو + کاشی دستهٔ هفتم */
.zs-mm-thumb{background-color:#1d2739!important;background-repeat:no-repeat!important;
background-position:center!important;background-size:26px auto!important;border-radius:8px!important}
.zs-mm-cats .zs-mm-cat:nth-child(1) .zs-mm-thumb:not(.zs-has-img){background-image:url("data:image/svg+xml;utf8,")!important}
.zs-mm-cats .zs-mm-cat:nth-child(2) .zs-mm-thumb:not(.zs-has-img){background-image:url("data:image/svg+xml;utf8,")!important}
.zs-mm-cats .zs-mm-cat:nth-child(3) .zs-mm-thumb:not(.zs-has-img){background-image:url("data:image/svg+xml;utf8,")!important}
.zs-mm-cats .zs-mm-cat:nth-child(4) .zs-mm-thumb:not(.zs-has-img){background-image:url("data:image/svg+xml;utf8,")!important}
.zs-mm-cats .zs-mm-cat:nth-child(5) .zs-mm-thumb:not(.zs-has-img){background-image:url("data:image/svg+xml;utf8,")!important}
.zs-mm-cats .zs-mm-cat:nth-child(6) .zs-mm-thumb:not(.zs-has-img){background-image:url("data:image/svg+xml;utf8,")!important}
.zs-mm-cats .zs-mm-cat:nth-child(7) .zs-mm-thumb:not(.zs-has-img){background-image:url("data:image/svg+xml;utf8,")!important}
.zs-catcards .zs-catcard:nth-child(7) .zs-catcard__img:not(.zs-has-img),
.zs-shopcats .zs-shopcat:nth-child(7) .zs-shopcat__img:not(.zs-has-img){background-image:url("data:image/svg+xml;utf8,")!important}
/* شمارندهٔ تعداد محصول در ستون دسته‌ها و کنار زیردسته‌ها */
.zs-mm-cat .zs-mm-count{margin-inline-start:auto;background:var(--zs2-gray-100);color:var(--zs2-gray-500);
border-radius:999px;padding:1px 9px;font-size:11.5px;font-weight:800;line-height:1.9}
.zs-mm-cat.is-active .zs-mm-count,.zs-mm-cat a:hover .zs-mm-count{background:var(--zs2-acc-100);color:var(--zs2-acc-700)}
.zs-mm-prod .zs-mm-prod-n{margin-inline-start:auto;color:var(--zs2-gray-500);font-size:11.5px;font-weight:800}
.zs-mm-prod{display:flex!important;align-items:center;gap:9px}
/* جابه‌جایی پنل با هاور — بر پایهٔ «جایگاه» نه شناسهٔ دسته،
تا با اضافه‌شدن دستهٔ جدید هم بدون تغییر کار کند. */
/* کارت‌های «انواع زنجیر» حالا به دستهٔ مربوطه لینک‌اند */
a.zs2-type{display:block;text-decoration:none;color:inherit}
.zs2-type--link{cursor:pointer}
.zs2-type--link:hover{background:var(--zs2-acc-100)!important}
.zs2-type--link:hover b{color:var(--zs2-acc-700)}
.zs2-type__go{display:inline-flex;align-items:center;gap:6px;margin-top:13px;
font-size:12.5px;font-weight:800;color:var(--zs2-acc-600)}
.zs2-type__go svg{width:15px;height:15px;transition:transform .22s var(--zs2-ease)}
.zs2-type--link:hover .zs2-type__go svg{transform:translateX(-4px)}
/* ==============================================================
محصولات سفارشی (نوع نوشتهٔ zs_custom)
============================================================== */
.zs-cp-grid{display:grid;gap:18px;margin:6px 0 10px}
.zs-cp-cols-2{grid-template-columns:repeat(2,1fr)}
.zs-cp-cols-3{grid-template-columns:repeat(3,1fr)}
.zs-cp-cols-4{grid-template-columns:repeat(4,1fr)}
.zs-cp-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--zs2-line);
border-radius:var(--zs2-r-md);overflow:hidden;text-decoration:none;
transition:transform .28s var(--zs2-ease),box-shadow .28s,border-color .28s}
.zs-cp-card:hover{transform:translateY(-4px);border-color:var(--zs2-acc-500);box-shadow:var(--zs2-sh-2)}
.zs-cp-card__img{position:relative;display:block;background:var(--zs2-gray-100);
border-bottom:1px solid var(--zs2-line)}
.zs-cp-card__img img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;padding:10px;
transition:transform .3s var(--zs2-ease)}
.zs-cp-card:hover .zs-cp-card__img img{transform:scale(1.04)}
.zs-cp-noimg{display:block;width:100%;aspect-ratio:4/3;background:#1d2739 no-repeat center/72px auto;
background-image:url("data:image/svg+xml;utf8,")}
.zs-cp-badge{position:absolute;inset-inline-start:10px;top:10px;background:rgba(255,255,255,.94);
color:var(--zs2-brand-800);border:1px solid var(--zs2-line);font-size:11.5px;font-weight:800;
border-radius:999px;padding:4px 11px;backdrop-filter:blur(3px)}
.zs-cp-card__b{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}
.zs-cp-card__b b{font-size:15px;font-weight:800;color:var(--zs2-brand-800);line-height:1.75}
.zs-cp-card:hover .zs-cp-card__b b{color:var(--zs2-acc-600)}
.zs-cp-card__b small{font-size:12.5px;color:var(--zs2-gray-600);line-height:1.9}
.zs-cp-card__b em{font-style:normal;font-size:11.5px;font-weight:800;color:var(--zs2-acc-600);margin-top:2px}
.zs-cp-empty{background:var(--zs2-gray-100);border:1px dashed var(--zs2-line);border-radius:var(--zs2-r-md);
padding:26px;text-align:center;color:var(--zs2-gray-600)}
/* صفحهٔ تکی */
.zs-cp-single{max-width:900px;margin-inline:auto}
.zs-cp-figure{border:1px solid var(--zs2-line);border-radius:var(--zs2-r-lg);overflow:hidden;
background:#fff;margin-bottom:22px;box-shadow:var(--zs2-sh-1)}
.zs-cp-figure img{display:block;width:100%;height:auto}
.zs-cp-body{color:var(--zs2-gray-700);line-height:2.1}
.zs-cp-block{margin-top:26px}
.zs-cp-h{font-size:clamp(17px,2vw,21px)!important;font-weight:800!important;color:var(--zs2-brand-800)!important;
margin:0 0 14px!important;padding-bottom:10px;border-bottom:1px solid var(--zs2-line)}
.zs-cp-specs,.zs-cp-table{width:100%;border-collapse:separate;border-spacing:0;
border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);overflow:hidden}
.zs-cp-specs th{width:34%;background:var(--zs2-gray-100);color:var(--zs2-brand-800);
font-weight:800;font-size:13.5px;text-align:start;padding:11px 16px;border-bottom:1px solid var(--zs2-line)}
.zs-cp-specs td{padding:11px 16px;font-size:13.5px;color:var(--zs2-gray-700);border-bottom:1px solid var(--zs2-line)}
.zs-cp-specs tr:last-child th,.zs-cp-specs tr:last-child td{border-bottom:0}
.zs-cp-tablewrap{overflow-x:auto}
.zs-cp-table th{background:var(--zs2-brand-700);color:#fff;font-weight:800;font-size:13px;
padding:11px 14px;white-space:nowrap}
.zs-cp-table td{padding:10px 14px;font-size:13.5px;color:var(--zs2-gray-700);
border-bottom:1px solid var(--zs2-line);white-space:nowrap}
.zs-cp-table tbody tr:nth-child(even) td{background:var(--zs2-gray-100)}
.zs-cp-table tbody tr:hover td{background:var(--zs2-acc-100)}
.zs-cp-table tr:last-child td{border-bottom:0}
.zs-cp-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.zs-cp-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 24px;
border-radius:10px;font-weight:800;font-size:14.5px;text-decoration:none;
background:var(--zs2-acc-500);color:var(--zs-on-accent,#fff);
box-shadow:0 6px 18px rgba(var(--zs2-acc-500-rgb),.26);transition:all .2s}
.zs-cp-btn:hover{background:var(--zs2-brand-700);color:#fff;transform:translateY(-2px)}
.zs-cp-btn--line{background:#fff;color:var(--zs2-brand-700);border:1px solid var(--zs2-line);box-shadow:none}
.zs-cp-btn--line:hover{background:var(--zs2-gray-100);color:var(--zs2-brand-800);border-color:var(--zs2-acc-500)}
@media (max-width:980px){ .zs-cp-cols-3,.zs-cp-cols-4{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .zs-cp-cols-2,.zs-cp-cols-3,.zs-cp-cols-4{grid-template-columns:1fr}
.zs-cp-cta{flex-direction:column} .zs-cp-btn{width:100%} }
/* لینک‌سازی داخلی صفحهٔ محصول سفارشی */
.zs-shopcats--wide{display:grid!important;grid-template-columns:repeat(2,1fr);gap:10px;
background:transparent!important;border:0!important;padding:0!important}
.zs-shopcats--wide .zs-shopcat{background:#fff;border:1px solid var(--zs2-line);
border-radius:var(--zs2-r-md);padding:12px 14px;text-decoration:none;
transition:border-color .22s,box-shadow .22s,transform .22s}
.zs-shopcats--wide .zs-shopcat:hover{border-color:var(--zs2-acc-500);box-shadow:var(--zs2-sh-1);transform:translateY(-2px)}
.zs-shopcats--wide .zs-shopcat.is-match{border-color:var(--zs2-acc-500);background:var(--zs2-acc-100)}
.zs-shopcats--wide .zs-shopcat__img{width:46px;height:46px;flex:0 0 46px;background-size:28px auto!important}
.zs-cp-more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;
font-size:13px;font-weight:800;color:var(--zs2-acc-600);text-decoration:none}
.zs-cp-more:hover{color:var(--zs2-acc-700);text-decoration:underline}
@media (max-width:640px){ .zs-shopcats--wide{grid-template-columns:1fr} }
/* پنل مگامنو با کلاس is-active کنترل می‌شود (جاوااسکریپت)، نه با :hover —
وگرنه با حرکت ماوس از دستهٔ سمت راست به سمت پنل، پنل بسته می‌شد. */
.zs-megamenu .zs-mm-panels > .zs-mm-panel{display:none}
.zs-megamenu .zs-mm-panels > .zs-mm-panel.is-active{display:block}
.zs-megamenu .zs-mm-cats > li > a{cursor:pointer}
.zs-megamenu .zs-mm-cats > li.is-active > a{background:var(--zs2-acc-100)}
/* وقتی برای یک دسته «تصویر دسته» انتخاب شده باشد، عکس واقعی جای طرح خطی می‌نشیند */
.zs-catcard__img.zs-has-img,
.zs-shopcat__img.zs-has-img,
.zs-mm-thumb.zs-has-img{
background-size:cover!important;background-position:center!important;
background-color:#0f172a!important}
.zs-catcard__img.zs-has-img::after,
.zs-shopcat__img.zs-has-img::after{opacity:.06}
/* ===== هیرو نوشته (فیلد «تصویر هیرو» + fallback تصویر شاخص) ===== */
/* ویجت «تصویر شاخص» المنتور در قالب تک‌نوشته همیشه placeholder می‌دهد و از فیلترهای
رندر عبور نمی‌کند؛ پس مخفی می‌شود و تصویر واقعی بالای متن نوشته تزریق می‌گردد. */
.elementor-location-single .zs-post-hero{display:none!important}
.zs-hero-fig{margin:0 0 24px}
.zs-hero-img{display:block;width:100%;height:auto;
aspect-ratio:16/9;object-fit:cover;
border-radius:var(--zs2-r-lg,16px);
box-shadow:0 18px 42px rgba(14,26,43,.18)}
@media (max-width:600px){
.zs-hero-img{aspect-ratio:4/3;border-radius:var(--zs2-r-md,12px)}
.zs-hero-fig{margin-bottom:18px}
}
/* ===== اسلایدر محصولات سفارشی — [zs_cp_slider] ===== */
.zs-cpsl__ctl{display:flex;align-items:center;gap:10px;flex:none}
.zs-cpsl__btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--zs2-line);
background:#fff;color:var(--zs2-brand-700);display:grid;place-items:center;cursor:pointer;
transition:background .2s,color .2s,border-color .2s,opacity .2s}
.zs-cpsl__btn svg{width:20px;height:20px}
.zs-cpsl__btn:hover:not(:disabled){background:var(--zs2-brand-700);color:#fff;border-color:transparent}
.zs-cpsl__btn:disabled{opacity:.32;cursor:default}
.zs-cpsl__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc(25% - 15px);
gap:20px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;
padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#c9d4e0 transparent}
.zs-cpsl__track>*{scroll-snap-align:start;min-width:0}
.zs-cpsl__track::-webkit-scrollbar{height:8px}
.zs-cpsl__track::-webkit-scrollbar-thumb{background:#c9d4e0;border-radius:999px}
.zs-cpsl__track::-webkit-scrollbar-track{background:transparent}
.zs-cpsl__track:focus-visible{outline:2px solid var(--zs2-acc-500);outline-offset:4px;border-radius:8px}
.zs-cpsl .zs-cp-card{height:100%}
.zs-cpsl .zs-cp-card__img img,.zs-cpsl .zs-cp-noimg{aspect-ratio:1/1}
@media (max-width:1024px){
.zs-cpsl__track{grid-auto-columns:calc(33.333% - 14px)}
}
@media (max-width:767px){
.zs-cpsl__track{grid-auto-columns:78%;gap:14px}
.zs-cpsl__btn{width:40px;height:40px}
.zs-cpsl .zs2-head--row{gap:14px}
.zs-cpsl__ctl .zs2-btn{padding-inline:14px}
}
/* ===== آرشیو محصولات سفارشی — [zs_custom_archive] ===== */
.zs-cparch__head{background:var(--zs2-hero-a);color:#fff;position:relative;overflow:hidden;
padding-block:clamp(34px,4.4vw,58px) clamp(30px,3.6vw,46px)}
.zs-cparch__head::after{content:"";position:absolute;inset:0;opacity:.13;
background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
background-size:58px 58px;
-webkit-mask-image:radial-gradient(70% 80% at 78% 30%,#000,transparent);
mask-image:radial-gradient(70% 80% at 78% 30%,#000,transparent)}
.zs-cparch__head>.zs2-wrap{position:relative;z-index:2}
.zs-cparch__crumb{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#9fb0c4;margin-bottom:16px}
.zs-cparch__crumb a{color:#c8d5e4;text-decoration:none}
.zs-cparch__crumb a:hover{color:var(--zs2-acc-500)}
.zs-cparch__head .zs-cparch__h1{color:#fff!important;font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.5;margin:10px 0 0}
.zs-cparch__head .zs2-lead{color:#c8d5e4!important;max-width:62ch;margin-top:12px}
.zs-cparch__meta{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:24px;
border-top:1px solid rgba(255,255,255,.16);padding-top:20px}
.zs-cparch__meta span{font-size:14px;color:#9fb0c4}
.zs-cparch__meta b{color:#fff;font-size:20px;font-weight:800;margin-inline-end:6px}
.zs-cparch__meta .zs2-btn{margin-inline-start:auto}
.zs-cparch__list .zs-postcats{justify-content:flex-start;margin-bottom:22px}
.zs-cparch__list .zs-cp-grid{margin-top:4px}
.zs-cparch__pg{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:30px}
.zs-cparch__pg .page-numbers{display:inline-flex;align-items:center;justify-content:center;
min-width:42px;height:42px;padding:0 14px;border-radius:12px;background:#fff;
border:1px solid var(--zs2-line);color:var(--zs2-brand-700);font-weight:700;font-size:14px;
text-decoration:none;transition:.18s}
.zs-cparch__pg .page-numbers:hover{border-color:var(--zs2-acc-500);color:var(--zs2-acc-600)}
.zs-cparch__pg .page-numbers.current{background:var(--zs2-brand-700);border-color:var(--zs2-brand-700);color:#fff}
.zs-cparch__pg .dots{background:transparent;border-color:transparent}
.zs-cparch__cta{background:var(--zs2-brand-800);color:#fff}
.zs-cparch__cta>.zs2-wrap{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.zs-cparch__cta h2{color:#fff;font-size:clamp(20px,2.2vw,28px);margin:0 0 8px}
.zs-cparch__cta p{color:#c8d5e4;margin:0;max-width:60ch;line-height:2}
.zs-cparch__cta-btns{display:flex;gap:12px;flex-wrap:wrap;flex:none}
@media (max-width:767px){
.zs-cparch__meta{gap:16px}
.zs-cparch__meta .zs2-btn{margin-inline-start:0;width:100%;justify-content:center}
.zs-cparch__cta>.zs2-wrap{flex-direction:column;align-items:flex-start}
}
/* ===== نوار برندها به شکل اسلایدر خودکار — [zs_v2_brands marquee="1"] ===== */
.zs2-brands--marq{display:block;position:relative;overflow:hidden;
border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);background:#fff}
.zs2-brands__track{display:flex;align-items:stretch;width:max-content;
animation:zs2-marq var(--zs2-marq-dur,42s) linear infinite;will-change:transform}
.zs2-brands--marq:hover .zs2-brands__track,
.zs2-brands--marq:focus-within .zs2-brands__track{animation-play-state:paused}
.zs2-brands--marq .zs2-brand{flex:0 0 auto;width:clamp(170px,16vw,236px);
border-top:0;border-inline-start:1px solid var(--zs2-line)}
.zs2-brands--marq .zs2-brand--logo{padding:14px 16px}
.zs2-brands--marq .zs2-brand--logo img{max-height:108px;opacity:1;filter:none}
.zs2-brands--marq .zs2-brand span{font-size:20px}
/* ★ جهت حرکت وابسته به راست‌چین/چپ‌چین است: در RTL نسخه‌های تکراری سمت چپِ
نسخهٔ اول می‌نشینند، پس ترک باید به راست (+) برود؛ با منفی، نوار از کادر
بیرون می‌رفت و پشتش خالی می‌ماند. */
[dir="ltr"] .zs2-brands__track{--zs2-dir:-1}
@keyframes zs2-marq{from{transform:translateX(0)}to{transform:translateX(calc(var(--zs2-dir,1) * 50%))}}
@media (prefers-reduced-motion:reduce){
.zs2-brands__track{animation:none}
.zs2-brands--marq{overflow-x:auto}
}
@media (max-width:767px){
.zs2-brands--marq .zs2-brand{width:clamp(140px,42vw,180px)}
.zs2-brands--marq .zs2-brand--logo{padding:16px 14px}
.zs2-brands--marq .zs2-brand--logo img{max-height:76px}
}
.zs-inquiry-solo{display:block;margin:18px 0 6px}
.zs-inquiry-solo .zs-inquiry-btn{width:100%;justify-content:center}
/* ===== صفحهٔ محصول: موجودی انبار + دکمه‌های سفارش ===== */
.zs-stock-badge{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;padding:7px 14px;
border-radius:999px;background:#e9f7ef;color:#17663a;font-size:13.5px;font-weight:700;line-height:1}
.zs-stock-badge i{width:9px;height:9px;border-radius:50%;background:#25a35a;flex:none;
box-shadow:0 0 0 3px rgba(37,163,90,.18)}
.zs-stock-badge.is-low{background:#fff6e6;color:#8a5a00}
.zs-stock-badge.is-low i{background:#e39a09;box-shadow:0 0 0 3px rgba(227,154,9,.18)}
.zs-stock-badge.is-out{background:#fdeced;color:#a02128}
.zs-stock-badge.is-out i{background:#cf3038;box-shadow:0 0 0 3px rgba(207,48,56,.18)}
.zs-order-actions{display:inline-flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:14px;vertical-align:middle}
/* وقتی دکمهٔ «افزودن به سبد» ووکامرس کنارش است، نچسبد */
body.zs-priced .zs-order-actions{margin-inline-start:18px}
body.single-product form.cart .single_add_to_cart_button{margin-inline-end:4px}
.zs-order-actions .zs-inquiry-btn{margin:0}
.zs-order-actions .zs-bulk-btn{background:#fff!important;color:var(--zs2-brand-700)!important;
border:1px solid var(--zs2-line)!important;box-shadow:none!important}
.zs-order-actions .zs-bulk-btn:hover{border-color:var(--zs2-acc-500)!important;color:var(--zs2-acc-600)!important;
background:#fff!important;transform:translateY(-2px)}
.zs-qty-hint{display:block;margin-top:6px;font-size:12px;color:var(--zs2-gray-600);line-height:1.9}
@media (max-width:600px){
.zs-order-actions{display:flex;flex-direction:column;width:100%;margin-inline-start:0!important;gap:10px}
.zs-order-actions .button{width:100%;justify-content:center}
}
/* ===== بنر بالای صفحه + هیروی فشرده ===== */
.zs2-banner{display:block;background:var(--zs2-brand-900)}
.zs2-banner__link{display:block}
.zs2-banner__img,.zs2-banner picture{display:block;width:100%;height:auto}
.zs2-hero--compact{background:var(--zs2-brand-900);border-top:1px solid rgba(255,255,255,.08)}
.zs2-hero--compact::before,.zs2-hero--compact::after{display:none}
.zs2-hero--compact .zs2-hero__in{grid-template-columns:1fr;gap:18px;min-height:0;
padding:clamp(22px,3vw,34px) 24px;align-items:center}
.zs2-hero--compact h1{font-size:clamp(20px,2.4vw,30px);margin-bottom:14px}
.zs2-hero--compact .zs2-hero__btns{margin-bottom:20px}
.zs2-hero--compact .zs2-stats{gap:26px;padding-top:16px}
.zs2-hero--compact .zs2-stats b{font-size:clamp(19px,2.2vw,24px)}
/* ===== بخش چرخ‌زنجیر سفارشی ===== */
.zs2-spr{background:var(--zs2-gray-100)}
.zs2-spr__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,54px);align-items:center}
.zs2-spr__tx h2{font-size:clamp(23px,3vw,36px);margin:10px 0 0;line-height:1.5}
.zs2-spr__tx .zs2-lead{margin-top:14px;max-width:56ch}
.zs2-spr__pts{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.zs2-spr__pts li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--zs2-line);
border-radius:var(--zs2-r-sm);padding:13px 15px}
.zs2-spr__pts svg{width:19px;height:19px;color:var(--zs2-acc-500);flex:none;margin-top:2px}
.zs2-spr__pts b{display:block;font-size:14.5px;color:var(--zs2-brand-800);font-weight:800;line-height:1.7}
.zs2-spr__pts em{display:block;font-style:normal;font-size:12.5px;color:var(--zs2-gray-600);line-height:1.9;margin-top:2px}
.zs2-spr__btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.zs2-spr__art{margin:0;border-radius:var(--zs2-r-lg);overflow:hidden;background:#fff;
border:1px solid var(--zs2-line);display:grid;place-items:center;aspect-ratio:4/3;box-shadow:var(--zs2-sh-2)}
.zs2-spr__art svg{width:56%;color:#93a7bd}
.zs2-spr__art.has-img{padding:0}
.zs2-spr__img{width:100%;height:100%;object-fit:cover;display:block}
.zs2-spr__steps{list-style:none;margin:clamp(28px,4vw,44px) 0 0;padding:0;
display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:zs2spr}
.zs2-spr__steps li{background:#fff;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);padding:20px 22px;position:relative}
.zs2-spr__n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
background:var(--zs2-acc-500);color:var(--zs-on-accent,#fff);font-weight:800;font-size:15px;margin-bottom:12px}
.zs2-spr__steps b{display:block;font-size:15.5px;color:var(--zs2-brand-800);font-weight:800;line-height:1.75}
.zs2-spr__steps em{display:block;font-style:normal;font-size:13px;color:var(--zs2-gray-600);line-height:2;margin-top:5px}
@media (max-width:900px){
.zs2-spr__grid{grid-template-columns:1fr}
.zs2-spr__art{order:-1;aspect-ratio:16/9}
.zs2-spr__steps{grid-template-columns:1fr}
}
@media (max-width:600px){ .zs2-spr__pts{grid-template-columns:1fr} }
/* دکمهٔ داخل کارت محصول سفارشی */
.zs-cp-card__go{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;
border-top:1px dashed var(--zs2-line);font-size:12.5px;font-weight:800;color:var(--zs2-acc-600);
opacity:.75;transition:opacity .2s,gap .2s}
.zs-cp-card:hover .zs-cp-card__go{opacity:1;gap:10px}
/* ===== صفحهٔ محصول سفارشی: چیدمان دوستونه ===== */
.zs-cp-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,44px);align-items:start;margin-bottom:clamp(24px,3vw,38px)}
.zs-cp-figure{margin:0;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-lg);overflow:hidden;background:#fff}
.zs-cp-figure img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;padding:14px}
.zs-cp-figure--empty .zs-cp-noimg{aspect-ratio:1/1}
.zs-cp-head{display:flex;flex-direction:column;align-items:flex-start;padding-top:4px}
.zs-cp-kicker{display:inline-flex;align-items:center;background:var(--zs2-acc-100,#fff3e6);color:var(--zs2-acc-600);
font-size:12.5px;font-weight:800;border-radius:999px;padding:5px 13px;text-decoration:none}
a.zs-cp-kicker:hover{background:var(--zs2-acc-500);color:var(--zs-on-accent,#fff)}
.zs-cp-title{font-size:clamp(21px,2.7vw,32px)!important;font-weight:800;color:var(--zs2-brand-800);
line-height:1.6;margin:14px 0 0!important}
.zs-cp-sub{color:var(--zs2-gray-600);font-size:14.5px;line-height:2.1;margin:12px 0 0}
.zs-cp-quick{width:100%;border-collapse:collapse;margin:20px 0 0;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-sm);overflow:hidden}
.zs-cp-quick th,.zs-cp-quick td{padding:10px 14px;font-size:13.5px;text-align:right;border-bottom:1px solid var(--zs2-line)}
.zs-cp-quick tr:last-child th,.zs-cp-quick tr:last-child td{border-bottom:0}
.zs-cp-quick th{width:38%;background:var(--zs2-gray-100);color:var(--zs2-brand-800);font-weight:800}
.zs-cp-quick td{color:#3a434f}
.zs-cp-head .zs-cp-more{display:inline-block;margin-top:10px;font-size:13px}
.zs-cp-head .zs-cp-cta{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:900px){
.zs-cp-hero{grid-template-columns:1fr;gap:20px}
.zs-cp-head{padding-top:0}
}
/* ===== مشخصات فنی زنجیر (پنل زنده + تب جدول کامل) ===== */
.zs-cs{margin:18px 0 0;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-lg);overflow:hidden;background:#fff;width:100%}
.zs-cs-head{display:flex;align-items:center;gap:10px;padding:11px 16px;background:var(--zs2-gray-100);border-bottom:1px solid var(--zs2-line)}
.zs-cs-key{font-weight:800;color:var(--zs2-acc-600);background:var(--zs2-acc-100,#fff3e6);border-radius:999px;padding:3px 12px;font-size:13px}
.zs-cs-title{font-size:13.5px;font-weight:700;color:var(--zs2-brand-800)}
.zs-cs-body{padding:16px}
.zs-cs-figwrap{color:var(--zs2-brand-800);opacity:.85;max-width:300px;margin:0 auto 14px}
.zs-cs-fig{width:100%;height:auto;max-width:340px}
.zs-cs-table{width:100%;border-collapse:collapse}
.zs-cs-table th,.zs-cs-table td{padding:7px 10px;font-size:13px;text-align:right;border-bottom:1px solid var(--zs2-line)}
.zs-cs-table tr:last-child th,.zs-cs-table tr:last-child td{border-bottom:0}
.zs-cs-table th{color:var(--zs2-brand-800);font-weight:700;white-space:nowrap}
.zs-cs-table th em{font-style:normal;color:var(--zs2-gray-600);font-weight:800;font-size:11.5px}
.zs-cs-table td{color:#3a434f;font-weight:700}
.zs-cs-unit{color:var(--zs2-gray-600)!important;font-weight:400!important;font-size:12px!important;white-space:nowrap}
.zs-cs-note{margin:0;padding:11px 16px;border-top:1px solid var(--zs2-line);background:var(--zs2-gray-100);
font-size:12.5px;line-height:2;color:var(--zs2-gray-600)}
.zs-cs-ask{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:16px}
.zs-cs-ask b{font-size:14px;color:var(--zs2-brand-800)}
.zs-cs-ask span{font-size:13px;color:var(--zs2-gray-600);line-height:2}
.zs-cs-ask .button{margin-top:6px}
.zs-cs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.zs-cs-full{width:100%;min-width:760px;border-collapse:collapse;margin-top:14px}
.zs-cs-full th,.zs-cs-full td{padding:8px 9px;font-size:12.5px;text-align:center;border:1px solid var(--zs2-line)}
.zs-cs-full thead th{background:var(--zs2-gray-100);color:var(--zs2-brand-800);line-height:1.7}
.zs-cs-full thead th span{display:block;font-size:12px;font-weight:700}
.zs-cs-full thead th em{display:block;font-style:normal;font-weight:800;font-size:11px;color:var(--zs2-acc-600)}
.zs-cs-full thead th small{display:block;font-size:10.5px;color:var(--zs2-gray-600);font-weight:400}
.zs-cs-full tbody th{background:#fff;font-weight:800;color:var(--zs2-acc-600)}
@media (max-width:600px){.zs-cs-table th,.zs-cs-table td{padding:6px 7px;font-size:12.5px}}
/* ===== تب ویژگی‌ها و کاربردها + راهنمای انتخاب زنجیر ===== */
.zs-fam-lead{font-size:14.5px;line-height:2.2;color:#3a434f;margin-bottom:22px}
.zs-fam-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.zs-fam-box{border:1px solid var(--zs2-line);border-radius:var(--zs2-r-lg);padding:16px 18px;background:#fff}
.zs-fam-box h3{margin:0 0 12px;font-size:15px;color:var(--zs2-brand-800);font-weight:800}
.zs-fam-list{list-style:none;margin:0;padding:0}
.zs-fam-list li{position:relative;padding-inline-start:20px;margin-bottom:11px;font-size:13.5px;line-height:2.1;color:#3a434f}
.zs-fam-list li::before{content:"";position:absolute;inset-inline-start:0;top:12px;width:7px;height:7px;
border-radius:2px;background:var(--zs2-acc-500)}
.zs-fam-list--apps li::before{border-radius:50%}
.zs-fam-cta{margin-top:20px;padding:13px 16px;border:1px dashed var(--zs2-line);border-radius:var(--zs2-r-sm);
font-size:13.5px;color:var(--zs2-gray-600)}
.zs-guide-sec{margin-bottom:clamp(30px,4vw,52px)}
.zs-guide-sec h2{font-size:clamp(19px,2.4vw,26px);color:var(--zs2-brand-800);font-weight:800;margin:0 0 14px}
.zs-guide-sec>p{font-size:14.5px;line-height:2.2;color:#3a434f;margin:0 0 16px}
.zs-guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
.zs-guide-cards--4{grid-template-columns:repeat(4,1fr)}
.zs-guide-card{border:1px solid var(--zs2-line);border-radius:var(--zs2-r-lg);padding:16px 18px;background:#fff}
.zs-guide-card h3{margin:6px 0 10px;font-size:15px;color:var(--zs2-brand-800);font-weight:800;line-height:1.9}
.zs-guide-card p{margin:0 0 7px;font-size:13.5px;line-height:2;color:#3a434f}
.zs-guide-kicker{display:inline-block;background:var(--zs2-acc-100,#fff3e6);color:var(--zs2-acc-600);
font-size:11.5px;font-weight:800;border-radius:999px;padding:3px 11px}
.zs-guide-eq{font-weight:700;color:var(--zs2-brand-800)!important;background:var(--zs2-gray-100);
border-radius:6px;padding:6px 10px;display:inline-block;margin-inline-end:6px!important}
.zs-guide-note{font-size:13px;line-height:2.1;color:var(--zs2-gray-600);border-inline-start:3px solid var(--zs2-acc-500);
padding:8px 14px;background:var(--zs2-gray-100);border-radius:var(--zs2-r-sm)}
.zs-guide-list{list-style:none;margin:0 0 16px;padding:0}
.zs-guide-list li{position:relative;padding-inline-start:22px;margin-bottom:11px;font-size:14px;line-height:2.15;color:#3a434f}
.zs-guide-list li::before{content:"";position:absolute;inset-inline-start:0;top:13px;width:8px;height:8px;
border-radius:2px;background:var(--zs2-acc-500)}
.zs-guide-cta{border:1px solid var(--zs2-line);border-radius:var(--zs2-r-lg);padding:clamp(20px,3vw,30px);
background:var(--zs2-gray-100);text-align:center}
.zs-guide-cta h2{margin:0 0 8px;font-size:clamp(18px,2.2vw,23px);color:var(--zs2-brand-800);font-weight:800}
.zs-guide-cta p{margin:0 0 16px;font-size:14px;color:var(--zs2-gray-600);line-height:2}
@media (max-width:820px){
.zs-fam-cols,.zs-guide-cards{grid-template-columns:1fr}
.zs-guide-cards--4{grid-template-columns:1fr 1fr}
}
/* ===== وارییشنِ بدون قیمت: فقط دکمهٔ استعلام روشن باشد ===== */
body.single-product .zs-order-actions .zs-vq{display:none!important}
body.single-product.zs-var-noprice .zs-order-actions .zs-vq{display:inline-flex!important}
body.zs-var-noprice.woocommerce div.product form.cart .single_add_to_cart_button,
body.zs-var-noprice.woocommerce div.product form.cart > .quantity{display:none!important}
/* ردیف دوم صفحهٔ محصول: اگر پنل مشخصات فنی نداریم، ستون خالی حذف شود
تا جعبهٔ خرید همان اندازه و همان جای خودش بماند. */
body:not(.zs-has-specs) .zs-pdp-row2 > .elementor-container > .elementor-column:last-child{display:none}
@media (max-width:767px){
.zs-pdp-row2 > .elementor-container > .elementor-column{width:100%}
}
.zs-cs-note--top{margin:0 0 14px!important}
/* ===================== سبد خرید: دکمهٔ هدر و کشوی خلاصه ===================== */
.zs-hacc,.zs-hcart{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--zs2-line);
background:#fff;border-radius:var(--zs2-r-sm);padding:8px 12px;color:var(--zs2-brand-800);
font-size:13px;font-weight:700;cursor:pointer;line-height:1;text-decoration:none;position:relative}
.zs-hacc:hover,.zs-hcart:hover{border-color:var(--zs2-acc-500);color:var(--zs2-acc-600)}
.zs-hacc svg,.zs-hcart svg{width:19px;height:19px;flex:none}
.zs-hcart__n{min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--zs2-acc-500);
color:#fff;font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.zs-hcart__n.is-empty{background:var(--zs2-gray-300,#c9d3e0);color:#fff}
@media (max-width:900px){.zs-hacc span{display:none}.zs-hacc{padding:8px 10px}}
.zs-mc{position:fixed;inset:0;z-index:9999}
.zs-mc[hidden]{display:none}
.zs-mc__bg{position:absolute;inset:0;background:rgba(12,20,32,.5)}
.zs-mc__panel{position:absolute;inset-block:0;inset-inline-start:0;width:min(400px,92vw);background:#fff;
display:flex;flex-direction:column;box-shadow:0 0 40px rgba(0,0,0,.25);animation:zs-mc-in .22s ease}
@keyframes zs-mc-in{from{transform:translateX(var(--zs-mc-from,-100%))}to{transform:none}}
html[dir="rtl"] .zs-mc__panel{--zs-mc-from:-100%}
.zs-mc__head{display:flex;align-items:center;justify-content:space-between;gap:10px;
padding:16px 18px;border-bottom:1px solid var(--zs2-line)}
.zs-mc__head b{font-size:15.5px;color:var(--zs2-brand-800);font-weight:800}
.zs-mc__x{border:0;background:transparent;cursor:pointer;color:var(--zs2-gray-600);padding:4px;line-height:0}
.zs-mc__x svg{width:20px;height:20px}
#zs-mc-body{flex:1;display:flex;flex-direction:column;overflow:hidden}
.zs-mc__list{list-style:none;margin:0;padding:8px 0;overflow-y:auto;flex:1}
.zs-mc__it{display:flex;gap:11px;align-items:flex-start;padding:12px 18px;border-bottom:1px solid var(--zs2-line)}
.zs-mc__th{width:56px;height:56px;flex:none;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-sm);overflow:hidden;background:#fff}
.zs-mc__th img{width:100%;height:100%;object-fit:contain;display:block}
.zs-mc__in{flex:1;min-width:0}
.zs-mc__nm{display:block;font-size:13.5px;font-weight:700;color:var(--zs2-brand-800);text-decoration:none;line-height:1.9}
a.zs-mc__nm:hover{color:var(--zs2-acc-600)}
.zs-mc__meta,.zs-mc__meta p{font-size:12px;color:var(--zs2-gray-600);margin:2px 0 0;line-height:1.9}
.zs-mc__qp{font-size:13px;color:#3a434f;margin-top:5px}
.zs-mc__qp .amount{font-weight:800;color:var(--zs2-brand-800)}
.zs-mc__rm{border:0;background:transparent;cursor:pointer;color:#b9c3d0;padding:3px;line-height:0}
.zs-mc__rm:hover{color:#d92c3c}
.zs-mc__rm svg{width:17px;height:17px}
.zs-mc__sum{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;
border-top:1px solid var(--zs2-line);font-size:14px;color:var(--zs2-gray-600)}
.zs-mc__sum b{font-size:17px;color:var(--zs2-brand-800)}
.zs-mc__act{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 18px 18px}
.zs-mc__act .button{width:100%;text-align:center;justify-content:center}
.zs-mc__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:10px;text-align:center;padding:30px 24px}
.zs-mc__empty svg{width:44px;height:44px;color:var(--zs2-gray-300,#c9d3e0)}
.zs-mc__empty b{font-size:15px;color:var(--zs2-brand-800)}
.zs-mc__empty span{font-size:13px;color:var(--zs2-gray-600);line-height:2.1}
body.zs-mc-open{overflow:hidden}
/* ===================== صفحهٔ سبد خرید ===================== */
.woocommerce-cart .woocommerce{max-width:1180px;margin-inline:auto}
.woocommerce table.shop_table{border:1px solid var(--zs2-line);border-radius:var(--zs2-r-lg);
border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff}
.woocommerce table.shop_table th{background:var(--zs2-gray-100);color:var(--zs2-brand-800);
font-weight:800;font-size:13.5px;padding:14px 16px;text-align:right;border:0}
.woocommerce table.shop_table td{padding:14px 16px;border-top:1px solid var(--zs2-line);font-size:13.5px}
.woocommerce table.shop_table .product-thumbnail img{width:64px;height:64px;object-fit:contain;
border:1px solid var(--zs2-line);border-radius:var(--zs2-r-sm);background:#fff}
.woocommerce table.shop_table .product-name a{color:var(--zs2-brand-800);font-weight:700;text-decoration:none}
.woocommerce table.shop_table .product-name a:hover{color:var(--zs2-acc-600)}
.woocommerce .cart_totals{border:1px solid var(--zs2-line);border-radius:var(--zs2-r-lg);padding:18px 20px;background:#fff}
.woocommerce .cart_totals h2{font-size:16px;color:var(--zs2-brand-800);font-weight:800;margin:0 0 12px}
.woocommerce .cart_totals .order-total .amount{font-size:19px;color:var(--zs2-brand-800)}
.woocommerce .wc-proceed-to-checkout .button{width:100%;justify-content:center;text-align:center;font-size:15px;padding:13px 20px}
.woocommerce .cart .quantity input.qty{width:74px;text-align:center}
.woocommerce a.remove{color:#d92c3c!important;font-size:20px}
.woocommerce a.remove:hover{background:#d92c3c!important;color:#fff!important}
/* ===================== تسویه‌حساب ===================== */
.woocommerce-checkout .woocommerce{max-width:1180px;margin-inline:auto}
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading{max-width:none}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2{width:100%;float:none}
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:1.15fr .85fr;
gap:clamp(18px,2.4vw,30px);align-items:start}
.woocommerce-checkout #customer_details{grid-column:1;border:1px solid var(--zs2-line);
border-radius:var(--zs2-r-lg);padding:clamp(16px,2vw,24px);background:#fff}
.woocommerce-checkout #order_review_heading{grid-column:2;margin:0 0 10px;font-size:16px;
color:var(--zs2-brand-800);font-weight:800}
.woocommerce-checkout #order_review{grid-column:2;border:1px solid var(--zs2-line);
border-radius:var(--zs2-r-lg);padding:clamp(16px,2vw,22px);background:#fff;position:sticky;top:96px}
.woocommerce-checkout h3{font-size:15.5px;color:var(--zs2-brand-800);font-weight:800;margin:0 0 14px}
.woocommerce form .form-row{padding:0;margin:0 0 14px}
.woocommerce form .form-row label{display:block;font-size:13px;font-weight:700;
color:var(--zs2-brand-800);margin-bottom:6px}
.woocommerce form .form-row .required{color:#d92c3c;text-decoration:none}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single{width:100%;border:1px solid var(--zs2-line);
border-radius:var(--zs2-r-sm);padding:11px 13px;font-size:13.5px;font-family:inherit;
background:#fff;color:#26303c;height:auto;min-height:44px}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{outline:0;border-color:var(--zs2-acc-500);
box-shadow:0 0 0 3px var(--zs2-acc-100,#fff3e6)}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:calc(50% - 7px)}
.woocommerce #payment ul.payment_methods{border:0;padding:0;margin:0 0 14px}
.woocommerce #payment ul.payment_methods li{border:1px solid var(--zs2-line);border-radius:var(--zs2-r-sm);
padding:12px 14px;margin-bottom:8px;background:#fff;list-style:none}
.woocommerce #payment div.form-row{padding:0}
.woocommerce #payment #place_order{width:100%;font-size:15.5px;padding:14px 20px}
.woocommerce-checkout .woocommerce-info{border-top-color:var(--zs2-acc-500);background:var(--zs2-gray-100);
border-radius:var(--zs2-r-sm)}
@media (max-width:900px){
.woocommerce-checkout form.checkout{grid-template-columns:1fr}
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review{grid-column:1}
.woocommerce-checkout #order_review{position:static}
}
/* ===================== ورود و ثبت‌نام ===================== */
.zs-login-head{text-align:center;margin-bottom:clamp(18px,3vw,30px)}
.zs-login-head h2{font-size:clamp(20px,2.6vw,28px);color:var(--zs2-brand-800);font-weight:800;margin:10px 0 8px}
.zs-login-head p{color:var(--zs2-gray-600);font-size:14px;line-height:2.1;margin:0}
.woocommerce-account .woocommerce{max-width:1000px;margin-inline:auto}
.woocommerce-account .u-columns.col2-set{display:grid;grid-template-columns:1fr 1fr;
gap:clamp(16px,2.4vw,26px);width:100%}
.woocommerce-account .u-columns .col-1,
.woocommerce-account .u-columns .col-2{width:100%;float:none;margin:0}
.woocommerce-account .u-columns h2{font-size:16px;color:var(--zs2-brand-800);font-weight:800;margin:0 0 14px}
.woocommerce-account form.login,.woocommerce-account form.register{border:1px solid var(--zs2-line);
border-radius:var(--zs2-r-lg);padding:clamp(18px,2.2vw,26px);margin:0;background:#fff;height:100%}
.zs-reg-lead{font-size:13px;color:var(--zs2-gray-600);line-height:2.1;background:var(--zs2-gray-100);
border-radius:var(--zs2-r-sm);padding:10px 13px;margin:0 0 16px}
.zs-reg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zs-reg-row .form-row{margin-bottom:14px}
.woocommerce form.login .button,.woocommerce form.register .button{width:100%;justify-content:center;
text-align:center;font-size:15px;padding:12px 18px;margin-top:4px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;
border:1px solid var(--zs2-line);border-radius:var(--zs2-r-lg);overflow:hidden;background:#fff}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:12px 16px;
font-size:13.5px;color:var(--zs2-brand-800);text-decoration:none;border-bottom:1px solid var(--zs2-line)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--zs2-gray-100);color:var(--zs2-acc-600)}
@media (max-width:820px){
.woocommerce-account .u-columns.col2-set,.zs-reg-row{grid-template-columns:1fr}
}
.woocommerce form .form-row.zs-hide-row{display:none!important}
/* ===================== ورود با موبایل ===================== */
body.zs-otp-login .woocommerce-account .u-columns.col2-set{display:none}
body.zs-otp-login.zs-otp-showpass .woocommerce-account .u-columns.col2-set{display:grid}
body.zs-otp-login.zs-otp-showpass .zs-otp{display:none}
.zs-otp{max-width:460px;margin-inline:auto}
.zs-otp__card{border:1px solid var(--zs2-line);border-radius:var(--zs2-r-lg);padding:clamp(20px,3vw,30px);background:#fff}
.zs-otp__card h3{margin:0 0 8px;font-size:18px;color:var(--zs2-brand-800);font-weight:800}
.zs-otp__card>div>p{margin:0 0 18px;font-size:13.5px;color:var(--zs2-gray-600);line-height:2.1}
.zs-otp__card label{display:block;font-size:13px;font-weight:700;color:var(--zs2-brand-800);margin:0 0 6px}
.zs-otp__card input{width:100%;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-sm);
padding:12px 14px;font-size:15px;font-family:inherit;background:#fff;color:#26303c}
.zs-otp__card input:focus{outline:0;border-color:var(--zs2-acc-500);box-shadow:0 0 0 3px var(--zs2-acc-100,#fff3e6)}
#zs-otp-code{letter-spacing:.5em;text-align:center;font-size:20px;font-weight:800}
.zs-otp__card .button{width:100%;justify-content:center;text-align:center;margin-top:14px;font-size:15px;padding:12px 18px}
.zs-otp__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.zs-otp__new{margin-top:4px}
.zs-otp__edit,.zs-otp__resend,.zs-otp__pass{background:none;border:0;color:var(--zs2-acc-600);
font:inherit;font-size:12.5px;cursor:pointer;padding:0;text-decoration:underline}
.zs-otp__resend{display:block;margin:12px auto 0}
.zs-otp__resend[disabled]{color:var(--zs2-gray-600);cursor:default;text-decoration:none}
.zs-otp__pass{display:block;margin:18px auto 0;text-align:center}
.zs-otp__msg{margin:14px 0 0;font-size:13px;line-height:2;text-align:center;min-height:1.6em}
.zs-otp__msg.is-bad{color:#d92c3c}
.zs-otp__msg.is-ok{color:#1c8a4a}
.zs-otp__num{font-weight:800;color:var(--zs2-brand-800)}
/* ===================== باشگاه مشتریان ===================== */
.zs-club__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.zs-club__card{border:1px solid var(--zs2-line);border-radius:var(--zs2-r-lg);padding:16px 18px;background:#fff}
.zs-club__card span{display:block;font-size:12.5px;color:var(--zs2-gray-600)}
.zs-club__card b{display:block;font-size:26px;font-weight:800;color:var(--zs2-brand-800);line-height:1.9}
.zs-club__card em{display:block;font-style:normal;font-size:12px;color:var(--zs2-gray-600);line-height:1.9}
.zs-club__card--main{background:var(--zs2-brand-800);border-color:var(--zs2-brand-800)}
.zs-club__card--main span,.zs-club__card--main em{color:#c5d3e3}
.zs-club__card--main b{color:#fff}
.zs-club__card--main .amount{color:#fff}
.zs-club__tier{font-size:20px!important}
.zs-club__tier--gold{color:#b8860b!important}
.zs-club__tier--silver{color:#7d8996!important}
.zs-club__tier--bronze{color:#a5673f!important}
.zs-club__bar{height:6px;border-radius:99px;background:var(--zs2-gray-100);overflow:hidden;margin-top:10px}
.zs-club__bar i{display:block;height:100%;background:var(--zs2-acc-500)}
.zs-club__hint{font-size:13px;line-height:2.1;color:var(--zs2-gray-600);background:var(--zs2-gray-100);
border-radius:var(--zs2-r-sm);padding:12px 15px}
.zs-club h3{font-size:15.5px;color:var(--zs2-brand-800);font-weight:800;margin:22px 0 12px}
.zs-club__log{width:100%;border-collapse:collapse;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-sm);overflow:hidden}
.zs-club__log th,.zs-club__log td{padding:11px 14px;font-size:13px;text-align:right;border-bottom:1px solid var(--zs2-line)}
.zs-club__log thead th{background:var(--zs2-gray-100);color:var(--zs2-brand-800);font-weight:800}
.zs-club__log td.is-plus{color:#1c8a4a;font-weight:800}
.zs-club__log td.is-minus{color:#d92c3c;font-weight:800}
.zs-club__empty{font-size:13.5px;color:var(--zs2-gray-600)}
.zs-club-use{border:1px dashed var(--zs2-acc-500);border-radius:var(--zs2-r-sm);padding:12px 15px;margin-bottom:14px;background:var(--zs2-acc-100,#fff3e6)}
.zs-club-use label{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--zs2-brand-800);font-weight:700;cursor:pointer}
.zs-club-use span{display:block;font-size:12px;color:var(--zs2-gray-600);margin-top:5px}
@media (max-width:820px){.zs-club__cards{grid-template-columns:1fr}.zs-otp__row{grid-template-columns:1fr}}
/* ===== تسویه‌حساب: دو ستون واقعاً روبه‌روی هم ===== */
.woocommerce-checkout form.checkout{grid-template-rows:auto 1fr}
.woocommerce-checkout #customer_details{grid-column:1;grid-row:1 / span 2}
.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;align-self:start}
.woocommerce-checkout #order_review{grid-column:2;grid-row:2;align-self:start}
@media (max-width:900px){
/* ★★ این بلوک بعد از قاعده‌های «grid-column:2» می‌آید، پس ستون را هم باید
همین‌جا برگرداند؛ وگرنه آیتم در ستون ۲ می‌ماند، گرید یک ستونِ ضمنی
می‌سازد و جدول سفارش از لبهٔ صفحه بیرون می‌زند (اسکرول افقی موبایل). */
.woocommerce-checkout form.checkout{grid-template-rows:none}
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review{grid-column:1;grid-row:auto;min-width:0}
}
/* ===== تأیید شمارهٔ موبایل ===== */
.zs-vf{border:1px dashed var(--zs2-acc-500);border-radius:var(--zs2-r-sm);padding:13px 15px;margin:0 0 16px;background:var(--zs2-acc-100,#fff3e6)}
.zs-vf.is-done{border-style:solid;border-color:#1c8a4a;background:#eef8f1}
.zs-vf__head b{display:block;font-size:13.5px;color:var(--zs2-brand-800);font-weight:800}
.zs-vf__head span{display:block;font-size:12px;color:var(--zs2-gray-600);margin-top:3px}
.zs-vf__row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:11px}
.zs-vf__row .button{margin:0;font-size:13px;padding:9px 15px}
.zs-vf__code{width:130px;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-sm);
padding:9px 12px;font-size:15px;letter-spacing:.3em;text-align:center;font-family:inherit}
.zs-vf.is-done .zs-vf__row{display:none}
.zs-vf__msg{margin:9px 0 0;font-size:12.5px;line-height:1.9;min-height:1.2em}
.zs-vf__msg.is-bad{color:#d92c3c}
.zs-vf__msg.is-ok{color:#1c8a4a}
/* ===== پیام‌های ووکامرس هماهنگ با تم ===== */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{
border:1px solid var(--zs2-line)!important;border-top:0!important;border-radius:var(--zs2-r-lg)!important;
background:#fff!important;color:#3a434f!important;font-size:13.5px!important;line-height:2.1!important;
padding:15px 18px 15px 18px!important;margin:0 0 22px!important;display:flex!important;
align-items:center!important;gap:12px!important;flex-wrap:wrap!important;
box-shadow:0 2px 10px rgba(27,50,83,.06)!important;list-style:none!important}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{
position:static!important;font-family:WooCommerce!important;font-size:17px!important;
width:auto!important;height:auto!important;line-height:1!important;flex:none!important}
.woocommerce-message{border-inline-start:4px solid #1c8a4a!important}
.woocommerce-message::before{color:#1c8a4a!important}
.woocommerce-info{border-inline-start:4px solid var(--zs2-acc-500)!important}
.woocommerce-info::before{color:var(--zs2-acc-500)!important}
.woocommerce-error{border-inline-start:4px solid #d92c3c!important;flex-direction:column!important;align-items:flex-start!important}
.woocommerce-error::before{color:#d92c3c!important}
.woocommerce-error li{width:100%;padding:2px 0}
.woocommerce-message .button,.woocommerce-info .button{margin:0 auto 0 0!important;
order:9;font-size:13px!important;padding:9px 16px!important;float:none!important}
/* ===== صفحهٔ «سفارش دریافت شد» ===== */
.woocommerce-order{max-width:1000px;margin-inline:auto}
.woocommerce-thankyou-order-received{font-size:clamp(20px,2.6vw,28px);font-weight:800;
color:var(--zs2-brand-800);margin:0 0 10px;line-height:1.9}
.woocommerce-thankyou-order-details{display:flex!important;flex-wrap:wrap;gap:0;list-style:none;
margin:22px 0 26px!important;padding:0;border:1px solid var(--zs2-line);
border-radius:var(--zs2-r-lg);overflow:hidden;background:#fff}
.woocommerce-thankyou-order-details li{flex:1 1 150px;min-width:0;border:0!important;
border-inline-start:1px solid var(--zs2-line)!important;padding:16px 18px!important;margin:0!important;font-size:12.5px!important;color:var(--zs2-gray-600)!important;
line-height:2.2!important;text-transform:none!important;float:none!important;width:auto!important}
.woocommerce-thankyou-order-details li:first-child{border-inline-start:0!important}
.woocommerce-thankyou-order-details li strong{display:block;font-size:15.5px;color:var(--zs2-brand-800);
font-weight:800;margin-top:4px;line-height:2}
.woocommerce-order .woocommerce-order-details__title,
.woocommerce-order .woocommerce-column__title{font-size:16px;color:var(--zs2-brand-800);
font-weight:800;margin:26px 0 12px}
.woocommerce-order .woocommerce-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}
.woocommerce-order .woocommerce-columns .col-1,
.woocommerce-order .woocommerce-columns .col-2{width:100%;float:none}
.woocommerce-order address{border:1px solid var(--zs2-line);border-radius:var(--zs2-r-lg);
padding:15px 18px;font-style:normal;font-size:13.5px;line-height:2.2;background:#fff}
@media (max-width:760px){
.woocommerce-order .woocommerce-columns{grid-template-columns:1fr}
/* روی موبایل دو ستون می‌شود؛ خطِ کناری فقط بین دو کارتِ یک سطر بماند */
.woocommerce-thankyou-order-details li{border-bottom:1px solid var(--zs2-line)!important}
.woocommerce-thankyou-order-details li:nth-child(odd){border-inline-start:0!important}
.woocommerce-thankyou-order-details li:nth-last-child(-n+2){border-bottom:0!important}
}
/* ==========================================================================
کال‌تواکشن «قطعهٔ سفارشی» روی آرشیو محصول + هم‌ترازی باکس مشخصات
========================================================================== */
.zs-acta{margin:34px 0 4px;border-radius:var(--zs2-r-lg);overflow:hidden;position:relative;container-type:inline-size;
background:linear-gradient(135deg,var(--zs2-hero-a),var(--zs2-hero-b));color:#fff;box-shadow:var(--zs2-sh-2)}
.zs-acta::after{content:"";position:absolute;inset-inline-end:-100px;top:-120px;width:340px;height:340px;border-radius:50%;
background:radial-gradient(circle,rgba(var(--zs2-acc-500-rgb),.32),transparent 68%);pointer-events:none}
.zs-acta__in{position:relative;display:flex;flex-wrap:wrap;gap:22px 28px;align-items:center;justify-content:space-between;padding:30px 32px}
.zs-acta__txt{flex:1 1 360px;min-width:0}
.zs-acta__eyebrow{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.02em;
color:var(--zs2-acc-400);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
border-radius:999px;padding:5px 13px;margin-bottom:12px}
.zs-acta h2{margin:0 0 8px;font-size:clamp(20px,2.4vw,26px);line-height:1.35;color:#fff;font-weight:800}
.zs-acta p{margin:0;font-size:14.5px;line-height:2;color:rgba(255,255,255,.82);max-width:64ch}
.zs-acta__feats{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:15px}
.zs-acta__feats span{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:rgba(255,255,255,.9)}
.zs-acta__feats svg{width:16px;height:16px;flex:none;color:var(--zs2-acc-400)}
.zs-acta__btns{display:flex;flex-direction:column;gap:10px;flex:0 1 220px;min-width:200px}
.zs-acta__btns .zs2-btn{justify-content:center;width:100%}
@media (max-width:900px){
.zs-acta__in{padding:24px 20px;gap:18px}
.zs-acta__btns{flex-direction:row;flex-wrap:wrap;flex:1 1 100%;min-width:0}
.zs-acta__btns .zs2-btn{flex:1 1 190px;width:auto}
}
/* ★ آرشیو گاهی ستون کناری دارد و پهنای این بلوک از پهنای صفحه کمتر است؛
پس شکستنِ چیدمان باید بر پایهٔ پهنای خودِ بلوک باشد نه پهنای مرورگر. */
@container (max-width:720px){
.zs-acta__in{padding:24px 20px;gap:18px}
.zs-acta__btns{flex-direction:row;flex-wrap:wrap;flex:1 1 100%;min-width:0}
.zs-acta__btns .zs2-btn{flex:1 1 190px;width:auto}
}
/* ★ باکس «مشخصات فنی این سایز» باید هم‌تراز بالای فرم خرید بنشیند.
فرم خرید margin ندارد و فاصله‌اش از padding خودش می‌آید؛ پس این ۱۸ پیکسل
باعث می‌شد باکس چپ همیشه پایین‌تر از باکس راست بیفتد. */
.zs-cs{margin-top:0}
@media (max-width:767px){.zs-cs{margin-top:18px}}
/* ==========================================================================
موبایل: هیچ جدولی نباید صفحه را افقی بکشد + منوی اصلی باید کامل دیده شود
========================================================================== */
/* ★ مارک‌آپ «جدول اندازه‌ها» کلاس __wrap دارد ولی استایل اسکرول روی __scroll
نوشته شده بود؛ نتیجه این‌که جدول ۵۶۰ پیکسلی کل صفحه را روی موبایل می‌کشید. */
.zs-sizetable__wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);background:#fff}
.zs-sizetable__wrap > table{margin:0}
/* هر نگهدارندهٔ جدولی که داریم، از عرض والدش بیرون نزند */
.zs-cs-scroll,.zs2-tblwrap,.zs-cp-tablewrap,.zs-sizetable,.zs-cs{max-width:100%;min-width:0}
.woocommerce-tabs .panel{max-width:100%}
@media (max-width:767px){
/* جدول ویژگی‌های خود ووکامرس هم روی موبایل داخل خودش اسکرول شود */
.woocommerce-tabs .panel{overflow-x:auto}
.zs-cs-table{table-layout:auto}
}
/* ★ نوار منو روی موبایل «nowrap» بود و آیتم‌های دوم به بعد (از جمله «محصولات»)
بیرون از کادر دید می‌افتادند و عملاً کلیک‌ناپذیر بودند. */
@media (max-width:767px){
.zs2-nav{overflow-x:visible}
.zs2-nav > .zs2-wrap{padding-inline:6px}
.zs2-nav ul.menu{flex-wrap:wrap;min-width:0;justify-content:center;row-gap:0}
.zs2-nav ul.menu > li{flex:0 0 auto}
.zs2-nav ul.menu > li > a{padding:11px 12px;font-size:13.5px;border-inline-start:0}
.zs2-nav ul.menu > li + li > a{border-inline-start:1px solid rgba(255,255,255,.10)}
}
/* کشوی «محصولات» روی موبایل: فهرست دسته‌ها دو ستونه شود و از پنل بیرون نزند */
@media (max-width:767px){
.zs-mega .zs-mega-inner,.zs-mega .zs-megamenu{max-width:100%;min-width:0}
.zs-mega .zs-mm-cats{display:grid;grid-template-columns:1fr 1fr;gap:8px;
width:100%;min-width:0;padding:10px;margin:0;list-style:none}
.zs-mega .zs-mm-cats > li{min-width:0}
.zs-mega .zs-mm-cats .zs-mm-name{overflow:hidden;text-overflow:ellipsis}
.zs-mega .zs-mm-panels{display:none}
}
/* ==========================================================================
نوار اطلاعات متحرک + منوی همبرگری موبایل
========================================================================== */
.zs2-topbar .zs2-wrap{overflow:hidden}
.zs2-ticker{width:100%;overflow:hidden;
-webkit-mask-image:linear-gradient(to left,transparent 0,#000 46px,#000 calc(100% - 46px),transparent 100%);
mask-image:linear-gradient(to left,transparent 0,#000 46px,#000 calc(100% - 46px),transparent 100%)}
/* ★ فاصله با margin روی هر قلم است نه gap؛ با gap، نیمِ عرضِ کل دقیقاً برابر
«یک دور کامل + یک فاصله» نمی‌شود و هر بار حلقه چند پیکسل می‌پرد. */
.zs2-tick{display:flex;align-items:center;gap:0;width:max-content;white-space:nowrap;
animation:zs2-tick 42s linear infinite}
.zs2-tick > span{display:inline-flex;align-items:center;gap:7px;flex:none;margin-inline-start:38px}
.zs2-ticker:hover .zs2-tick,.zs2-ticker:focus-within .zs2-tick{animation-play-state:paused}
/* ★ صفحه RTL است: نوار از راست پر می‌شود و مازادش سمت چپ می‌ماند، پس برای
آوردن ادامهٔ متن باید به «راست» جابه‌جا شود. با -۵۰٪ نوار از کادر بیرون
می‌رفت و بقیهٔ دور خالی می‌ماند — همان «یهو غیب شدن». */
@keyframes zs2-tick{from{transform:translate3d(0,0,0)}to{transform:translate3d(50%,0,0)}}
@media (prefers-reduced-motion:reduce){.zs2-tick{animation:none}}
@media (max-width:767px){.zs2-tick{animation-duration:30s}.zs2-tick > span{margin-inline-start:26px}}
/* ★ سه عنصر کشو فقط مالِ موبایل‌اند؛ روی دسکتاپ باید کامل پنهان باشند.
(drawercta جا افتاده بود و دو نوار «استعلام قیمت»/«فروشگاه» بالای منو می‌نشست.) */
.zs2-burger,.zs2-drawerhead,.zs2-drawercta{display:none}
@media (max-width:767px){
/* ردیف بالای هدر: همبرگر و لوگو کنار هم در گوشهٔ چپ، سبد و حساب در راست.
چون صفحه RTL است، ترتیب flex از راست خوانده می‌شود؛ پس همبرگر آخرین
آیتم ردیف است تا فیزیکاً سمت چپ بنشیند. */
header.zs2-head > .zs2-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.zs2-head .zs2-headcta{order:0;width:auto;justify-content:flex-start}
.zs2-head .zs2-logo{order:1;margin-inline-start:auto}
.zs2-head .zs2-burger{order:2}
.zs2-head .zs2-search{order:3;flex:1 1 100%}
.zs2-burger{display:inline-flex;align-items:center;justify-content:center;flex:none;
width:44px;height:44px;padding:0;cursor:pointer;color:var(--zs2-brand-700);
background:var(--zs2-gray-100);border:1px solid var(--zs2-line);border-radius:12px}
.zs2-burger span,.zs2-burger span::before,.zs2-burger span::after{
display:block;width:19px;height:2px;background:currentColor;border-radius:2px;
transition:transform .2s var(--zs2-ease),opacity .2s}
.zs2-burger span{position:relative}
.zs2-burger span::before,.zs2-burger span::after{content:"";position:absolute;inset-inline-start:0}
.zs2-burger span::before{top:-6px}
.zs2-burger span::after{top:6px}
body.zs2-drawer-open .zs2-burger span{background:transparent}
body.zs2-drawer-open .zs2-burger span::before{transform:translateY(6px) rotate(45deg)}
body.zs2-drawer-open .zs2-burger span::after{transform:translateY(-6px) rotate(-45deg)}
/* نوار منو ⇒ کشوی کناری */
/* ★ کشو باید فیزیکاً از چپ بیاید (کنار همبرگر)؛ inset-inline-start در RTL
به راست ترجمه می‌شود، پس این‌جا عمداً left/right فیزیکی نوشته شده. */
.zs2-nav{position:fixed;top:0;bottom:0;left:0;right:auto;width:min(86vw,330px);
z-index:10000;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;
transform:translateX(-102%);transition:transform .26s var(--zs2-ease);
box-shadow:0 0 46px rgba(8,14,24,.42)}
body.zs2-drawer-open .zs2-nav{transform:none}
body.zs2-drawer-open{overflow:hidden}
/* ★★ هدر sticky با z-index:100 خودش یک stacking context می‌سازد؛ پس
z-index:10000 کشو فقط «داخل هدر» معنی دارد و پردهٔ روی body روی کل هدر
(از جمله خود کشو) می‌افتاد و منو را تار و کم‌رنگ نشان می‌داد.
راه‌حل: پرده را داخل همان هدر می‌گذاریم و هدر را بالا می‌آوریم. */
body.zs2-drawer-open header.zs2-head{z-index:10000}
body.zs2-drawer-open header.zs2-head::after{content:"";position:fixed;inset:0;
z-index:9999;background:rgba(8,14,24,.55)}
.zs2-drawerhead{display:flex;align-items:center;justify-content:space-between;
gap:12px;padding:15px 16px;color:#fff;font-weight:800;font-size:15px;
border-bottom:1px solid rgba(255,255,255,.14)}
.zs2-drawerx{background:0;border:0;color:#fff;font-size:26px;line-height:1;
padding:0 4px;cursor:pointer;opacity:.85}
.zs2-drawerx:hover{opacity:1}
.zs2-drawercta{display:flex;flex-direction:column;gap:8px;padding:14px 16px;
border-bottom:1px solid rgba(255,255,255,.10)}
.zs2-drawercta .zs2-btn{justify-content:center;width:100%}
/* دکمه‌های متنیِ هدر روی موبایل جا نمی‌شوند؛ داخل کشو تکرار شده‌اند.
در نوار بالا فقط لوگو، همبرگر، حساب و سبد می‌ماند. */
.zs2-head .zs2-headcta .zs2-btn--line,
.zs2-head .zs2-headcta .zs2-btn--primary{display:none}
.zs2-head .zs2-logo{max-width:118px}
.zs2-head .zs2-logo img{max-height:34px;width:auto;height:auto}
.zs2-head .zs2-headcta{gap:6px}
/* هر سه آیتم باید در یک ردیف بمانند؛ فقط جست‌وجو به سطر بعد می‌رود. */
.zs2-head .zs2-headcta,.zs2-head .zs2-logo,.zs2-head .zs2-burger{flex:0 0 auto;min-width:0}
.zs2-nav > .zs2-wrap{padding-inline:0;max-width:none}
.zs2-nav ul.menu{display:flex;flex-direction:column;flex-wrap:nowrap;min-width:0;
align-items:stretch;justify-content:flex-start}
.zs2-nav ul.menu > li{width:100%}
.zs2-nav ul.menu > li > a{padding:14px 18px;font-size:15px;border-inline-start:0;
border-bottom:1px solid rgba(255,255,255,.08)}
.zs2-nav ul.menu > li + li > a{border-inline-start:0}
/* کشوی دسته‌ها داخل همین کشو، درون‌خطی */
.zs2-nav .zs-mega{position:static!important;inset:auto!important;max-height:none!important;
box-shadow:none!important;border-top:0!important;border-radius:0!important;padding:0!important;
background:rgba(255,255,255,.06)!important;transform:none!important}
.zs2-nav .zs-mega .zs-mm-cats{grid-template-columns:1fr 1fr}
}
/* ==========================================================================
موبایل: فرم خرید محصول در دو سطر
★ «سفارش عمده» فرزندِ همان فلکسِ ووکامرس است؛ تا وقتی والد wrap نشود،
width:100% خودش جمع می‌شود و دکمه کنار «افزودن به سبد» له می‌ماند.
========================================================================== */
@media (max-width:767px){
/* ★ استایل ویجت ووکامرسِ المنتور با :is() ویژگیِ بسیار بالایی دارد و
flex-wrap:nowrap را تحمیل می‌کند؛ این‌جا باید important بنویسیم. */
body.single-product form.cart,
body.single-product .woocommerce-variation-add-to-cart{
display:flex!important;flex-wrap:wrap!important;align-items:stretch;gap:10px}
body.single-product form.cart > .quantity,
body.single-product .woocommerce-variation-add-to-cart > .quantity{flex:0 0 86px;margin:0}
body.single-product form.cart .single_add_to_cart_button,
body.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button{
flex:1 1 auto;min-width:0;margin:0!important;white-space:nowrap;justify-content:center}
body.single-product .zs-order-actions{
flex:1 1 100%;width:100%;margin-top:0;margin-inline-start:0!important;
display:flex;flex-direction:column;gap:10px}
body.single-product .zs-order-actions .button{width:100%;justify-content:center}
}
/* ============================================================
۳-ب) فیلترها در موبایل — نوار خلاصه + کشوی پایین
روی موبایل، ستون بلندِ فیلتر بالای محصولات می‌نشست و کاربر
باید صفحه‌ها اسکرول می‌کرد تا به گرید برسد. حالا یک نوار تک‌خطی
می‌ماند و خودِ فیلترها در کشوی پایین باز می‌شوند.
============================================================ */
.zs-fbar{display:none}
.zs-filters__veil{display:none}
@media (max-width:980px){
/* ---- نوار خلاصه ---- */
.zs-fbar{
display:flex;align-items:center;gap:10px;flex-wrap:nowrap;
position:sticky;top:0;z-index:30;
background:var(--zs2-bg,#fff);
padding:10px 0;margin:0 0 12px;
border-bottom:1px solid var(--zs2-line)}
.zs-fbar__btn{
display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;
background:#fff;color:var(--zs2-brand-800);
border:1px solid var(--zs2-line);border-radius:999px;
padding:9px 15px;font-size:13.5px;font-weight:800;
cursor:pointer;line-height:1;
box-shadow:var(--zs2-sh-1)}
.zs-fbar__btn:active{transform:scale(.97)}
.zs-fbar__btn svg{flex:0 0 auto}
.zs-fbar__n{
background:var(--zs2-acc-600,#c1121f);color:#fff;
border-radius:999px;min-width:19px;height:19px;
display:inline-flex;align-items:center;justify-content:center;
font-size:11.5px;font-weight:800;padding:0 5px}
/* چیپِ فیلترهای فعال — نوار افقی، بدون شکستن چیدمان */
.zs-fbar__chips{
flex:1 1 auto;min-width:0;
overflow-x:auto;overflow-y:hidden;
-webkit-overflow-scrolling:touch;
scrollbar-width:none}
.zs-fbar__chips::-webkit-scrollbar{display:none}
.zs-fbar__chips .widget,
.zs-fbar__chips .widgettitle,
.zs-fbar__chips .widget-title{margin:0!important;padding:0!important;border:0!important}
.zs-fbar__chips .widgettitle,
.zs-fbar__chips .widget-title{display:none!important}
.zs-fbar__chips ul{display:flex;gap:6px;margin:0;padding:0;list-style:none;white-space:nowrap}
.zs-fbar__chips li{margin:0;padding:0;flex:0 0 auto}
.zs-fbar__chips li a{
display:inline-flex;align-items:center;gap:5px;
background:var(--zs2-gray-100);color:var(--zs2-gray-700);
border-radius:999px;padding:6px 11px;font-size:12.5px;
text-decoration:none;line-height:1}
.zs-fbar__chips li a::before{content:"\00d7";font-weight:800;color:var(--zs2-acc-600,#c1121f)}
/* ---- کشو ---- */
.zs-filters__veil{
display:block;position:fixed;inset:0;z-index:998;
background:rgba(14,26,43,.45)}
.zs-filters__veil[hidden]{display:none}
body.woocommerce:not(.single-product) .zs-filters{
position:fixed;inset:auto 0 0 0;z-index:999;
max-height:82vh;overflow:auto;-webkit-overflow-scrolling:touch;
background:var(--zs2-gray-50,#f6f7f9);
border-radius:18px 18px 0 0;
padding:18px 14px 0;
box-shadow:0 -10px 34px rgba(14,26,43,.22);
transform:translateY(101%);
transition:transform .26s ease;
visibility:hidden}
body.woocommerce:not(.single-product) .zs-filters.is-open{
transform:none;visibility:visible}
/* دستگیرهٔ کشو */
body.woocommerce:not(.single-product) .zs-filters::before{
content:"";position:sticky;top:0;display:block;
width:42px;height:4px;margin:-6px auto 12px;
background:var(--zs2-gray-300);border-radius:99px}
body.zs-filters-open{overflow:hidden}
/* ---- آکاردئون ---- */
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block.zs-acc>.widget>.widgettitle,
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block.zs-acc .widgettitle,
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block.zs-acc .widget-title{
position:relative;cursor:pointer;user-select:none;
padding-inline-end:26px!important;margin:0!important}
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block.zs-acc .widgettitle::after,
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block.zs-acc .widget-title::after{
content:"";position:absolute;inset-inline-end:2px;top:6px;
width:8px;height:8px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;
transform:rotate(45deg);transition:transform .2s;opacity:.55}
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block.zs-acc.is-collapsed .widgettitle::after,
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block.zs-acc.is-collapsed .widget-title::after{
transform:rotate(-135deg)}
/* ★ قاعدهٔ display:block!important بالاتر را خنثی می‌کند — فقط وقتی
کلاس is-collapsed روی بلوکی باشد که جاوااسکریپت محتوادار دیده. */
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block.is-collapsed .widget>ul,
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block.is-collapsed ul,
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block.is-collapsed form,
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block.is-collapsed .price_slider_wrapper{
display:none!important}
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block.is-collapsed .widgettitle,
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block.is-collapsed .widget-title{
border-bottom:0!important;padding-bottom:0!important}
body.woocommerce:not(.single-product) .zs-filters .zs-filter-block{margin-bottom:10px}
body.woocommerce:not(.single-product) .zs-filters .woocommerce-widget-layered-nav-list,
body.woocommerce:not(.single-product) .zs-filters .product-categories{max-height:46vh}
/* ---- تهٔ کشو ---- */
.zs-filters__foot{
position:sticky;bottom:0;display:flex;align-items:center;gap:10px;
background:var(--zs2-gray-50,#f6f7f9);
padding:12px 0 16px;margin-top:4px;
border-top:1px solid var(--zs2-line)}
.zs-filters__clear{
flex:0 0 auto;color:var(--zs2-gray-600);font-size:13px;
text-decoration:underline;padding:10px 4px}
.zs-filters__done{
flex:1 1 auto;background:var(--zs2-acc-600,#c1121f);color:#fff;
border:0;border-radius:10px;padding:13px 16px;
font-size:14.5px;font-weight:800;cursor:pointer;font-family:inherit}
.zs-filters__done:active{transform:scale(.99)}
/* ★ حباب چت z-index ۹۹۹۹۰ دارد و روی دکمهٔ «نمایش نتایج» می‌افتد.
تا وقتی کشو باز است کنار می‌رود. */
body.zs-filters-open #zss-chat{
opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}
}
/* دسکتاپ: تهٔ کشو لازم نیست */
@media (min-width:981px){
.zs-filters__foot{display:none}
}
/* لینک‌های زیرمنوی وردپرسِ آیتمِ میزبان، منتقل‌شده به ته مگامنو */
.zs-mega-extra{display:flex;flex-wrap:wrap;align-items:center;gap:10px;
padding:14px 18px;margin-top:8px;border-top:1px solid var(--zs2-line,#e5e9f0)}
.zs-mega-extra > span{font-size:12.5px;font-weight:800;color:var(--zs2-gray-500,#6b7789)}
.zs-mega-extra a{display:inline-flex;align-items:center;
background:var(--zs2-gray-100,#f1f3f7);color:var(--zs2-brand-800,#101a30);
border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;
text-decoration:none;transition:background .18s,color .18s}
.zs-mega-extra a:hover{background:var(--zs2-acc-100,#fdeced);color:var(--zs2-acc-600,#c1121f)}
/* ===================================================================
بهینه‌سازی موبایل (zs-mobile-opt)
=================================================================== */
/* سافاری در حالت افقی متن را خودسرانه بزرگ می‌کند. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* کد لاتین بلند مثل نامک یا شمارهٔ فنی نباید از جعبه بزند بیرون. */
@media (max-width:900px){
.zs-spec-table td,.zs-spec-table th,
.woocommerce-product-attributes td,.woocommerce-product-attributes th,
.zs-chain-table td,.zs-chain-table th{overflow-wrap:anywhere}
}
@media (max-width:900px){
/* ★★ زیر ۱۶ پیکسل، سافاریِ آیفون به‌محض کلیک روی فیلد کل صفحه را
زوم می‌کند و کاربر باید دستی برگردد — روی فرم استعلام یعنی
ریزش. تنها راه جلوگیری، ۱۶ پیکسل‌کردن خودِ فیلد است. */
input[type="text"],input[type="search"],input[type="email"],
input[type="tel"],input[type="number"],input[type="password"],
input[type="url"],input[type="date"],select,textarea{font-size:16px!important}
/* ★ یک قانون خودِ پوسته با ویژگی‌گی بالاتر ۱۴ پیکسل می‌گذارد
و قانون عمومی بالا حریفش نمی‌شود — پس صریح نوشته می‌شود. */
body.single-product table.variations select{font-size:16px!important}
/* هدف لمسی کوچک‌تر از ۴۰ پیکسل با انگشت به‌سختی زده می‌شود. */
.zs2-more{min-height:40px;display:inline-flex;align-items:center;gap:6px}
.woocommerce-breadcrumb a{display:inline-block;padding:8px 0}
body.single-product .reset_variations{display:inline-block;
padding:10px 8px;font-size:13px!important}
body.single-product .woocommerce-tabs ul.tabs li a{
min-height:44px;display:flex!important;align-items:center;
padding:10px 14px!important}
body.single-product .woocommerce-product-gallery__trigger{
width:44px!important;height:44px!important;line-height:44px!important}
.zs-hacc,.zs-hcart{min-height:42px}
.zs-subcat-chip{min-height:42px}
/* لمس اشتباهی روی لینک، مستطیل آبی نگذارد. */
a,button{-webkit-tap-highlight-color:rgba(16,26,48,.12)}
}
/* ویجت قیمت در قالب تک‌محصول عمداً روی هر سه دستگاه مخفی است. برای محصول
سادهٔ بی‌قیمت، فرم خرید اصلاً چاپ نمی‌شود و دکمهٔ استعلام فقط داخل همین
ویجت است — پس وقتی بلوک استعلام داخلش هست، نشانش بده. */
body.single-product .elementor-widget-woocommerce-product-price:has(.zs-inquiry-solo){display:block!important}
/* ---------- پرسش‌های پرتکرار دستهٔ مادر ---------- */
.zs-cfaq{padding:34px 0 6px}
.zs-cfaq__in{max-width:920px;margin:0 auto;padding:0 20px}
.zs-cfaq h2{font-size:clamp(19px,2.2vw,24px);font-weight:800;color:var(--zs2-brand-800);margin:0 0 14px}
.zs-cfaq__item{background:#fff;border:1px solid var(--zs2-line);border-radius:var(--zs2-r-md);
margin-bottom:10px;padding:0 16px;transition:border-color .22s,box-shadow .22s}
.zs-cfaq__item[open]{border-color:var(--zs2-acc-500);box-shadow:var(--zs2-sh-1)}
.zs-cfaq__item summary{list-style:none;cursor:pointer;font-weight:800;color:var(--zs2-brand-800);
padding:14px 0;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.zs-cfaq__item summary::-webkit-details-marker{display:none}
.zs-cfaq__item summary::after{content:"";flex:none;width:8px;height:8px;
border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;
transform:rotate(45deg);transition:transform .2s;opacity:.7}
.zs-cfaq__item[open] summary::after{transform:rotate(-135deg)}
.zs-cfaq__a{color:var(--zs2-gray-600);line-height:2.1;padding:0 0 14px;font-size:14.5px}
.zs-cfaq__a p{margin:0}