/* =====================================================
   PALETTE
   Красный: #A64B3F
   Жёлтый:  #B0CC86
   Синий:   #ADD9E3
   Тёмно-серый: #1A1A1A
   Шрифт: Jost Light (300)
===================================================== */

/* =====================================================
   1) SUCCESS POPUP (после отправки формы)
===================================================== */
.t-form-success-popup__wrapper {
  background: #1A1A1A !important;
  border: 1px solid #F0E6C8 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.t-form-success-popup__title,
.t-form-success-popup__title.t-title,
.t-form-success-popup__text {
  color: #F0E6C8 !important;
  font-family: "Jost", Arial, sans-serif !important;
  font-weight: 300 !important;
}

.t-form-success-popup__content-icon,
.t-form-success-popup__close-icon {
  display: none !important;
}

.t-form-success-popup__button {
  background: transparent !important;
  color: #F0E6C8 !important;
  border: 1px solid #F0E6C8 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: "Jost", Arial, sans-serif !important;
  font-weight: 300 !important;
}

.t-form-success-popup__button:hover {
  background: #F0E6C8 !important;
  color: #B8773D !important;
  border-color: transparent !important;
}

/* =====================================================
   2) BF502N / T702 POPUP FORMS
===================================================== */

/* Подзаголовки полей */
.t702 .t-input-subtitle,
.t702 .t-input-subtitle.t-descr,
.t702 .t-input-group .t-input-subtitle {
  color: #5FA0A6 !important;
  font-family: "Jost", Arial, sans-serif !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

/* Контактные методы (Телефон / Telegram / VK) во ВСЕХ popup T702 */
.t702 .t-contact-method__type,
.t702 .t-contact-method__type-label,
.t702 .t-contact-method__type .t-sociallinks__svg,
.t702 .t-contact-method__type .t-sociallinks__svg * {
  opacity: 1 !important;
}

.t702 .t-contact-method__type {
  background: transparent !important;
  border: 1px solid transparent !important;
}

.t702 .t-contact-method__title {
  color: #F0E6C8 !important;
  font-family: "Jost", Arial, sans-serif !important;
  font-weight: 300 !important;
}

/* Telegram/VK: без кружка, значок жёлтый */
.t702 .t-contact-method__type[data-method-type="telegram"] .t-sociallinks__svg path:first-of-type,
.t702 .t-contact-method__type[data-method-type="vk"] .t-sociallinks__svg path:first-of-type {
  fill: transparent !important;
}
.t702 .t-contact-method__type[data-method-type="telegram"] .t-sociallinks__svg path:nth-of-type(2),
.t702 .t-contact-method__type[data-method-type="vk"] .t-sociallinks__svg path:nth-of-type(2) {
  fill: #B8773D !important;
}

/* Phone: отдельная структура SVG */
.t702 .t-contact-method__type[data-method-type="phone"] .t-sociallinks__svg path[fill-rule="evenodd"] {
  fill: transparent !important;
}
.t702 .t-contact-method__type[data-method-type="phone"] .t-sociallinks__svg path:not([fill-rule]) {
  fill: #B8773D !important;
}

/* Hover: красный кружок, значок и текст остаются жёлтыми */
.t702 .t-contact-method__type:hover .t-contact-method__title {
  color: #B8773D !important;
}
.t702 .t-contact-method__type[data-method-type="telegram"]:hover .t-sociallinks__svg path:first-of-type,
.t702 .t-contact-method__type[data-method-type="vk"]:hover .t-sociallinks__svg path:first-of-type,
.t702 .t-contact-method__type[data-method-type="phone"]:hover .t-sociallinks__svg path[fill-rule="evenodd"] {
  fill: #266A70 !important;
}

/* Selected: красная рамка/текст/кружок, жёлтый значок */
.t702 .t-contact-method__type:has(> .t-radio:checked) {
  background: transparent !important;
  border-color: #B8773D !important;
}
.t702 .t-contact-method__type:has(> .t-radio:checked) .t-contact-method__title {
  color: #B8773D !important;
}
.t702 .t-contact-method__type[data-method-type="telegram"]:has(> .t-radio:checked) .t-sociallinks__svg path:first-of-type,
.t702 .t-contact-method__type[data-method-type="vk"]:has(> .t-radio:checked) .t-sociallinks__svg path:first-of-type,
.t702 .t-contact-method__type[data-method-type="phone"]:has(> .t-radio:checked) .t-sociallinks__svg path[fill-rule="evenodd"] {
  fill: #B8773D !important;
}
.t702 .t-contact-method__type[data-method-type="telegram"]:has(> .t-radio:checked) .t-sociallinks__svg path:nth-of-type(2),
.t702 .t-contact-method__type[data-method-type="vk"]:has(> .t-radio:checked) .t-sociallinks__svg path:nth-of-type(2),
.t702 .t-contact-method__type[data-method-type="phone"]:has(> .t-radio:checked) .t-sociallinks__svg path:not([fill-rule]) {
  fill: #F0E6C8 !important;
}

/* =====================================================
   3) TOP SOCIAL (ME302) -> uc-top-social
   Hover: красная подложка под жёлтой иконкой
===================================================== */
.uc-top-social .t-sociallinks__svg path,
.uc-top-social .t-sociallinks__svg rect,
.uc-top-social .t-sociallinks__svg circle {
  fill: #B8773D !important;
  stroke: #B8773D !important;
}

.uc-top-social .t-sociallinks__item,
.uc-top-social .t-sociallinks__wrapper a {
  border-radius: 50% !important;
  transition: background-color 0.2s ease;
}

.uc-top-social .t-sociallinks__item:hover,
.uc-top-social .t-sociallinks__wrapper a:hover {
  background-color: #F0E6C8 !important;
}

/* =====================================================
   4) BOTTOM SOCIAL (SM103 / t1036)
===================================================== */
#rec2225071651 .t1036__item .t1036__btn {
  background: transparent !important;
  border: none !important;
  outline: 1px solid #B8773D !important;
  outline-offset: -1px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, outline-color 0.2s ease;
}

#rec2225071651 .t1036__item .t1036__btn .t-sociallinks__svg path {
  fill: #F0E6C8 !important;
}

#rec2225071651 .t1036__item .t1036__btn:hover {
  background: #B8773D !important;
  outline-color: transparent !important;
}

#rec2225071651 .t1036__item .t1036__btn:hover .t-sociallinks__svg path {
  fill: #F0E6C8 !important;
}









/* FR202N: всегда 3 в ряд на mobile/tablet */
@media screen and (max-width: 980px) {
  #rec2250890511 .t1007__container {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  #rec2250890511 .t1007__col.t-col.t-col_4 {
    float: none !important;
    width: 33.3333% !important;
    max-width: 33.3333% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 2px !important; /* очень маленькие внутренние поля */
    box-sizing: border-box !important;
  }

  #rec2250890511 .t1007__col-wrapper,
  #rec2250890511 .t1007__col-wrapper_fisrt {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  #rec2250890511 .t1007__line {
    display: none !important;
  }

  #rec2250890511 .t1007__img {
    width: 80px !important; /* <-- размер иконки*/
    height: auto !important;
    margin: 0 auto 10px !important; /* <-- отступ снизу иконки*/
    display: block !important;
  }

  #rec2250890511 .t1007__descr {
    font-size: 16px !important; /* <-- размер шрифта*/
    line-height: 1.05 !important; /* <-- межстрочный интервал*/
    margin: 0 !important;
  }

  #rec2250890511 .t1007__descr p {
    margin: 0 !important;
  }
}








@media (max-width: 980px) {
  #rec2254737031 ul[role="list"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    grid-auto-flow: row !important;
    margin-left: 14px !important;
  }

  #rec2254737031 ul[role="list"] > li {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    position: static !important;
  }

  /* Жесткая раскладка 6 элементов: 2 колонки x 3 ряда */
  #rec2254737031 ul[role="list"] > li:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }
  #rec2254737031 ul[role="list"] > li:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
  #rec2254737031 ul[role="list"] > li:nth-child(3) { grid-column: 1 !important; grid-row: 2 !important; }
  #rec2254737031 ul[role="list"] > li:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; }
  #rec2254737031 ul[role="list"] > li:nth-child(5) { grid-column: 1 !important; grid-row: 3 !important; }
  #rec2254737031 ul[role="list"] > li:nth-child(6) { grid-column: 2 !important; grid-row: 3 !important; }

  /* Убираем возможные встроенные вертикальные сдвиги */
  #rec2254737031 ul[role="list"] > li:nth-child(n) {
    margin-top: 0 !important;
  }
}









@media (min-width: 981px) {
  #rec2224853891 {
    padding-left: 150px !important; /* отступ слева */
    padding-right: 40px !important;
    box-sizing: border-box !important;
  }

  #rec2224853891 ul[role="list"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 12px !important;
    row-gap: 18px !important;
    width: 100% !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #rec2224853891 ul[role="list"] > li,
  #rec2224853891 .t-card__col,
  #rec2224853891 .t-col,
  #rec2224853891 .t-item {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* 9 пунктов: явно 3×3 */
  #rec2224853891 ul[role="list"] > li:nth-child(1)  { grid-column: 1 !important; grid-row: 1 !important; }
  #rec2224853891 ul[role="list"] > li:nth-child(2)  { grid-column: 2 !important; grid-row: 1 !important; }
  #rec2224853891 ul[role="list"] > li:nth-child(3)  { grid-column: 3 !important; grid-row: 1 !important; }
  #rec2224853891 ul[role="list"] > li:nth-child(4)  { grid-column: 1 !important; grid-row: 2 !important; }
  #rec2224853891 ul[role="list"] > li:nth-child(5)  { grid-column: 2 !important; grid-row: 2 !important; }
  #rec2224853891 ul[role="list"] > li:nth-child(6)  { grid-column: 3 !important; grid-row: 2 !important; }
  #rec2224853891 ul[role="list"] > li:nth-child(7)  { grid-column: 1 !important; grid-row: 3 !important; }
  #rec2224853891 ul[role="list"] > li:nth-child(8)  { grid-column: 2 !important; grid-row: 3 !important; }
  #rec2224853891 ul[role="list"] > li:nth-child(9)  { grid-column: 3 !important; grid-row: 3 !important; }
}