/* v2.1.6 — mobile navigation arrows below catalogue.
   Replaces the old text hint with a compact left/right arrow indicator placed under the page. */
@media (max-width: 760px){
  body.nc-mobile-portrait-page .stage{
    padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important;
  }
  body.nc-mobile-portrait-page .magazine-shell{
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  body.nc-mobile-portrait-page .book-wrap{
    margin-bottom:12px!important;
  }
  body.nc-mobile-portrait-page .nc-mobile-drag-hint{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    z-index:8!important;
    width:auto!important;
    min-width:128px!important;
    max-width:180px!important;
    height:36px!important;
    margin:0 auto 8px!important;
    padding:0 14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg, rgba(255,234,162,.96), rgba(197,147,38,.94))!important;
    border:1px solid rgba(255,238,167,.62)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.55)!important;
    color:#271907!important;
    font-size:0!important;
    line-height:1!important;
    white-space:nowrap!important;
    pointer-events:none!important;
    backdrop-filter:none!important;
  }
  body.nc-mobile-portrait-page .nc-mobile-drag-hint .nc-mobile-arrow{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    border-radius:50%!important;
    color:#231805!important;
    font-size:28px!important;
    font-weight:900!important;
    line-height:1!important;
    text-shadow:0 1px 0 rgba(255,255,255,.35)!important;
  }
  body.nc-mobile-portrait-page .nc-mobile-drag-hint .nc-mobile-swipe-line{
    display:block!important;
    width:42px!important;
    height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg, rgba(35,24,5,.18), rgba(35,24,5,.72), rgba(35,24,5,.18))!important;
    position:relative!important;
  }
  body.nc-mobile-portrait-page .nc-mobile-drag-hint .nc-mobile-swipe-line:before,
  body.nc-mobile-portrait-page .nc-mobile-drag-hint .nc-mobile-swipe-line:after{
    content:''!important;
    position:absolute!important;
    top:50%!important;
    width:7px!important;
    height:7px!important;
    border-top:2px solid rgba(35,24,5,.72)!important;
    border-right:2px solid rgba(35,24,5,.72)!important;
  }
  body.nc-mobile-portrait-page .nc-mobile-drag-hint .nc-mobile-swipe-line:before{
    left:-2px!important;
    transform:translateY(-50%) rotate(-135deg)!important;
  }
  body.nc-mobile-portrait-page .nc-mobile-drag-hint .nc-mobile-swipe-line:after{
    right:-2px!important;
    transform:translateY(-50%) rotate(45deg)!important;
  }
  body.nc-mobile-portrait-page .controls{
    z-index:20!important;
  }
}
