/* 60Hz – ظاهر بهتر فهرست (دسکتاپ و موبایل) | افزونه مدیریت یکجای دسته‌ها */
:root{--hz-accent:#ed8823;--hz-accent-soft:#fff4e8;--hz-ink:#1f2937;--hz-muted:#6b7280;--hz-line:#eef0f3;--hz-radius:14px}

/* ---------- نوار بالای دسکتاپ ---------- */
.dina-mega-menu-style-two{display:flex!important;flex-wrap:nowrap;justify-content:space-between}
.dina-mega-menu-style-two>li{float:none!important}
.dina-mega-menu-style-two>li>a{font-size:14px!important;padding:13px 8px!important;white-space:nowrap;position:relative;transition:color .2s}
.dina-mega-menu-style-two>li>a:after{content:"";position:absolute;right:8px;left:8px;bottom:4px;height:3px;border-radius:3px;background:var(--hz-accent);transform:scaleX(0);transition:transform .25s}
.dina-mega-menu-style-two>li:hover>a,.dina-mega-menu-style-two>li.current-menu-item>a,.dina-mega-menu-style-two>li.current-menu-ancestor>a{color:var(--hz-accent)!important}
.dina-mega-menu-style-two>li:hover>a:after,.dina-mega-menu-style-two>li.current-menu-ancestor>a:after{transform:scaleX(1)}
.dina-mega-menu-style-two>li>a .hz-cm-ico{display:none}

/* ---------- پنل مگامنو ---------- */
.dina-mega-menu-style-two>li>.dropdown-menu{border:0!important;border-top:3px solid var(--hz-accent)!important;border-radius:0 0 var(--hz-radius) var(--hz-radius)!important;box-shadow:0 18px 40px rgba(17,24,39,.14)!important;padding:10px 0!important;min-height:340px;background:#fff!important}
/* ستون زیرشاخه‌های اصلی (سمت راست) */
.dina-mega-menu-style-two .dropdown-menu>li.dina-menu-col>a,.dina-mega-menu-style-two .dropdown-menu>li>a{display:flex!important;align-items:center;gap:10px;font-size:13.5px!important;color:var(--hz-ink)!important;padding:9px 16px!important;margin:2px 8px;border-radius:10px;transition:background .15s,color .15s}
.dina-mega-menu-style-two .dropdown-menu>li:hover>a,.dina-mega-menu-style-two .dropdown-menu>li.dina-active-menu>a{background:var(--hz-accent-soft)!important;color:var(--hz-accent)!important;font-weight:600}
.dina-mega-menu-style-two .dropdown-menu>li.dina-active-menu>a{box-shadow:inset -3px 0 0 var(--hz-accent)}
.hz-cm-ico{width:30px;height:30px;border-radius:8px;object-fit:cover;flex:0 0 30px;background:#f3f4f6}
/* پنل شاخه‌های سطح سوم: کارت‌های مرتب در چند ستون */
.dina-mega-menu-style-two li.dina-active-menu>ul.dina-mega-menu-fw{display:grid!important}
.dina-mega-menu-style-two ul.dina-mega-menu-fw{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;align-content:start;padding:18px 22px!important;background:linear-gradient(180deg,#fff, #fcfcfd)!important}
.dina-mega-menu-style-two ul.dina-mega-menu-fw>li{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;float:none!important}
.dina-mega-menu-style-two ul.dina-mega-menu-fw>li>a{display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;border:1px solid var(--hz-line);border-radius:12px;font-size:13px!important;color:var(--hz-ink)!important;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.dina-mega-menu-style-two ul.dina-mega-menu-fw>li>a:hover{border-color:var(--hz-accent);box-shadow:0 6px 16px rgba(237,136,35,.15);transform:translateY(-1px);color:var(--hz-accent)!important}
.dina-mega-menu-style-two ul.dina-mega-menu-fw>li>a:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hz-accent);flex:0 0 6px;opacity:.7}
.dina-mega-menu-style-two ul.dina-mega-menu-fw>li>a .hz-cm-ico{display:none}
.hz-cm-count{margin-inline-start:auto;font-size:11px;line-height:1;padding:4px 7px;border-radius:20px;background:#f3f4f6;color:var(--hz-muted);font-weight:500}
.dina-mega-menu-style-two .dropdown-menu>li:hover>a .hz-cm-count{background:#fff}
/* زیرشاخهٔ بدون فرزند: پیام «مشاهده همه» */
.dina-mega-menu-style-two ul.dina-mega-menu-fw>li.hz-cm-all>a{border-style:dashed;color:var(--hz-accent)!important;justify-content:center}
.dina-mega-menu-style-two ul.dina-mega-menu-fw>li.hz-cm-all>a:before{display:none}

@media (max-width:1300px){.dina-mega-menu-style-two>li>a{font-size:13px!important;padding:13px 6px!important}.dina-mega-menu-style-two ul.dina-mega-menu-fw{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- منوی موبایل (li > span > a) ---------- */
#dina-mobile-menu-walker ul.menu{padding:6px 10px 20px!important}
#dina-mobile-menu-walker ul.menu>li{border:0!important;margin:5px 0;border-radius:12px;background:#fff;box-shadow:0 1px 0 var(--hz-line),0 0 0 1px var(--hz-line);overflow:hidden}
#dina-mobile-menu-walker ul.menu li>span{display:block;padding:0!important;margin:0!important;position:relative}
#dina-mobile-menu-walker ul.menu li>span>a{display:flex!important;align-items:center;gap:10px;font-size:14px!important;color:var(--hz-ink)!important;padding:10px 12px!important;min-height:48px;line-height:1.5}
#dina-mobile-menu-walker ul.menu li.has-sub>span>a{padding-left:46px!important}
#dina-mobile-menu-walker ul.menu li.has-sub>span:after{top:50%!important;transform:translateY(-50%);left:10px!important;border-radius:8px;background:#f3f4f6;line-height:25px;text-align:center}
#dina-mobile-menu-walker ul.menu>li>span>a{font-weight:600}
#dina-mobile-menu-walker ul.menu>li>span>a .hz-cm-ico{width:34px;height:34px;flex-basis:34px;border-radius:10px}
#dina-mobile-menu-walker ul.menu ul{background:#f9fafb!important;padding:0!important;margin:0!important}
#dina-mobile-menu-walker ul.menu ul li{border:0!important}
#dina-mobile-menu-walker ul.menu ul li>span>a{font-size:13.5px!important;font-weight:400;padding:9px 18px!important;min-height:44px;border-top:1px solid var(--hz-line)}
#dina-mobile-menu-walker ul.menu ul ul li>span>a{padding-right:30px!important;font-size:13px!important;color:#374151!important}
#dina-mobile-menu-walker ul.menu ul ul li>span>a:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--hz-accent);flex:0 0 5px}
#dina-mobile-menu-walker ul.menu li.current-menu-item>span>a,#dina-mobile-menu-walker ul.menu li.current-menu-ancestor>span>a{color:var(--hz-accent)!important}
#dina-mobile-menu-walker ul.menu ul .hz-cm-ico{display:none}
#dina-mobile-menu-walker .hz-cm-count{background:#fff;margin-inline-start:auto}
/* اگر قالب در موبایل ساختار li > a داشت */
#dina-mobile-menu-walker ul.menu li>a{display:flex;align-items:center;gap:10px}
