/* Start:/local/templates/zakka-new-template/css/why-us-page.css?17670125762788*/
/**
 * Стили страницы "Почему мы"
 * Desktop версия (≥1200px)
 */

/* ============================================
   ОБЩИЕ СТИЛИ СТРАНИЦЫ
   ============================================ */
.why-us-page {
    width: 100%;
    background-color: #ffffff;
    padding: 60px 0 100px;
}

/* Единый контейнер */
.why-us-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ============================================
   ЗАГОЛОВОК СТРАНИЦЫ С ДЕКОРАТИВНЫМИ ЗВЕЗДОЧКАМИ
   ============================================ */
.why-us-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 0 0 60px 0;
}

.why-us-title-star {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.why-us-title-star--yellow {
    color: #FFBD2E;
}

.why-us-title-star--blue {
    color: #3D6EEE;
}

.why-us-title {
    font-family: "Manrope", sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.2;
    color: #000000;
    text-align: center;
    margin: 0;
    letter-spacing: -0.01em;
}

/* ============================================
   СЕТКА КАРТОЧЕК (2 ряда по 3)
   ============================================ */
.why-us-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

/* ============================================
   КАРТОЧКА ПРЕИМУЩЕСТВА
   ============================================ */
.why-us-card {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #E0E0E0;
    border-radius: 16px;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Декоративная звездочка над карточкой */
.why-us-card-star {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 24px;
    z-index: 1;
}

.why-us-card-star--yellow {
    color: #FFBD2E;
}

.why-us-card-star--blue {
    color: #3D6EEE;
}

.why-us-card-star svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* Заголовок карточки */
.why-us-card-title {
    font-family: "Manrope", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    color: #000000;
    margin: 16px 0 12px 0;
}

/* Описание карточки */
.why-us-card-description {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #484848;
    margin: 0;
}


/* End */


/* Start:/local/components/softmg/text.cards/templates/.default/style.css?17635589641326*/
.text-cards > div {
  color: #000;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  gap: 57px 24px;
  padding-block: 54px;
}
@media (max-width: 768px) {
  .text-cards > div {
    grid-template-columns: repeat(2, 1fr);
    gap: 34px 16px;
    padding-block: 25px;
  }
}
.text-cards__mobile {
  display: none;
}
.text-cards__desktop {
  display: grid;
}
@media (max-width: 768px) {
  .text-cards__desktop {
    display: none;
  }
  .text-cards__mobile {
    display: grid;
  }
}
.text-cards__card {
  position: relative;
  border: 2px solid #484848;
  border-radius: 22px;
  padding: 36px 43px 25px 43px;
  text-align: center;
  align-content: center;
  font-family: Inter, sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 115%;
}
@media (max-width: 768px) {
  .text-cards__card {
    font-size: 16px;
    color: #ffffff;
    border: none;
    background: #3D6EEE;
    padding: 18px 10px 10px;
  }
  .text-cards__card:nth-child(n+7) {
    display: none;
  }
}
.text-cards__star-sign {
  position: absolute;
  top: -30px;
  left: calc(50% - 29px);
}
@media (max-width: 768px) {
  .text-cards__star-sign {
    width: 29px;
    height: 29px;
    top: -14.5px;
    left: calc(50% - 14.5px);
  }
}
.text-cards__star-sign img {
  width: 100%;
  height: 100%;
}

/*# sourceMappingURL=style.css.map */

/* End */
/* /local/templates/zakka-new-template/css/why-us-page.css?17670125762788 */
/* /local/components/softmg/text.cards/templates/.default/style.css?17635589641326 */