:root{--nnt-red:#b30000;--nnt-dark:#111827;--nnt-muted:#6b7280;--nnt-border:#e5e7eb;--nnt-bg:#f5f6f8;--nnt-card:#fff;--nnt-radius:16px;--nnt-shadow:0 10px 28px rgba(15,23,42,.08);--ipn-blue:#0756a6}
body.ipn-bloggingpro-child{margin:0;background:#fff;color:#111827;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.ipn4-site *{box-sizing:border-box}.nnt12-wrap{max-width:1180px;margin:0 auto;padding:0 16px}.ipn4-site a{text-decoration:none;color:inherit}.ipn4-site img{max-width:100%;height:auto}
/* Header mendekati struktur NNT tetapi tetap aman untuk BloggingPro */
.ipn4-topline{background:#111827;color:#fff;font-size:12px}.ipn4-topline-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}.ipn4-tagline{font-weight:800}.ipn4-date{opacity:.86}.ipn4-brand-row{min-height:166px;display:grid;grid-template-columns:1fr minmax(0,760px) 1fr;align-items:center;gap:18px;padding-top:15px;padding-bottom:15px}.ipn4-brand-center{display:flex;justify-content:center;min-width:0}.ipn4-brand-center .custom-logo-link{display:flex!important;width:100%!important;justify-content:center!important}.ipn4-brand-center .custom-logo{width:min(100%,760px)!important;max-width:none!important;max-height:136px!important;object-fit:contain!important;margin:auto!important}.ipn4-search{justify-self:end;width:min(100%,280px)}.ipn4-search form{display:flex;margin:0}.ipn4-search label{flex:1;min-width:0}.ipn4-search input[type=search]{width:100%;min-height:42px;padding:9px 12px;border:1px solid #d9dde5;border-radius:7px 0 0 7px;font-size:14px}.ipn4-search input[type=submit],.ipn4-search button{min-height:42px;border:0;border-radius:0 7px 7px 0;background:#111827;color:#fff;padding:0 14px;font-weight:800}.ipn4-main-nav{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:#fff;box-shadow:0 3px 12px rgba(15,23,42,.04)}.ipn4-nav-inner{display:flex;justify-content:center}.ipn4-primary-menu-wrap{width:100%}.ipn4-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}.ipn4-menu-list>li{position:relative}.ipn4-menu-list>li>a{display:block;padding:13px 10px;text-transform:uppercase;font-size:12px;font-weight:900}.ipn4-menu-list>li>a:hover,.ipn4-menu-list>.current-menu-item>a{color:var(--nnt-red)}.ipn4-menu-list .sub-menu{display:none;position:absolute;z-index:50;top:100%;left:0;min-width:210px;padding:7px;margin:0;list-style:none;background:#fff;border:1px solid var(--nnt-border);box-shadow:var(--nnt-shadow)}.ipn4-menu-list li:hover>.sub-menu,.ipn4-menu-list li:focus-within>.sub-menu{display:block}.ipn4-menu-list .sub-menu a{display:block;padding:9px 10px;font-size:13px;font-weight:700}.ipn4-menu-toggle{display:none;border:0;background:transparent;padding:12px 0;font-weight:900;color:#111827}
/* NNT homepage core */
.nnt12-home{padding:22px 0 38px}.nnt12-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:22px}.nnt12-card{background:#fff;border:1px solid var(--nnt-border);border-radius:var(--nnt-radius);box-shadow:var(--nnt-shadow);overflow:hidden}.nnt12-breaking{display:flex;align-items:center;gap:12px;background:var(--nnt-dark);color:#fff;padding:10px 14px;border-radius:14px;margin-bottom:16px;overflow:hidden}.nnt12-breaking strong{background:var(--nnt-red);padding:6px 10px;border-radius:999px;font-size:12px;white-space:nowrap}.nnt12-ticker{overflow:hidden;white-space:nowrap;min-width:0;flex:1}.nnt12-ticker-track{display:inline-flex;gap:34px;min-width:max-content;animation:nnt12Ticker 42s linear infinite}.nnt12-ticker-track:hover{animation-play-state:paused}.nnt12-ticker-track a{color:#fff;text-decoration:none;font-weight:700}.nnt12-ticker-track a:before{content:'•';color:#ef4444;margin-right:11px}@keyframes nnt12Ticker{to{transform:translateX(-50%)}}
.nnt12-market{display:flex;align-items:center;gap:12px;padding:10px 0;margin-bottom:16px;border-top:1px solid var(--nnt-border);border-bottom:1px solid var(--nnt-border);overflow-x:auto}.nnt12-market-title{font-weight:900;white-space:nowrap}.nnt12-market-pill{border:1px solid var(--nnt-border);border-radius:999px;padding:7px 11px;white-space:nowrap;background:#fff;font-size:13px}.nnt12-market-pill b{color:var(--nnt-red)}.nnt12-market-note{font-size:11px;color:var(--nnt-muted);white-space:nowrap}.nnt12-market-source{margin-left:auto;color:var(--nnt-red)!important;font-weight:800;white-space:nowrap;font-size:12px}.nnt13-channel-nav{display:flex;gap:12px;align-items:center;margin:0 0 16px;overflow:hidden}.nnt13-channel-nav>span{font-size:12px;font-weight:900;text-transform:uppercase;color:#6b7280}.nnt13-channel-nav>div{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.nnt13-channel-nav a{white-space:nowrap;border:1px solid var(--nnt-border);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;background:#fff}.nnt13-channel-nav a:hover{border-color:#c2c8d1;color:var(--nnt-red)}
.nnt12-slider{position:relative;height:430px;background:#0f172a}.nnt12-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.02);transition:opacity .65s ease,visibility .65s ease,transform 1.1s ease}.nnt12-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}.nnt12-slide>a,.nnt12-slide img,.nnt12-placeholder{display:block;width:100%;height:100%;object-fit:cover}.nnt12-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#0756a6,#111827);color:#fff;font-size:34px;font-weight:900}.nnt12-overlay{position:absolute;left:0;right:0;bottom:0;padding:95px 28px 27px;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#fff}.nnt12-overlay h2{font-size:32px;line-height:1.18;margin:8px 0}.nnt12-overlay h2 a{color:#fff}.nnt12-label,.nnt12-kicker{display:inline-block;background:var(--nnt-red);color:#fff;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase}.nnt12-meta{font-size:12px;color:#6b7280}.nnt12-overlay .nnt12-meta{color:#e5e7eb}.nnt12-prev,.nnt12-next,.nnt12-toggle{position:absolute;z-index:5;border:0;background:rgba(15,23,42,.76);color:#fff;cursor:pointer}.nnt12-prev,.nnt12-next{top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;font-size:28px}.nnt12-prev{left:14px}.nnt12-next{right:14px}.nnt12-toggle{right:18px;top:18px;border-radius:999px;padding:7px 10px;font-weight:900}.nnt12-dots{position:absolute;z-index:5;right:18px;bottom:18px;display:flex;gap:7px}.nnt12-dot{width:9px;height:9px;border:0;border-radius:50%;background:rgba(255,255,255,.5);padding:0;cursor:pointer}.nnt12-dot.is-active{background:#fff;transform:scale(1.25)}
.nnt12-section{margin-top:22px}.nnt12-section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--nnt-dark);margin-bottom:13px}.nnt12-section-head h2{margin:0;background:var(--nnt-dark);color:#fff;font-size:20px;padding:9px 13px;border-radius:10px 10px 0 0}.nnt12-section-head a{color:var(--nnt-red)!important;font-weight:800;font-size:13px}.nnt12-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.nnt12-post-body{padding:12px}.nnt12-thumb{display:block;height:155px;overflow:hidden;background:#e5e7eb}.nnt12-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.nnt12-thumb:hover img{transform:scale(1.04)}.nnt12-post h3{font-size:17px;line-height:1.3;margin:9px 0 6px}.nnt12-post h3 a,.nnt12-list a{color:#111}.nnt12-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ipn4-regional-grid{grid-template-columns:repeat(3,1fr)}.nnt12-channel{padding:14px}.nnt12-list{display:grid;gap:12px}.nnt12-list article{display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:center;border-bottom:1px solid var(--nnt-border);padding-bottom:10px}.nnt12-list article:last-child{border-bottom:0}.nnt12-list .nnt12-thumb{height:65px;border-radius:10px}.nnt12-list h4{font-size:14px;line-height:1.3;margin:0 0 4px}.nnt12-sidebar{display:grid;gap:18px;align-content:start}.nnt12-widget{padding:16px}.nnt12-widget h3{margin:0 0 13px;font-size:18px;border-left:5px solid var(--nnt-red);padding-left:9px}.nnt12-popular-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.nnt12-popular-head div{display:flex;gap:5px}.nnt12-popular-head button{border:1px solid var(--nnt-border);background:#fff;padding:5px 8px;border-radius:999px;font-size:11px;cursor:pointer}.nnt12-popular-head button.is-active{background:var(--nnt-dark);color:#fff}.nnt12-popular{counter-reset:nnt12pop;display:none;gap:11px}.nnt12-popular.is-active{display:grid}.nnt12-popular article{counter-increment:nnt12pop;display:grid;grid-template-columns:34px 1fr auto;gap:9px;border-bottom:1px solid var(--nnt-border);padding-bottom:11px;align-items:start}.nnt12-popular article:before{content:counter(nnt12pop);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--nnt-dark);color:#fff;font-weight:900}.nnt12-popular a{color:#111;font-weight:800;line-height:1.25}.nnt12-popular span{font-size:10px;color:var(--nnt-muted)}.nnt12-editor-choice ol{margin:0;padding-left:24px}.nnt12-editor-choice li{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.08)}.nnt12-editor-choice li:last-child{border-bottom:0}.nnt12-editor-choice a{font-weight:700}.nnt12-live-frame{position:relative;padding-top:56.25%;background:#000;border-radius:12px;overflow:hidden}.nnt12-live-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.nnt12-btn{display:inline-flex;margin-top:10px;background:var(--nnt-red);color:#fff!important;padding:8px 13px;border-radius:999px;font-weight:800}
/* Video */.ipn4-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ipn4-video-card{overflow:hidden}.ipn4-video-frame{position:relative;padding-top:56.25%;background:#000}.ipn4-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* Banner */.ipn4-site .ipn-ad-slot{width:min(calc(100% - 32px),1120px);margin:16px auto;text-align:center;overflow:hidden}.ipn4-site .ipn-ad-slot img,.ipn4-site .ipn-ad-slot iframe{max-width:100%!important;height:auto}.ipn4-site .ipn-ad-slot:empty{display:none}
/* Footer */.ipn4-footer{background:#0c1421;color:#d8e0ea;margin-top:34px}.ipn4-footer-accent{height:4px;background:linear-gradient(90deg,var(--nnt-red),#0756a6)}.ipn4-footer-grid{display:grid;grid-template-columns:1.55fr 1fr .8fr;gap:36px;padding:38px 0}.ipn4-footer-logo .custom-logo{max-width:420px!important;max-height:92px!important;object-fit:contain}.ipn4-footer-tagline{font-weight:900;color:#fff}.ipn4-footer h2{font-size:17px;color:#fff;margin:0 0 12px}.ipn4-footer p{font-size:13px;line-height:1.65;color:#c5cfdb}.ipn4-footer a:hover{color:#fff}.ipn4-footer-menu{list-style:none;margin:0;padding:0}.ipn4-footer-menu li{margin:7px 0;font-size:13px}.ipn4-footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.12);padding:13px 0 16px;font-size:12px;color:#99a7b8}
/* Reader comfort dipertahankan */.single-post .entry-content,.single-post .post-content,.page .entry-content{font-size:18px!important;line-height:1.82!important}.single-post .entry-header,.single-post .entry-content,.single-post .entry-footer,.page .entry-header,.page .entry-content,.page .entry-footer{max-width:820px;margin-left:auto;margin-right:auto}
@media(max-width:1080px){.ipn4-brand-row{grid-template-columns:160px minmax(0,680px) 230px}.ipn4-brand-center .custom-logo{width:min(100%,680px)!important}.ipn4-regional-grid{grid-template-columns:1fr 1fr}.ipn4-regional-grid>.nnt12-channel:last-child{grid-column:1/-1}}
@media(max-width:980px){.nnt12-grid{grid-template-columns:1fr}.nnt12-post-grid{grid-template-columns:repeat(2,1fr)}.ipn4-brand-row{grid-template-columns:1fr;gap:10px;min-height:auto;padding-top:12px;padding-bottom:13px}.ipn4-brand-side{display:none}.ipn4-search{justify-self:center;width:min(100%,560px)}.ipn4-brand-center .custom-logo{width:min(100%,720px)!important;max-height:125px!important}.ipn4-regional-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.nnt12-wrap{padding:0 10px}.ipn4-topline-inner{justify-content:center;text-align:center;min-height:32px}.ipn4-date{display:none}.ipn4-brand-center .custom-logo{width:min(96vw,560px)!important;max-height:105px!important}.ipn4-search{width:100%}.ipn4-nav-inner{display:block}.ipn4-menu-toggle{display:flex!important;width:100%;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 12px;border-radius:0;background:#111827!important;color:#fff!important;font-size:14px;letter-spacing:.04em}.ipn4-primary-menu-wrap{display:block;width:100%}.ipn4-js-menu .ipn4-primary-menu-wrap{display:none}.ipn4-js-menu .ipn4-primary-menu-wrap.is-open{display:block}.ipn4-menu-list{display:block!important;width:100%!important;background:#fff;margin:0!important;padding:0!important}.ipn4-menu-list>li>a{padding:11px 2px;border-top:1px solid var(--nnt-border)}.ipn4-menu-list .sub-menu{position:static;display:block!important;box-shadow:none;border:0;padding:0 0 0 12px}.nnt12-home{padding-top:14px}.nnt12-slider{height:310px}.nnt12-overlay{padding:70px 18px 20px}.nnt12-overlay h2{font-size:22px}.nnt12-category-grid,.ipn4-regional-grid,.ipn4-video-grid{grid-template-columns:1fr}.ipn4-regional-grid>.nnt12-channel:last-child{grid-column:auto}.nnt12-market-source{margin-left:0}.nnt12-post-grid{grid-template-columns:1fr}.nnt12-thumb{height:205px}.nnt12-popular-head{align-items:flex-start}.ipn4-footer-grid{grid-template-columns:1fr;gap:22px}.ipn4-footer-bottom{flex-direction:column}.single-post .entry-content,.single-post .post-content,.page .entry-content{font-size:17px!important;line-height:1.78!important}}

@media(max-width:768px){
 .ipn4-main-nav{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:9999!important}
 .ipn4-main-nav .nnt12-wrap{width:100%!important;max-width:none!important;padding-left:10px!important;padding-right:10px!important}
 .ipn4-menu-list li{display:block!important;width:100%!important;margin:0!important}
 .ipn4-menu-list>li>a{display:block!important;width:100%!important;padding:12px 10px!important;border-top:1px solid var(--nnt-border)!important;color:#111827!important;background:#fff!important;text-align:left!important;font-size:13px!important}
 .ipn4-menu-list>li:first-child>a{border-top:0!important}
 .ipn4-menu-list .sub-menu{display:block!important;position:static!important;width:100%!important;min-width:0!important;margin:0!important;padding:0 0 0 16px!important;box-shadow:none!important;border:0!important;background:#f8fafc!important}
 .ipn4-menu-list .sub-menu li a{display:block!important;padding:10px!important;color:#334155!important}
 .ipn4-primary-menu-wrap.is-open{max-height:75vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--nnt-border)}
 .ipn4-menu-toggle[aria-expanded="true"]{background:var(--nnt-red)!important}
}
@media(max-width:480px){.ipn4-brand-center .custom-logo{width:96vw!important;max-height:90px!important}.nnt12-slider{height:280px}.nnt12-overlay h2{font-size:20px}.nnt12-breaking{border-radius:10px;padding:8px 9px}.nnt12-breaking strong{font-size:10px;padding:5px 8px}.nnt12-section-head h2{font-size:18px}.nnt12-card{border-radius:12px}.ipn4-footer-logo .custom-logo{max-width:90vw!important}}
@media(prefers-reduced-motion:reduce){.nnt12-ticker-track{animation:none}.nnt12-slide{transition:none}}


/* === v4.2 Mobile Navigation Pro === */
.ipn4-mobile-navhead{display:none}
@media(max-width:768px){
  .ipn4-main-nav{background:#0f1b31;border-top:0;border-bottom:0;box-shadow:none;position:relative;z-index:100}
  .ipn4-nav-inner{display:block!important;width:min(calc(100% - 20px),1240px)!important;margin:0 auto!important}
  .ipn4-mobile-navhead{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:52px;color:#fff}
  .ipn4-mobile-home,.ipn4-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:auto!important;min-height:38px!important;margin:0!important;padding:8px 12px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;line-height:1!important;letter-spacing:.02em;text-decoration:none!important;box-shadow:none!important}
  .ipn4-mobile-home:hover,.ipn4-menu-toggle:hover{background:rgba(255,255,255,.14)!important;color:#fff!important}
  .ipn4-mobile-navtitle{text-align:center;font-size:12px;font-weight:900;letter-spacing:.12em;color:rgba(255,255,255,.78)}
  .ipn4-menu-toggle[aria-expanded="true"]{background:#d61b24!important;border-color:#d61b24!important}

  /* hidden only when JS is active; no-JS remains usable */
  .ipn4-primary-menu-wrap{display:block;width:100%;background:#fff;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 14px 28px rgba(15,27,49,.18)}
  .ipn4-js-menu .ipn4-primary-menu-wrap{display:none}
  .ipn4-js-menu .ipn4-primary-menu-wrap.is-open{display:block;animation:ipn4MenuDrop .16s ease-out}
  @keyframes ipn4MenuDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
  .ipn4-menu-list{display:grid!important;grid-template-columns:1fr 1fr;width:100%!important;background:#fff!important;margin:0!important;padding:8px!important;gap:2px 8px!important}
  .ipn4-menu-list>li{min-width:0;border:0!important}
  .ipn4-menu-list>li>a{display:flex!important;align-items:center;min-height:42px;padding:9px 10px!important;border:0!important;border-radius:8px;color:#14213a!important;background:#fff;font-size:12px!important;font-weight:800!important;line-height:1.3;text-transform:none!important;white-space:normal;overflow-wrap:anywhere}
  .ipn4-menu-list>li>a:hover,.ipn4-menu-list>.current-menu-item>a,.ipn4-menu-list>.current-menu-ancestor>a{background:#f3f6fa!important;color:#d61b24!important}
  .ipn4-menu-list .sub-menu{grid-column:1/-1;position:static!important;display:block!important;margin:0!important;padding:2px 0 4px 10px!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .ipn4-menu-list .sub-menu li{display:block}
  .ipn4-menu-list .sub-menu a{padding:8px 10px!important;border-radius:7px;font-size:12px!important;color:#596579!important;background:#f8fafc}
}
@media(max-width:430px){
  .ipn4-nav-inner{width:calc(100% - 16px)!important}
  .ipn4-mobile-navhead{grid-template-columns:auto 1fr auto;gap:6px;min-height:50px}
  .ipn4-mobile-home,.ipn4-menu-toggle{padding:8px 10px!important;font-size:11px!important;border-radius:9px!important}
  .ipn4-mobile-navtitle{font-size:10px;letter-spacing:.08em}
  .ipn4-menu-list{grid-template-columns:1fr!important;padding:7px!important}
  .ipn4-menu-list>li>a{min-height:40px}
}


/* === v4.3 Unified Menu: tampilan sama di HP, tablet, laptop, PC === */
.ipn4-mobile-navhead,
.ipn4-menu-toggle,
.ipn4-mobile-home,
.ipn4-mobile-navtitle{display:none!important}

.ipn4-main-nav{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  background:#fff!important;
  border-top:1px solid #e5e7eb!important;
  border-bottom:1px solid #e5e7eb!important;
  box-shadow:0 3px 12px rgba(15,23,42,.04)!important;
  position:relative!important;
  z-index:100!important;
}
.ipn4-nav-inner{
  display:block!important;
  width:min(calc(100% - 24px),1180px)!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
}
.ipn4-primary-menu-wrap,
.ipn4-js-menu .ipn4-primary-menu-wrap,
.ipn4-js-menu .ipn4-primary-menu-wrap.is-open{
  display:block!important;
  width:100%!important;
  max-height:none!important;
  overflow:visible!important;
  background:#fff!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.ipn4-menu-list{
  list-style:none!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  width:max-content!important;
  min-width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
}
.ipn4-menu-list>li{
  display:block!important;
  width:auto!important;
  flex:0 0 auto!important;
  position:relative!important;
  margin:0!important;
  border:0!important;
}
.ipn4-menu-list>li>a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-height:46px!important;
  padding:13px 10px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111827!important;
  text-align:center!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.1!important;
}
.ipn4-menu-list>li>a:hover,
.ipn4-menu-list>.current-menu-item>a,
.ipn4-menu-list>.current-menu-ancestor>a{
  color:var(--nnt-red)!important;
  background:#fff!important;
}
.ipn4-menu-list .sub-menu{
  display:none!important;
  position:absolute!important;
  z-index:1000!important;
  top:100%!important;
  left:0!important;
  width:auto!important;
  min-width:210px!important;
  margin:0!important;
  padding:7px!important;
  list-style:none!important;
  background:#fff!important;
  border:1px solid var(--nnt-border)!important;
  border-radius:10px!important;
  box-shadow:var(--nnt-shadow)!important;
}
.ipn4-menu-list li:hover>.sub-menu,
.ipn4-menu-list li:focus-within>.sub-menu{display:block!important}
.ipn4-menu-list .sub-menu li{display:block!important;width:100%!important}
.ipn4-menu-list .sub-menu a{
  display:block!important;
  padding:9px 10px!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:13px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

@media(max-width:768px){
  .ipn4-main-nav{background:#fff!important}
  .ipn4-nav-inner{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin;
    overscroll-behavior-x:contain;
  }
  .ipn4-nav-inner::-webkit-scrollbar{height:3px}
  .ipn4-primary-menu-wrap,
  .ipn4-js-menu .ipn4-primary-menu-wrap,
  .ipn4-js-menu .ipn4-primary-menu-wrap.is-open{
    display:block!important;
    width:max-content!important;
    min-width:100%!important;
    overflow:visible!important;
  }
  .ipn4-menu-list{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    width:max-content!important;
    min-width:100%!important;
    padding:0 8px!important;
    gap:0!important;
  }
  .ipn4-menu-list>li{width:auto!important;flex:0 0 auto!important}
  .ipn4-menu-list>li>a{
    min-height:44px!important;
    padding:12px 11px!important;
    border:0!important;
    font-size:11.5px!important;
    white-space:nowrap!important;
    text-transform:uppercase!important;
  }
  /* submenu pada HP ditampilkan sebagai item horizontal setelah parent agar tidak tertutup overflow */
  .ipn4-menu-list .sub-menu{display:none!important}
}

@media(max-width:430px){
  .ipn4-menu-list>li>a{padding:11px 9px!important;font-size:11px!important}
}