/* TEEPHAK STEP22 — mobile PUBLIC page content only, no visual changes to header/footer, hero or locked quick icons. */
@media screen and (max-width:767px) {
  body.tp-public main :is(.container,.tph-wrap,.wrap,.td-wrap):not(
    .hero *, .blog-hero *, .article-hero *,
    .tph-search-hero *, .tph-location-hero *, .tph-deals-hero *,
    .ta-locations-hero *, .ta-detail-hero *, .td-hero *, .tph16-hero *,
    .categories *, .tph18-five-menu *
  ) {
    box-sizing: border-box;
    width: 95% !important;
    max-width: 95% !important;
    margin-inline: auto !important;
  }
}