/* Pesyje V42 - compact business cards on the HOMEPAGE only.
   The original business data, native rating artwork, carousel, and desktop layout remain intact. */
@media (max-width: 767.98px) {
  /* Show two complete business cards instead of one oversized 82%-width card. */
  body.py30-home .py30-track.py30-featured-track {
    grid-auto-columns: calc((100% - 10px) / 2) !important;
    column-gap: 10px;
    align-items: stretch;
  }

  body.py30-home .py30-featured-track > .py32-card {
    min-width: 0;
    max-width: 100%;
    border-radius: 14px;
    box-shadow: 0 5px 16px rgba(25, 55, 65, .065);
  }
  body.py30-home .py32-card .py30-card-media {
    aspect-ratio: 1.72 !important;
    min-height: 0;
  }
  body.py30-home .py32-card .py30-business-logo {
    width: 43px;
    height: 43px;
    left: 9px;
    bottom: -14px;
    padding: 4px;
    border-radius: 11px;
  }
  body.py30-home .py32-card .py30-business-logo img {
    border-radius: 7px;
  }
  body.py30-home .py32-card .py30-verified {
    top: 6px;
    right: 6px;
    padding: 3px 5px;
    gap: 3px;
    font-size: 7px;
    max-width: calc(100% - 12px);
  }
  body.py30-home .py32-card .py30-card-body {
    min-width: 0;
    padding: 20px 9px 10px;
  }
  body.py30-home .py32-card-heading {
    gap: 3px;
  }
  body.py30-home .py32-card h3 {
    min-width: 0;
    padding-top: 1px;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -.2px;
  }
  body.py30-home .py32-card h3 a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  body.py30-home .py32-favorite {
    width: 25px;
    min-height: 25px;
  }
  body.py30-home .py32-favorite :is(a, button) {
    width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 2px !important;
    font-size: 18px;
  }
  body.py30-home .py32-favorite svg {
    width: 19px;
    height: 19px;
  }
  body.py30-home .py32-card-domain {
    min-height: 14px;
    margin-top: 4px !important;
    font-size: 9px;
    line-height: 1.45;
  }
  /* Keep the site's own rating image. Scale it; do not replace it with emoji/text stars. */
  body.py30-home .py32-rating {
    flex-wrap: wrap;
    gap: 3px;
    min-height: 16px;
    margin-top: 7px;
    margin-bottom: 8px;
    font-size: 10px;
    line-height: 1.3;
  }
  body.py30-home .py32-rating .py32-rating-art {
    width: clamp(70px, 22vw, 86px);
    height: auto;
    max-height: 17px;
    margin-right: 0;
  }
  body.py30-home .py32-card-meta {
    min-height: 23px;
    gap: 4px;
    min-width: 0;
  }
  body.py30-home .py32-card-meta .py32-chip {
    min-width: 0;
    padding: 5px 6px;
    border-radius: 7px;
    font-size: 8px;
    line-height: 1.2;
  }
  body.py30-home .py32-card-meta .py32-chip:first-child:not(.py32-city-chip) {
    max-width: 59%;
  }
  body.py30-home .py32-card-meta .py32-city-chip {
    flex: 0 1 auto;
    max-width: 40%;
    gap: 3px;
  }
  body.py30-home .py32-city-chip svg {
    width: 10px;
    height: 10px;
  }
  /* The existing brand cover and REAL logos stay, only their dimensions shrink. */
  body.py30-home .py32-card .py32-brand-cover {
    padding: 9px;
    gap: 5px;
  }
  body.py30-home .py32-brand-copy {
    gap: 4px;
  }
  body.py30-home .py32-brand-rule {
    width: 18px;
    height: 3px;
  }
  body.py30-home .py32-brand-cover .py32-brand-copy strong {
    font-size: 10px;
    line-height: 1.2;
    -webkit-line-clamp: 2;
  }
  body.py30-home .py32-brand-copy small {
    display: none;
  }
  body.py30-home .py32-brand-cover .py32-brand-emblem {
    max-width: 65px;
    padding: 5px;
    border-radius: 11px;
  }
  body.py30-home .py32-brand-initial {
    font-size: 18px;
  }
}

/* Three compact cards on wider phones / small tablets, without changing desktop. */
@media (min-width: 560px) and (max-width: 767.98px) {
  body.py30-home .py30-track.py30-featured-track {
    grid-auto-columns: calc((100% - 24px) / 3) !important;
    column-gap: 12px;
  }
}