.mobile-main-menu-container.mypouf-premium-panel-v7,
.desktop-mobile-main-menu-container.mypouf-premium-panel-v7{
  --g:#16854f;
  --gd:#0b6038;
  --gs:#edf8f1;
  --ink:#26372d;
  --muted:#7a867f;
  --line:#e1ebe4;
  --bg:#f5f9f6;

  position:relative!important;
  height:100vh!important;
  height:100dvh!important;
  max-height:100vh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  background:var(--bg)!important;
  color:var(--ink)!important;
}

.mypouf-premium-panel-v7,
.mypouf-premium-panel-v7 *{
  box-sizing:border-box!important;
}

/* Hide Journal's visual header and especially its stray native X. */
.mypouf-premium-panel-v7 .mobile-wrapper-header{
  position:absolute!important;
  left:-99999px!important;
  top:-99999px!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  overflow:hidden!important;
}

.mypouf-premium-panel-v7 .mobile-wrapper-header .x,
.mypouf-premium-panel-v7 > .x{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Own top header with X fixed at the TOP RIGHT. */
.mypouf-mm-main-head-v7{
  position:absolute!important;
  z-index:1600!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:72px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 12px!important;
  background:rgba(255,255,255,.99)!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:0 6px 20px rgba(26,57,37,.08)!important;
}

.mypouf-mm-main-title-v7{
  flex:1!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.mypouf-mm-logo-v7{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#eff9f3,#e3f3e9)!important;
  border:1px solid #d0e7d8!important;
  color:var(--g)!important;
  font-size:18px!important;
}

.mypouf-mm-main-title-v7 strong{
  display:block!important;
  color:var(--ink)!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:900!important;
}

.mypouf-mm-main-title-v7 small{
  display:block!important;
  margin-top:3px!important;
  color:var(--muted)!important;
  font-size:10px!important;
}

.mypouf-mm-close-v7{
  position:absolute!important;
  top:14px!important;
  right:12px!important;
  z-index:1700!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #d7e5dc!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#3e4d43!important;
  font-size:27px!important;
  line-height:1!important;
  padding:0!important;
  box-shadow:0 4px 13px rgba(26,50,33,.08)!important;
}

/* Main menu body must itself scroll below header. */
.mypouf-premium-panel-v7 .mobile-main-menu-wrapper,
.mypouf-premium-panel-v7 .main-menu{
  position:absolute!important;
  top:72px!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
}

.mypouf-premium-panel-v7 .main-menu>ul.j-menu{
  padding:10px 10px 80px!important;
}

.mypouf-premium-panel-v7 .main-menu>ul.j-menu>li{
  margin:0 0 8px!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 4px 15px rgba(28,57,38,.045)!important;
}

.mypouf-premium-panel-v7 li>a{
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 11px!important;
  color:var(--ink)!important;
  background:#fff!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:700!important;
  text-decoration:none!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}

.mypouf-premium-panel-v7 li>a img{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  object-fit:cover!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid #dfe8e2!important;
}

.mypouf-mm-hide-journal-trigger-v7{
  display:none!important;
}

.mypouf-mm-arrow-v7{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:var(--gs)!important;
  border:1px solid #cce5d6!important;
  color:var(--g)!important;
  font-size:27px!important;
  line-height:1!important;
  box-shadow:0 3px 10px rgba(22,133,79,.06)!important;
}

/* Never show Journal accordion inline. */
.mypouf-premium-panel-v7 li.mypouf-mm-parent-v7>.collapse,
.mypouf-premium-panel-v7 li.mypouf-mm-parent-v7>.dropdown-menu,
.mypouf-premium-panel-v7 li.mypouf-mm-parent-v7>.j-dropdown{
  display:none!important;
}

/* Separate panels start BELOW main header. */
.mypouf-mm-stage-v7{
  position:absolute!important;
  z-index:1500!important;
  top:72px!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  overflow:hidden!important;
  background:var(--bg)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .12s ease,visibility 0s linear .12s!important;
}

.mypouf-mm-stage-v7.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:opacity .12s ease!important;
}

.mypouf-mm-panel-v7{
  position:absolute!important;
  inset:0!important;
  background:var(--bg)!important;
  transform:translateX(100%)!important;
  transition:transform .23s cubic-bezier(.22,.61,.36,1)!important;
}

.mypouf-mm-panel-v7.is-current{transform:translateX(0)!important}
.mypouf-mm-panel-v7.is-behind{transform:translateX(-18%)!important}
.mypouf-mm-panel-v7.is-leaving{transform:translateX(100%)!important}

.mypouf-mm-panel-head-v7{
  position:absolute!important;
  z-index:30!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:68px!important;
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr) 92px!important;
  align-items:center!important;
  gap:7px!important;
  padding:10px!important;
  background:#fff!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:0 5px 18px rgba(25,54,35,.07)!important;
}

/* Empty third grid column keeps title perfectly centered. */
.mypouf-mm-panel-head-v7:after{
  content:""!important;
  display:block!important;
}

.mypouf-mm-back-v7{
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:1px solid #cbe4d4!important;
  border-radius:13px!important;
  background:var(--gs)!important;
  color:var(--gd)!important;
  font-size:12px!important;
  font-weight:900!important;
  padding:0 9px!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}

.mypouf-mm-back-icon-v7{
  font-size:26px!important;
  line-height:1!important;
}

.mypouf-mm-panel-title-wrap-v7{
  min-width:0!important;
  text-align:center!important;
}

.mypouf-mm-title-v7{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--ink)!important;
  font-size:14px!important;
  font-weight:900!important;
}

.mypouf-mm-panel-title-wrap-v7 small{
  display:block!important;
  margin-top:3px!important;
  color:var(--muted)!important;
  font-size:9px!important;
}

/* Guaranteed scroll area with explicit top/bottom coordinates. */
.mypouf-mm-panel-scroll-v7{
  position:absolute!important;
  top:68px!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  scroll-behavior:smooth!important;
  scrollbar-width:thin!important;
  scrollbar-color:#74b28d #eaf2ed!important;
  padding:12px 58px 90px 12px!important;
  touch-action:pan-y!important;
  pointer-events:auto!important;
}

.mypouf-mm-panel-scroll-v7::-webkit-scrollbar{width:6px!important}
.mypouf-mm-panel-scroll-v7::-webkit-scrollbar-track{background:#eaf2ed!important}
.mypouf-mm-panel-scroll-v7::-webkit-scrollbar-thumb{
  background:linear-gradient(#8cc29f,#5ea879)!important;
  border-radius:20px!important;
}

.mypouf-mm-all-v7{
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:11px!important;
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#1a8d55,#0c673b)!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 10px 26px rgba(22,133,79,.20)!important;
}

.mypouf-mm-all-v7 *{color:#fff!important}
.mypouf-mm-all-icon-v7{
  width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:13px!important;background:rgba(255,255,255,.15)!important;font-size:20px!important;
}
.mypouf-mm-all-copy-v7 b,.mypouf-mm-all-copy-v7 small{display:block!important}
.mypouf-mm-all-copy-v7 b{font-size:13px!important}
.mypouf-mm-all-copy-v7 small{margin-top:3px!important;font-size:10px!important;opacity:.82!important}
.mypouf-mm-all-arrow-v7{font-size:27px!important}

.mypouf-mm-list-v7{
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  list-style:none!important;
}

.mypouf-mm-list-v7>li{
  position:relative!important;
  display:block!important;
  margin:0 0 9px!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(29,58,39,.045)!important;
}

.mypouf-mm-list-v7>li>a{
  min-height:69px!important;
  padding:9px 11px!important;
}

.mypouf-mm-list-v7 .mypouf-mm-parent-v7>.collapse,
.mypouf-mm-list-v7 .mypouf-mm-parent-v7>.dropdown-menu,
.mypouf-mm-list-v7 .mypouf-mm-parent-v7>.j-dropdown{
  display:none!important;
}

/* Premium floating scroll arrows */
.mypouf-mm-scroll-controls-v7{
  position:absolute!important;
  z-index:60!important;
  right:10px!important;
  bottom:14px!important;
  display:none!important;
  flex-direction:column!important;
  gap:8px!important;
  pointer-events:none!important;
}

.mypouf-mm-scroll-controls-v7.is-needed{
  display:flex!important;
}

.mypouf-mm-scroll-up-v7,
.mypouf-mm-scroll-down-v7{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border:1px solid #c9e3d3!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.97)!important;
  color:var(--g)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  font-size:19px!important;
  font-weight:900!important;
  box-shadow:0 7px 20px rgba(17,84,49,.18)!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}

.mypouf-mm-scroll-up-v7.is-disabled,
.mypouf-mm-scroll-down-v7.is-disabled{
  opacity:.30!important;
  pointer-events:none!important;
}


/* =========================
   v9 desktop + mobile layout refinements
   ========================= */

/* Use the full off-canvas width instead of the narrower Journal inner width. */
.mobile-main-menu-container.mypouf-premium-panel-v7,
.desktop-mobile-main-menu-container.mypouf-premium-panel-v7{
  width:100%!important;
  max-width:100%!important;
}

.mypouf-premium-panel-v7 .mobile-main-menu-wrapper,
.mypouf-premium-panel-v7 .main-menu,
.mypouf-premium-panel-v7 .main-menu>ul.j-menu{
  width:100%!important;
  max-width:100%!important;
}

/* Remove the large empty gap above the first categories. */
.mypouf-premium-panel-v7 .mobile-main-menu-wrapper,
.mypouf-premium-panel-v7 .main-menu{
  top:72px!important;
  padding-top:0!important;
  margin-top:0!important;
}

.mypouf-premium-panel-v7 .main-menu>ul.j-menu{
  padding-top:8px!important;
  margin-top:0!important;
}

/* Panel header + categories should start immediately without wasted top space. */
.mypouf-mm-stage-v7{
  top:72px!important;
}

.mypouf-mm-panel-scroll-v7{
  top:68px!important;
  padding-top:8px!important;
}

/* Do not reserve the whole right side of each category for the floating scroll arrows. */
.mypouf-mm-panel-scroll-v7{
  padding-right:12px!important;
}

/* Move scroll arrows to the TOP RIGHT, beside the category header. */
.mypouf-mm-scroll-controls-v7{
  position:absolute!important;
  top:12px!important;
  right:10px!important;
  bottom:auto!important;
  z-index:80!important;
  flex-direction:row!important;
  gap:6px!important;
}

/* Smaller compact arrows so category names retain their full width. */
.mypouf-mm-scroll-up-v7,
.mypouf-mm-scroll-down-v7{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  font-size:16px!important;
  box-shadow:0 4px 12px rgba(17,84,49,.12)!important;
}

/* When arrows are visible, keep only a small safe area in the panel title header. */
.mypouf-mm-panel-head-v7{
  padding-right:86px!important;
}

/* Give category labels maximum room and avoid premature ellipsis. */
.mypouf-mm-list-v7>li>a{
  width:100%!important;
  min-width:0!important;
}

.mypouf-mm-list-v7>li>a .links-text,
.mypouf-mm-list-v7>li>a span:not(.mypouf-mm-arrow-v7):not(.open-menu){
  max-width:none!important;
}

.mypouf-mm-list-v7>li>a,
.mypouf-premium-panel-v7 .main-menu>ul.j-menu>li>a{
  white-space:normal!important;
}

/* Keep the category chevron compact at the far right. */
.mypouf-mm-arrow-v7{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
}

/* Full width cards in both root and child panels. */
.mypouf-premium-panel-v7 .main-menu>ul.j-menu>li,
.mypouf-mm-list-v7>li{
  width:100%!important;
  max-width:100%!important;
}

/* Desktop / PC: use the same premium navigator, but keep it as a compact side panel. */
@media(min-width:1025px){
  html.desktop-mobile-main-menu-container-open .desktop-mobile-main-menu-container.mypouf-premium-panel-v7{
    display:block!important;
  }

  html.desktop-mobile-main-menu-container-open .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.animating{
    transform:translate3d(0,0,0)!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7{
    width:460px!important;
    max-width:88vw!important;
    min-width:360px!important;
    box-shadow:18px 0 48px rgba(19,50,31,.18)!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7 .desktop-mobile-main-menu-wrapper,
  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7 .main-menu{
    position:absolute!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:0!important;
    margin:0!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7 .main-menu>ul.j-menu{
    width:100%!important;
    max-width:100%!important;
    padding:8px 10px 80px!important;
    margin:0!important;
  }
}

@media(min-width:1025px) and (max-width:1280px){
  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7{
    width:420px!important;
    max-width:86vw!important;
  }
}

/* On very narrow phones remove side wastage almost completely. */
@media(max-width:480px){
  .mypouf-premium-panel-v7 .main-menu>ul.j-menu{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  .mypouf-mm-panel-scroll-v7{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  .mypouf-premium-panel-v7 .main-menu>ul.j-menu>li,
  .mypouf-mm-list-v7>li{
    border-radius:14px!important;
  }
}

/* MyPouf v9.5: keep Journal's OWN overlay/backdrop untouched.
   Only desktop panel geometry + compact premium category styling. */

/* Requested 35px offset on all menu wrappers. */
.desktop-mobile-main-menu-container.mypouf-premium-panel-v7 .desktop-mobile-main-menu-wrapper,
.desktop-mobile-main-menu-container.mypouf-premium-panel-v7 .mobile-main-menu-wrapper,
.desktop-mobile-main-menu-container.mypouf-premium-panel-v7 .main-menu,
.mobile-main-menu-container.mypouf-premium-panel-v7 .mobile-main-menu-wrapper,
.mobile-main-menu-container.mypouf-premium-panel-v7 .main-menu {
  top:35px!important;
}

/* Compact, cleaner category cards. */
.mypouf-premium-panel-v7 .main-menu>ul.j-menu{
  padding:7px 8px 64px!important;
}

.mypouf-premium-panel-v7 .main-menu>ul.j-menu>li,
.mypouf-mm-list-v7>li{
  margin:0 0 5px!important;
  border:1px solid #d9e2dc!important;
  border-radius:11px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 2px 8px rgba(28,57,38,.045)!important;
}

.mypouf-premium-panel-v7 li>a,
.mypouf-mm-list-v7>li>a{
  min-height:48px!important;
  padding:6px 10px!important;
  gap:8px!important;
  background:#fff!important;
  color:#24362c!important;
  font-size:12.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  border:0!important;
  transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}

.mypouf-premium-panel-v7 li>a:hover,
.mypouf-mm-list-v7>li>a:hover{
  background:#f8fbf9!important;
}

.mypouf-premium-panel-v7 li>a img,
.mypouf-mm-list-v7>li>a img{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:9px!important;
  border:1px solid #e2e9e4!important;
}

.mypouf-mm-arrow-v7{
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  font-size:21px!important;
  border-radius:9px!important;
  border:1px solid #cfe3d6!important;
  background:#f2faf5!important;
  box-shadow:none!important;
}

/* Child-panel rows use the same compact visual rhythm. */
.mypouf-mm-list-v7{
  padding:7px 8px 64px!important;
}

.mypouf-mm-list-v7>li{
  min-height:0!important;
}

/* Desktop stays a compact side panel; Journal keeps its native overlay behavior. */
@media(min-width:1025px){
  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7{
    width:430px!important;
    max-width:86vw!important;
    min-width:340px!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7 .desktop-mobile-main-menu-wrapper,
  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7 .mobile-main-menu-wrapper,
  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7 .main-menu{
    top:35px!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7 .main-menu>ul.j-menu{
    padding:7px 8px 64px!important;
  }
}

@media(min-width:1025px) and (max-width:1280px){
  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7{
    width:400px!important;
    max-width:84vw!important;
  }
}

/* ============================================================
   MyPouf v9.6 DESKTOP STANDALONE MODE
   Do NOT use Journal's page-covering desktop off-canvas state.
   The menu becomes its own fixed side panel and the live site
   stays exactly where it is behind / next to the panel.
   ============================================================ */
@media (min-width:1025px){
  html.mypouf-desktop-menu-open,
  html.mypouf-desktop-menu-open body{
    overflow:auto!important;
    overflow-x:hidden!important;
  }

  html.mypouf-desktop-menu-open .global-wrapper,
  html.mypouf-desktop-menu-open .site-wrapper{
    transform:none!important;
    -webkit-transform:none!important;
    margin-left:0!important;
    left:auto!important;
    right:auto!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open{
    display:block!important;
    position:fixed!important;
    z-index:2147482000!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    width:430px!important;
    min-width:0!important;
    max-width:min(430px,86vw)!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    -webkit-transform:none!important;
    background:#f7faf8!important;
    box-shadow:14px 0 36px rgba(20,48,31,.16)!important;
    pointer-events:auto!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open::before,
  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open::after{
    display:none!important;
    content:none!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open .mypouf-mm-main-head-v7{
    top:0!important;
    height:35px!important;
    min-height:35px!important;
    padding:4px 9px!important;
    gap:7px!important;
    background:#fff!important;
    border-bottom:1px solid #dde7e0!important;
    box-shadow:0 2px 9px rgba(20,48,31,.06)!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open .mypouf-mm-logo-v7{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    border-radius:8px!important;
    font-size:14px!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open .mypouf-mm-main-title-v7 strong{
    font-size:14px!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open .mypouf-mm-main-title-v7 small{
    display:none!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open .mypouf-mm-close-v7{
    top:4px!important;
    right:7px!important;
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    border-radius:8px!important;
    font-size:20px!important;
    box-shadow:none!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open .desktop-mobile-main-menu-wrapper,
  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open .mobile-main-menu-wrapper,
  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open .main-menu{
    display:block!important;
    position:absolute!important;
    top:35px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    background:#f7faf8!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open .mypouf-mm-stage-v7{
    top:35px!important;
    background:#f7faf8!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open .main-menu>ul.j-menu{
    padding:7px 8px 54px!important;
    background:transparent!important;
  }

  /* Root categories: compact premium cards, close together. */
  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open .main-menu>ul.j-menu>li,
  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open .mypouf-mm-list-v7>li{
    margin:0 0 5px!important;
    border:1px solid #d5e3da!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 2px 7px rgba(23,65,40,.045)!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open li>a{
    min-height:44px!important;
    padding:5px 9px!important;
    gap:8px!important;
    font-size:12.5px!important;
    line-height:1.2!important;
    border-radius:9px!important;
    background:#fff!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open li>a:hover{
    background:#f2f9f5!important;
  }

  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open .mypouf-mm-arrow-v7{
    flex:0 0 27px!important;
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    border-radius:8px!important;
    font-size:19px!important;
    background:#eef8f2!important;
    border:1px solid #c9e2d3!important;
  }
}

@media (min-width:1025px) and (max-width:1280px){
  .desktop-mobile-main-menu-container.mypouf-premium-panel-v7.mypouf-desktop-standalone-open{
    width:400px!important;
    max-width:84vw!important;
  }
}

/* ============================================================
   MyPouf v9.7 - DESKTOP: remove ONLY Journal's dimming layer.
   The site itself stays untouched and fully visible behind the
   standalone side panel. Scoped strictly to our open state.
   ============================================================ */
@media (min-width:1025px){
  html.mypouf-desktop-menu-open .site-overlay,
  html.mypouf-desktop-menu-open body .site-overlay,
  html.mypouf-desktop-menu-open .global-wrapper > .site-overlay,
  html.mypouf-desktop-menu-open header .site-overlay{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    background:transparent!important;
    background-color:transparent!important;
    pointer-events:none!important;
  }
}