/**
 * /ปั้มผู้ติดตาม-tiktok/ (page 23838): loaded after tiktok-views.css rewritten to this page's uniqueIDs.
 * Only what differs from the views page: the preview card shows a profile, not a 9:16 video cover.
 */

/* Preview picture: round profile avatar (logo until a verified profile replaces it). */
.kb-image23838_122167-43 {
  flex: 0 0 72px !important;
  align-self: center !important;
  aspect-ratio: 1 / 1;
  width: 72px !important;
  height: 72px !important;
  min-height: 0;
}
.kb-image23838_122167-43 .kb-is-ratio-image {
  border-radius: 50%;
}
.kb-image23838_122167-43 .kb-is-ratio-image img {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto;
  transform: none;
  border-radius: 50% !important;
  object-fit: cover !important;
}

.kt-adv-heading23838_d33173-d2 {
  -webkit-line-clamp: 2;
}

/* "10,000 ติดตาม" is wider than a 3-up package cell on phones: drop the icon and size text to the cell. */
@media (max-width: 767px) {
  .kadence-column23838_94ef61-23 .sg-smm-pkg > .kt-inside-inner-col {
    padding-left: 3px !important;
    padding-right: 3px !important;
    container-type: inline-size;
  }
  .kadence-column23838_94ef61-23 .sg-smm-pkg .sg-smm-metric-ic {
    display: none !important;
  }
  .kadence-column23838_94ef61-23 .sg-smm-pkg-label,
  .kadence-column23838_94ef61-23 .sg-smm-pkg-label > span {
    font-size: clamp(9px, 2.7vw, 14px) !important;
  }
  @supports (container-type: inline-size) {
    .kadence-column23838_94ef61-23 .sg-smm-pkg-label,
    .kadence-column23838_94ef61-23 .sg-smm-pkg-label > span {
      font-size: clamp(9px, 14.5cqi, 14px) !important;
    }
  }
  .kadence-column23838_94ef61-23 .sg-smm-pkg p,
  .kadence-column23838_94ef61-23 .sg-smm-pkg-label,
  .kadence-column23838_94ef61-23 .sg-smm-pkg-label > span {
    white-space: normal !important;
  }
  .kadence-column23838_94ef61-23 .sg-smm-pkg-label {
    line-height: 1.25;
  }
}
