/* Start:/partners/styles.css?179146930515833*/
@import url("/partners/fonts/manrope.css");

/* ============================================================
   Страница «Предлагаем сотрудничество» для smartlamps.ru

   Вёрстка резиновая: блок занимает всю доступную ширину
   с небольшим отступом по краям. Шапки и футера здесь нет —
   они приходят из шаблона сайта.

   Токены сняты с рабочего smartlamps.ru (computed styles).
   ============================================================ */
:root {
  --page: #e2e7f1;
  --white: #ffffff;
  --tint: #f2f4f8;
  --navy: #152053;
  --navy-deep: #0e1640;
  --ink: #161b25;
  --dark: #222222;
  --muted: rgba(28, 49, 92, 0.7);
  --on-dark: rgba(255, 255, 255, 0.72);
  --hair: rgba(28, 49, 92, 0.12);
  --hair-dark: rgba(255, 255, 255, 0.16);

  /* Отступ от краёв контейнера и внутренние поля пластин — тянутся вместе с шириной */
  --gutter: clamp(10px, 1.4vw, 28px);
  --pad: clamp(20px, 3vw, 45px);
  --gap: clamp(8px, 0.8vw, 10px);
  --col-gap: clamp(10px, 1.4vw, 20px);

  --r: clamp(24px, 3vw, 45px);
  --r-xs: 18px;
  --pill: 500px;
  --shadow: 0 0 25px rgba(28, 49, 92, 0.1);
}

.page,
.page *,
.page *::before,
.page *::after {
  box-sizing: border-box;
}

/* ============================================================
   Каркас
   ============================================================ */
.page {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: var(--gutter);
  background: var(--page);
  font-family: Manrope, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}

.page img {
  max-width: 100%;
  display: block;
}

.page ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.plate {
  width: 100%;
  border-radius: var(--r);
  background: var(--white);
  padding: var(--pad);
}

.plate + .plate {
  margin-top: var(--gap);
}

.plate--navy {
  background: var(--navy);
  color: var(--white);
}

/* ============================================================
   Типографика
   ============================================================ */
.h1,
.h2 {
  margin: 0;
  font-size: clamp(26px, 3.5vw, 50px);
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--navy);
}

.h3 {
  margin: 0;
  font-size: clamp(19px, 1.74vw, 25px);
  line-height: 1.4;
  font-weight: 600;
  color: var(--navy);
}

.h4 {
  margin: 0;
  font-size: clamp(17px, 1.39vw, 20px);
  line-height: 1.4;
  font-weight: 700;
  color: var(--navy);
}

.lead {
  margin: 0;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.4;
  font-weight: 500;
  color: var(--muted);
}

.body {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--muted);
}

.plate--navy .h2,
.plate--navy .h3,
.plate--navy .h4 {
  color: var(--white);
}

.plate--navy .lead,
.plate--navy .body {
  color: var(--on-dark);
}

.section-head {
  text-align: center;
  margin-bottom: clamp(24px, 2.8vw, 40px);
}

.section-head .lead {
  max-width: 740px;
  margin: 16px auto 0;
}

/* ============================================================
   Кнопки и поля
   ============================================================ */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 57px;
  padding: 0 35px;
  border: 0;
  border-radius: var(--pill);
  background: var(--navy);
  color: var(--white);
  font: 700 18px/1.2 Manrope, sans-serif;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}

.btn--light {
  background: var(--tint);
  color: var(--navy);
}

.btn--block {
  width: 100%;
}

.field {
  display: block;
  width: 100%;
  height: 57px;
  padding: 0 24px;
  border: 1px solid var(--hair);
  border-radius: var(--pill);
  background: var(--white);
  font: 400 16px/1 Manrope, sans-serif;
  color: var(--ink);
}

.field::placeholder {
  color: rgba(28, 49, 92, 0.45);
}

.field-label {
  display: block;
  margin: 0 0 8px 24px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: var(--muted);
}

.form-row + .form-row {
  margin-top: 18px;
}

.consent {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-top: 20px;
}

.consent__box {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border-radius: 6px;
  background: var(--navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.consent__text {
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: var(--muted);
}

.plate--navy .consent__box {
  background: var(--white);
}

.plate--navy .consent__box svg {
  stroke: var(--navy);
}

.plate--navy .consent__text {
  color: var(--on-dark);
}

/* ============================================================
   Иконки
   ============================================================ */
.ico {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  border-radius: var(--r-xs);
  background: var(--navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ico--sm {
  width: 48px;
  height: 48px;
  border-radius: 14px;
}

.ico svg {
  width: 26px;
  height: 26px;
  stroke: var(--white);
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ico--sm svg {
  width: 22px;
  height: 22px;
}

.plate--navy .ico {
  background: var(--white);
}

.plate--navy .ico svg {
  stroke: var(--navy);
}

/* ============================================================
   02 — Герой
   ============================================================ */
.hero__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--col-gap);
}

.card-role {
  position: relative;
  aspect-ratio: 433 / 540;
  min-height: 420px;
  border-radius: var(--r);
  overflow: hidden;
  background: var(--dark);
}

.card-role__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-role__veil {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 64%;
  background: linear-gradient(180deg, rgba(14, 22, 64, 0) 0%, rgba(14, 22, 64, 0.92) 68%, #0e1640 100%);
}

.card-role__body {
  position: absolute;
  left: clamp(20px, 2.4vw, 35px);
  right: clamp(20px, 2.4vw, 35px);
  bottom: clamp(20px, 2.4vw, 35px);
  color: var(--white);
}

.card-role__title {
  margin: 0;
  font-size: clamp(21px, 2.1vw, 30px);
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--white);
}

.card-role__lead {
  margin: 8px 0 0;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.4;
  font-weight: 600;
  color: var(--white);
}

.card-role__text {
  margin: 12px 0 0;
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.3;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.75);
}

/* ============================================================
   03 / 07 — Формы
   ============================================================ */
.form-block {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 575px);
  gap: clamp(24px, 3.1vw, 45px);
  align-items: stretch;
}

.form-block__left {
  display: flex;
  flex-direction: column;
}

.form-block__lead {
  margin-top: 16px;
  max-width: 600px;
}

.form-block__points {
  margin-top: auto;
  padding-top: clamp(24px, 2.2vw, 32px);
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 1.5vw, 22px);
}

.point {
  display: flex;
  gap: 18px;
  align-items: flex-start;
}

.point__title {
  margin: 0;
  font-size: clamp(17px, 1.39vw, 20px);
  line-height: 1.4;
  font-weight: 700;
}

.point__text {
  margin: 4px 0 0;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.point__text--muted {
  color: var(--muted);
}

.form-card {
  background: var(--white);
  border-radius: var(--r);
  padding: clamp(24px, 2.8vw, 40px);
  align-self: start;
}

.form-card__title {
  margin: 0 0 24px;
  font-size: clamp(19px, 1.74vw, 25px);
  line-height: 1.4;
  font-weight: 700;
  color: var(--navy);
  text-transform: uppercase;
}

.form-card__submit {
  margin-top: 24px;
}

/* Белая карточка формы на тёмной пластине — возвращаем тёмные цвета */
.plate--navy .form-card .h3,
.plate--navy .form-card .h4,
.plate--navy .form-card__title {
  color: var(--navy);
}

.plate--navy .form-card .field-label,
.plate--navy .form-card .consent__text,
.plate--navy .form-card .body {
  color: var(--muted);
}

.plate--navy .form-card .consent__box {
  background: var(--navy);
}

.plate--navy .form-card .consent__box svg {
  stroke: #ffffff;
}

/* ============================================================
   04 — Преимущества
   ============================================================ */
.advantage {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--col-gap);
}

.adv__item {
  background: var(--tint);
  border-radius: var(--r);
  padding: clamp(24px, 2.8vw, 40px);
}

.adv__item .h3 {
  margin: 24px 0 10px;
  text-transform: uppercase;
  font-size: clamp(18px, 1.53vw, 22px);
  line-height: 1.36;
  font-weight: 700;
}

.stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--col-gap);
  margin-top: var(--col-gap);
}

.stat {
  min-height: 171px;
  background: var(--navy);
  border-radius: var(--r);
  padding: clamp(20px, 2.4vw, 34px) clamp(20px, 2.5vw, 36px);
  color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.stat__value {
  font-size: clamp(30px, 3.5vw, 50px);
  line-height: 1.16;
  font-weight: 700;
}

.stat__label {
  margin-top: 8px;
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.3;
  font-weight: 500;
  color: var(--on-dark);
}

/* ============================================================
   05 — Производство
   ============================================================ */
.prod {
  display: grid;
  grid-template-columns: minmax(0, 45fr) minmax(0, 55fr);
  gap: var(--col-gap);
}

.prod__photo {
  width: 100%;
  height: 100%;
  min-height: 420px;
  border-radius: var(--r);
  object-fit: cover;
}

.prod__right {
  display: flex;
  flex-direction: column;
  gap: var(--col-gap);
  justify-content: center;
}

.prod__list {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 1.5vw, 22px);
}

.prod__capacity {
  background: var(--tint);
  border-radius: var(--r);
  padding: clamp(24px, 2.4vw, 34px) clamp(20px, 2.8vw, 40px);
}

.prod__capacity .h4 {
  text-transform: uppercase;
}

.bullets {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bullets li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--muted);
}

.bullets .dot {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  margin-top: 7px;
  border-radius: 50%;
  background: var(--navy);
}

.plate--navy .bullets li {
  color: var(--on-dark);
}

.plate--navy .bullets .dot {
  background: var(--white);
}

/* ============================================================
   06 — Офис и склад
   ============================================================ */
.geo {
  display: grid;
  grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
  gap: var(--col-gap);
}

.geo__cards {
  display: flex;
  flex-direction: column;
  gap: var(--col-gap);
}

.geo__card {
  background: var(--tint);
  border-radius: var(--r);
  padding: clamp(24px, 2.4vw, 34px) clamp(20px, 2.8vw, 40px);
}

.geo__tag {
  font-size: 13px;
  line-height: 17px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(28, 49, 92, 0.5);
}

.geo__addr {
  margin: 10px 0 0;
  font-size: clamp(19px, 1.74vw, 25px);
  line-height: 1.32;
  font-weight: 700;
  color: var(--navy);
}

.geo__meta {
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.38;
  font-weight: 400;
  color: var(--muted);
}

.geo__photo {
  width: 100%;
  height: 100%;
  min-height: 420px;
  border-radius: var(--r);
  object-fit: cover;
}

/* ============================================================
   07б — Что будет дальше
   ============================================================ */
.steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--col-gap);
}

.step {
  background: var(--tint);
  border-radius: var(--r);
  padding: clamp(24px, 2.4vw, 34px);
  min-height: 240px;
}

.step__num {
  font-size: clamp(32px, 2.8vw, 40px);
  line-height: 1.2;
  font-weight: 700;
  color: rgba(21, 32, 83, 0.25);
}

.step__title {
  margin: 14px 0 8px;
  font-size: clamp(17px, 1.39vw, 20px);
  line-height: 1.3;
  font-weight: 700;
  color: var(--navy);
  text-transform: uppercase;
}

.step__text {
  margin: 0;
  font-size: 15px;
  line-height: 1.33;
  font-weight: 400;
  color: var(--muted);
}

/* ============================================================
   08 — Подписка
   ============================================================ */
.subscribe {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 575px);
  gap: clamp(24px, 3.1vw, 45px);
  align-items: center;
}

.subscribe__text {
  margin-top: 10px;
  max-width: 520px;
}

.subscribe__row {
  display: flex;
  gap: 12px;
}

.subscribe__row .field {
  flex: 1 1 auto;
}

.subscribe__row .btn {
  flex: 0 0 auto;
}

/* ============================================================
   Адаптив
   ============================================================ */

/* Планшет: двухколоночные блоки схлопываются в одну колонку */
@media (max-width: 1100px) {
  .form-block,
  .prod,
  .geo,
  .subscribe {
    grid-template-columns: minmax(0, 1fr);
  }

  .form-block__points {
    margin-top: 0;
  }

  .form-card,
  .subscribe__form {
    align-self: stretch;
    max-width: 640px;
  }

  .prod__photo,
  .geo__photo {
    min-height: 0;
    aspect-ratio: 16 / 10;
    height: auto;
  }

  .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Узкий планшет и телефон: всё в одну колонку */
@media (max-width: 860px) {
  .hero__cards,
  .advantage,
  .steps {
    grid-template-columns: minmax(0, 1fr);
  }

  .card-role {
    aspect-ratio: auto;
    min-height: 0;
    height: 440px;
  }

  .card-role__veil {
    height: 68%;
  }

  .step {
    min-height: 0;
  }

  .stat {
    min-height: 120px;
  }

  .form-card,
  .subscribe__form {
    max-width: none;
  }
}

@media (max-width: 560px) {
  .btn {
    min-height: 48px;
    padding: 0 22px;
    font-size: 15px;
  }

  .stats {
    grid-template-columns: minmax(0, 1fr);
  }

  .subscribe__row {
    flex-direction: column;
  }

  .point {
    gap: 14px;
  }

  .ico {
    width: 48px;
    height: 48px;
  }

  .ico svg {
    width: 22px;
    height: 22px;
  }
}

.form-card .feedback-static__form-block {background: none; color: var(--navy);  padding-left: 0; padding-right: 0;}
.form-card .feedback-static__inputs .input-label {color: var(--muted);}
.form-card .feedback-static__submit-button {width: 100%; background: var(--navy); color: white}
.form-card .feedback-static__inputs .input.input-container {width: 100%}
.form-card .feedback-static__checkboxes .checkbox-container label {color: var(--muted);}
.form-card .feedback-static__checkboxes .checkbox-container label a {color: var(--muted);}
.form-card input.custom-checkbox {background: lightgray; }
.form-card .feedback-static__inputs .input.input-container {flex: 1;}
.form-card .feedback-static__inputs {flex-direction: column}

.feedback-static__confirm-icon svg {fill: var(--navy);}

/* End */


/* Start:/local/templates/SmartLamps/components/bitrix/main.feedback/partners/style.css?1791467888153*/
/* Стили подключаются из основного LESS файла */
/* local/templates/SmartLamps/less/components/feedback_static.less */


/* End */
/* /partners/styles.css?179146930515833 */
/* /local/templates/SmartLamps/components/bitrix/main.feedback/partners/style.css?1791467888153 */