:root {
    --c-l-r: 10px!important;
}


/* ===== Hero: Комплексное оснащение торговых объектов ===== */

.hero {
  background: #FFF6F4;
  padding: 80px 20px 80px;
  color: #111827;
  border-radius: 1rem;
}

.hero__container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: left;
}

.hero__title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
  color: #111827;
}

.hero__subtitle {
  font-size: 18px;
  max-width: 720px;
  margin-bottom: 40px;
  color: #374151;
}

.hero__buttons {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

/* ===== Кнопки ===== */

.btn {
  padding: 14px 28px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

.btn--primary {
  background: #FE4C20;
  color: #ffffff;
}

.btn--primary:hover {
  background: #ffffff;
  color: #FE4C20;
}

.btn--secondary {
  color: #333333;
  background: #ffffff;
  border: 2px solid rgba(17, 24, 39, 0.14); /* чтобы вторичная была “кнопкой”, а не ссылкой */
}

.btn--secondary:hover {
  background: #111827;
  color: #ffffff;
  border-color: #111827;
}

/* ===== Преимущества ===== */

.hero__advantages {
  display: flex;
  justify-content: flex-start;
  gap: 40px;
  flex-wrap: wrap;
  font-size: 15px;
  color: #374151;
}

.advantage {
  position: relative;
  padding-left: 20px;
}

.advantage::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #ea580c;
  font-size: 14px;
  top: 1px;
}

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

@media (max-width: 768px) {
  .hero {
    padding: 80px 20px 60px;
  }

  .hero__title {
    font-size: 28px;
  }

  .hero__subtitle {
    font-size: 16px;
  }

  .hero__advantages {
    gap: 20px;
  }
}

/* ===== КОНЕЦ Hero ===== */



/* ===== Блок "Кому подойдет" ===== */

.who {
  padding: 100px 20px;
  background: #ffffff;
}

.who__container {
  max-width: 1200px;
  margin: 0 auto;
}

.who__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.who__image {
  aspect-ratio: 5 / 6;   /* ширина к высоте */
  overflow: hidden;
  border-radius: 1rem;
}

.who__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* обрезает красиво */
  display: block;
}

.who__content {
  color: #111827;
}

.who__title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 24px;
}

.who__content p {
  font-size: 16px;
  line-height: 1.7;
  color: #374151;
  margin-bottom: 20px;
}

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

@media (max-width: 992px) {
  .who__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .who__title {
    font-size: 26px;
  }
}

/* ===== КОНЕЦ Who ===== */



/* ===== Блок "Что входит." (плашки) ===== */

.features_page {
  /* Быстрая настройка фона секции */
  --features-section-bg: #FFF6F4;

  /* Быстрая настройка плашек */
  --feature-card-bg: #ffffff;
  --feature-card-border: rgba(17, 24, 39, 0.10);

  /* Быстрая настройка текста */
  --features-title-color: #111827;
  --feature-title-color: #111827;
  --feature-text-color: #6b7280;

  /* Геометрия */
  --feature-radius: 14px;
  --feature-padding: 22px;
  --feature-gap: 18px;

  background: var(--features-section-bg);
  padding: 90px 20px;
  border-radius: 1rem;
}

.features__container {
  max-width: 1200px;
  margin: 0 auto;
}

.features__title {
  font-size: 34px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--features-title-color);
  margin: 0 0 34px;
}

/* Сетка: 4 колонки на десктопе */
.features__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--feature-gap);
}

/* Плашка */
.feature {
  background: var(--feature-card-bg);
  border: 1px solid var(--feature-card-border);
  border-radius: var(--feature-radius);
  padding: var(--feature-padding);
  min-height: 150px;
}

/* Заголовок плашки */
.feature__title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px;
  color: var(--feature-title-color);
}

/* Текст плашки */
.feature__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--feature-text-color);
}

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

/* 2 колонки на планшете */
@media (max-width: 1024px) {
  .features__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 1 колонка на телефоне */
@media (max-width: 560px) {
  .features {
    padding: 70px 16px;
  }

  .features__title {
    font-size: 26px;
    margin-bottom: 22px;
  }

  .features__grid {
    grid-template-columns: 1fr;
  }

  .feature {
    min-height: auto;
  }
}

/* ===== КОНЕЦ Features ===== */



/* ===== Теги-кнопки: "Виды торгового оборудования" ===== */

.equip-tags {
  /* Быстрая настройка (меняй тут) */
  --equip-section-bg: #ffffff;
  --equip-title-color: #111827;

  --equip-tag-bg: #FFF6F4;
  --equip-tag-border: rgba(17, 24, 39, 0.10);
  --equip-tag-text: #111827;

  --equip-tag-bg-hover: #ffffff;
  --equip-tag-border-hover: rgba(17, 24, 39, 0.18);
  --equip-tag-text-hover: #111827;

  --equip-tag-radius: 0.75rem;
  --equip-tag-padding-y: 0.75rem;
  --equip-tag-padding-x: 1rem;
  --equip-tag-gap-x: 0.5rem;
  --equip-tag-gap-y: 0.5rem;

  background: #ECF3F9;
  padding: 60px 20px;
  border-radius: 1rem;
  margin-top: 80px;
}

.equip-tags__container {
  max-width: 1200px;
  margin: 0 auto;
}

.equip-tags__title {
  margin: 0 0 28px;
  font-size: 34px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--equip-title-color);
}

/* список */
.equip-tags__list {
  margin: 0;
  padding: 0;
  list-style: none;

  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* левый край */
  align-items: flex-start;
  gap: var(--equip-tag-gap-y) var(--equip-tag-gap-x);
}

/* FIX: убираем любые глобальные “галочки/маркеры” темы */
.equip-tags__list li::before {
  content: none !important;
  display: none !important;
}
.equip-tags__list li::marker {
  content: "" !important;
}

/* элемент */
.equip-tags__item {
  margin: 0;
  padding: 0;
}

/* ссылка выглядит как кнопка */
.equip-tags__link {
  display: inline-block;
  text-decoration: none;

  background: var(--equip-tag-bg);
  color: var(--equip-tag-text);

  border: 1px solid var(--equip-tag-border);
  border-radius: var(--equip-tag-radius);

  padding: var(--equip-tag-padding-y) var(--equip-tag-padding-x);
  line-height: 1.25;

  font-size: 0.95rem;
  font-weight: 600;

  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

/* hover */
.equip-tags__link:hover {
  background: var(--equip-tag-bg-hover);
  border-color: var(--equip-tag-border-hover);
  color: var(--equip-tag-text-hover);
  transform: translateY(-1px);
}

/* ===== Адаптив Equip-tags ===== */

@media (max-width: 768px) {
  .equip-tags {
    padding: 70px 16px;
  }

  .equip-tags__title {
    font-size: 26px;
    margin-bottom: 20px;
  }

  .equip-tags__link {
    font-size: 0.95rem;
    padding: 0.7rem 0.9rem;
  }
}

/* ===== КОНЕЦ Equip-tags ===== */



.p-images__slider-item {
    position: relative;/* или нужная высота */
    overflow: hidden;
}
/*
.p-images__slider-item img {
    width: 100% !important;
    height: 80% !important;
    object-fit: cover !important;
    position: absolute;
    top: 0;
    left: 0;
    object-position: 48%;
}
*/
/* ============================================
   Форма обратной связи — горизонтальная
   Плагин Multiform (Веб-формы) на WebAsyst
   Фон: #ecf3f9, Кнопка: #FE4C20
   ============================================ */

/* === Секция-обёртка === */
.u_sectionform {
    position: relative !important;
    padding: 40px 20px !important;
    background: transparent !important;
}

/* === Сброс обёрток Multiform === */
.u_sectionform .multiform-body,
.u_sectionform .multiform-wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    /* Форма занимает 100% колонки */
    border-radius: 0 !important;
}

/* === Форма === */
form.form_uslugi,
.form_uslugi {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    /* Форма занимает всю ширину колонки */
    margin: 0 !important;
    /* Будет управляться оберткой */
    padding: 32px 40px !important;
    /* Внутренние отступы для цветного блока */
    background: #ecf3f9 !important;
    /* Фон формы, как просили */
    border: none !important;
    border-radius: 16px !important;
    /* Скругления углов */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    /* Легкая тень */
    box-sizing: border-box !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Скрываем заголовки, если форма должна быть чистой полосой.
   Если нужны — можно убрать display: none */
.form_uslugi .multiform-header,
.form_uslugi .multiform-title,
.form_uslugi .multiform-form-description {
    display: none !important;
}

/* === Обёртка полей === */
.form_uslugi .multiform-gap-fields {
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Отступы между рядами формы (замена gap) */
.form_uslugi .multiform-gap-fields>div+div {
    margin-top: 16px !important;
}

/* Сброс стандартных колонок Multiform — каждая строка формы */
.form_uslugi .multiform-gap-fields>div {
    display: flex !important;
    flex-wrap: wrap !important;
    /* РАЗРЕШАЕМ ПЕРЕНОС, так как плагин кидает всё в один div */
    align-items: flex-end !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    box-sizing: border-box !important;
}

/* Отступы между полями в одном ряду (Имя и Телефон) — замена gap */
.form_uslugi .multiform-gap-fields>div>.multiform-gap-field {
    margin-left: 0 !important;
    /* У всех по умолчанию НУЛЬ отступа слева */
    margin-top: 16px !important;
}

/* Добавляем отступ слева ТОЛЬКО для смежных полей (т.е. для "Телефона", идущего после "Имени") */
.form_uslugi .multiform-gap-fields>div>.multiform-gap-field+.multiform-gap-field {
    margin-left: 16px !important;
}

/* Строка с полем (само поле внутри ряда) */
.form_uslugi .multiform-gap-field {
    flex: 1 1 calc(50% - 8px) !important;
    /* Поля Имя и Телефон занимают 50% минус отступ */
    min-width: 0 !important;
    /* Убрал 250px, чтобы не переносилось на планшетах до мобильного брейкпоинта */
    max-width: 100% !important;
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* Поле комментария и чекбокс заставляем занимать 100% и принудительно переноситься на новую строку */
.form_uslugi .multiform-gap-fields>div>.multiform-gap-field:has(textarea),
.form_uslugi .multiform-gap-fields>div>.multiform-gap-field:has(.u_form_text),
.form_uslugi .multiform-gap-fields>div>.multiform-gap-field:has(input[type="checkbox"]),
.form_uslugi .multiform-gap-fields>div>.multiform-gap-field:has(.u_checkbox) {
    flex: 1 1 100% !important;
    min-width: 100% !important;
    margin-left: 0 !important;
    /* ЖЕСТКИЙ сброс левого отступа */
}

/* Кнопка — выстраивается в один ряд с полями */
.form_uslugi .multiform-submit {
    flex: 0 0 auto !important;
    /* Не тянется, берет размер по контенту */
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Название поля (label) */
.form_uslugi .multiform-gap-name,
.form_uslugi .multiform-gap-name label {
    color: #374151 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
    display: block !important;
    background: transparent !important;
}

/* Значение поля */
.form_uslugi .multiform-gap-value {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    width: 100% !important;
}

/* Звёздочки обязательных полей */
.form_uslugi .multiform-required {
    color: #ef4444 !important;
}

/* =============================================
   ПОЛЯ ВВОДА
   ============================================= */
.form_uslugi input[type="text"],
.form_uslugi input[type="tel"],
.form_uslugi input[type="email"],
.form_uslugi input[type="number"],
.form_uslugi textarea,
.form_uslugi select,
.form_uslugi .u_form_name,
.form_uslugi .u_form_tel,
.form_uslugi .u_form_text {
    display: block !important;
    width: 100% !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #1a1a2e !important;
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    height: 50px !important;
    /* Фиксированная высота для выстраивания в линию */
}

.form_uslugi textarea,
.form_uslugi .u_form_text {
    height: auto !important;
    min-height: 80px !important;
}

/* Placeholder */
.form_uslugi input::placeholder,
.form_uslugi textarea::placeholder {
    color: #9ca3af !important;
    font-weight: 400 !important;
}

/* Фокус */
.form_uslugi input[type="text"]:focus,
.form_uslugi input[type="tel"]:focus,
.form_uslugi input[type="email"]:focus,
.form_uslugi textarea:focus {
    border-color: #FE4C20 !important;
    box-shadow: 0 0 0 3px rgba(172, 185, 18, 0.2) !important;
}

/* Hover */
.form_uslugi input[type="text"]:hover,
.form_uslugi input[type="tel"]:hover,
.form_uslugi input[type="email"]:hover,
.form_uslugi textarea:hover {
    border-color: #FE4C20 !important;
}

/* =============================================
   ЧЕКБОКС
   ============================================= */
.form_uslugi .u_checkbox,
.form_uslugi .multiform-gap-option {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    cursor: pointer !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.form_uslugi input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    border: 1.5px solid #d1d5db !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
    margin-right: 12px !important;
    /* Отталкиваем текст от чекбокса */
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.form_uslugi input[type="checkbox"]:hover {
    border-color: #FE4C20 !important;
}

.form_uslugi input[type="checkbox"]:checked {
    background: #FE4C20 !important;
    border-color: #FE4C20 !important;
}

.form_uslugi input[type="checkbox"]:checked::after {
    content: '' !important;
    position: absolute !important;
    top: 3px !important;
    left: 6px !important;
    width: 5px !important;
    height: 10px !important;
    border: solid #fff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

/* Текст чекбокса */
.form_uslugi .u_checkbox label,
.form_uslugi .u_checkbox span,
.form_uslugi .u_checkbox div,
.form_uslugi .multiform-gap-option label,
.form_uslugi .multiform-gap-option span {
    font-size: 13px !important;
    color: #6b7280 !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding-left: 0 !important;
    /* Убираем padding, чтобы не сдвигать сам блок */
}

.form_uslugi a {
    color: #FE4C20 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(172, 185, 18, 0.4) !important;
    transition: color 0.2s ease !important;
}

.form_uslugi a:hover {
    color: #8c960f !important;
    border-bottom-color: #FE4C20 !important;
}

/* =============================================
   КНОПКА
   ============================================= */
.form_uslugi .u_button,
.form_uslugi .multiform-submit input[type="submit"],
.form_uslugi .multiform-submit button,
.form_uslugi input[type="submit"],
.form_uslugi button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 32px !important;
    height: 50px !important;
    /* Наравне с полями */
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: #FE4C20 !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

.form_uslugi .u_button:hover,
.form_uslugi input[type="submit"]:hover {
    background: #9aa510 !important;
}

.form_uslugi .u_button:active,
.form_uslugi input[type="submit"]:active {
    transform: translateY(1px) !important;
}

/* =============================================
   ОШИБКИ
   ============================================= */
.form_uslugi .errormsg,
.form_uslugi .multiform-mask-error {
    color: #ef4444 !important;
    font-size: 12px !important;
    margin-top: 4px !important;
    position: absolute !important;
    /* Чтобы ошибка не рвала горизонтальную линию */
}
div.multiform-body {
    padding: 0 0 !important;
}
.form_uslugi .multiform-gap-field {
    position: relative !important;
}

.form_uslugi .multiform-errorfld input,
.form_uslugi .multiform-errorfld textarea {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

/* =============================================
   АДАПТИВНОСТЬ (Мобилка — всё в столбик)
   ============================================= */
@media (max-width: 768px) {

    form.form_uslugi,
    .form_uslugi {
        width: 100% !important;
    }

    .form_uslugi .multiform-gap-fields>div {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .form_uslugi .multiform-gap-field,
    .form_uslugi .multiform-gap-fields>div>.multiform-gap-field {
        flex: none !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Отступы на мобильной версии между всеми элементами формы */
    .u_sectionform .multiform-body,
    .u_sectionform .multiform-wrap {
        width: 100% !important;
    }

    .form_uslugi .multiform-gap-fields>div>.multiform-gap-field+.multiform-gap-field,
    .form_uslugi .multiform-gap-fields>div+div {
        margin-top: 12px !important;
        margin-left: 0 !important;
    }

    .form_uslugi .multiform-submit {
        margin-top: 12px !important;
    }

    .form_uslugi .u_button,
    .form_uslugi input[type="submit"] {
        width: 100% !important;
    }

    .form_uslugi .errormsg {
        position: relative !important;
        margin-bottom: 0 !important;
    }
}

/* =============================================
   ОБЁРТКА ФОРМЫ С КАРТИНКОЙ 
   ============================================= */
.uslugi-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 40px;
    width: 100%;
}

.uslugi-form-col {
    width: 50%;
}

.uslugi-image-col {
    width: 50%;
    position: relative;
    /* Убираем flex, чтобы колонка не растягивалась из-за размера картинки, 
       а подстраивалась под высоту соседней формы (благодаря align-items: stretch) */
}

.uslugi-image-col img {
    position: absolute;
    /* Картинка заполняет колонку, недиктуя её высоту */
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    object-fit: cover;
}

/* На планшете и мобильных делаем 100% и картинку сверху */
@media (max-width: 1024px) {
    .uslugi-wrapper {
        flex-direction: column-reverse !important;
        /* Картинка сверху (если форма слева 1-я, она падает вниз) */
        gap: 24px !important;
        align-items: center !important;
    }

    .uslugi-form-col,
    .uslugi-image-col {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }

    /* Жестко заставляем форму и все её обёртки занять 100% на планшете */
    .uslugi-form-col .u_sectionform,
    .uslugi-form-col .u_sectionform .multiform-body,
    .uslugi-form-col .u_sectionform .multiform-wrap,
    .uslugi-form-col form.form_uslugi,
    .uslugi-form-col .form_uslugi {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .uslugi-image-col img {
        position: relative !important;
        /* Возвращаем в поток на планшетах/мобилках, так как она перепрыгивает наверх */
        width: 100% !important;
        height: auto !important;
        max-height: 400px !important;
        object-fit: cover !important;
    }
}


.smart-album-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 15px;
}

.smart-album-item {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    /* Одинаковые квадратные миниатюры */
    overflow: hidden;
    border-radius: 6px;
    background-color: #f5f5f5;
    text-decoration: none;
}

.smart-album-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Заполнение контейнера без искажения пропорций фотки */
    display: block;
    transition: transform 0.3s ease;
}

.smart-album-item:hover img {
    transform: scale(1.05);
    /* Легкое увеличение при наведении */
}

.smart-album-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px;
    font-size: 14px;
    line-height: 1.3;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.smart-album-item:hover .smart-album-desc {
    opacity: 1;
    /* Появление описания при наведении */
}

.smart-album-hidden {
    display: none !important;
}

.smart-album-more {
    text-align: center;
    margin-bottom: 30px;
}

.smart-album-more button {
    background-color: transparent;
    color: #333;
    border: 1px solid #333;
    padding: 10px 30px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    transition: all 0.3s ease;
}

.smart-album-more button:hover {
    background-color: #333;
    color: #fff;
}


.text-toggle-wrapper details {
    display: flex;
    flex-direction: column;
}

.text-toggle-wrapper details summary {
    display: inline-block;
    background-color: transparent;
    color: #333;
    border: 1px solid #333;
    padding: 10px 30px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    transition: all 0.3s ease;
    margin: 15px 0;
    list-style: none;
    align-self: flex-start;
}

.text-toggle-wrapper details summary::-webkit-details-marker {
    display: none;
}

.text-toggle-wrapper details summary:hover {
    background-color: #333;
    color: #fff;
}

/* Когда текст раскрыт — кнопка уезжает вниз */
.text-toggle-wrapper details[open] summary {
    order: 1;
}

/* Переключение текста кнопки */
.text-toggle-wrapper details[open] summary .text-show {
    display: none;
}

.text-toggle-wrapper details summary .text-hide {
    display: none;
}

.text-toggle-wrapper details[open] summary .text-hide {
    display: inline;
}

/* 
 * Блок "Оснащение магазина" в пределах стандартного контейнера сайта.
 * Без выхода на всю ширину экрана.
 */

.__wa_custom_osn_wrapper {
    /* Фон остается только в пределах блока */
    background: linear-gradient(rgba(20, 25, 30, 0.75), rgba(20, 25, 30, 0.75)), url('/wa-data/public/site/photos/120877_osnaschenie-magazina-produkt.jpg') center center / cover no-repeat !important;
    
    border-radius: 8px !important; /* Добавляем небольшое скругление, раз блок не на весь экран */
    min-height: 380px;
    box-sizing: border-box !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    
    font-family: 'Inter', Arial, sans-serif !important;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    width: 100% !important;
    overflow: hidden !important;
}

.__wa_custom_osn_container {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    padding: 0 40px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.__wa_custom_osn_heading {
    font-size: 32px !important;
    font-weight: 700 !important;
    margin: 0 0 20px 0 !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
}

.__wa_custom_osn_desc {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: rgba(255,255,255,0.88) !important;
    margin: 0 0 40px 0 !important;
    display: block !important;
}

.__wa_custom_osn_desc_line {
    display: block;
}

.__wa_custom_osn_grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 36px !important;
}

.__wa_custom_osn_item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.__wa_custom_osn_icon {
    width: 40px !important;
    height: 40px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}

/* Иконки в Data URI — не удаляются редактором */
.__wa_custom_osn_icon_1 { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='19' cy='19' r='18' stroke='rgba(255,255,255,0.5)' stroke-width='1.5'/><path d='M12 19l5 5 9-10' stroke='%23a8cc38' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important; }
.__wa_custom_osn_icon_2 { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='19' cy='19' r='18' stroke='rgba(255,255,255,0.5)' stroke-width='1.5'/><path d='M14 28V18l6-5 6 5v10H23v-6h-6v6H14z' stroke='%23a8cc38' stroke-width='1.8' stroke-linejoin='round'/></svg>") !important; }
.__wa_custom_osn_icon_3 { background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='19' cy='19' r='18' stroke='rgba(255,255,255,0.5)' stroke-width='1.5'/><rect x='12' y='14' width='16' height='13' rx='1.5' stroke='%23a8cc38' stroke-width='1.8'/><path d='M16 14v-2M24 14v-2' stroke='%23a8cc38' stroke-width='1.8' stroke-linecap='round'/><path d='M12 18h16' stroke='%23a8cc38' stroke-width='1.5'/></svg>") !important; }

.__wa_custom_osn_text {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 680px) {
    .__wa_custom_osn_container { padding: 0 20px !important; }
    .__wa_custom_osn_heading { font-size: 24px !important; }
    .__wa_custom_osn_grid { flex-direction: column !important; gap: 24px !important; }
}
/*конец*/


/* ================================================
       Популярные категории — Финальный дизайн
       Применяются ТОЛЬКО внутри .in-blocks__item-category
       ================================================ */

/* ---- Контейнер секции ---- */

.h-categ,
.b-categ,
.c-categ {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ---- Сетка ---- */

.h-categ__wrap,
.b-categ__wrap,
.c-categ__wrap {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.25rem !important;
    flex-wrap: unset !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* ---- Ячейка ---- */

.h-categ__item,
.b-categ__item,
.c-categ__item {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding: 0 !important;
    padding-bottom: 100% !important;
    display: block !important;
    max-width: none !important;
    margin: 0 !important;
    border: none !important;
    flex: unset !important;
    overflow: hidden !important;
}

/* ---- Ссылка-карточка (Светлая, Без тонирования) ---- */

.h-categ__link,
.b-categ__link,
.c-categ__link {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    border-radius: 40px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    color: #001a34 !important;
    background: #f7f7f7 !important;
    isolation: isolate !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
}

.h-categ__link:hover,
.b-categ__link:hover,
.c-categ__link:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
}

/* Полностью убираем оверлеи/тонирование */
.h-categ__link::after,
.b-categ__link::after,
.c-categ__link::after,
.h-categ__link::before,
.b-categ__link::before,
.c-categ__link::before {
    display: none !important;
    content: none !important;
}

/* ---- Контейнер картинки (Уменьшена за счет padding) ---- */

.h-categ__img,
.b-categ__img,
.c-categ__img {
    position: relative !important;
    height: 100% !important;
    flex: 1 !important;
    order: 1 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1 !important;
    margin: 0 !important;
    padding: 1.5rem 1.5rem 3.5rem 1.5rem !important;
    /* Увеличили нижний отступ, чтобы картинка не перекрыла текст внизу */
    background: #f7f7f7 !important;
    border-radius: 40px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* ---- Картинка ---- */

.h-categ__img img,
.b-categ__img img,
.c-categ__img img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    filter: none !important;
    mix-blend-mode: multiply !important;
    /* Убирает белый фон у картинок */
}

/* ---- Название категории (Снизу) ---- */

.h-categ__name,
.b-categ__name,
.c-categ__name {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2 !important;
    display: block !important;
    padding: 0 1rem 1.5rem 1rem !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-transform: none !important;
    line-height: 1.2 !important;
    color: #001a34 !important;
    margin: 0 !important;
    background: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: color 0.3s ease !important;
}

.h-categ__link:hover .h-categ__name,
.b-categ__link:hover .b-categ__name,
.c-categ__link:hover .c-categ__name {
    color: #acb911 !important;
    /* Ваш фирменный цвет при наведении */
}

/* ---- Счётчики — скрыты ---- */

.h-categ__count,
.h-categ__count-st,
.b-categ__count {
    display: none !important;
}

@media screen and (max-width: 400px) {
    .b-categ__name {
        font-size: .7125rem;
    }
}

/* ---- Адаптивность: Планшет ---- */
@media (min-width: 600px) {

    .h-categ__wrap,
    .b-categ__wrap,
    .c-categ__wrap {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 1.5rem !important;
    }

}

/* ---- Адаптивность: Десктоп ---- */
@media (min-width: 1024px) {

    .h-categ__wrap,
    .b-categ__wrap,
    .c-categ__wrap {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 2rem !important;
    }

}
/*КОНЕЦ*/

/*СЛАЙДЕР СТРАНИЦ*/
.portfolio-slider-wrap {
    margin: 40px 0 60px;
    position: relative;
}

.post-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
    border: 1px solid transparent;
    height: 100%;
}

/* Блок, который Owl Carousel двигает через transform */
.portfolio-slider-wrap .owl-stage {
    margin-block-end: 4rem;
}

.post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
    border-color: #f0f0f0;
}

.post-card h3 {
    font-size: 1.3em;
    margin: 20px 20px 10px;
    min-height: 2.6em;
    overflow: hidden;
    font-weight: 600;
    line-height: 1.3;
}

.post-card h3 a {
    text-decoration: none;
    color: inherit;
    transition: opacity 0.2s ease;
}

.post-card h3 a:hover {
    opacity: 0.8;
}

.post-photo {
    position: relative;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
}

.post-photo img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.post-photo.no-image .placeholder {
    width: 100%;
    height: 220px;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 1.1em;
    font-weight: 500;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    transition: transform 0.5s ease;
}

.post-card:hover .post-photo img,
.post-card:hover .post-photo.no-image .placeholder {
    transform: scale(1.03);
}

.post-excerpt {
    color: #666;
    font-size: 0.95em;
    line-height: 1.5;
    padding: 0 20px 25px;
    flex-grow: 1;
}

/* Стили навигации */
/* Переделанные стрелки навигации слайдера (по центру снизу) */

.portfolio-slider-wrap .owl-nav {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important; /* Расстояние между кнопками */
    width: 100% !important;
    z-index: 10 !important;
}

.portfolio-slider-wrap .owl-nav button.owl-prev,
.portfolio-slider-wrap .owl-nav button.owl-next {
    background: #ffffff !important; /* Белый фон */
    color: #4b5563 !important;    /* Серый цвет стрелок */
    width: 48px !important;       /* Ширина кнопки */
    height: 44px !important;      /* Высота кнопки */
    border-radius: 6px !important; /* Легкое скругление углов */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e2e8f0 !important; /* Светло-серая рамка */
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important; /* Легкая тень */
}

/* Тонкие стрелки (текст внутри span) */
.portfolio-slider-wrap .owl-nav button.owl-prev span,
.portfolio-slider-wrap .owl-nav button.owl-next span {
    font-size: 26px !important;
    line-height: 1 !important;
    font-weight: 300 !important; /* Делаем стрелки визуально тоньше */
    display: block !important;
    position: relative !important;
    top: -1px !important; /* Визуальная центровка по вертикали */
}

/* Эффект при наведении */
.portfolio-slider-wrap .owl-nav button:hover:not(.disabled) {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #111827 !important;
    transform: none !important; /* Убираем увеличение, если было */
}

/* Состояние отключенной кнопки (начало/конец слайдов) */
.portfolio-slider-wrap .owl-nav button.disabled {
    opacity: 0.35 !important;
    cursor: default !important;
    background: #fcfcfc !important;
    border-color: #f1f1f1 !important;
}

/* Убираем лишние отступы у контейнера этапа слайдера, если нужно */
.portfolio-slider-wrap .owl-stage-outer {
    margin-bottom: 0 !important;
}

/*КОНЕЦ*/


/* СЕТКА СТРАНИЦ */
.portfolio-grid-wrap {
    margin: 40px 0 60px;
}

.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 20px;
}

.post-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
    border: 1px solid transparent;
    height: 100%;
}

.post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
    border-color: #f0f0f0;
}

.post-card h3 {
    font-size: 1.25em;
    margin: 20px;
    min-height: 2.6em;
    overflow: hidden;
    font-weight: 600;
    line-height: 1.3;
}

.post-card h3 a {
    text-decoration: none;
    color: inherit;
    transition: color 0.2s ease;
}

.post-card h3 a:hover {
    color: #000;
}

.post-photo {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
}

.post-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.post-photo.no-image .placeholder {
    width: 100%;
    height: 220px;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 1.1em;
    font-weight: 500;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

.post-card:hover .post-photo img {
    transform: scale(1.05);
}

.post-excerpt {
    color: #666;
    font-size: 0.95em;
    line-height: 1.5;
    padding: 0 20px 25px;
    flex-grow: 1;
}

/* Адаптивность */
@media (max-width: 1200px) {
    .portfolio-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1000px) {
    .portfolio-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .portfolio-grid {
        grid-template-columns: 1fr;
    }
    .post-photo {
        aspect-ratio: 16 / 9;
    }
}
/*КОНЕЦ*/
/*НАШИ КЛИЕНТЫ*/
.__wa_retail_partners_section {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        background-color: #f3f4f6;
        padding: 80px 0;
        margin: 60px 0;
        box-sizing: border-box;
}
.h-brands__item-custom {
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 15px 20px;
    transition: transform 0.3s ease;
    overflow: hidden;
    box-sizing: border-box;
}

.h-brands__item-custom:hover {
    transform: translateY(-5px);
}

.h-brands__wrap-custom {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1200px) {
    .h-brands__wrap-custom {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 900px) {
    .h-brands__wrap-custom {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .h-brands__wrap-custom {
        grid-template-columns: repeat(2, 1fr);
    }
}
/*КОНЕЦ*/

/* Стили для полноширинного серого блока */
.fw_bg {
    /* Магия выхода за пределы контейнера */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;

    /* Оформление */
    background-color: #f5f5f5;
    /* Светло-серый фон */
    padding: 60px 0;
    /* Отступы сверху и снизу */
    margin-top: 40px;
    margin-bottom: 40px;
    box-sizing: border-box;
    overflow: hidden;
}

/* 
* Ограничиваем контент внутри полноширинного блока, 
* чтобы он выравнивался по основной сетке сайта (1200px)
*/
.fw_bg>h2,
.fw_bg>p,
.fw_bg>div {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    display: block;
}

/* Стили заголовка */
.fw_bg h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 25px;
    text-align: center;
    color: #333;
}

/* Стили текста */
.fw_bg p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 40px;
    text-align: center;
}

/* Адаптив для маленьких экранов */
@media (max-width: 768px) {
    .fw_bg {
        padding: 40px 0;
    }

    .fw_bg h2 {
        font-size: 22px;
    }
}

/* ГЛАВНАЯ "О КОМПАНИИ" */
.__wa_about_company_wrap{
    width: 100%;
}

.__wa_about_company_inner{
    display: flex;
    align-items: flex-start;
    gap: 60px;
}

.__wa_about_company_text{
    flex: 0 0 45%;
}

.__wa_about_company_title{
    margin: 0 0 28px;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
}

.__wa_about_company_text p{
    margin: 0 0 18px;
    line-height: 1.7;
}

.__wa_about_company_btn_wrap{
    margin-top: 24px;
}

.__wa_about_company_image{
    flex: 0 0 55%;
}

.__wa_about_company_image img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

@media (max-width: 900px){
    .__wa_about_company_inner{
        flex-direction: column;
        gap: 30px;
    }

    .__wa_about_company_text,
    .__wa_about_company_image{
        flex: 1 1 auto;
        width: 100%;
    }

    .__wa_about_company_title{
        font-size: 34px;
    }
}
/* ГЛАВНАЯ "О КОМПАНИИ"- КОНЕЦ */


/*pop-up*/
.social-widget {
    position: fixed;
    bottom: 5rem;
    right: 30px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.social-widget__menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) scale(0.8);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-origin: bottom center;
    z-index: 1;
}

.social-widget.open .social-widget__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.social-widget__item {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s ease;
    position: relative;
}

.social-widget__item:hover {
    transform: scale(1.1);
}

.social-widget__item svg {
    width: 32px;
    height: 32px;
    fill: currentColor;
}

.social-widget__item-wa {
    background-color: #25D366;
}

.social-widget__item-tg {
    background-color: #0088cc;
}

.social-widget__item-phone {
    background-color: #000000;
}

.social-widget__item-max {
    background: radial-gradient(circle at -8.74% 116.61%, #00f 0%, rgba(0, 0, 255, 0) 100%),
        linear-gradient(135deg, #4cf 0%, #53e 66.2%, #93d 100%);
    overflow: hidden;
}

.social-widget__item-max svg {
    width: 32px;
    height: 32px;
}

.social-widget__toggle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fb500a;
    color: #ffffff;
    border: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease, border 0.3s ease, transform 0.2s ease;
    position: relative;
    z-index: 2;
}

.social-widget.open .social-widget__toggle {
    background-color: #ffffff;
    color: #000000;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.social-widget__toggle:hover {
    transform: scale(1.05);
}

.social-widget__icon {
    position: absolute;
    transition: opacity 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.social-widget__icon-chat svg {
    width: 30px;
    height: 30px;
    fill: currentColor;
}

.social-widget__icon-close svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

.social-widget__icon-close {
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
}

.social-widget.open .social-widget__icon-chat {
    opacity: 0;
    transform: rotate(90deg) scale(0.5);
}

.social-widget.open .social-widget__icon-close {
    opacity: 1;
    transform: rotate(0) scale(1);
}

/* Анимация пульсации для закрытого состояния */
@keyframes widget-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 127, 0, 0.6);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(255, 127, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 127, 0, 0);
    }
}

.social-widget:not(.open) .social-widget__toggle {
    animation: widget-pulse 2s infinite;
}

/* Адаптив для маленьких экранов */
@media (max-width: 768px) {
    .social-widget {
        bottom: 6rem;
        right: 20px;
    }

    .social-widget__toggle,
    .social-widget__item {
        width: 55px;
        height: 55px;
    }

    .social-widget__icon-chat svg {
        width: 28px;
        height: 28px;
    }

    .social-widget__icon-close svg {
        width: 22px;
        height: 22px;
    }

    .social-widget__item svg {
        width: 28px;
        height: 28px;
    }
}
/*конец*/

/* =============================================
   КОНТАКТЫ 
   ============================================= */
.cnt-wrap {
  width: 100%;
}

.cnt-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px;
}

.cnt-box {
  padding: 28px 32px;
  border-radius: 16px;
}

.cnt-box:first-child {
  background: #FFF6F4;
}

.cnt-box:last-child {
  background: #F5F9FC;
}

.cnt-box h2 {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.3;
  color: #333333;
}

.cnt-box p {
  margin: 0 0 24px;
  line-height: 1.6;
}

.cnt-box p:last-child {
  margin-bottom: 0;
}

.cnt-box a {
  color: #333333;
  text-decoration: none;
}

.cnt-box a:hover {
  text-decoration: underline;
}

.map-wrap {
  position: relative;
  width: 100%;
  height: 420px;
  overflow: hidden;
  border-radius: 16px;
}

.map-wrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 768px) {
  .cnt-grid {
    grid-template-columns: 1fr;
  }

  .map-wrap {
    height: 320px;
  }
}
/* ===== КОНЕЦ контакты ===== */



/* СТИЛИ ДЛЯ ФОРМЫ "КУПИТЬ В 1 КЛИК" (МИНИМАЛЬНОЕ ТРЕБОВАНИЕ: ЗАКРУГЛЕННЫЕ УГЛЫ ПОЛЕЙ) */
.buy1click-input-text {
    border-radius: 12px!important;
}