/* Стили, специфичные только для страницы: Заказчики (for_customers.html).
 * Автоматически выделены из main.css (выделяет только правила с
 * селекторами .page-customers). Подключать ПОСЛЕ main.css.
 */

.page-customers .result-card-image {
      height: 376px;
      width: 620px;
    }

.page-customers .result-card-review {
      max-height: 376px;
    }

.page-customers .glow-spot {
      background: radial-gradient(50% 50% at 50% 50%, #CDB154 4.33%, #462D4B 72.12%);
    }

.page-customers .storis-step--tl { left: 4%; }

.page-customers .storis-result--tr { top: 40%; }

@media (max-width: 1200px) {
  .page-customers .result-card-image {
      width: 410px;
      height: 358px;
      border-radius: 26px;
    }

  .page-customers .result-card-review {
      max-height: 358px;
    }

  .page-customers .result-review-text {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: -0.019em;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .page-customers .result-card {
      flex-direction: row;
      height: auto;
    }

  .page-customers .result-card-pagination {
      flex-direction: column;
    }
}

@media (max-width: 990px) {
  /* ── RESULT ── */
    .page-customers .result-card {
      flex-direction: column;
      gap: 12px;
      padding: 12px;
      height: auto;
      border-radius: 24px;
    }

  .page-customers .result-slide {
      flex-direction: column;
    }

  .page-customers .result-card-pagination {
      position: absolute;
      top: auto;
      bottom: 24px;
      left: 50%;
      right: auto;
      transform: translateX(-50%);
      flex-direction: row;
      justify-content: center;
      z-index: 2;
    }

  .page-customers .result-card-image {
      width: 100%;
      height: 278px;
      border-radius: 16px;
      flex-shrink: 0;
    }

  .page-customers .result-card-review {
      padding: 12px 24px 56px;
      gap: 20px;
      margin-top: -32px;
      position: relative;
      z-index: 1;
      max-height: 344px;
    }
}

@media (max-width: 900px) and (min-width: 600px) {
  /* ── Customers hero tablet (600–900px) ── */
    .page-customers .cust-hero {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      justify-content: flex-start;
      padding: 48px 32px 0 32px;
      min-height: 480px;
      overflow: hidden;

    }

  .page-customers .cust-hero-content {
      position: relative;
      z-index: 6;
      max-width: 55%;
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding-bottom: 110px;
    }

  .page-customers .cust-hero-title {
      font-family: 'Onder', sans-serif !important;
      font-weight: 500 !important;
      font-size: 28px !important;
      line-height: 58px !important;
      letter-spacing: 0.02em !important;
      white-space: normal;
    }

  .page-customers .cust-hero-subtitle {
      font-family: 'Nunito Sans', sans-serif !important;
      font-weight: 400 !important;
      font-size: 20px !important;
      line-height: 28px !important;
      letter-spacing: -0.019em !important;
    }

  .page-customers .cust-hero-btn {
      position: static;
      width: fit-content;
      font-size: 16px;
      padding: 14px 28px;
      margin-top: 8px;
    }

  .page-customers .cust-hero-photo {
      opacity: 1;
      position: absolute;
      right: 0;
      bottom: 0;
      top: 26%;
      left: auto;
      height: 100%;
      transform: none;
    }

  .page-customers .cust-hero-photo-fg {
      transform: translate(0, 0);
      height: 100%;
    }

  .page-customers .cust-hero-photo-bg {
      height: 100%;
      bottom: 0;
      right: -18px;
      left: auto;
      top: auto;
      transform: none;
      width: 76%;
    }

  /* ── Stats tablet (600–900px) ── */
    .page-customers .cust-stats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px 40px;
      padding: 60px 40px 48px;
      align-items: start;
      justify-items: start;
    }

  .page-customers .cust-stat-item:first-child {
      grid-column: 1 / -1;
    }

  .page-customers .cust-stat-number--gradient {
      font-family: 'Onder', sans-serif;
      font-weight: 500;
      font-size: 64px;
      line-height: 1.3;
      letter-spacing: 0.02em;
    }

  .page-customers .cust-stat-number--dark {
      font-family: 'Onder', sans-serif;
      font-weight: 500;
      font-size: 40px;
      line-height: 1.3;
      letter-spacing: 0.02em;
    }

  .page-customers .cust-stat-label {
      font-size: 16px;
      line-height: 22px;
      margin-top: 8px;
    }
}

@media (max-width: 599px) {
  /* Result */
    .page-customers .result {
      border-radius: 24px !important;
    }

  .page-customers .result-header h2 {
    font-family: 'Onder', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 212%;
    letter-spacing: 0.02em;
    text-align: center;
    }

  .page-customers .result-card {
      flex-direction: column;
      gap: 12px;
      padding: 12px;
    }

  .page-customers .result-slide {
      flex-direction: column;
    }

  .page-customers .result-card-image {
      width: 100%;
      height: 278px;
      border-radius: 16px;
      flex-shrink: 0;
    }

  .page-customers .result-review-text {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 135%;
    letter-spacing: -0.019em;
    }

  .page-customers .cust-stats {
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 40px 20px;
    }
}

@media (max-width: 500px) {
  .page-customers .result-card-image { height: 160px; }
}