/* STEP88H2_MOBILE_CARDS_PAGINATION_20261016
   Scoped to travel-style.php only. Desktop markup and cards remain unchanged.
   Mobile groups render server-side at exactly 10 items per independent group page. */
.tph88h-mobile{display:none}
@media screen and (max-width:767px){
  .tph86e2-root .tph88h-mobile{display:block!important}
  .tph86e2-root .tph86e2-main > section.tph86e2-result-group{display:none!important}
  .tph86e2-root .tph88h-mobile .tph86e2-result-group{display:block;padding:16px 0 18px}
  .tph86e2-root .tph88h-mobile .tph86e2-section-head{margin-bottom:12px}
  .tph86e2-root .tph88h-mobile .tph86e2-section-head h2{font-size:18px}
  .tph86e2-root .tph88h-mobile .tph86e2-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .tph86e2-root .tph88h-mobile .tph86e2-card{display:block;min-width:0;overflow:hidden}
  .tph86e2-root .tph88h-mobile .tph86e2-photo{height:auto!important;aspect-ratio:4/3;overflow:hidden}
  .tph86e2-root .tph88h-mobile .tph86e2-photo img{width:100%;height:100%;object-fit:cover;display:block}
  .tph86e2-root .tph88h-mobile .tph86e2-photo-fallback{font-size:0!important;min-height:0;height:100%;background:linear-gradient(100deg,rgba(6,40,36,.11),rgba(6,40,36,.08)),url('/assets/images/tph-home-hero.webp') center/cover no-repeat}
  .tph86e2-root .tph88h-mobile .tph86e2-card-body{padding:9px 10px 11px!important}
  .tph86e2-root .tph88h-mobile .tph86e2-card-body .tph86e2-kicker,
  .tph86e2-root .tph88h-mobile .tph86e2-card-body p,
  .tph86e2-root .tph88h-mobile .tph86e2-card-body .tph86e2-read{display:none!important}
  .tph86e2-root .tph88h-mobile .tph86e2-card-body h3{font-size:12px!important;line-height:1.5!important;min-height:36px;margin:0!important;font-weight:750;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
  .tph86e2-root .tph88h-mobile .tph88h-pager{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;align-items:center;margin:16px 0 4px}
  .tph86e2-root .tph88h-mobile .tph88h-pager a,
  .tph86e2-root .tph88h-mobile .tph88h-pager .tph88h-page-current{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:6px 10px;border-radius:9px;border:1px solid #cfe3da;background:#fff;color:#087460;font-size:12px;font-weight:750;text-decoration:none}
  .tph86e2-root .tph88h-mobile .tph88h-pager .tph88h-page-current{background:#087f66;color:#fff;border-color:#087f66}
  .tph86e2-root .tph88h-mobile .tph88h-group{scroll-margin-top:80px}
}