.mlaiPD-trigger{
  --mlaiPD-navy-950:#06141f;
  --mlaiPD-navy-900:#0a2338;
  --mlaiPD-navy-800:#0d3355;
  --mlaiPD-cyan:#25c9e0;
  --mlaiPD-cyan-dim:#1aa5b8;
  --mlaiPD-ink:#0e2036;
  --mlaiPD-ink-faint:#8a99a8;
  --mlaiPD-line:rgba(14,32,54,.09);
  --mlaiPD-line-soft:rgba(14,32,54,.06);
  --mlaiPD-paper:#ffffff;
  --mlaiPD-paper-soft:#f5f8fb;
  --mlaiPD-shadow-lg:0 30px 70px -18px rgba(6,20,31,.35), 0 6px 18px -6px rgba(6,20,31,.12);
  --mlaiPD-ease:cubic-bezier(.22,1,.36,1);
  --mlaiPD-font-d:'Plus Jakarta Sans',sans-serif;
  --mlaiPD-font-b:'Inter',sans-serif;

  position:relative;
}

/* Panel — fixed under the header. Adjust the "top" value below to match
   your header's real height (currently set for a ~78px tall header). */
.mlaiPD-panel{
  position:fixed;top:78px;left:50%;transform:translate(-50%,10px);
  width:min(1455px,94vw);
  max-height:calc(100vh - 100px);overflow-y:auto;
  background:var(--mlaiPD-paper);border-radius:18px;
  box-shadow:var(--mlaiPD-shadow-lg);
  border:1px solid var(--mlaiPD-line-soft);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .3s var(--mlaiPD-ease),transform .3s var(--mlaiPD-ease),visibility .3s;
  z-index:1000;
  font-family:var(--mlaiPD-font-b);
}
/* .mlaiPD-trigger .mlaiPD-panel,
.mlaiPD-trigger.mlaiPD-open .mlaiPD-panel{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);
} */
.mlaiPD-trigger.mlaiPD-open .mlaiPD-panel{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);
}
.mlaiPD-grid{
  display:grid;grid-template-columns:repeat(5,1fr);
  padding:26px 8px;
}
.mlaiPD-col{
  padding:0 20px;border-left:1px solid var(--mlaiPD-line);
}
.mlaiPD-col:first-child{border-left:none}

.mlaiPD-col-head{
  display:flex;align-items:center;gap:9px;margin-bottom:16px;
}
.mlaiPD-col-head svg{width:19px;height:19px;fill:none;stroke:var(--mlaiPD-cyan-dim);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.mlaiPD-col-title{
  font-family:var(--mlaiPD-font-d);font-size:12.5px;font-weight:700;letter-spacing:.02em;
  color:var(--mlaiPD-navy-900);line-height:1.25;
}

.mlaiPD-list{display:flex;flex-direction:column;gap:1px}
.mlaiPD-item{
  position:relative;display:flex;flex-direction:column;gap:2px;
  padding:9px 10px;border-radius:9px;text-decoration:none;margin:0 -10px;
  transition:background .22s var(--mlaiPD-ease);
}
.mlaiPD-item:hover{background:var(--mlaiPD-paper-soft)}
.mlaiPD-item-name{
  display:flex;align-items:center;gap:6px;
  font-family:var(--mlaiPD-font-b);font-size:13.3px;font-weight:600;color:var(--mlaiPD-ink);
  transition:color .22s var(--mlaiPD-ease);
}
.mlaiPD-item:hover .mlaiPD-item-name{color:#297ebe;}
.mlaiPD-item-arrow svg{width:12px;height:12px;stroke:var(--mlaiPD-cyan);opacity:0;transform:translateX(-4px);transition:all .22s var(--mlaiPD-ease)}
.mlaiPD-item:hover .mlaiPD-item-arrow svg{opacity:1;transform:translateX(0)}
.mlaiPD-item-tag{
  font-size:11.3px;color:var(--mlaiPD-ink-faint);font-weight:400;line-height:1.4;padding-top: 5px;
}

/* Floating hover-preview tooltip */
.mlaiPD-tooltip{
  position:fixed;z-index:1200;width:216px;
  background:#cccccc;border-radius:14px;overflow:hidden;
  box-shadow:var(--mlaiPD-shadow-lg);border:1px solid var(--mlaiPD-line-soft);
  opacity:0;transform:translateY(6px) scale(.96);
  transition:opacity .22s var(--mlaiPD-ease),transform .22s var(--mlaiPD-ease);
  pointer-events:none;
}
.mlaiPD-tooltip.mlaiPD-show{opacity:1;transform:translateY(0) scale(1)}
.mlaiPD-tooltip-imgwrap{width:100%;height:195px;background:linear-gradient(135deg,var(--mlaiPD-navy-900),var(--mlaiPD-navy-800));overflow:hidden}
.mlaiPD-tooltip-imgwrap img{width:100%;height:100%;object-fit:cover;display:block}
.mlaiPD-tooltip-label{
  padding:11px 13px;font-family:var(--mlaiPD-font-d);font-size:12.6px;font-weight:700;color:var(--mlaiPD-ink);
  border-top:1px solid var(--mlaiPD-line); display: none;
}
.mlaiPD-tooltip::before{
  content:"";position:absolute;top:50%;width:9px;height:9px;background:var(--mlaiPD-paper);
  transform:translateY(-50%) rotate(45deg);border-left:1px solid var(--mlaiPD-line-soft);border-bottom:1px solid var(--mlaiPD-line-soft);
}
.mlaiPD-tooltip.mlaiPD-arrow-left::before{left:-5px}
.mlaiPD-tooltip.mlaiPD-arrow-right::before{right:-5px;border:none;border-top:1px solid var(--mlaiPD-line-soft);border-right:1px solid var(--mlaiPD-line-soft)}

/* Responsive: 3 columns on tablet, hidden below 860px (use your own
   mobile menu / accordion there — this component is desktop-only) */
@media (max-width:1180px){
  .mlaiPD-grid{grid-template-columns:repeat(3,1fr);row-gap:26px}
  .mlaiPD-col:nth-child(3n+1){border-left:none}
  .mlaiPD-col:not(:nth-child(3n+1)){border-left:1px solid var(--mlaiPD-line)}
}
@media (max-width:860px){
  .mlaiPD-panel{display:none}
}
@media (prefers-reduced-motion:reduce){
  .mlaiPD-panel,.mlaiPD-tooltip,.mlaiPD-item,.mlaiPD-item-name,.mlaiPD-item-arrow svg{transition-duration:.001ms !important}
}