/* v32: mobile header login, locked category swipe, and aligned subpage actions. */

@media (max-width: 680px){
  .landing-v29 .site-header{
    gap:8px;
    overflow:hidden;
  }

  .landing-v29 .site-header .logo{
    min-width:0;
    flex:1 1 auto;
  }

  .landing-v29 .site-header .header-actions{
    display:flex;
    flex:0 0 auto;
    min-width:0;
    margin-left:auto;
  }

  .landing-v29 .site-header .kakao-easy-start{
    display:inline-flex!important;
    width:auto;
    min-width:64px;
    max-width:116px;
    min-height:38px;
    padding:0 12px;
    overflow:hidden;
    justify-content:center;
    gap:0;
    border-radius:3px;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:12px;
    line-height:1;
  }

  .landing-v29 .site-header .kakao-easy-start.is-member{
    max-width:128px;
    background:#edf3ff;
    color:#1256e8;
    border:1px solid #c9d9fb;
  }

  .landing-v29 .site-header .header-cta{display:none!important}

  .landing-v29 .category-bar{
    width:100%;
    max-width:100vw;
    overflow:hidden;
    overscroll-behavior:none;
    contain:paint;
  }

  .landing-v29 .category-scroll{
    box-sizing:border-box;
    width:100%;
    max-width:100vw;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:none;
    overscroll-behavior-y:none;
    touch-action:none;
    -webkit-overflow-scrolling:auto;
    scrollbar-width:none;
  }

  .landing-v29 .category-scroll.is-dragging{
    cursor:grabbing;
    scroll-snap-type:none;
  }

  .landing-v29 .category-scroll.is-dragging a{
    pointer-events:none;
    user-select:none;
    -webkit-user-select:none;
  }

  .subpage-mobile-bar{
    box-sizing:border-box;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch;
    gap:8px;
    width:100%;
    height:auto;
    min-height:calc(62px + env(safe-area-inset-bottom));
    padding:7px 10px calc(7px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.98);
  }

  .subpage-mobile-bar>a{
    box-sizing:border-box;
    width:100%!important;
    min-width:0;
    height:48px;
    min-height:48px;
    margin:0!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    border:1px solid #cfd8e6!important;
    background:#fff!important;
    color:#10151d!important;
    font-size:13px!important;
    font-weight:850;
    line-height:1.15;
    white-space:nowrap;
  }

  .subpage-mobile-bar>a:last-child{
    border-color:#1256e8!important;
    background:#1256e8!important;
    color:#fff!important;
  }

  body.has-mobile-action .sponsor-dock{
    bottom:calc(62px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 360px){
  .landing-v29 .site-header .logo small{display:none}
  .landing-v29 .site-header .kakao-easy-start{max-width:96px;padding:0 10px}
  .subpage-mobile-bar>a{font-size:12px!important}
}