/* Premium slider mobile fix: 3-card peek + clear swipe cue */
@media (max-width: 900px){
  .premium-strip{
    padding:14px 0 16px!important;
    overflow:hidden!important;
  }
  .premium-head{
    padding:0 12px!important;
    margin:0 0 10px!important;
    align-items:flex-start!important;
  }
  .premium-head h2{
    font-size:22px!important;
    line-height:1.12!important;
    letter-spacing:-.055em!important;
    margin-top:6px!important;
  }
  .premium-head span{
    font-size:10px!important;
    padding:4px 9px!important;
  }
  .premium-note{
    display:block!important;
    font-size:12px!important;
    line-height:1.35!important;
    margin-top:4px!important;
    max-width:220px!important;
  }
  .premium-head a{display:none!important;}
  .premium-slider{
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    position:relative!important;
  }
  .premium-track{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:31.5%!important;
    gap:8px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:12px!important;
    padding:0 42px 2px 12px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .premium-card{
    min-height:122px!important;
    border-radius:16px!important;
    padding:10px!important;
    scroll-snap-align:start!important;
  }
  .premium-card strong{
    display:block!important;
    font-size:15px!important;
    line-height:1.08!important;
    letter-spacing:-.055em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .premium-card em{
    display:block!important;
    font-size:11px!important;
    line-height:1.15!important;
    margin-top:5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .premium-label{
    max-width:58px!important;
    left:8px!important;
    top:8px!important;
    padding:4px 6px!important;
    font-size:9px!important;
    line-height:1!important;
  }
  .premium-arrow{display:none!important;}
  .premium-slider:before{
    content:'›';
    position:absolute;
    right:8px;
    top:42%;
    transform:translateY(-50%);
    z-index:9;
    width:32px;
    height:46px;
    border-radius:999px;
    display:grid;
    place-items:center;
    color:#111;
    font-size:26px;
    font-weight:1000;
    background:linear-gradient(135deg,#ffe08a,#d59a2f);
    box-shadow:0 10px 28px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.16) inset;
    pointer-events:none;
    animation:premiumSwipeNudge 1.35s ease-in-out infinite;
  }
  .premium-slider:after{
    content:'← 좌우로 밀어 추천업소 더보기 →';
    display:block;
    width:max-content;
    max-width:calc(100% - 24px);
    margin:9px auto 0;
    padding:6px 12px;
    border-radius:999px;
    color:#f7d27a;
    font-size:11.5px;
    font-weight:900;
    letter-spacing:-.03em;
    background:rgba(247,210,122,.08);
    border:1px solid rgba(247,210,122,.22);
    box-shadow:0 10px 24px rgba(0,0,0,.2);
  }
}

@media (max-width: 430px){
  .premium-track{grid-auto-columns:32%!important;gap:7px!important;padding-right:38px!important;}
  .premium-card{min-height:116px!important;border-radius:15px!important;padding:9px!important;}
  .premium-card strong{font-size:14px!important;}
  .premium-card em{font-size:10.5px!important;}
  .premium-label{font-size:8.5px!important;max-width:52px!important;}
}

@media (max-width: 360px){
  .premium-track{grid-auto-columns:33%!important;gap:6px!important;}
  .premium-card strong{font-size:13px!important;}
}

@keyframes premiumSwipeNudge{
  0%,100%{transform:translateY(-50%) translateX(0);opacity:.95;}
  50%{transform:translateY(-50%) translateX(5px);opacity:1;}
}