/* Mega menu — Duy Anh Web. Mở bằng :hover / :focus-within; luật theo mốc màn rộng nằm trong khối CSS sinh từ cài đặt. */
.dawp-mm-on{position:relative}
.dawp-mm-panel{position:absolute;top:100%;left:0;z-index:9990;box-sizing:border-box;max-width:96vw;padding:var(--dawp-mm-pad,20px 24px);
  background:var(--dawp-mm-bg,#fff);color:var(--dawp-mm-color,#333);text-align:left;white-space:normal;
  box-shadow:0 12px 30px rgba(0,0,0,.12);border-radius:0 0 6px 6px;
  visibility:hidden;opacity:0;pointer-events:none;transform:translateY(6px);
  transition:opacity .15s ease var(--dawp-mm-delay,300ms),transform .15s ease var(--dawp-mm-delay,300ms),visibility 0s linear calc(var(--dawp-mm-delay,300ms) + .15s)}
.dawp-mm-js .dawp-mm-panel{transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}
.dawp-mm-on:hover>.dawp-mm-panel,.dawp-mm-on:focus-within>.dawp-mm-panel,.dawp-mm-open>.dawp-mm-panel{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition-delay:0s}
.dawp-mm-closed>.dawp-mm-panel{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.dawp-mm-panel-flyout{width:calc(var(--dawp-mm-colw,220px) * var(--dawp-mm-n,4) + var(--dawp-mm-gap,28px) * (var(--dawp-mm-n,4) - 1) + 48px)}
.dawp-mm-panel-mega{width:1200px}
.dawp-mm-c1{--dawp-mm-n:1}.dawp-mm-c2{--dawp-mm-n:2}.dawp-mm-c3{--dawp-mm-n:3}.dawp-mm-c4{--dawp-mm-n:4}.dawp-mm-c5{--dawp-mm-n:5}.dawp-mm-c6{--dawp-mm-n:6}
.dawp-mm-body{display:flex;gap:var(--dawp-mm-gap,28px);align-items:flex-start}
.dawp-mm-cols{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(var(--dawp-mm-n,4),minmax(0,1fr));gap:18px var(--dawp-mm-gap,28px)}
.dawp-mm-panel .dawp-mm-group,.dawp-mm-panel .dawp-mm-cat{margin:0 0 14px}
.dawp-mm-panel .dawp-mm-head{display:block;margin:0 0 6px;font-weight:700;font-size:14px;line-height:1.4;text-transform:none;color:inherit}
.dawp-mm-panel .dawp-mm-links{list-style:none;margin:0;padding:0}
.dawp-mm-panel .dawp-mm-links li{display:block;float:none;margin:0;padding:0;list-style:none}
.dawp-mm-panel a{color:inherit;text-decoration:none}
.dawp-mm-panel .dawp-mm-link{display:block;padding:4px 0;font-size:14px;line-height:1.4;font-weight:400;text-transform:none;opacity:.85}
.dawp-mm-panel a:hover,.dawp-mm-panel a:focus{opacity:1;text-decoration:underline}
.dawp-mm-panel .dawp-mm-cat{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:14px;line-height:1.3}
.dawp-mm-cat-img{width:100%;max-width:120px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px}
.dawp-mm-banner{flex:0 0 var(--dawp-mm-banner,240px);display:block}
.dawp-mm-banner-img{display:block;width:100%;height:auto;border-radius:6px}
.dawp-mm-html{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}
.dawp-mm-icon{display:inline-block;margin-right:6px;vertical-align:middle}
img.dawp-mm-icon-img{width:20px;height:20px;object-fit:contain}
[class*="vertical"]>li.dawp-mm-on>.dawp-mm-panel{top:0;left:100%}
.nav-sidebar .dawp-mm-panel,.mobile-sidebar .dawp-mm-panel,.off-canvas .dawp-mm-panel{display:none!important}
@media (prefers-reduced-motion:reduce){.dawp-mm-panel{transition:none!important;transform:none}}