/* SECRETIK V227 — final mobile card polish and JS-driven VIP rail. */
@media (max-width:700px){
  /* Keep the established V224/V226 card geometry, but center the whole grid. */
  html body #new-profiles .profiles,
  html body #profiles .profiles,
  html body .profiles,
  html body .city-profiles-grid,
  html body .massage-profile-grid,
  html body .salon-grid{
    justify-content:center !important;
    justify-items:start !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* The information panel is compact enough to fit inside 170x232 without clipping. */
  html body a.profile .compact-details,
  html body a.new-profile-card .compact-details,
  html body a.vip-profile-card .compact-details,
  html body .profile-list-card .compact-details{
    padding:30px 10px 8px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  html body a.profile .compact-city,
  html body a.new-profile-card .compact-city,
  html body a.vip-profile-card .compact-city,
  html body .profile-list-card .compact-city{
    min-height:23px !important;
    height:23px !important;
    font-size:9px !important;
    gap:5px !important;
  }
  html body a.profile .compact-city i,
  html body a.new-profile-card .compact-city i,
  html body a.vip-profile-card .compact-city i,
  html body .profile-list-card .compact-city i{
    width:5px !important;height:5px !important;flex-basis:5px !important;
  }
  html body a.profile .compact-specs div,
  html body a.profile .compact-prices div,
  html body a.new-profile-card .compact-specs div,
  html body a.new-profile-card .compact-prices div,
  html body a.vip-profile-card .compact-specs div,
  html body a.vip-profile-card .compact-prices div,
  html body .profile-list-card .compact-specs div,
  html body .profile-list-card .compact-prices div{
    min-height:21px !important;
    height:21px !important;
    gap:5px !important;
  }
  html body a.profile .compact-specs span,
  html body a.profile .compact-prices span,
  html body a.new-profile-card .compact-specs span,
  html body a.new-profile-card .compact-prices span,
  html body a.vip-profile-card .compact-specs span,
  html body a.vip-profile-card .compact-prices span,
  html body .profile-list-card .compact-specs span,
  html body .profile-list-card .compact-prices span{
    font-size:8px !important;
  }
  html body a.profile .compact-specs b,
  html body a.profile .compact-prices b,
  html body a.new-profile-card .compact-specs b,
  html body a.new-profile-card .compact-prices b,
  html body a.vip-profile-card .compact-specs b,
  html body a.vip-profile-card .compact-prices b,
  html body .profile-list-card .compact-specs b,
  html body .profile-list-card .compact-prices b{
    font-size:10px !important;
  }
  html body a.profile .compact-prices,
  html body a.new-profile-card .compact-prices,
  html body a.vip-profile-card .compact-prices,
  html body .profile-list-card .compact-prices{
    margin-top:3px !important;
  }
  html body a.profile .compact-appearance,
  html body a.new-profile-card .compact-appearance,
  html body a.vip-profile-card .compact-appearance,
  html body .profile-list-card .compact-appearance{
    margin-top:4px !important;
    padding-top:4px !important;
    font-size:8px !important;
    line-height:1.25 !important;
  }

  /* VIP rail is animated by JS; neutralize every legacy CSS animation/scroll rule. */
  html body #vip-profiles .vip-carousel{
    overflow:hidden !important;
    overflow-x:hidden !important;
    touch-action:pan-y !important;
  }
  html body #vip-profiles .vip-carousel .profiles-track{
    animation:none !important;
    transition:none !important;
    transform:none !important;
    will-change:transform !important;
  }
}