/* ─── Shofazh Mega Menu ───────────────────────────────────────────
   منوی جدید فقط داخل کانتینر منوی فعلی تزریق می‌شود؛ استایل‌ها همه
   زیر .shzmm و .shzmm-mob محدودند تا با قالب تداخل نکنند. */

/* تا وقتی جایگزینی موفق است، محتوای قدیمی دراپ‌داون پنهان می‌ماند
   (خود ساختار منوی قالب دست نمی‌خورد).
   قالب باکالا با سلکتورهای بلند + !important استایل می‌دهد؛ پیشوند
   html.shzmm-on + تکرار زنجیرهٔ قالب، همیشه از آن قوی‌تر است. */
html.shzmm-on .bakala-tab-menu-items.shzmm-host > ul.level,
html.shzmm-on .bk_menu.bk_vertical_menu.level .bakala > ul > li > .bakala-tab-menu-items.shzmm-host > ul.level,
html.shzmm-on .bk_menu.bk_vertical_menu.level .bakala > ul > li > .bakala-tab-menu-items.shzmm-host > ul {
  display: none !important;
}

/* ظرف دراپ‌داون — هم‌عرض منوی قبلی، ولی ارتفاع آزاد برای کارت‌ها */
html.shzmm-on .bakala-tab-menu-items.shzmm-host,
html.shzmm-on .bk_menu.bk_vertical_menu.level .bakala > ul > li > .bakala-tab-menu-items.shzmm-host {
  width: min(1320px, calc(100vw - 20px)) !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  background: #f6f7f9 !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: 0 24px 48px rgba(28, 32, 44, .18);
  overflow: hidden !important;
}
/* حالت باز (هاور) — ارتفاع را از ۴۵۰px قالب آزاد می‌کنیم */
html.shzmm-on .bk_vertical_menu .bakala > ul > li:hover .bakala-tab-menu-items.shzmm-host {
  height: auto !important;
  max-height: min(700px, 82vh) !important;
  min-height: 420px !important;
}

.shzmm { display: grid; grid-template-columns: 240px 1fr; min-height: 420px;
  direction: rtl; font-family: inherit; text-align: right; }
.shzmm *, .shzmm *::before, .shzmm *::after { box-sizing: border-box; }
.shzmm a { text-decoration: none !important; }

/* خنثی‌سازی قانون عمومی قالب:
   .navbar-primary .bk_menu.bk_vertical_menu.level a {width:100%; padding:13px 5px; color:#000!important; font-weight:700}
   که کارت‌ها و دکمهٔ «مشاهده همه» را می‌شکست — سلکتور قوی‌تر از قالب: */
html.shzmm-on .navbar-primary .bk_menu.bk_vertical_menu.level .shzmm a,
html.shzmm-on .bk_menu.bk_vertical_menu.level .shzmm a,
html.shzmm-on .bakala-tab-menu-items .shzmm a {
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #26292f !important;
  font-weight: 700 !important;
  line-height: inherit !important;
  text-decoration: none !important;
}
html.shzmm-on .navbar-primary .bk_menu.bk_vertical_menu.level .shzmm a.shzmm-card,
html.shzmm-on .bk_menu.bk_vertical_menu.level .shzmm a.shzmm-card,
html.shzmm-on .bakala-tab-menu-items .shzmm a.shzmm-card {
  display: flex !important;
  padding: 12px 8px 10px !important;
}
html.shzmm-on .navbar-primary .bk_menu.bk_vertical_menu.level .shzmm a.shzmm-card.qty,
html.shzmm-on .bk_menu.bk_vertical_menu.level .shzmm a.shzmm-card.qty,
html.shzmm-on .bakala-tab-menu-items .shzmm a.shzmm-card.qty {
  padding: 14px 8px 11px !important;
}
html.shzmm-on .navbar-primary .bk_menu.bk_vertical_menu.level .shzmm a.shzmm-viewall,
html.shzmm-on .bk_menu.bk_vertical_menu.level .shzmm a.shzmm-viewall,
html.shzmm-on .bakala-tab-menu-items .shzmm a.shzmm-viewall {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  padding: 7px 16px !important;
  color: #c8102e !important;
}
html.shzmm-on .bakala-tab-menu-items .shzmm a.shzmm-viewall:hover {
  background: #c8102e !important;
  color: #fff !important;
}
.shzmm-head > div { flex: 1 1 auto; min-width: 0; }

/* خنثی‌سازی قانون آیکون‌کُش قالب:
   .bk_menu .bakala>ul>li svg {height:7px; width:11px; margin-right:5px}
   و stroke بازنویسی‌شده روی path ها — آیکون‌های ما را به نقطهٔ ریز تبدیل می‌کرد. */
html.shzmm-on .bakala-tab-menu-items .shzmm svg {
  margin: 0 !important;
}
html.shzmm-on .bakala-tab-menu-items .shzmm svg path,
html.shzmm-on .bakala-tab-menu-items .shzmm svg circle,
html.shzmm-on .bakala-tab-menu-items .shzmm svg rect,
html.shzmm-on .bk_menu.bk_vertical_menu.level .has-submenu .shzmm svg path,
html.shzmm-on .bk_menu.bk_vertical_menu.level .has-submenu .shzmm svg circle,
html.shzmm-on .bk_menu.bk_vertical_menu.level .has-submenu .shzmm svg rect,
html.shzmm-on .mt-header .bk_menu.bk_vertical_menu.level .has-submenu .shzmm svg path,
html.shzmm-on .mt-header .bk_menu.bk_vertical_menu.level .has-submenu .shzmm svg circle,
html.shzmm-on .mt-header .bk_menu.bk_vertical_menu.level .has-submenu .shzmm svg rect {
  stroke: currentColor !important;
  fill: none !important;
}
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-rail button svg {
  width: 20px !important; height: 20px !important;
}
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-rail button svg.ch {
  width: 15px !important; height: 15px !important; margin-right: auto !important;
}
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-rail button.shzmm-back svg {
  width: 15px !important; height: 15px !important;
}
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-ghead svg {
  width: 20px !important; height: 20px !important;
}
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-head .tile svg {
  width: 23px !important; height: 23px !important;
}
html.shzmm-on .bakala-tab-menu-items .shzmm a.shzmm-viewall svg {
  width: 14px !important; height: 14px !important;
}

/* ریل — درِیل‌داون مثل گوشی: گروه‌ها ← دسته‌های گروه + دکمهٔ برگشت */
.shzmm-rail { background: #fff; border-left: 1px solid #e9eaef; padding: 8px 0; margin: 0; list-style: none;
  overflow-y: auto; }
.shzmm-rail-in.anim { animation: shzmm-slide .22s ease; }
@keyframes shzmm-slide { from { opacity: .35; transform: translateX(-12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .shzmm-rail-in.anim { animation: none; } }
.shzmm-rail button svg.ch { width: 15px; height: 15px; color: #c2c6cf; margin-right: auto; }
.shzmm-rail button:focus-visible { outline: 2px solid #c8102e; outline-offset: -2px; border-radius: 8px; }

/* جستجوی داخل منو */
.shzmm-search { display: flex; align-items: center; gap: 8px; margin: 6px 12px 8px;
  background: #f4f5f8; border: 1px solid #e6e8ee; border-radius: 11px; padding: 8px 12px;
  transition: border-color .2s, box-shadow .2s, background .2s; }
.shzmm-search:focus-within { border-color: rgba(200, 16, 46, .55); background: #fff;
  box-shadow: 0 0 0 3px rgba(200, 16, 46, .07); }
.shzmm-search svg { width: 16px; height: 16px; color: #9aa0ae; flex: none; }
.shzmm-search input { border: 0 !important; background: transparent !important; outline: none !important;
  font: inherit !important; font-size: 12.8px !important; color: #26292f !important;
  width: 100% !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important;
  height: auto !important; line-height: 1.8 !important; }
.shzmm-search input::placeholder { color: #9aa0ae; }
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-search svg { width: 16px !important; height: 16px !important; }
.shzmm-hit { -webkit-appearance: none; appearance: none; border: 0; cursor: pointer; font: inherit;
  display: flex !important; align-items: center; gap: 11px; width: auto; text-align: right;
  background: transparent; padding: 10px 16px !important; color: #26292f !important; }
.shzmm-hit:hover { background: #f6f7f9; }
.shzmm-hit .ic { width: 19px !important; height: 19px !important; color: #c8102e; flex: none; }
.shzmm-hit img.hl { width: 26px; height: 26px; border-radius: 6px; object-fit: contain; flex: none; }
.shzmm-hit span { display: flex; flex-direction: column; min-width: 0; }
.shzmm-hit b { font-size: 13px; font-weight: 700; line-height: 1.7; }
.shzmm-hit small { font-size: 10.5px; color: #82879a; }
.shzmm-noresult { padding: 18px 16px; font-size: 12.5px; color: #82879a; }
html.shzmm-on .bakala-tab-menu-items .shzmm a.shzmm-hit,
html.shzmm-on .bk_menu.bk_vertical_menu.level .shzmm a.shzmm-hit {
  display: flex !important; width: 100% !important; padding: 10px 16px !important; }
.shzmm-rail button.shzmm-back { font-size: 12.5px; font-weight: 700; color: #c8102e;
  border-bottom: 1px solid #f0f1f4; padding: 12px 18px; }
.shzmm-rail button.shzmm-back svg { color: #c8102e; width: 15px; height: 15px; }
.shzmm-rail button.shzmm-back:hover { background: #fdeef0; }
.shzmm-ghead { display: flex; align-items: center; gap: 10px; margin: 10px 12px 8px; padding: 11px 12px;
  background: linear-gradient(135deg, #fdeef0, #fff6f7); color: #c8102e;
  border-radius: 12px; font-weight: 800; font-size: 14px;
  box-shadow: inset 0 0 0 1px rgba(200, 16, 46, .12); }
.shzmm-ghead svg { width: 20px; height: 20px; flex: none; }

/* اسکرول‌بار ظریف پنل و ریل */
.shzmm-panel, .shzmm-rail { scrollbar-width: thin; scrollbar-color: #d8dae2 transparent; }
.shzmm-panel::-webkit-scrollbar, .shzmm-rail::-webkit-scrollbar { width: 7px; }
.shzmm-panel::-webkit-scrollbar-thumb, .shzmm-rail::-webkit-scrollbar-thumb {
  background: #d8dae2; border-radius: 99px; }
.shzmm-panel::-webkit-scrollbar-thumb:hover { background: rgba(200, 16, 46, .35); }
.shzmm-panel::-webkit-scrollbar-track, .shzmm-rail::-webkit-scrollbar-track { background: transparent; }
.shzmm-rail button { -webkit-appearance: none; appearance: none; border: 0; background: transparent;
  cursor: pointer; font: inherit; display: flex; align-items: center; gap: 11px; width: 100%;
  text-align: right; font-size: 14px; font-weight: 600; color: #26292f; padding: 12px 18px;
  position: relative; transition: background .15s, color .15s; }
.shzmm-rail button svg { width: 20px; height: 20px; color: #9aa0ae; flex: none;
  transition: color .18s, transform .22s cubic-bezier(.2, .8, .25, 1); }
.shzmm-rail button:hover { background: #f6f7f9; }
.shzmm-rail button:hover svg:first-child { color: #c8102e; transform: scale(1.12); }
.shzmm-rail button.on { background: linear-gradient(270deg, #f6f7f9, #fdf3f4); color: #c8102e; font-weight: 800; }
.shzmm-rail button.on svg { color: #c8102e; }
.shzmm-rail button.on::before { content: ''; position: absolute; right: 0; top: 8px; bottom: 8px;
  width: 3.5px; border-radius: 99px; background: linear-gradient(180deg, #e8455f, #c8102e);
  animation: shzmm-bar .28s cubic-bezier(.2, .8, .25, 1); }
@keyframes shzmm-bar { from { transform: scaleY(.2); opacity: 0; } to { transform: none; opacity: 1; } }

/* پنل */
.shzmm-panel { padding: 0 22px 22px; color: #26292f;
  max-height: min(700px, 82vh); overflow-y: auto; overscroll-behavior: contain; }
.shzmm-panel.fade > .shzmm-sec, .shzmm-panel.fade > .shzmm-head { animation: shzmm-fade .2s ease; }
@keyframes shzmm-fade { from { opacity: .75; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .shzmm-panel.fade > * { animation: none !important; } }

/* سربرگ پنل هنگام اسکرول بالای پنل می‌چسبد تا زمینهٔ انتخاب حفظ شود */
.shzmm-head { display: flex; align-items: center; gap: 12px; margin: 0 0 12px;
  position: sticky; top: 0; z-index: 3; background: #f6f7f9; padding: 14px 0 10px;
  border-bottom: 1px solid #eceef2; }
.shzmm-head .tile { width: 42px; height: 42px; border-radius: 12px; flex: none;
  background: #fdeef0; color: #c8102e; display: grid; place-items: center; }
.shzmm-head .tile svg { width: 23px; height: 23px; }
.shzmm-head h2 { margin: 0 !important; font-size: 17px !important; font-weight: 800 !important;
  color: #26292f !important; line-height: 1.6 !important; }
.shzmm-head .sub { font-size: 11.5px; color: #82879a; margin-top: 1px; }
.shzmm-viewall { margin-right: auto; display: inline-flex; align-items: center; gap: 6px;
  font-size: 12.5px; font-weight: 700; color: #c8102e !important; border: 1.5px solid #c8102e;
  border-radius: 99px; padding: 7px 16px; transition: background .16s, color .16s; white-space: nowrap; }
.shzmm-viewall svg { width: 14px; height: 14px; transition: transform .22s cubic-bezier(.2, .8, .25, 1); }
.shzmm-viewall:hover { background: linear-gradient(135deg, #c8102e, #a30d25); border-color: #a30d25; color: #fff !important; }
.shzmm-viewall:hover svg { transform: translateX(-3px); }

.shzmm-sec { margin-bottom: 18px; }
.shzmm-sec:last-child { margin-bottom: 4px; }
.shzmm-sec h3 { margin: 0 0 10px !important; font-size: 13.5px !important; font-weight: 600 !important;
  color: #26292f !important; display: flex; align-items: center; gap: 8px; line-height: 1.7 !important; }
.shzmm-sec h3 b { color: #c8102e; font-weight: 800; position: relative; padding-bottom: 3px; }
.shzmm-sec h3 b::after { content: ''; position: absolute; right: 0; left: 0; bottom: -2px; height: 2px;
  border-radius: 2px; background: linear-gradient(270deg, #c8102e, #e8455f);
  transform: scaleX(0); transform-origin: right;
  animation: shzmm-line .5s cubic-bezier(.2, .8, .25, 1) .18s forwards; }
@keyframes shzmm-line { to { transform: scaleX(1); } }
.shzmm-sec h3::after { content: ''; flex: 1; height: 1px;
  background: linear-gradient(270deg, #dfe1e8, rgba(223, 225, 232, 0)); }
.shzmm-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 9px; }

.shzmm-card { background: #fff; border: 1px solid #e9eaef; border-radius: 13px;
  padding: 12px 8px 10px; display: flex; flex-direction: column; align-items: center; gap: 7px;
  text-align: center; box-shadow: 0 1px 2px rgba(28, 32, 44, .04), 0 3px 10px rgba(28, 32, 44, .03);
  transition: border-color .2s, transform .24s cubic-bezier(.2, .8, .25, 1), box-shadow .24s;
  will-change: transform; }
}
.shzmm-card:hover { border-color: rgba(200, 16, 46, .55); transform: translateY(-3px);
  box-shadow: 0 2px 6px rgba(28, 32, 44, .05), 0 16px 32px rgba(200, 16, 46, .13); }
.shzmm-card img.lg { width: 50px; height: 50px; border-radius: 9px; object-fit: contain; background: #fff;
  transition: transform .28s cubic-bezier(.2, .8, .25, 1); }
.shzmm-card:hover img.lg { transform: scale(1.09); }
.shzmm-card .bdg { width: 50px; height: 50px; border-radius: 12px; display: grid; place-items: center;
  font-size: 19px; font-weight: 800; color: #fff;
  transition: transform .28s cubic-bezier(.2, .8, .25, 1);
  box-shadow: inset 0 -8px 14px rgba(0, 0, 0, .12), inset 0 2px 4px rgba(255, 255, 255, .28); }
.shzmm-card:hover .bdg { transform: scale(1.07); }
.shzmm-card .nm { font-size: 12.5px; font-weight: 700; line-height: 1.55; color: #26292f; }
.shzmm-card .tp { font-size: 10px; color: #82879a; }
.shzmm-card.qty { gap: 2px; padding: 14px 8px 11px; justify-content: center; }
.shzmm-card.qty .val { font-size: 16.5px; font-weight: 800; color: #26292f;
  font-variant-numeric: tabular-nums; unicode-bidi: plaintext; line-height: 1.6; }
.shzmm-card.qty .val.txt { font-size: 13.5px; line-height: 1.7; }
.shzmm-card.qty .unit { font-size: 10.5px; font-weight: 600; color: #82879a; }
.shzmm-card.qty:hover .val { color: #c8102e; }

/* ─── موبایل: اورلی تمام‌صفحه ─── */
.shzmm-mob-overlay { position: fixed; inset: 0; z-index: 999999; background: #f6f7f9;
  direction: rtl; display: none; flex-direction: column; font-family: inherit; }
.shzmm-mob-overlay a, .shzmm-mob-overlay a:hover { text-decoration: none !important; }
.shzmm-mob-overlay .shzmm-card .nm, .shzmm-mob-overlay .shzmm-card .val { color: #26292f; }
.shzmm-mob-overlay .shzmm-card .tp, .shzmm-mob-overlay .shzmm-card .unit { color: #82879a; }
.shzmm-mob-overlay.open { display: flex; }
.shzmm-mob-top { background: #fff; border-bottom: 1px solid #e9eaef; padding: 12px 16px;
  display: flex; align-items: center; gap: 10px; flex: none; }
.shzmm-mob-top h5 { margin: 0 !important; font-size: 15px !important; font-weight: 800 !important; color: #26292f !important; }
.shzmm-mob-close { -webkit-appearance: none; appearance: none; border: 0; cursor: pointer;
  margin-right: auto; width: 36px; height: 36px; border-radius: 10px; background: #f2f3f6;
  color: #26292f; display: grid; place-items: center; font: inherit; }
.shzmm-mob-close svg { width: 18px; height: 18px; }
.shzmm-mob-body { flex: 1; overflow: hidden; position: relative; }
.shzmm-lvl { position: absolute; inset: 0; overflow-y: auto; background: #f6f7f9; color: #26292f;
  transition: transform .32s cubic-bezier(.2, .8, .25, 1), opacity .32s cubic-bezier(.2, .8, .25, 1);
  -webkit-overflow-scrolling: touch; overscroll-behavior: contain; will-change: transform;
  touch-action: pan-y; }
.shzmm-lvl.l1 { z-index: 1; }
.shzmm-lvl.l2 { z-index: 2; box-shadow: 18px 0 36px rgba(28, 32, 44, .14); }
.shzmm-lvl.l3 { z-index: 3; box-shadow: 18px 0 36px rgba(28, 32, 44, .14); }
.shzmm-mcat:active { transform: scale(.985); }
/* پارالاکس: سطح قبلی کمی کنار می‌رود و کم‌رنگ می‌شود، سطح جدید رویش می‌لغزد */
.shzmm-mob-body[data-d="1"] .l2, .shzmm-mob-body[data-d="1"] .l3 { transform: translateX(-104%); }
.shzmm-mob-body[data-d="2"] .l1 { transform: translateX(38%); opacity: .45; }
.shzmm-mob-body[data-d="2"] .l3 { transform: translateX(-104%); }
.shzmm-mob-body[data-d="3"] .l1,
.shzmm-mob-body[data-d="3"] .l2 { transform: translateX(38%); opacity: .45; }
.shzmm-mob-overlay.open { animation: shzmm-pop .3s cubic-bezier(.2, .8, .25, 1); }
@keyframes shzmm-pop { from { transform: translateY(26px); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .shzmm-lvl { transition: none; }
  .shzmm-card, .shzmm-rail button.on::before, .shzmm-mob-overlay.open { animation: none !important; }
  .shzmm-sec h3 b::after { animation: none !important; transform: none; }
}

.shzmm-mcats { padding: 12px; display: flex; flex-direction: column; gap: 5px; margin: 0; list-style: none; }
.shzmm-mcat { -webkit-appearance: none; appearance: none; border: 0; cursor: pointer; font: inherit;
  text-align: right; display: flex; align-items: center; gap: 11px; background: #fff;
  border: 1px solid #e9eaef; border-radius: 12px; padding: 13px 14px;
  font-size: 14px; font-weight: 700; color: #26292f; width: 100%; }
.shzmm-mcat svg.ic { width: 20px; height: 20px; color: #c8102e; flex: none; }
.shzmm-mcat svg.ch { width: 15px; height: 15px; color: #9aa0ae; margin-right: auto; }
.shzmm-mback { -webkit-appearance: none; appearance: none; border: 0; cursor: pointer; font: inherit;
  display: flex; align-items: center; gap: 8px; width: 100%; text-align: right;
  padding: 13px 16px; font-size: 12.5px; font-weight: 700; color: #c8102e; background: #fff;
  border-bottom: 1px solid #e9eaef; position: sticky; top: 0; z-index: 2; }
.shzmm-mback svg { width: 15px; height: 15px; }
.shzmm-mhead { display: flex; align-items: center; gap: 11px; padding: 14px 16px 2px; }
.shzmm-mhead .tile { width: 38px; height: 38px; border-radius: 10px; background: #fdeef0;
  color: #c8102e; display: grid; place-items: center; flex: none; }
.shzmm-mhead .tile svg { width: 21px; height: 21px; }
.shzmm-mhead h4 { margin: 0 !important; font-size: 15.5px !important; font-weight: 800 !important; color: #26292f !important; }
.shzmm-msec { padding: 11px 0 2px; }
.shzmm-msec h5 { margin: 0 0 9px !important; padding: 0 16px; font-size: 12.5px !important;
  font-weight: 600 !important; color: #26292f !important; display: flex; align-items: center; gap: 7px; }
.shzmm-msec h5 b { color: #c8102e; font-weight: 800; }
.shzmm-mrow { display: flex; gap: 8px; overflow-x: auto; padding: 2px 16px 9px;
  touch-action: pan-x; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.shzmm-mrow::-webkit-scrollbar { display: none; }
.shzmm-mrow .shzmm-card { flex: 0 0 auto; min-width: 110px; }
.shzmm-mall { padding: 8px 16px 24px; }
.shzmm-mall a { display: flex; align-items: center; justify-content: center; gap: 8px;
  font-size: 13px; font-weight: 800; color: #fff !important; background: #c8102e;
  border-radius: 12px; padding: 13px; }
.shzmm-mall a svg { width: 15px; height: 15px; }

@media (max-width: 900px) {
  .shzmm { grid-template-columns: 1fr; }
  .shzmm-rail { display: flex; overflow-x: auto; border-left: 0; border-bottom: 1px solid #e9eaef; }
  .shzmm-rail button { width: auto; flex: none; }
  .shzmm-rail button.on::before { display: none; }
}

/* ─── سخت‌سازی نمایش: مخفی‌شدن محتوای پنل تحت هر شرایطی ممنوع ─── */
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-panel,
html.shzmm-on .bk_menu.bk_vertical_menu.level .bakala > ul > li > .bakala-tab-menu-items .shzmm .shzmm-panel {
  display: block !important; visibility: visible !important; opacity: 1 !important; }
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-sec,
html.shzmm-on .bk_menu.bk_vertical_menu.level .bakala > ul > li > .bakala-tab-menu-items .shzmm .shzmm-sec {
  display: block !important; visibility: visible !important; opacity: 1 !important; }
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-cards,
html.shzmm-on .bk_menu.bk_vertical_menu.level .bakala > ul > li > .bakala-tab-menu-items .shzmm .shzmm-cards {
  display: grid !important; visibility: visible !important; opacity: 1 !important; }
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-head,
html.shzmm-on .bk_menu.bk_vertical_menu.level .bakala > ul > li > .bakala-tab-menu-items .shzmm .shzmm-head {
  display: flex !important; visibility: visible !important; opacity: 1 !important; }
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-card,
html.shzmm-on .bk_menu.bk_vertical_menu.level .bakala > ul > li > .bakala-tab-menu-items .shzmm a.shzmm-card {
  visibility: visible !important; opacity: 1 !important; transform: none; }
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-sec h3 {
  display: flex !important; visibility: visible !important; opacity: 1 !important; }

/* جعبهٔ عیب‌یابی (فقط با ?shzmm_debug=1) */
.shzmm-debug { position: fixed; top: 70px; left: 12px; z-index: 2147483647; direction: ltr;
  background: #111; color: #7CFC00; font: 11px/1.6 monospace; padding: 10px 12px;
  border-radius: 8px; max-width: 560px; max-height: 70vh; overflow: auto; white-space: pre-wrap; }
.shzmm-debug-menu { position: fixed; top: 70px; right: 12px; z-index: 2147483646;
  width: min(1100px, 70vw); height: 600px; background: #f6f7f9; border: 3px solid #c8102e;
  border-radius: 12px; overflow: hidden; box-shadow: 0 30px 60px rgba(0,0,0,.35); }

/* ─── آیتم‌های دستهٔ ریل به‌صورت لینک واقعی (هاور=پیش‌نمایش، کلیک=صفحهٔ دسته) ─── */
.shzmm-rail a.shzmm-catlink { display: flex; align-items: center; gap: 12px; width: 100%;
  font-size: 14px; font-weight: 600; color: #26292f; padding: 13px 18px; position: relative;
  cursor: pointer; transition: background .15s, color .15s; }
.shzmm-rail a.shzmm-catlink svg { width: 20px; height: 20px; color: #9aa0ae; flex: none;
  transition: color .18s, transform .22s cubic-bezier(.2, .8, .25, 1); }
.shzmm-rail a.shzmm-catlink:hover { background: #f6f7f9; }
.shzmm-rail a.shzmm-catlink:hover svg:first-child { color: #c8102e; transform: scale(1.12); }
.shzmm-rail a.shzmm-catlink.on { background: linear-gradient(270deg, #f6f7f9, #fdf3f4); color: #c8102e; font-weight: 800; }
.shzmm-rail a.shzmm-catlink.on svg { color: #c8102e; }
.shzmm-rail a.shzmm-catlink.on::before { content: ''; position: absolute; right: 0; top: 8px; bottom: 8px;
  width: 3.5px; border-radius: 99px; background: linear-gradient(180deg, #e8455f, #c8102e);
  animation: shzmm-bar .28s cubic-bezier(.2, .8, .25, 1); }
.shzmm-rail a.shzmm-catlink:focus-visible { outline: 2px solid #c8102e; outline-offset: -2px; border-radius: 8px; }
/* قوی‌تر از ریست عمومی لینک‌ها و قوانین قالب */
html.shzmm-on .bakala-tab-menu-items .shzmm a.shzmm-catlink,
html.shzmm-on .bk_menu.bk_vertical_menu.level .shzmm a.shzmm-catlink,
html.shzmm-on .navbar-primary .bk_menu.bk_vertical_menu.level .shzmm a.shzmm-catlink {
  display: flex !important; width: 100% !important; padding: 13px 18px !important;
  font-weight: 600 !important; color: #26292f !important; }
html.shzmm-on .bakala-tab-menu-items .shzmm a.shzmm-catlink.on,
html.shzmm-on .bk_menu.bk_vertical_menu.level .shzmm a.shzmm-catlink.on,
html.shzmm-on .navbar-primary .bk_menu.bk_vertical_menu.level .shzmm a.shzmm-catlink.on {
  font-weight: 800 !important; color: #c8102e !important; }
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-rail a.shzmm-catlink svg {
  width: 20px !important; height: 20px !important; margin: 0 !important; }

/* ─── نمای گروه: کاشی‌های زیردسته + جزئیات زیردستهٔ فعال ─── */
.shzmm-cards.catgrid { grid-template-columns: repeat(auto-fill, minmax(158px, 1fr)); }
.shzmm-card.cat { flex-direction: row; justify-content: flex-start; text-align: right;
  gap: 10px; padding: 11px 14px; }
.shzmm-card.cat svg.ci { width: 20px; height: 20px; color: #c8102e; flex: none; }
.shzmm-card.cat .nm { font-size: 13px; }
.shzmm-card.cat.on { border-color: #c8102e; background: #fdf3f4; }
.shzmm-subhead { display: flex; align-items: center; gap: 9px; margin: 4px 0 13px;
  padding-top: 15px; border-top: 1px dashed #e2e4ea; font-weight: 800; font-size: 15px; color: #26292f; }
.shzmm-subhead svg { width: 19px; height: 19px; color: #c8102e; flex: none; }
.shzmm-subhead .shzmm-viewall.mini { margin-right: auto; padding: 5px 13px !important; font-size: 11.5px; }
/* قوی‌تر از قوانین قالب برای کاشی‌ها */
html.shzmm-on .bakala-tab-menu-items .shzmm a.shzmm-card.cat,
html.shzmm-on .bk_menu.bk_vertical_menu.level .shzmm a.shzmm-card.cat,
html.shzmm-on .navbar-primary .bk_menu.bk_vertical_menu.level .shzmm a.shzmm-card.cat {
  display: flex !important; flex-direction: row !important; padding: 11px 14px !important; }
html.shzmm-on .bakala-tab-menu-items .shzmm a.shzmm-card.cat svg.ci {
  width: 20px !important; height: 20px !important; margin: 0 !important; }
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-subhead svg {
  width: 19px !important; height: 19px !important; margin: 0 !important; }
html.shzmm-on .bakala-tab-menu-items .shzmm .shzmm-subhead a.shzmm-viewall.mini {
  padding: 5px 13px !important; }