/* ==========================================================================
   ZANJIR SANAT — Custom CSS  (Design System → WordPress/Elementor)
   محل درج: Elementor → Site Settings → Custom CSS
   یا:      قالب > Customize > Additional CSS
   یا:      افزونه‌ی «Code Snippets / WPCode» به‌صورت CSS
   نکته: فونت وزیرمتن باید لوکال روی هاست بارگذاری شود (به CDN وابسته نشوید).
   ========================================================================== */

/* ---------- 1) توکن‌های رنگ و پایه ---------- */
:root{
  /* ★ به پالت نسخهٔ ۲ وصل شده‌اند (zs-v2.css) — با تغییر پالت، کل قالب هم‌رنگ می‌شود. */
  --zs-navy-900:var(--zs2-brand-900,#0e1a2b);  --zs-navy-800:var(--zs2-brand-800,#132540);
  --zs-navy-700:var(--zs2-brand-700,#1b3253);  --zs-navy-600:var(--zs2-brand-600,#244170);
  --zs-navy-500:var(--zs2-brand-600,#315a94);  --zs-navy-050:var(--zs2-brand-100,#eef3f9);
  --zs-amber-700:var(--zs2-acc-700,#c15f06); --zs-amber-600:var(--zs2-acc-600,#e0730a);
  --zs-amber-500:var(--zs2-acc-500,#f5860f);
  --zs-amber-400:var(--zs2-acc-400,#ff9d33); --zs-amber-100:var(--zs2-acc-100,#fff2e1);
  --zs-steel-900:#161b22; --zs-steel-700:#3a434f; --zs-steel-500:#697585;
  --zs-steel-300:#c6cdd6; --zs-steel-200:#e3e8ee; --zs-steel-100:#f1f4f8;
  --zs-paper:#f6f8fb; --zs-white:#fff;
  --zs-success:#1e9e57; --zs-danger:#d64141;
  --zs-r-sm:4px; --zs-r-md:8px; --zs-r-lg:12px;
  --zs-shadow:0 6px 18px rgba(19,37,64,.12);
}

/* ---------- 2) فونت لوکال (نمونه؛ مسیر فایل‌ها را با هاست تنظیم کنید) ---------- */
/* @font-face{font-family:'Vazirmatn';src:url('/wp-content/uploads/fonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('/wp-content/uploads/fonts/Vazirmatn-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('/wp-content/uploads/fonts/Vazirmatn-Black.woff2') format('woff2');font-weight:800;font-display:swap} */

body{font-family:'Vazirmatn','Segoe UI',Tahoma,sans-serif;color:var(--zs-steel-700);background:var(--zs-paper)}
h1,h2,h3,h4,h5{color:var(--zs-navy-800);font-weight:800}

/* کد فنی محصولات (مونو، چپ‌چین) */
.zs-sku,.woocommerce .sku{font-family:'Consolas','Roboto Mono',monospace;direction:ltr;unicode-bidi:isolate;color:var(--zs-navy-700)}

/* ---------- 3) دکمه‌ها (کلاس کمکی روی ویجت دکمه‌ی المنتور) ---------- */
.zs-btn-primary .elementor-button,
.zs-btn-primary.elementor-button{
  background:var(--zs-amber-500)!important;color:var(--zs-on-accent,#3a1e00)!important;font-weight:800!important;
  border-radius:var(--zs-r-md)!important;border:2px solid transparent!important;transition:.18s!important}
.zs-btn-primary .elementor-button:hover{background:var(--zs-amber-600)!important;color:#fff!important;
  transform:translateY(-1px);box-shadow:var(--zs-shadow)}
.zs-btn-navy .elementor-button{background:var(--zs-navy-700)!important;color:#fff!important;
  font-weight:800!important;border-radius:var(--zs-r-md)!important}
.zs-btn-navy .elementor-button:hover{background:var(--zs-navy-600)!important}
.zs-btn-outline .elementor-button{background:#fff!important;color:var(--zs-navy-700)!important;
  border:2px solid var(--zs-steel-300)!important;border-radius:var(--zs-r-md)!important}
.zs-btn-outline .elementor-button:hover{border-color:var(--zs-navy-600)!important;color:var(--zs-navy-600)!important}

/* ---------- 4) هدر ---------- */
.zs-topbar{background:var(--zs-navy-900);color:#c4d0df;font-size:13px}
.zs-topbar a{color:#c4d0df!important;transition:.15s}
.zs-topbar a:hover{color:var(--zs-amber-400)!important}
.zs-topbar b{color:var(--zs-amber-400)}

/* نوار جستجوی بزرگ در هدر */
.zs-header .elementor-search-form{border:1.5px solid var(--zs-steel-300);border-radius:var(--zs-r-md);overflow:hidden}
.zs-header .elementor-search-form__submit{background:var(--zs-amber-500);color:var(--zs-on-accent,#3a1e00);font-weight:800}

/* منوی اصلی روی نوار سرمه‌ای */
.zs-mainnav{background:var(--zs-navy-700)}
.zs-mainnav .elementor-nav-menu .elementor-item{color:#dbe4f0!important;font-weight:700!important;padding:14px 16px!important}
.zs-mainnav .elementor-nav-menu .elementor-item:hover,
.zs-mainnav .elementor-nav-menu .elementor-item.elementor-item-active{color:#fff!important}
.zs-mainnav .elementor-nav-menu .elementor-item:hover{box-shadow:inset 0 -3px 0 var(--zs-amber-500)}

/* هدر چسبان هنگام اسکرول (با کلاس روی سکشن هدر) */
.zs-sticky{position:sticky;top:0;z-index:999;box-shadow:0 2px 10px rgba(19,37,64,.08)}

/* ---------- 5) کاشی دسته‌بندی (icon-box) ---------- */
.zs-cat .elementor-icon-box-wrapper{background:#fff;border:1px solid var(--zs-steel-200);
  border-radius:var(--zs-r-lg);padding:22px 14px;transition:.2s;text-align:center;height:100%}
.zs-cat .elementor-icon-box-wrapper:hover{border-color:var(--zs-amber-500);box-shadow:var(--zs-shadow);transform:translateY(-3px)}
.zs-cat .elementor-icon{background:linear-gradient(145deg,var(--zs-navy-700),var(--zs-navy-500));
  color:#fff;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-inline:auto}
.zs-cat .elementor-icon-box-wrapper:hover .elementor-icon{background:linear-gradient(145deg,var(--zs-amber-600),var(--zs-amber-400));color:var(--zs-on-accent,#3a1e00)}
.zs-cat .elementor-icon-box-title{color:var(--zs-navy-800);font-weight:800;font-size:16px;margin-top:12px}
.zs-cat .elementor-icon-box-description{color:var(--zs-steel-500);font-size:12.5px}

/* ---------- 6) نوار اعتماد ---------- */
.zs-trust .elementor-icon-box-wrapper{display:flex;gap:12px;align-items:center;text-align:right;
  background:#fff;border:1px solid var(--zs-steel-200);border-radius:var(--zs-r-md);padding:16px}
.zs-trust .elementor-icon{background:var(--zs-navy-050);color:var(--zs-navy-600);width:46px;height:46px;border-radius:12px;flex:0 0 auto}
.zs-trust .elementor-icon-box-title{font-size:15px;margin:0}
.zs-trust .elementor-icon-box-description{font-size:12.5px;color:var(--zs-steel-500)}

/* ---------- 7) کارت محصول ووکامرس ---------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:#fff;border:1px solid var(--zs-steel-200);border-radius:var(--zs-r-lg);
  padding:14px;transition:.2s;overflow:hidden}
.woocommerce ul.products li.product:hover{box-shadow:var(--zs-shadow);transform:translateY(-3px);border-color:var(--zs-steel-300)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:var(--zs-navy-800);font-weight:700;font-size:15px;min-height:2.8em}
.woocommerce ul.products li.product .price{color:var(--zs-navy-800);font-weight:800}
.woocommerce ul.products li.product .price del{color:var(--zs-steel-400);font-weight:400}
.woocommerce ul.products li.product .price ins{color:var(--zs-navy-800);text-decoration:none}
.woocommerce span.onsale{background:var(--zs-danger);color:#fff;border-radius:999px;font-weight:800;
  min-height:auto;min-width:auto;padding:4px 12px;top:10px;inset-inline-start:10px;right:auto}
.woocommerce ul.products li.product .button,
.woocommerce a.button,.woocommerce button.button.alt{
  background:var(--zs-amber-500)!important;color:var(--zs-on-accent,#3a1e00)!important;font-weight:800!important;
  border-radius:var(--zs-r-md)!important;transition:.18s!important}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,.woocommerce button.button.alt:hover{
  background:var(--zs-amber-600)!important;color:#fff!important}

/* برچسب موجودی */
.woocommerce .stock.in-stock{color:var(--zs-success);font-weight:700}
.woocommerce .stock.out-of-stock{color:var(--zs-steel-500)}

/* جدول وارییشن (انتخاب سایز/دندانه) */
.woocommerce div.product form.cart .variations td.label label{color:var(--zs-navy-800);font-weight:800}
.woocommerce div.product form.cart .variations select{
  border:1.5px solid var(--zs-steel-300);border-radius:var(--zs-r-md);padding:10px 12px}

/* ---------- 8) فوتر ---------- */
.zs-footer{background:var(--zs-navy-900);color:#aeb9c8}
.zs-footer h1,.zs-footer h2,.zs-footer h3,.zs-footer h4,.zs-footer h5{color:#fff}
.zs-footer a{color:#aeb9c8!important;transition:.15s}
.zs-footer a:hover{color:var(--zs-amber-400)!important}
.zs-footer .elementor-divider-separator{border-color:rgba(255,255,255,.12)!important}

/* ---------- 9) عمومی ---------- */
.zs-section-title{position:relative;display:inline-block;padding-bottom:8px}
.zs-section-title::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:56px;height:3px;
  background:var(--zs-amber-500);border-radius:2px}

/* واکنش‌گرا: نوار جستجو در موبایل تمام‌عرض */
@media(max-width:767px){
  .zs-topbar{font-size:12px}
  .zs-header .elementor-search-form{width:100%}
}

/* ==========================================================================
   9) صفحه‌ی تک‌محصول و آرشیو فروشگاه (Elementor Pro WooCommerce)
   ========================================================================== */
/* breadcrumb روشن روی نوار سرمه‌ای آرشیو */
.zs-breadcrumb-light,.zs-breadcrumb-light a{color:#c4d0df!important}
.zs-breadcrumb-light a:hover{color:var(--zs-amber-400)!important}

/* عنوان محصول */
.woocommerce div.product .product_title,
.elementor-widget-woocommerce-product-title h1{color:var(--zs-navy-800);font-weight:800}

/* قیمت */
.woocommerce div.product p.price,.woocommerce div.product span.price,
.elementor-widget-woocommerce-product-price .price{color:var(--zs-navy-800);font-weight:900;font-size:26px}
.woocommerce div.product p.price del{color:var(--zs-steel-400);font-weight:400}

/* متادیتا: کد فنی (SKU) با مونو */
.woocommerce div.product .product_meta{font-size:13.5px;color:var(--zs-steel-500);border-top:1px solid var(--zs-steel-200);
  padding-top:12px;margin-top:6px}
.woocommerce div.product .product_meta .sku{font-family:'Consolas',monospace;direction:ltr;unicode-bidi:isolate;color:var(--zs-navy-700)}

/* جدول انتخاب وارییشن (سایز/دندانه/شماره فنی) */
.woocommerce div.product form.cart .variations{border:1px solid var(--zs-steel-200);border-radius:var(--zs-r-md);
  padding:10px 14px;background:#fff;margin-bottom:14px}
.woocommerce div.product form.cart .variations td.label label{color:var(--zs-navy-800);font-weight:800}
.woocommerce div.product form.cart .variations select{
  border:1.5px solid var(--zs-steel-300)!important;border-radius:var(--zs-r-md)!important;padding:10px 12px!important;min-width:180px}
.woocommerce div.product form.cart .single_variation .price{font-size:24px}

/* دکمه‌ی افزودن به سبد در تک‌محصول */
.woocommerce div.product form.cart .button,
.woocommerce div.product .single_add_to_cart_button{
  background:var(--zs-amber-500)!important;color:var(--zs-on-accent,#3a1e00)!important;font-weight:800!important;
  border-radius:var(--zs-r-md)!important;padding:14px 30px!important;font-size:16px!important;transition:.18s!important}
.woocommerce div.product form.cart .button:hover{background:var(--zs-amber-600)!important;color:#fff!important}
.woocommerce .quantity input.qty{border:1.5px solid var(--zs-steel-300);border-radius:var(--zs-r-md);padding:10px}

/* تب‌های اطلاعات محصول */
.woocommerce div.product .woocommerce-tabs ul.tabs{border:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--zs-steel-100);border:1px solid var(--zs-steel-200);
  border-radius:var(--zs-r-md) var(--zs-r-md) 0 0;margin:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--zs-navy-700);font-weight:700}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fff;border-bottom-color:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--zs-amber-600)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--zs-steel-200)}
.woocommerce div.product .woocommerce-Tabs-panel{background:#fff;border:1px solid var(--zs-steel-200);
  border-radius:0 var(--zs-r-lg) var(--zs-r-lg) var(--zs-r-lg);padding:22px}

/* گالری تصویر */
.woocommerce div.product div.images img{border-radius:var(--zs-r-lg);border:1px solid var(--zs-steel-200)}

/* آرشیو: نوار مرتب‌سازی و تعداد نتایج */
.woocommerce .woocommerce-result-count{color:var(--zs-steel-500);font-size:13.5px}
.woocommerce .woocommerce-ordering select{border:1.5px solid var(--zs-steel-300);border-radius:var(--zs-r-md);padding:8px 12px}

/* سایدبار فروشگاه */
.zs-sidebar-widget{background:#fff;border:1px solid var(--zs-steel-200);border-radius:var(--zs-r-lg);
  padding:16px 18px;margin-bottom:16px}
.zs-sidebar-title{color:var(--zs-navy-800);font-size:15px;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--zs-amber-500);display:inline-block}
.zs-sidebar-widget ul{list-style:none;margin:0;padding:0}
.zs-sidebar-widget li{padding:6px 0;border-bottom:1px dashed var(--zs-steel-200);font-size:14px}
.zs-sidebar-widget a{color:var(--zs-steel-700)}
.zs-sidebar-widget a:hover{color:var(--zs-amber-600)}

/* ==========================================================================
   10) حالت استعلام قیمت + مودال
   ========================================================================== */
/* برچسب استعلام به‌جای قیمت */
.zs-quote{display:inline-block;color:var(--zs-amber-700);font-weight:800;font-size:15px;
  background:var(--zs-amber-100);border-radius:var(--zs-r-sm);padding:3px 12px}
.woocommerce ul.products li.product .zs-quote{font-size:13.5px}

/* دکمه‌ی استعلام در آرشیو (جایگزین افزودن به سبد) */
.woocommerce a.button.zs-quote-btn{background:var(--zs-navy-700)!important;color:#fff!important}
.woocommerce a.button.zs-quote-btn:hover{background:var(--zs-amber-500)!important;color:var(--zs-on-accent,#3a1e00)!important}

/* صفحه‌ی تک‌محصول: دکمه‌ی سبد فقط وقتی محصول قیمت ندارد پنهان می‌شود
   (محصول قیمت‌دار باید مستقیم به سبد و درگاه پرداخت برود). */
body.zs-noprice.woocommerce div.product form.cart .single_add_to_cart_button,
body.zs-noprice.woocommerce div.product form.cart > .quantity{display:none!important}
/* دکمه‌ی استعلام اصلی */
.zs-inquiry-btn{background:var(--zs-amber-500)!important;color:var(--zs-on-accent,#3a1e00)!important;font-weight:800!important;
  border-radius:var(--zs-r-md)!important;padding:14px 30px!important;font-size:16px!important;border:0!important;cursor:pointer;transition:.18s!important}
.zs-inquiry-btn:hover{background:var(--zs-amber-600)!important;color:#fff!important}

/* مودال */
.zs-modal{position:fixed;inset:0;z-index:100000;display:none}
.zs-modal.is-open{display:block}
.zs-modal__overlay{position:absolute;inset:0;background:rgba(14,26,43,.6);backdrop-filter:blur(2px)}
.zs-modal__box{position:relative;max-width:460px;margin:6vh auto 0;background:#fff;border-radius:var(--zs-r-lg);
  padding:26px 24px;box-shadow:0 20px 60px rgba(14,26,43,.4);max-height:88vh;overflow:auto}
.zs-modal__x{position:absolute;inset-inline-start:14px;top:12px;border:0;background:none;font-size:26px;line-height:1;
  color:var(--zs-steel-500);cursor:pointer}
.zs-modal__box h3{margin:0 0 6px;color:var(--zs-navy-800)}
.zs-modal__prod{background:var(--zs-navy-050);border-radius:var(--zs-r-md);padding:8px 12px;font-size:13.5px;
  color:var(--zs-navy-700);font-weight:700;margin:0 0 14px}
.zs-field{margin-bottom:12px}
.zs-field label{display:block;font-size:13px;font-weight:700;color:var(--zs-navy-800);margin-bottom:5px}
.zs-field input,.zs-field textarea{width:100%;border:1.5px solid var(--zs-steel-300);border-radius:var(--zs-r-md);
  padding:10px 12px;font-family:inherit;font-size:14px;outline:none;transition:.15s;background:#fff}
.zs-field input:focus,.zs-field textarea:focus{border-color:var(--zs-navy-500);box-shadow:0 0 0 3px rgba(49,90,148,.15)}
.zs-modal__submit{width:100%;background:var(--zs-amber-500)!important;color:var(--zs-on-accent,#3a1e00)!important;font-weight:800!important;
  border:0!important;border-radius:var(--zs-r-md)!important;padding:13px!important;font-size:15px!important;cursor:pointer;margin-top:4px}
.zs-modal__submit:hover{background:var(--zs-amber-600)!important;color:#fff!important}
.zs-modal__submit:disabled{opacity:.6;cursor:wait}
.zs-modal__msg{margin-top:10px;font-size:13.5px;text-align:center}
.zs-modal__msg.is-ok{color:var(--zs-success);font-weight:700}
.zs-modal__msg.is-error{color:var(--zs-danger);font-weight:700}

/* شورت‌کد محصولات دسته در صفحه‌اصلی */
.zs-shortcode-products{margin:0}
.zs-empty{color:var(--zs-steel-500);text-align:center;padding:24px}

/* ==========================================================================
   11) اصلاحات کارت + برند «زنجیر صنعت راستین»
   ========================================================================== */
/* حذف چیپ «استعلام قیمت» بالای کارت محصول (فقط دکمه بماند) */
.woocommerce ul.products li.product .zs-quote{display:none !important}

/* نوار برندها */
.zs-brands{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.zs-brand-chip{background:#fff;border:1px solid var(--zs-steel-200);border-radius:var(--zs-r-pill);
  padding:10px 22px;font-weight:800;color:var(--zs-navy-700);letter-spacing:.03em;font-family:'Consolas',sans-serif;
  box-shadow:var(--zs-shadow);transition:.18s;direction:ltr}
.zs-brand-chip:hover{border-color:var(--zs-amber-500);color:var(--zs-amber-700);transform:translateY(-2px)}

/* کارت‌های دستهٔ تصویری */
.zs-catcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.zs-catcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--zs-steel-200);
  border-radius:var(--zs-r-lg);overflow:hidden;transition:.2s;text-decoration:none}
.zs-catcard:hover{box-shadow:var(--zs-shadow);transform:translateY(-4px);border-color:var(--zs-amber-500)}
.zs-catcard__img{display:block;height:160px;background-size:cover;background-position:center;background-color:var(--zs-steel-100)}
.zs-catcard__title{padding:14px 16px 4px;font-weight:800;color:var(--zs-navy-800);font-size:16px}
.zs-catcard__cta{padding:0 16px 16px;color:var(--zs-amber-600);font-weight:700;font-size:13px}

/* چیپ زیردسته‌ها (بالای آرشیو) */
.zs-subcats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.zs-subcat-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--zs-steel-200);
  border-radius:var(--zs-r-pill);padding:7px 14px;font-size:13.5px;font-weight:700;color:var(--zs-navy-700)}
.zs-subcat-chip span{background:var(--zs-navy-050);color:var(--zs-navy-600);border-radius:var(--zs-r-pill);
  padding:1px 8px;font-size:11.5px}
.zs-subcat-chip:hover{border-color:var(--zs-amber-500);color:var(--zs-amber-700)}

/* ---------- فیلترهای فروشگاه ---------- */
.zs-filter-block{background:#fff;border:1px solid var(--zs-steel-200);border-radius:var(--zs-r-lg);
  padding:14px 16px;margin-bottom:14px}
.zs-filter-block .widgettitle,.zs-filter-block h2,.zs-filter-block h3{color:var(--zs-navy-800);font-size:15px;
  margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--zs-amber-500);display:inline-block}
.zs-filter-block ul{list-style:none;margin:0;padding:0}
.zs-filter-block li{padding:5px 0;font-size:14px;border-bottom:1px dashed var(--zs-steel-100)}
.zs-filter-block li a{color:var(--zs-steel-700)}
.zs-filter-block li a:hover,.zs-filter-block li.chosen>a{color:var(--zs-amber-600);font-weight:700}
.zs-filter-block .count{color:var(--zs-steel-400);font-size:12px}
.zs-filter-block .price_slider_wrapper .ui-slider{background:var(--zs-steel-200);border-radius:var(--zs-r-pill);height:6px}
.zs-filter-block .ui-slider .ui-slider-range{background:var(--zs-amber-500)}
.zs-filter-block .ui-slider .ui-slider-handle{background:var(--zs-navy-700);border:0}
.zs-filter-block .price_slider_amount .button{background:var(--zs-navy-700)!important;color:#fff!important;
  border-radius:var(--zs-r-md)!important;font-size:13px!important;padding:8px 16px!important}
.zs-filter-block .woocommerce-widget-layered-nav-dropdown__submit{background:var(--zs-amber-500)!important;color:var(--zs-on-accent,#3a1e00)!important}

/* ==========================================================================
   12) واکنش‌گرا موبایل — کارت‌های دوتایی با عرض بیشتر و حاشیهٔ کمتر
   ========================================================================== */
@media(max-width:767px){
  /* حاشیهٔ کناری کمتر در کل سایت و المنتور */
  .zs-container{padding-inline:10px}
  .elementor-section.elementor-section-boxed>.elementor-container{padding-inline:8px}

  /* کارت محصول: دو ستونه با فاصلهٔ کم */
  .woocommerce ul.products,
  .woocommerce-page ul.products{
    display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;margin:0 !important}
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product{
    width:auto !important;float:none !important;margin:0 !important;padding:10px !important;clear:none !important}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13.5px;min-height:2.6em}
  .woocommerce ul.products li.product .button{padding:8px 10px!important;font-size:12.5px!important;width:100%}
  .zs-quote{font-size:12.5px;padding:2px 8px}

  /* کارت‌های دستهٔ تصویری: دوتایی */
  .zs-catcards{grid-template-columns:1fr 1fr;gap:10px}
  .zs-catcard__img{height:110px}
  .zs-catcard__title{font-size:13.5px;padding:10px 10px 2px}
  .zs-catcard__cta{padding:0 10px 10px;font-size:11.5px}

  /* برندها جمع‌وجورتر */
  .zs-brand-chip{padding:7px 14px;font-size:13px}

  /* عنوان بخش‌ها کمی کوچک‌تر */
  .zs-section-title{font-size:20px}
}

/* ==========================================================================
   13) مگا‌منوی تصویری خودکار (تزریق با JS به آیتم منوی هدر)
   ========================================================================== */
.zs-mega-host{position:relative}
.zs-mega{position:absolute;inset-inline:0;top:100%;background:#fff;border-top:3px solid var(--zs-amber-500);
  box-shadow:0 24px 48px rgba(14,26,43,.28);opacity:0;visibility:hidden;transform:translateY(8px);
  transition:.18s;z-index:9999;padding:18px 0}
.zs-mega-host.zs-mega-open .zs-mega{opacity:1;visibility:visible;transform:none}
.zs-mega-inner{max-width:1200px;margin-inline:auto;padding-inline:20px}
.zs-mega .zs-catcards{grid-template-columns:repeat(6,1fr);gap:12px}
.zs-mega .zs-catcard__img{height:100px}
.zs-mega .zs-catcard__title{font-size:13.5px;padding:10px 12px 2px}
.zs-mega .zs-catcard__cta{padding:0 12px 10px;font-size:11px}
.zs-mega-item>a::after{content:' ▾';font-size:.8em;opacity:.8}
@media(max-width:1100px){.zs-mega .zs-catcards{grid-template-columns:repeat(3,1fr)}}

/* ==========================================================================
   14) فیلترهای آرشیو به‌صورت آکاردئون (تایتل‌وار، ارتفاع کم)
   ========================================================================== */
.zs-acc-title{cursor:pointer;user-select:none;display:flex !important;align-items:center;justify-content:space-between;
  width:100%;gap:8px}
.zs-acc-title::after{content:'▾';color:var(--zs-amber-600);font-size:13px;transition:transform .2s;flex:none}
.zs-filter-block.zs-collapsed .zs-acc-title::after{transform:rotate(-90deg)}
.zs-filter-block.zs-collapsed>*:not(.zs-acc-title){display:none !important}
/* لیست دسته‌بندی بلند نشود */
.zs-filter-cats ul,.zs-filter-block .product-categories{max-height:300px;overflow:auto;padding-inline-end:4px}
.zs-filter-cats ul::-webkit-scrollbar,.zs-filter-block ul::-webkit-scrollbar{width:6px}
.zs-filter-cats ul::-webkit-scrollbar-thumb{background:var(--zs-steel-300);border-radius:3px}
.zs-filter-block ul.woocommerce-widget-layered-nav-list{max-height:240px;overflow:auto}

/* ==========================================================================
   15) نوار دستهٔ خودکار (وقتی هدر منو ندارد)
   ========================================================================== */
.zs-autonav{background:var(--zs-navy-700);position:relative;z-index:50}
.zs-autonav ul{list-style:none;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;max-width:1200px}
.zs-autonav li{position:static}
.zs-autonav a{display:block;color:#dbe4f0;font-weight:700;padding:13px 16px;font-size:14px;text-decoration:none;transition:.15s}
.zs-autonav a:hover{color:#fff;box-shadow:inset 0 -3px 0 var(--zs-amber-500)}
.zs-autonav .zs-mega-item>a::after{content:' ▾';font-size:.8em;opacity:.85}
@media(max-width:767px){
  .zs-autonav ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .zs-autonav a{padding:11px 12px;font-size:13px;white-space:nowrap}
}

/* ==========================================================================
   16) پاپ‌آپ جستجوی زنده
   ========================================================================== */
.zs-search-pop{position:absolute;top:100%;inset-inline:0;background:#fff;border:1px solid var(--zs-steel-200);
  border-radius:var(--zs-r-lg);box-shadow:0 16px 44px rgba(14,26,43,.22);z-index:10000;margin-top:6px;
  overflow:hidden;max-height:430px;overflow-y:auto}
.zs-sp-item{display:flex;align-items:center;gap:11px;padding:10px 14px;border-bottom:1px solid var(--zs-steel-100);color:var(--zs-navy-800)}
.zs-sp-item:hover{background:var(--zs-paper)}
.zs-sp-thumb{width:44px;height:44px;border-radius:8px;background:var(--zs-steel-100) center/cover no-repeat;flex:none;border:1px solid var(--zs-steel-200)}
.zs-sp-name{font-weight:700;font-size:14px;flex:1;line-height:1.6}
.zs-sp-go{font-size:12px;color:var(--zs-amber-600);font-weight:800;flex:none}
.zs-sp-all{display:block;text-align:center;padding:12px;background:var(--zs-navy-700);color:#fff!important;font-weight:800;font-size:13.5px}
.zs-sp-all:hover{background:var(--zs-amber-500);color:var(--zs-on-accent,#3a1e00)!important}
.zs-sp-empty{padding:20px;text-align:center;color:var(--zs-steel-500)}

/* ==========================================================================
   17) غنی‌سازی صفحهٔ محصول (نشان اعتماد + یادداشت استعلام)
   ========================================================================== */
.zs-pdp-extra{margin-top:18px}
.zs-pdp-trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.zs-pdp-badge{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--zs-steel-200);
  border-radius:var(--zs-r-md);padding:11px 13px}
.zs-pdp-badge svg{width:26px;height:26px;flex:none}
.zs-pdp-badge b{display:block;color:var(--zs-navy-800);font-size:13.5px}
.zs-pdp-badge span{color:var(--zs-steel-500);font-size:12px}
.zs-pdp-note{background:var(--zs-navy-050);border-inline-start:4px solid var(--zs-amber-500);
  border-radius:var(--zs-r-md);padding:12px 15px;font-size:13.5px;color:var(--zs-steel-700);line-height:1.9}
@media(max-width:600px){.zs-pdp-trust{grid-template-columns:1fr}}