@media(max-width:1024px){

.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;
}

}

/* =========================
   v8 layout refinements
   ========================= */

/* Use the full off-canvas width instead of the narrower Journal inner width. */
.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;
}

/* 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;
  }
}


/* =========================
   v9 requested refinements
   ========================= */

/* Exact position requested by MyPouf */
.mypouf-premium-panel-v7 .mobile-main-menu-wrapper,
.mypouf-premium-panel-v7 .main-menu{
  top:35px!important;
}

/* Show the COMPLETE category text - no ellipsis / clipping. */
.mypouf-premium-panel-v7 li>a,
.mypouf-premium-panel-v7 li>a .links-text,
.mypouf-mm-list-v7>li>a,
.mypouf-mm-list-v7>li>a .links-text{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
  height:auto!important;
  line-height:1.35!important;
}

/* Allow the text part to use all remaining space before the arrow. */
.mypouf-premium-panel-v7 li>a .links-text,
.mypouf-mm-list-v7>li>a .links-text{
  flex:1 1 auto!important;
  min-width:0!important;
}

/* Full panel title ("Κατηγορίες", etc.) without truncation. */
.mypouf-mm-title-v7,
.mypouf-mm-panel-title-wrap-v7{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
  height:auto!important;
}

/* Header can grow if the category title needs a second line. */
.mypouf-mm-panel-head-v7{
  min-height:68px!important;
  height:auto!important;
}

/* Keep arrows compact while giving text priority. */
.mypouf-mm-arrow-v7{
  flex:0 0 34px!important;
  margin-left:6px!important;
}


/* =========================
   v10 compact panel title
   ========================= */

/*
 * Keep the TOP category title compact so long names such as
 * "Μαξιλάρια για κάθισμα" do not collide with Back / scroll arrows.
 */
.mypouf-mm-panel-head-v7{
  min-height:58px!important;
  height:58px!important;
  grid-template-columns:80px minmax(0,1fr) 78px!important;
  gap:5px!important;
  padding:6px 8px!important;
  padding-right:78px!important;
}

.mypouf-mm-back-v7{
  height:38px!important;
  min-width:72px!important;
  padding:0 7px!important;
  font-size:11px!important;
}

.mypouf-mm-back-icon-v7{
  font-size:23px!important;
}

.mypouf-mm-panel-title-wrap-v7{
  min-width:0!important;
  max-width:100%!important;
  padding:0 3px!important;
  line-height:1!important;
}

.mypouf-mm-title-v7{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:ellipsis!important;
  font-size:12px!important;
  line-height:1.08!important;
  font-weight:800!important;
  max-height:26px!important;
  letter-spacing:-.1px!important;
}

.mypouf-mm-panel-title-wrap-v7 small{
  margin-top:2px!important;
  font-size:8px!important;
  line-height:1!important;
}

/* Scroll arrows sit high/right without covering the title. */
.mypouf-mm-scroll-controls-v7{
  top:8px!important;
  right:7px!important;
  gap:4px!important;
}

.mypouf-mm-scroll-up-v7,
.mypouf-mm-scroll-down-v7{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  font-size:14px!important;
}

/* Because panel header is now 58px, content starts immediately below it. */
.mypouf-mm-panel-scroll-v7{
  top:58px!important;
}


/* =========================
   v11 PANEL-ONLY navigation
   ========================= */

/* Journal accordion must NEVER expand downward in either root or cloned panels. */
.mypouf-premium-panel-v7 li.mypouf-mm-parent-v7 > .collapse,
.mypouf-premium-panel-v7 li.mypouf-mm-parent-v7 > .collapse.in,
.mypouf-premium-panel-v7 li.mypouf-mm-parent-v7 > .collapse.show,
.mypouf-premium-panel-v7 li.mypouf-mm-parent-v7 > .dropdown-menu,
.mypouf-premium-panel-v7 li.mypouf-mm-parent-v7 > .dropdown-menu.open,
.mypouf-premium-panel-v7 li.mypouf-mm-parent-v7 > .j-dropdown,
.mypouf-mm-list-v7 li.mypouf-mm-parent-v7 > .collapse,
.mypouf-mm-list-v7 li.mypouf-mm-parent-v7 > .collapse.in,
.mypouf-mm-list-v7 li.mypouf-mm-parent-v7 > .collapse.show,
.mypouf-mm-list-v7 li.mypouf-mm-parent-v7 > .dropdown-menu,
.mypouf-mm-list-v7 li.mypouf-mm-parent-v7 > .j-dropdown{
  display:none!important;
  height:0!important;
  max-height:0!important;
  min-height:0!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  pointer-events:none!important;
}

/* Whole parent row is an obvious panel-navigation target. */
.mypouf-premium-panel-v7 li.mypouf-mm-parent-v7 > a,
.mypouf-mm-list-v7 li.mypouf-mm-parent-v7 > a{
  cursor:pointer!important;
  touch-action:manipulation!important;
}

/* Hide any leftover Journal dropdown caret so only our green panel arrow remains. */
.mypouf-premium-panel-v7 li.mypouf-mm-parent-v7 > a > .open-menu,
.mypouf-mm-list-v7 li.mypouf-mm-parent-v7 > a > .open-menu{
  display:none!important;
}