/* Страница почасовой ставки */

/* hourly-hero */
.hourly-hero{padding-top:80px;padding-bottom:64px}
.hourly-hero__title{max-width:900px}
.hourly-hero__rates{display:flex;gap:40px;flex-wrap:wrap;align-items:flex-end;margin-bottom:34px}
.hourly-hero__rate{font-size:56px;font-weight:300;line-height:1}
.hourly-hero__rate_accent{color:#22398f}
.hourly-hero__rate-label{font-size:15px;color:#5c6388;margin-top:8px}

/* hourly-hours — tabs switched by site.js */
.hourly-hours{padding-bottom:88px}
.hourly-hours__tabs{gap:8px;margin-bottom:22px}

/* hours-card */
.hours-card{background:#fff;border:1px solid #eee5c9;border-radius:22px;padding:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.hours-card__title{font-size:22px;font-weight:500;letter-spacing:-0.01em;margin:0 0 10px}
.hours-card__text{font-size:16px;line-height:1.65;color:#3b4268;margin:0;text-wrap:pretty}
.hours-card__note{font-size:14px;line-height:1.65;color:#5c6388;margin:16px 0 0;text-wrap:pretty}
.hours-card__rows{grid-column:span 2;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 28px}
.hours-card__row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f6efd9;font-size:16px}
.hours-card__time{font-weight:500}

/* hourly-explain */
.hourly-explain{background:#e3f3fd}
.hourly-explain__inner{padding-top:88px;padding-bottom:88px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px}
.hourly-explain__text{font-size:17px;line-height:1.65;color:#3b4268;margin:0;text-wrap:pretty}

/* hourly-factors */
.hourly-factors{padding-top:88px;padding-bottom:88px}
.hourly-factors__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 40px}
.hourly-factors__item{border-top:1px solid #e6dbba;padding:24px 0}
.hourly-factors__title{font-size:19px;font-weight:500;letter-spacing:-0.01em;margin:0 0 10px}
.hourly-factors__text{font-size:16px;line-height:1.65;color:#3b4268;margin:0;text-wrap:pretty}

/* one grid column in the card: rows must not create an extra implicit column */
@media (max-width:709px){
  .hours-card__rows{grid-column:auto}
}