/* V12 — right-side menu panel restored to the V6 treatment. */
.menu-detail{
  position:sticky;
  top:128px;
  align-self:start;
  border-radius:24px;
  background:var(--soft-blue) !important;
  border:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:34px 38px 36px !important;
  height:calc(100dvh - 164px);
  min-height:0;
  overflow:hidden auto;
  isolation:auto;
}
.menu-detail:before{content:none !important;display:none !important}
.menu-detail:after{
  content:"DEM" !important;
  position:absolute;
  right:-18px !important;
  bottom:-44px !important;
  font-size:210px !important;
  line-height:1;
  font-weight:800;
  letter-spacing:-.1em;
  color:rgba(0,72,160,.035) !important;
  pointer-events:none;
  z-index:0;
}
.menu-sub,.menu-footer{position:relative;z-index:2}
.menu-subtitle{font-size:17px !important;line-height:1.4 !important;font-weight:600 !important;margin:0 0 28px !important}
.menu-columns{gap:29px 42px !important}
.menu-col h4{font-size:10px !important;letter-spacing:.16em !important;margin:0 0 10px !important}
.menu-col a{font-size:14px !important;line-height:1.55 !important;padding:5px 0 !important;font-weight:500 !important}
.menu-footer{margin-top:33px !important;padding-top:25px !important;font-size:12px !important;line-height:1.65 !important}
@media(max-width:1180px) and (min-width:781px){.menu-detail{padding:32px 34px 34px !important}.menu-columns{gap:24px 30px !important}}
@media(max-width:780px){
 .menu-detail{position:relative;top:auto;height:auto;min-height:auto;margin-top:22px;padding:25px 22px !important;border-radius:20px;background:var(--soft-blue) !important;overflow:hidden}
 .menu-detail:after{font-size:150px !important;right:-14px !important;bottom:-32px !important}
 .menu-subtitle{font-size:18px !important}.menu-col a{font-size:16px !important}.menu-columns{grid-template-columns:1fr;gap:20px !important}.menu-footer{display:block}
}