/* C76 917:17373 owns the 1200px header actions. */
.cheap-page .site-header__actions {
  gap: 16px;
}

.cheap-page .site-header__theme {
  appearance: none;
  -webkit-appearance: none;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  height: 20px;
  border: 0;
  border-radius: 15px;
  background: image-set(url("../images/cheap-psychic-theme-917-17383.webp") type("image/webp"), url("../../graphics/raster/02caa5ea45c7a1a3de8f2e47.webp") type("image/webp")) center / 40px 20px no-repeat;
}

.cheap-page .site-header__theme::before,
.cheap-page .site-header__theme::after {
  content: none;
  display: none;
}

.cheap-page .site-header__btn {
  width: 111px;
  min-width: 111px;
  padding: 12px;
  color: #7653d9;
  white-space: nowrap;
}

/* C76 root-frame surface contract.  Page owners handle component geometry;
   these minima retain the authored section rhythm without clipping real FAQ
   content or future backend-fed copy. */
@media (min-width: 1200px) {
  .cheap-page .cheap-hero { min-height: 855px; }
  .cheap-page .cheap-experts { min-height: 1451px; }
  .cheap-page .cheap-reviews { min-height: 485px; }
  .cheap-page .cheap-trust { min-height: 900px; }
  .cheap-page .cheap-need { min-height: 1040px; }
  .cheap-page .cheap-click { min-height: 900px; }
  .cheap-page .cheap-faq { min-height: 1170px; }
  .cheap-page .cheap-seo { min-height: 1411px; }
  .cheap-page .site-footer { min-height: 420px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .cheap-page .cheap-hero { min-height: 730px; }
  .cheap-page .cheap-experts { min-height: 1242px; }
  .cheap-page .cheap-reviews { min-height: 499px; }
  .cheap-page .cheap-trust { min-height: 981px; }
  .cheap-page .cheap-need { min-height: 1000px; }
  .cheap-page .cheap-click { min-height: 880px; }
  .cheap-page .cheap-faq { min-height: 1100px; }
  .cheap-page .cheap-seo { min-height: 1371px; }
  .cheap-page .site-footer { min-height: 570px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .cheap-page .cheap-hero { min-height: 640px; }
  .cheap-page .cheap-experts { min-height: 1732px; }
  .cheap-page .cheap-reviews { min-height: 499px; }
  .cheap-page .cheap-trust { min-height: 921px; }
  .cheap-page .cheap-need { min-height: 1040px; }
  .cheap-page .cheap-click { min-height: 1120px; }
  .cheap-page .cheap-faq { min-height: 920px; }
  .cheap-page .cheap-seo { min-height: 1311px; }
  .cheap-page .site-footer { min-height: 700px; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .cheap-page .cheap-hero { min-height: 740px; }
  .cheap-page .cheap-experts { min-height: 1550px; }
  .cheap-page .cheap-reviews { min-height: 654px; }
  .cheap-page .cheap-trust { min-height: 1066px; }
  .cheap-page .cheap-need { min-height: 930px; }
  .cheap-page .cheap-click { min-height: 960px; }
  .cheap-page .cheap-faq { min-height: 990px; }
  .cheap-page .cheap-seo { min-height: 1360px; }
  .cheap-page .site-footer { min-height: 680px; }
}
@media (max-width: 575.98px) {
  .cheap-page .cheap-hero { min-height: 900px; }
  .cheap-page .cheap-experts { min-height: 1300px; }
  .cheap-page .cheap-reviews { min-height: 654px; }
  .cheap-page .cheap-trust { min-height: 1186px; }
  .cheap-page .cheap-need { min-height: 1450px; }
  .cheap-page .cheap-click { min-height: 1180px; }
  .cheap-page .cheap-faq { min-height: 1300px; }
  .cheap-page .cheap-seo { min-height: 1627px; }
  .cheap-page .site-footer { min-height: 1035px; }
}

/* C76 917:17846 owns these 768px component states. */
@media (min-width: 768px) and (max-width: 991.98px) {
  .cheap-page .cheap-reviews__grid {
    grid-template-columns: repeat(3, 210px);
    width: 690px;
    gap: 30px;
  }

  .cheap-page .cheap-review-card {
    width: 210px;
    min-height: 270px;
  }

  /* Interaction state reuses C76 917:17846's 388px expanded slot. */
}

/* Cheap Psychic C76 cohesive repair: header-only page-scope owner. */
.cheap-page .site-header.fixed-top{position:absolute;top:0;right:0;left:0;z-index:1030}

/* Source: SEO summaries are visible in each C76 preview slot. */

/* Source: 992px expert-grid carrier; preserve its Figma minimum while allowing actual card text/actions to flow. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .cheap-page .cheap-experts {
    height: auto;
    min-height: 1242px;
  }

  .cheap-page .cheap-expert-card {
    height: auto;
    min-height: 489px;
  }
}

@media (min-width: 391px) and (max-width: 767.98px) {
  .cheap-page .cheap-experts {
    height: auto;
    min-height: 1550px;
  }

  .cheap-page .cheap-expert-card {
    height: auto;
    min-height: 437px;
  }
}

/* C76 geometry repair — Cheap Psychic only. Source frames: 917:17364, 917:17603,
   917:17846, 917:18089 and 917:18327. Keep this in the page owner; do not leak
   these fixed card variants into shared Public or Account/Chat styles. */
@media (min-width: 1200px) {
  .cheap-page .cheap-trust { height: 831px; min-height: 831px; }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .cheap-page .cheap-experts { height: 1242px; min-height: 1242px; padding: 70px 0 60px; }
  .cheap-page .cheap-experts__grid { grid-template-rows: 482px 489px; gap: 20px; height: 991px; }
  .cheap-page .cheap-expert-card { min-height: 0; overflow: hidden; }
  .cheap-page .cheap-expert-card__desc {
    margin: 20px 0 16px; line-height: 18px; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;
  }
  .cheap-page .cheap-experts__more { margin-top: 50px; height: 71px; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .cheap-page .cheap-experts { height: 1732px; min-height: 1732px; padding: 50px 0 70px; }
  .cheap-page .cheap-experts__grid { grid-template-rows: repeat(3, 483px); row-gap: 30px; height: 1509px; }
  .cheap-page .cheap-expert-card { min-height: 0; overflow: hidden; }
  .cheap-page .cheap-expert-card__desc {
    margin: 16px 0 14px; line-height: 18px; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;
  }
  .cheap-page .cheap-experts__more { margin-top: 50px; height: 53px; }
  /* C76 root 917:17846 retains a 24px trailing field after the footer. */
  .cheap-page { padding-bottom: 24px; }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .cheap-page .cheap-experts { height: 1550px; min-height: 1550px; padding: 50px 0 66px; }
  .cheap-page .cheap-experts__grid { grid-template-rows: repeat(3, 437px); row-gap: 10px; height: 1331px; }
  .cheap-page .cheap-expert-card { min-height: 0; overflow: hidden; }
  .cheap-page .cheap-expert-card__desc {
    margin: 14px 0 12px; font-size: 12px; line-height: 16px; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;
  }
  .cheap-page .cheap-experts__more { margin-top: 50px; height: 53px; }
  /* C76 root 917:18089 retains a 30px trailing field after the footer. */
  .cheap-page { padding-bottom: 30px; }
}

@media (max-width: 575.98px) {
  .cheap-page .cheap-experts { padding: 32px 0 45px; }
  .cheap-page .cheap-experts__grid { row-gap: 10px; height: 1151px; }
  .cheap-page .cheap-experts__more { margin-top: 20px; height: 52px; }
  .cheap-page .cheap-reviews { height: 421px; min-height: 421px; }
  .cheap-page .cheap-need {min-height:1450px;height:auto; min-height: 1450px; }
  .cheap-page .cheap-need__copy { transform: translateY(-26px); }
  .cheap-page .cheap-need__art { transform: translateY(-4px); }
  /* C76 917:18479: the mobile footer is a 1035px surface, not a min-height. */
  .cheap-page .site-footer { height: 1035px; min-height: 1035px; }
}