/* Mega menu (Produk) — desktop only; mobile meanmenu falls back to a plain list */
.main-nav nav .navbar-nav .nav-item.am-mega-parent{position:static}
.main-nav nav .navbar{position:relative}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega{display:grid!important;grid-template-columns:minmax(260px,1fr) repeat(var(--am-mega-cols,2),minmax(0,1fr));grid-template-rows:repeat(var(--am-mega-rows,3),auto);gap:8px 18px;position:absolute;left:0;right:0;top:100%;width:auto;max-width:1120px;margin:0 auto!important;padding:18px!important;border-radius:24px;background:#fff!important;box-shadow:0 24px 60px rgba(31,12,58,.16);border:1px solid #eee8f5;transform:translateY(10px)!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s}
.main-nav nav .navbar-nav .nav-item.am-mega-parent:hover>.dropdown-menu.am-mega,.main-nav nav .navbar-nav .nav-item.am-mega-parent:focus-within>.dropdown-menu.am-mega{opacity:1;visibility:visible;pointer-events:auto;transform:none!important}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega::before{content:"";position:absolute;left:0;right:0;top:-26px;height:26px}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega li{border:0!important;margin:0}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega .am-mega-intro{grid-column:1;grid-row:1/-1;display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:30px 28px;border-radius:18px;background:#2a0a4f;color:#fff}
.main-nav .am-mega .am-mega-intro strong{display:block;font-size:24px;line-height:1.25;font-weight:700;color:#fff;letter-spacing:-.01em}
.main-nav .am-mega .am-mega-intro p{margin:14px 0 0;color:#dcd2ec;font-size:15px;line-height:1.6}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega .am-mega-intro a.am-mega-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:14px 18px!important;border-radius:14px;background:#fff;color:#330065!important;font-size:15px;font-weight:700;text-transform:none;transition:transform .2s ease}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega .am-mega-intro a.am-mega-cta::before{display:none}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega .am-mega-intro a.am-mega-cta:hover{transform:translateX(3px);padding-left:18px!important;color:#330065!important}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega .am-mega-intro a.am-mega-cta i{float:none;top:0;font-size:20px;color:#330065}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega li a.am-mega-link{display:flex;align-items:center;gap:16px;margin:0;padding:16px!important;border-radius:16px;color:#1c1530!important;background:transparent!important;font-weight:600;text-transform:none;transition:background-color .2s ease}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega li a.am-mega-link::before{display:none}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega li a.am-mega-link:hover,.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega li a.am-mega-link:focus-visible,.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega li a.am-mega-link.active{background:#f6f2fb!important;color:#1c1530!important;padding-left:16px!important}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega li a.am-mega-link:focus-visible{outline:3px solid #8d6cc4;outline-offset:2px}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega a span{margin:0;top:auto;position:static;font-size:inherit;color:inherit;line-height:inherit}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega a span.am-mega-icon{flex:0 0 auto;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#f3edfa;box-shadow:inset 0 0 0 1px #e7def3}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega .am-mega-icon i{float:none;top:0;font-size:24px;line-height:1;color:#5b2aa6!important}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega .am-mega-all a span.am-mega-icon{background:#2a0a4f;box-shadow:none}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega .am-mega-all .am-mega-icon i{color:#fff!important}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega a span.am-mega-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega a span.am-mega-title{font-size:17px;font-weight:700;line-height:1.3;color:#1c1530}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega a span.am-mega-desc{font-size:14px;font-weight:400;line-height:1.45;color:#6d6580;text-transform:none}
@media (max-width:1199px){.main-nav .am-mega .am-mega-intro strong{font-size:20px}.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega{grid-template-columns:minmax(220px,.9fr) repeat(var(--am-mega-cols,2),minmax(0,1fr))}}
/* Mobile meanmenu clone: keep the simple list */
.mean-container .am-mega-heading,.mean-container .am-mega-intro,.mean-container .am-mega-icon,.mean-container .am-mega-desc,.mean-container .am-mega-all{display:none!important}
.mean-container .am-mega-text,.mean-container .am-mega-title{display:inline;font-size:inherit;font-weight:inherit;color:inherit}
@media (prefers-reduced-motion:reduce){.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega,.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega a{transition:none}}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega a span.am-mega-icon-image{overflow:hidden;padding:6px;background:#fff;box-shadow:inset 0 0 0 1px #e7def3}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega a span.am-mega-icon-image img{display:block;width:100%;height:100%;object-fit:contain}
/* Grouped / 3-column mega menu */
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega .am-mega-heading{grid-column:2/-1;display:flex;align-items:center;gap:12px;padding:10px 16px 0;color:#5b2aa6;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.4}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega .am-mega-heading::after{content:"";flex:1;height:1px;background:#eee8f5}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega.am-mega-cols-3{grid-template-columns:minmax(240px,.9fr) repeat(3,minmax(0,1fr));gap:2px 10px}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega.am-mega-cols-3 li a.am-mega-link{gap:12px;padding:12px!important}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega.am-mega-cols-3 li a.am-mega-link:hover,.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega.am-mega-cols-3 li a.am-mega-link:focus-visible,.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega.am-mega-cols-3 li a.am-mega-link.active{padding-left:12px!important}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega.am-mega-cols-3 a span.am-mega-icon{width:44px;height:44px;border-radius:12px}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega.am-mega-cols-3 .am-mega-icon i{font-size:21px}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega.am-mega-cols-3 a span.am-mega-title{font-size:15px}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega.am-mega-cols-3 a span.am-mega-desc{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega.am-mega-cols-3 .am-mega-intro{padding:26px 24px}
@media (max-width:1199px){.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega.am-mega-cols-3{grid-template-columns:minmax(200px,.8fr) repeat(3,minmax(0,1fr))}.main-nav nav .navbar-nav .nav-item .dropdown-menu.am-mega.am-mega-cols-3 a span.am-mega-desc{display:none}}
.main-nav .am-mega.am-mega-cols-3 .am-mega-intro strong{font-size:21px}