/* ============================================================
   goinspain.ru — визуальные улучшения
   ============================================================ */

/* ----------------------------------------------------------
   1. Карточки услуг: box-shadow + плавный hover
   ---------------------------------------------------------- */
.widget.c-services.c-services-template-25 .widget-item-picture {
  box-shadow: 0 4px 18px rgba(17, 106, 252, 0.10);
  transition: box-shadow 0.35s ease, transform 0.35s ease;
  will-change: transform;
}

.widget.c-services.c-services-template-25 .owl-carousel .owl-item.active .widget-item:hover .widget-item-picture {
  box-shadow: 0 12px 36px rgba(17, 106, 252, 0.22);
  transform: translateY(-6px);
}

.widget.c-services.c-services-template-25 .widget-item-name {
  transition: color 0.3s ease;
}

.widget.c-services.c-services-template-25 .widget-item:hover .widget-item-name {
  color: #116afc !important;
}

/* ----------------------------------------------------------
   2. Увеличенные отступы между секциями
   ---------------------------------------------------------- */

/* Все секции-обёртки с inline margin увеличиваем через min-height и padding */
.intec-content-wrapper > div[style*="margin-top: 50px"] {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

/* Фоновые секции (серые) */
.intec-content-wrapper > div[style*="padding-top: 50px"] {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

/* Fallback: любые widget.c-* обёртки */
.widget.c-services,
.widget.c-reviews,
.widget.c-articles,
.widget.c-faq,
.widget.c-about,
.widget.c-advantages,
.widget.c-categories {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* ----------------------------------------------------------
   3. Типографика заголовков: контраст крупный/мелкий
   ---------------------------------------------------------- */

/* Заголовок секции */
.widget-title {
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.5px;
}

@media (max-width: 992px) {
  .widget-title {
    font-size: 28px !important;
  }
}

@media (max-width: 576px) {
  .widget-title {
    font-size: 22px !important;
  }
}

/* Описание / подзаголовок под заголовком секции */
.widget-description {
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #6b7280;
  margin-top: 10px;
}

/* Имя карточки (услуга, статья и т.п.) */
.widget-item-name {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

/* Текст внутри карточки */
.widget-item-description,
.widget-item-text {
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: #6b7280;
}

/* ----------------------------------------------------------
   4. Кнопки: скруглённее + transition
   ---------------------------------------------------------- */

/* Основные кнопки intec-ui */
.intec-ui.intec-ui-control-button {
  border-radius: 8px !important;
  transition: background-color 0.25s ease, box-shadow 0.25s ease,
              color 0.25s ease, transform 0.18s ease !important;
}

.intec-ui.intec-ui-control-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(17, 106, 252, 0.25) !important;
}

.intec-ui.intec-ui-control-button:active {
  transform: translateY(0);
  box-shadow: none !important;
}

/* Кнопки на карточках услуг */
.widget-item-button {
  border-radius: 8px !important;
  transition: background-color 0.25s ease, box-shadow 0.25s ease,
              color 0.25s ease, transform 0.18s ease !important;
}

.widget-item-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(17, 106, 252, 0.30) !important;
}

/* Скруглённые варианты — переопределяем шаблонные значения */
.intec-ui.intec-ui-control-button.intec-ui-mod-round-2 { border-radius: 8px !important; }
.intec-ui.intec-ui-control-button.intec-ui-mod-round-3 { border-radius: 8px !important; }
.intec-ui.intec-ui-control-button.intec-ui-mod-round-half { border-radius: 24px !important; }

/* ============================================================
   СОДЕРЖАТЕЛЬНЫЕ ПРАВКИ
   ============================================================ */

/* ----------------------------------------------------------
   5. Навигация: убрать дублирующую инфо-полосу в шапке
      Скрываем контактный блок / слоган / кнопку / поиск
      из верхней строки — остаётся только логотип над
      основной красной навигационной полосой
   ---------------------------------------------------------- */
.widget.c-header.c-header-template-1
  .widget-view.widget-view-desktop
  .widget-view-desktop-10
  .widget-tag-line-container,
.widget.c-header.c-header-template-1
  .widget-view.widget-view-desktop
  .widget-view-desktop-10
  .widget-information-container,
.widget.c-header.c-header-template-1
  .widget-view.widget-view-desktop
  .widget-view-desktop-10
  .widget-call-container,
.widget.c-header.c-header-template-1
  .widget-view.widget-view-desktop
  .widget-view-desktop-10
  .widget-search-container,
.widget.c-header.c-header-template-1
  .widget-view.widget-view-desktop
  .widget-view-desktop-10
  .widget-basket-container,
.widget.c-header.c-header-template-1
  .widget-view.widget-view-desktop
  .widget-view-desktop-10
  .widget-authorization-container {
  display: none !important;
}

/* Компактная высота верхней логотип-полосы */
.widget.c-header.c-header-template-1
  .widget-view.widget-view-desktop
  .widget-view-desktop-10
  .intec-content:first-of-type {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* ----------------------------------------------------------
   6. Иконки блока статистики / преимуществ:
      добавляем круглый фон-плашку в фирменном цвете
      и меняем цвет линий с чёрного на белый
   ---------------------------------------------------------- */
.widget.c-advantages.c-advantages-template-30 .widget-item-picture {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 72px !important;
  height: 72px !important;
  margin: 0 auto 24px auto !important;
  background: #116afc !important;
  border-radius: 50% !important;
  box-shadow: 0 8px 24px rgba(17, 106, 252, 0.30);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.widget.c-advantages.c-advantages-template-30 .widget-item-wrapper:hover .widget-item-picture {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 14px 32px rgba(17, 106, 252, 0.40);
}

/* Перекрашиваем SVG-иконки в белый */
.widget.c-advantages.c-advantages-template-30 .widget-item-picture svg {
  width: 36px !important;
  height: 36px !important;
  stroke: #ffffff !important;
}

.widget.c-advantages.c-advantages-template-30 .widget-item-picture svg path,
.widget.c-advantages.c-advantages-template-30 .widget-item-picture svg circle,
.widget.c-advantages.c-advantages-template-30 .widget-item-picture svg rect,
.widget.c-advantages.c-advantages-template-30 .widget-item-picture svg line,
.widget.c-advantages.c-advantages-template-30 .widget-item-picture svg polyline,
.widget.c-advantages.c-advantages-template-30 .widget-item-picture svg polygon {
  stroke: #ffffff !important;
}

/* Заголовок-цифра (98.8%, 1000+) — крупнее и синее */
.widget.c-advantages.c-advantages-template-30 .widget-item-name {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #116afc !important;
  margin-bottom: 6px !important;
}

.widget.c-advantages.c-advantages-template-30 .widget-item-description {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #6b7280 !important;
}


/* Fix: иконки статистики не срезаются при hover-подъёме */
.widget.c-advantages.c-advantages-template-30 .widget-items-wrap {
  overflow: visible !important;
}
.widget.c-advantages.c-advantages-template-30 .widget-items {
  overflow: visible !important;
  /* Компенсируем негативный margin чтобы тень сверху не срезалась */
  padding-top: 16px !important;
  margin-top: -16px !important;
}

/* ============================================================
   7. Мобильная нижняя панель — скрываем e-commerce элементы
      (BASKET/DELAY/COMPARE отключены в шаблоне, плюс CSS-фолбэк)
   ============================================================ */
.widget.c-panel.c-panel-template-1 [data-icon="basket"],
.widget.c-panel.c-panel-template-1 [data-icon="favorite"],
.widget.c-panel.c-panel-template-1 [data-icon="compare"],
.widget.c-panel.c-panel-template-1 [data-icon="profile"],
.widget.c-panel.c-panel-template-1 [data-icon="account"],
.widget.c-panel.c-panel-template-1 [data-icon="delay"] {
  display: none !important;
}

/* Если панель остаётся пустой или почти пустой — скрываем целиком */
.widget.c-panel.c-panel-template-1:not([data-has-items="true"]) {
  display: none !important;
}

/* ============================================================
   8. Форма обратной связи — современный аккуратный вид
   ============================================================ */

/* Карточка формы */
.ns-bitrix.c-form-result-new {
  border-radius: 16px;
  background-color: #ffffff;
  box-shadow: 0 8px 32px rgba(17, 30, 50, 0.06);
  padding: 32px 36px;
}

/* Заголовок формы */
.ns-bitrix.c-form-result-new .form-result-new-title,
.ns-bitrix.c-form-result-new h1,
.ns-bitrix.c-form-result-new h2,
.ns-bitrix.c-form-result-new h3 {
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -0.3px;
  color: #111827;
  margin-bottom: 20px !important;
}

/* Подписи полей */
.ns-bitrix.c-form-result-new .form-result-new-field-title,
.ns-bitrix.c-form-result-new .intec-ui-form-field-title {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  margin-bottom: 6px !important;
  letter-spacing: 0.2px;
}

/* Поля ввода */
.ns-bitrix.c-form-result-new .inputtext,
.ns-bitrix.c-form-result-new .inputtextarea,
.ns-bitrix.c-form-result-new input[type="text"],
.ns-bitrix.c-form-result-new input[type="email"],
.ns-bitrix.c-form-result-new input[type="tel"],
.ns-bitrix.c-form-result-new textarea,
.ns-bitrix.c-form-result-new select {
  background-color: #f6f7fb !important;
  border: 1.5px solid transparent !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-size: 15px !important;
  color: #111827 !important;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
}

.ns-bitrix.c-form-result-new .inputtext:hover,
.ns-bitrix.c-form-result-new .inputtextarea:hover,
.ns-bitrix.c-form-result-new textarea:hover {
  background-color: #f1f3f9 !important;
}

.ns-bitrix.c-form-result-new .inputtext:focus,
.ns-bitrix.c-form-result-new .inputtextarea:focus,
.ns-bitrix.c-form-result-new input:focus,
.ns-bitrix.c-form-result-new textarea:focus {
  outline: none !important;
  background-color: #ffffff !important;
  border-color: #116afc !important;
  box-shadow: 0 0 0 4px rgba(17, 106, 252, 0.10) !important;
}

.ns-bitrix.c-form-result-new textarea,
.ns-bitrix.c-form-result-new .inputtextarea {
  min-height: 140px !important;
  resize: vertical;
}

/* Чекбокс согласия */
.ns-bitrix.c-form-result-new .form-result-new-field-content input[type="checkbox"],
.ns-bitrix.c-form-result-new input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  cursor: pointer;
  accent-color: #116afc;
}

.ns-bitrix.c-form-result-new label,
.ns-bitrix.c-form-result-new .form-result-new-consent {
  font-size: 13px !important;
  color: #6b7280 !important;
  line-height: 1.5;
}

.ns-bitrix.c-form-result-new label a,
.ns-bitrix.c-form-result-new .form-result-new-consent a {
  color: #116afc !important;
  text-decoration: underline;
}

/* Звёздочка обязательных полей — синяя вместо красной */
.ns-bitrix.c-form-result-new .intec-ui-form-field-required > .form-result-new-field-title:after,
.ns-bitrix.c-form-result-new .intec-ui-form-field-required > .intec-ui-form-field-title:after {
  color: #116afc !important;
}

/* ============================================================
   9. Кнопка "Отправить" — всегда яркая, даже в disabled-состоянии
   ============================================================ */
.ns-bitrix.c-form-result-new button[type="submit"],
.ns-bitrix.c-form-result-new .form-result-new-button,
.ns-bitrix.c-form-result-new .intec-ui-control-button {
  background-color: #116afc !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.3px;
  cursor: pointer !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease !important;
}

.ns-bitrix.c-form-result-new button[type="submit"]:hover:not(:disabled),
.ns-bitrix.c-form-result-new .form-result-new-button:hover:not(:disabled) {
  background-color: #0d56cf !important;
  box-shadow: 0 8px 24px rgba(17, 106, 252, 0.32) !important;
  transform: translateY(-1px);
}

/* Disabled — приглушённая синяя, но не серая */
.ns-bitrix.c-form-result-new button[type="submit"]:disabled,
.ns-bitrix.c-form-result-new button[type="submit"][disabled],
.ns-bitrix.c-form-result-new .form-result-new-button:disabled,
.ns-bitrix.c-form-result-new .form-result-new-button[disabled] {
  background-color: #116afc !important;
  color: #ffffff !important;
  opacity: 0.55;
  cursor: not-allowed !important;
}


/* ============================================================
   10. Форма /contacts/ — выровненные колонки через CSS Grid
       Раньше использовался float, из-за чего textarea и капча
       расходились по высоте. Теперь:
       левая колонка: Имя / Телефон / Почта / Капча
       правая колонка: Ваш вопрос (растянут на все 4 строки)
   ============================================================ */
.ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-fields {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto auto;
  grid-auto-flow: row;
  gap: 14px 24px;
  margin: 0 !important;
  overflow: visible !important;
}

.ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-field {
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column;
}

/* nth-child(1)=Имя, (2)=textarea, (3)=Телефон, (4)=Почта, (5)=Капча */
.ns-bitrix.c-form-result-new.c-form-result-new-contacts
  .form-result-new-fields > .form-result-new-field:nth-child(1) {
  grid-column: 1; grid-row: 1;
}

.ns-bitrix.c-form-result-new.c-form-result-new-contacts
  .form-result-new-fields > .form-result-new-field:nth-child(2),
.ns-bitrix.c-form-result-new.c-form-result-new-contacts
  .form-result-new-field-textarea {
  grid-column: 2 !important;
  grid-row: 1 / span 4 !important;
}

.ns-bitrix.c-form-result-new.c-form-result-new-contacts
  .form-result-new-fields > .form-result-new-field:nth-child(3) {
  grid-column: 1; grid-row: 2;
}

.ns-bitrix.c-form-result-new.c-form-result-new-contacts
  .form-result-new-fields > .form-result-new-field:nth-child(4) {
  grid-column: 1; grid-row: 3;
}

/* Textarea растягивается на всю высоту правой колонки */
.ns-bitrix.c-form-result-new.c-form-result-new-contacts
  .form-result-new-field-textarea > .form-result-new-field-content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column;
}

.ns-bitrix.c-form-result-new.c-form-result-new-contacts
  .form-result-new-field-textarea textarea {
  flex: 1 !important;
  height: auto !important;
  min-height: 100%;
  resize: vertical;
}

/* Мобильная версия: одна колонка, естественный порядок */
@media all and (max-width: 720px) {
  .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-fields {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .ns-bitrix.c-form-result-new.c-form-result-new-contacts
    .form-result-new-fields > .form-result-new-field,
  .ns-bitrix.c-form-result-new.c-form-result-new-contacts
    .form-result-new-field-textarea,
  .ns-bitrix.c-form-result-new.c-form-result-new-contacts
    .form-result-new-field-captcha {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .ns-bitrix.c-form-result-new.c-form-result-new-contacts
    .form-result-new-field-textarea textarea {
    min-height: 160px;
  }
}

/* Чекбокс — крупнее и фирменно-синий */
.ns-bitrix.c-form-result-new .intec-ui-control-checkbox .intec-ui-part-selector {
  border-radius: 4px;
  border: 1.5px solid #d1d5db;
  width: 18px;
  height: 18px;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.ns-bitrix.c-form-result-new .intec-ui-control-checkbox:hover .intec-ui-part-selector {
  border-color: #116afc;
}

.ns-bitrix.c-form-result-new .intec-ui-control-checkbox input:checked ~ .intec-ui-part-selector {
  background-color: #116afc !important;
  border-color: #116afc !important;
}

.ns-bitrix.c-form-result-new .intec-ui-control-checkbox .intec-ui-part-content {
  font-size: 13px;
  color: #4b5563;
  line-height: 1.5;
  padding-left: 4px;
}

.ns-bitrix.c-form-result-new .intec-ui-control-checkbox .intec-ui-part-content a {
  color: #116afc !important;
  text-decoration: underline;
}


/* ============================================================
   ФИНАЛЬНЫЕ ПРАВИЛА: капча + footer формы /contacts/
   (body-префикс для повышенной специфичности)
   ============================================================ */

/* === Капча — единая высота 48px у обоих элементов === */
body .ns-bitrix.c-form-result-new .form-result-new-captcha {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin: 0 !important;
}

body .ns-bitrix.c-form-result-new .form-result-new-captcha-image {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 8px !important;
  margin: 0 !important;
  background: #f6f7fb !important;
  border: 1.5px solid transparent !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body .ns-bitrix.c-form-result-new .form-result-new-captcha-image img {
  display: block !important;
  height: 32px !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

body .ns-bitrix.c-form-result-new .form-result-new-captcha-input {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: stretch !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .ns-bitrix.c-form-result-new .form-result-new-captcha-input input {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* === Footer формы /contacts/: чекбокс и кнопка слева === */
body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer {
  margin-top: 24px !important;
  padding: 0 !important;
}

body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer > .intec-grid {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer > .intec-grid > .intec-grid-item,
body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer > .intec-grid > .intec-grid-item-auto,
body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer > .intec-grid > * {
  width: auto !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer .intec-ui-control-checkbox {
  margin: 0 !important;
  padding: 0 !important;
}


/* === ФИНАЛЬНОЕ ВЫРАВНИВАНИЕ === */

/* Убираем любые отступы слева, которые смещают капчу и чекбокс */
body .ns-bitrix.c-form-result-new .form-result-new-captcha,
body .ns-bitrix.c-form-result-new .form-result-new-captcha > div,
body .ns-bitrix.c-form-result-new .form-result-new-captcha-image,
body .ns-bitrix.c-form-result-new .form-result-new-captcha-input {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Капча: картинка ровно по левому краю без лишних отступов */
body .ns-bitrix.c-form-result-new .form-result-new-captcha-image {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
}

body .ns-bitrix.c-form-result-new .form-result-new-captcha-image img {
  height: 48px !important; 
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  display: block !important;
  /* Оставляем рамку как просил пользователь */
}

/* Поле капчи */
body .ns-bitrix.c-form-result-new .form-result-new-captcha-input input {
  height: 48px !important;
}

/* Чекбокс: убираем внутренние отступы сетки, которые толкают его вправо */
body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer > .intec-grid,
body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer > .intec-grid > div {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

body .ns-bitrix.c-form-result-new .intec-ui-control-checkbox {
  margin-left: 0 !important;
  padding-left: 0 !important;
}


/* === ФИНАЛЬНОЕ ВЫРАВНИВАНИЕ (Учитываем startshop-классы на /contacts/) === */

/* Капча: убираем отступы, фиксируем высоту, убираем серую плашку (чтобы не было двойных рамок) */
body .ns-bitrix.c-form-result-new .startshop-form-result-new-captcha {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

body .ns-bitrix.c-form-result-new .startshop-form-result-new-captcha-image {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-sizing: border-box !important;
}

body .ns-bitrix.c-form-result-new .startshop-form-result-new-captcha-image img {
  display: block !important;
  height: 48px !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

body .ns-bitrix.c-form-result-new .startshop-form-result-new-captcha-input {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: stretch !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .ns-bitrix.c-form-result-new .startshop-form-result-new-captcha-input input {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Чекбокс: убираем левые отступы от колонок сетки */
body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer > .intec-grid > .intec-grid-item {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer > .intec-grid > .intec-grid-item .intec-ui-control-checkbox {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Выравниваем всю обёртку капчи строго по левому краю поля Ваш телефон (сбрасываем внутренние отступы колонки) */
body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-field-captcha {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Отступы у полей сетки на форме /contacts/ */
body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-fields {
  gap: 16px 24px !important;
}

body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-field {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* === ФИНАЛЬНАЯ КОРРЕКТИРОВКА ОТСТУПОВ (ЧЕКБОКС И КНОПКА) === */

/* Возвращаем элементы футера к левому краю. 
   Раньше сетка компенсировала padding ячеек отрицательным margin-left: -10px. 
   Мы обнулили margin сетки, но ячейки (кнопка и чекбокс) сохранили свой padding-left: 10px 
   и поэтому съехали вправо. Обнуляем padding у ВСЕХ детей сетки футера: */

body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer > .intec-grid {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer > .intec-grid > * {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* На всякий случай также принудительно двигаем сам чекбокс влево */
body .ns-bitrix.c-form-result-new .intec-ui-control-checkbox {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* И кнопку тоже */
body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer button {
  margin-left: 0 !important;
}


/* === УНИЧТОЖАЕМ СКРЫТЫЕ ОТСТУПЫ СЕТКИ === */
/* Шаблон добавляет !important к внутренним отступам ячеек, перебьём их ещё большей специфичностью */

body .ns-bitrix.c-form-result-new .startshop-form-result-new-captcha.intec-grid {
  margin-left: 0 !important;
}

body .ns-bitrix.c-form-result-new .startshop-form-result-new-captcha.intec-grid > .intec-grid-item-auto.startshop-form-result-new-captcha-image {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer > .intec-grid.intec-grid-i-h-10 {
  margin-left: 0 !important;
}

body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer > .intec-grid.intec-grid-i-h-10 > .intec-grid-item.intec-grid-item-450-1 {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Выравнивание самого инпута капчи: чтобы не было дыры между картинкой и полем */
body .ns-bitrix.c-form-result-new .startshop-form-result-new-captcha.intec-grid > .intec-grid-item.startshop-form-result-new-captcha-input {
  padding-left: 16px !important; /* Даём небольшой отступ от картинки до поля */
}

/* Убираем рамку и фон вокруг картинки капчи (для верности) */
body .ns-bitrix.c-form-result-new .startshop-form-result-new-captcha-image {
  background: transparent !important;
  border: none !important;
}


/* === УБИРАЕМ ОТСТУПЫ У ВСЕХ ДОЧЕРНИХ ЭЛЕМЕНТОВ ФУТЕРА === */
/* Из-за сетки .intec-grid.intec-grid-i-h-10 добавляются !important отступы, которые сдвигают чекбокс и кнопку */

body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer > .intec-grid {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer > .intec-grid > div {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

body .ns-bitrix.c-form-result-new.c-form-result-new-contacts .form-result-new-footer label {
  padding-left: 0 !important;
  margin-left: 0 !important;
}


/* === ИСПРАВЛЕНИЕ СДВИГА ЧЕКБОКСА === */
/* Ранее мы задали ширину и отступ для нативного input[type=checkbox].
   Но в этом шаблоне чекбокс кастомный (через span.intec-ui-part-selector),
   а нативный input скрыт (opacity: 0) и должен иметь нулевую ширину.
   Из-за наших стилей прозрачный input занимал 18px + 8px margin = 26px слева,
   что и сдвигало видимый квадратик вправо! Обнуляем: */

body .ns-bitrix.c-form-result-new .intec-ui-control-checkbox input[type="checkbox"] {
  position: absolute !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
}


/* === УЛУЧШЕНИЕ БЛОКА КОНТАКТОВ С КАРТИНКОЙ === */

/* Делаем обёртку карточки более аккуратной: добавим мягкую тень и скругление, как у формы */
body .contacts .contacts-offices .contacts-office {
  border: none !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(17, 30, 50, 0.06) !important;
  margin-bottom: 30px !important;
  overflow: hidden !important;
  padding: 24px !important;
}

/* Выравниваем сетку внутри карточки строго по центру по вертикали */
body .contacts .contacts-offices .contacts-office > .contacts-office-wrapper > .intec-grid {
  align-items: center !important;
}

/* Делаем картинку круглой и выравниваем */
body .contacts .contacts-offices .contacts-office .contacts-image {
  width: 140px !important;
  height: 140px !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.1) !important;
  margin: 0 auto !important; /* Центрируем, если будет адаптив */
}

/* Убираем лишние гигантские отступы слева у блока с информацией */
body .contacts .contacts-offices .contacts-office .contacts-information {
  padding: 0 0 0 32px !important;
}

/* Адаптив для маленьких экранов — картинка сверху по центру */
@media all and (max-width: 768px) {
  body .contacts .contacts-offices .contacts-office > .contacts-office-wrapper > .intec-grid {
    flex-direction: column !important;
    text-align: center !important;
  }
  
  body .contacts .contacts-offices .contacts-office .contacts-image {
    display: block !important; /* Возвращаем видимость на мобильных (в шаблоне она скрывалась) */
    margin-bottom: 24px !important;
  }
  
  body .contacts .contacts-offices .contacts-office .contacts-information {
    padding: 0 !important;
  }
  
  /* Выравниваем элементы по центру на мобилках */
  body .contacts .contacts-offices .contacts-office .contacts-information-section {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-bottom: 16px !important;
  }
  
  body .contacts .contacts-offices .contacts-office .contacts-information-title {
    justify-content: center !important;
    margin-bottom: 8px !important;
  }
}


/* === УЛУЧШЕНИЕ БЛОКА КОНТАКТОВ С КАРТИНКОЙ (Корректировка классов) === */

/* Перекрываем старые стили по более точному селектору */
body .ns-bitrix .contacts-office,
body .contacts .contacts-office {
  border: 1px solid #f1f3f9 !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(17, 30, 50, 0.06) !important;
  margin-bottom: 30px !important;
  overflow: hidden !important;
  padding: 32px !important;
  transition: box-shadow 0.3s ease;
}

body .contacts .contacts-office:hover {
  box-shadow: 0 12px 40px rgba(17, 106, 252, 0.1) !important;
}

/* Выравниваем сетку внутри карточки строго по центру по вертикали */
body .contacts .contacts-office .contacts-office-wrapper > .intec-grid {
  align-items: center !important;
}

/* Делаем картинку круглой и выравниваем */
body .contacts .contacts-office .contacts-image {
  width: 140px !important;
  height: 140px !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.1) !important;
  margin: 0 auto !important; 
}

/* Убираем лишние гигантские отступы слева у блока с информацией (по умолчанию там padding-left: 50px) */
body .contacts .contacts-office .contacts-information {
  padding: 0 0 0 32px !important;
}

/* Разделяем колонки внутри (Адрес / Время работы / Контакты) */
body .contacts .contacts-office .contacts-information-section {
  padding: 16px 20px !important;
  background: #f8f9fb;
  border-radius: 12px;
  height: 100%;
}

body .contacts .contacts-office .contacts-information-title {
  margin-bottom: 12px !important;
}

/* Скрываем лишние иконки из заголовков, чтобы было чище, или выравниваем их */
body .contacts .contacts-office .contacts-information-title i,
body .contacts .contacts-office .contacts-information-title svg {
  margin-right: 8px !important;
  color: #116afc !important;
  stroke: #116afc !important;
  fill: #116afc !important;
}

body .contacts .contacts-office .contacts-information-text {
  font-weight: 600 !important;
  color: #111827 !important;
  font-size: 14px !important;
}

body .contacts .contacts-office .contacts-information-content,
body .contacts .contacts-office .contacts-information-content a {
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #4b5563 !important;
  line-height: 1.6 !important;
}

/* Кнопка "Показать на карте" - делаем полноценной кнопкой */
body .contacts .contacts-office .contacts-information-on-map {
  display: inline-block !important;
  margin-top: 16px !important;
  padding: 10px 24px !important;
  background: #f1f3f9 !important;
  color: #116afc !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border: none !important;
  transition: background 0.2s, color 0.2s;
}

body .contacts .contacts-office .contacts-information-on-map:hover {
  background: #116afc !important;
  color: #ffffff !important;
}

/* Адаптив для маленьких экранов — картинка сверху по центру */
@media all and (max-width: 768px) {
  body .contacts .contacts-office .contacts-office-wrapper > .intec-grid {
    flex-direction: column !important;
    text-align: center !important;
  }
  
  body .contacts .contacts-office .contacts-image {
    display: block !important;
    margin: 0 auto 24px auto !important;
  }
  
  body .contacts .contacts-office .contacts-information {
    padding: 0 !important;
  }
  
  body .contacts .contacts-office .contacts-information-section {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-bottom: 16px !important;
    background: transparent !important;
    padding: 8px 0 !important;
  }
  
  body .contacts .contacts-office .contacts-information-title {
    justify-content: center !important;
  }
}


/* === ИСПРАВЛЕНИЕ АДАПТИВА И КНОПКИ "ПОКАЗАТЬ НА КАРТЕ" === */

/* Контейнер кнопки переносим на новую строку и центрируем */
body .contacts .contacts-office .contacts-office-wrapper > .intec-grid > .intec-grid-item-auto:last-child {
  width: 100% !important;
  flex: 0 0 100% !important;
  text-align: center !important;
  margin-top: 24px !important;
  display: flex !important;
  justify-content: center !important;
}

body .contacts .contacts-office .contacts-information-on-map {
  margin-top: 0 !important; /* Убираем старый отступ */
}

/* Делаем так, чтобы внутренние блоки (Адрес, Часы, Контакты) тоже вели себя адекватнее при переносе строк */
body .contacts .contacts-office .contacts-information .intec-grid {
  align-items: stretch !important; /* Чтобы карточки были одной высоты в ряду */
}

body .contacts .contacts-office .contacts-information .intec-grid-item {
  min-width: 200px !important; /* Чтобы не сжимались слишком сильно до переноса */
}


/* === ФИНАЛЬНОЕ УПОРЯДОЧИВАНИЕ КАРТОЧКИ КОНТАКТОВ === */

/* Карточка контактов: гарантируем отступы внутри */
body .contacts .contacts-office {
  padding: 32px !important;
  box-sizing: border-box !important;
}

/* Обнуляем возможные отрицательные отступы у самой сетки карточки */
body .contacts .contacts-office .contacts-office-wrapper > .intec-grid {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Ячейка с картинкой: даём правый отступ от текста и обнуляем отрицательные марджины */
body .contacts .contacts-office .contacts-office-wrapper > .intec-grid > .intec-grid-item-auto:first-child {
  margin: 0 !important;
  padding: 0 32px 0 0 !important; /* Отступ справа до блока информации */
}

/* Сама картинка */
body .contacts .contacts-office .contacts-image {
  margin: 0 !important;
  display: block !important;
}

/* Блок с информацией (Адрес, Часы, Контакты) */
body .contacts .contacts-office .contacts-information {
  padding: 0 !important;
  margin: 0 !important;
}

/* Выравнивание внутренних карточек по высоте */
body .contacts .contacts-office .contacts-information .intec-grid {
  margin: 0 -8px !important; /* компенсируем отступы между карточками */
}

body .contacts .contacts-office .contacts-information .intec-grid > .intec-grid-item {
  padding: 8px !important; /* Отступы между карточками */
  min-width: 240px !important;
}

body .contacts .contacts-office .contacts-information-section {
  margin: 0 !important;
  height: 100% !important; /* Чтобы тянулись по высоте */
}

/* Контейнер с кнопкой "Показать на карте" — делаем 100% ширины и центрируем */
/* Кнопка находится в отдельной ячейке после .intec-grid-item */
body .contacts .contacts-office .contacts-office-wrapper > .intec-grid > .intec-grid-item-auto.intec-grid-item-700-1 {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  margin: 24px 0 0 0 !important;
  padding: 0 !important;
}

body .contacts .contacts-office .contacts-information-on-map {
  margin: 0 !important;
}

/* Адаптив для маленьких экранов */
@media all and (max-width: 768px) {
  body .contacts .contacts-office {
    padding: 24px !important;
  }
  body .contacts .contacts-office .contacts-office-wrapper > .intec-grid > .intec-grid-item-auto:first-child {
    padding: 0 !important;
    margin-bottom: 24px !important;
    display: flex !important;
    justify-content: center !important;
  }
}


/* === ГАРАНТИРОВАННОЕ ВЫРАВНИВАНИЕ КАРТОЧКИ КОНТАКТОВ === */

/* Упрощаем селекторы до максимума, чтобы они точно сработали */
.contacts-office {
  padding: 32px !important;
  box-sizing: border-box !important;
  border: 1px solid #f1f3f9 !important;
  border-radius: 16px !important;
}

/* Обнуляем любые отрицательные отступы сетки, которые выталкивают контент к краям */
.contacts-office .intec-grid.intec-grid-wrap {
  margin: 0 !important;
}

/* Контейнер картинки (первый элемент сетки) */
.contacts-office .intec-grid.intec-grid-wrap > .intec-grid-item-auto:first-child {
  padding: 0 32px 0 0 !important;
  margin: 0 !important;
}

/* Картинка */
.contacts-office .contacts-image {
  margin: 0 !important;
}

/* Контейнер центральной информации */
.contacts-office .intec-grid.intec-grid-wrap > .intec-grid-item {
  padding: 0 !important;
  margin: 0 !important;
}

/* Контейнер кнопки (последний элемент сетки) */
.contacts-office .intec-grid.intec-grid-wrap > .intec-grid-item-auto:last-child {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  flex: 0 0 100% !important;
  display: flex !important;
  justify-content: center !important;
}

/* Сама кнопка */
.contacts-office .contacts-information-on-map {
  margin: 24px 0 0 0 !important;
  display: inline-block !important;
}


/* === ФИНАЛЬНОЕ ИСПРАВЛЕНИЕ КАРТОЧКИ КОНТАКТОВ (УБИРАЕМ РАМКУ, ДАЕМ ОТСТУПЫ) === */

/* Убираем рамку с карточки, оставляем ее чистой на фоне страницы */
html body .contacts .contacts-offices .contacts-office-wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 40px !important;
}

html body .contacts .contacts-offices .contacts-office-wrapper > .intec-grid {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

/* 1. Колонка с картинкой (слева) */
html body .contacts .contacts-offices .contacts-office-wrapper > .intec-grid > .intec-grid-item-auto:first-child {
  padding: 0 !important;
  margin: 0 40px 0 0 !important; /* Большой отступ справа от картинки до текста */
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .contacts .contacts-offices .contacts-office-wrapper .contacts-image {
  width: 160px !important;
  height: 160px !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2. Колонка с информацией (центр) */
html body .contacts .contacts-offices .contacts-office-wrapper > .intec-grid > .intec-grid-item {
  padding: 0 !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
}

/* Серые карточки внутри */
html body .contacts .contacts-offices .contacts-office-wrapper .contacts-information .intec-grid {
  margin: 0 -12px !important;
  display: flex !important;
  align-items: stretch !important;
}

html body .contacts .contacts-offices .contacts-office-wrapper .contacts-information .intec-grid > .intec-grid-item {
  padding: 12px !important;
}

html body .contacts .contacts-offices .contacts-office-wrapper .contacts-information-section {
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(17, 30, 50, 0.05) !important;
  padding: 24px !important;
  height: 100% !important;
}

/* 3. Кнопка Показать на карте */
html body .contacts .contacts-offices .contacts-office-wrapper > .intec-grid > .intec-grid-item-auto:last-child {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 40px 0 0 0 !important; /* Отступ сверху от серых карточек */
  display: flex !important;
  justify-content: center !important;
}

html body .contacts .contacts-offices .contacts-office-wrapper .contacts-information-on-map {
  margin: 0 !important;
  padding: 14px 40px !important;
  border-radius: 12px !important;
  background: #116afc !important;
  color: #ffffff !important;
  font-size: 15px !important;
  box-shadow: 0 8px 24px rgba(17, 106, 252, 0.25) !important;
}

html body .contacts .contacts-offices .contacts-office-wrapper .contacts-information-on-map:hover {
  background: #0d56cf !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 30px rgba(17, 106, 252, 0.35) !important;
}

/* Адаптив для маленьких экранов */
@media all and (max-width: 768px) {
  html body .contacts .contacts-offices .contacts-office-wrapper > .intec-grid > .intec-grid-item-auto:first-child {
    flex: 0 0 100% !important;
    margin: 0 0 32px 0 !important;
  }
}

/* === УБИРАЕМ КРУГЛУЮ КАРТИНКУ В КОНТАКТАХ === */
html body .contacts .contacts-offices .contacts-office-wrapper > .intec-grid > .intec-grid-item-auto:first-child {
  display: none !important;
}

/* Растягиваем блок с информацией на всю ширину */
html body .contacts .contacts-offices .contacts-office-wrapper > .intec-grid > .intec-grid-item {
  width: 100% !important;
  flex: 0 0 100% !important;
}


/* === SAFE: баннер услуг - штатная карусель, без выезда и без поломки слайдов === */
html body .widget.c-services.c-services-template-25 .widget-item-picture {
    transform: none !important;
    box-shadow: none !important;
    filter: brightness(1) !important;
    transition: filter 0.3s ease !important;
}

html body .widget.c-services.c-services-template-25 .owl-carousel .owl-item.active .widget-item:hover .widget-item-picture {
    transform: none !important;
    box-shadow: none !important;
    filter: brightness(1.06) !important;
}

html body .widget.c-services.c-services-template-25 .widget-nav,
html body .widget.c-services.c-services-template-25 .widget-nav button {
    display: block !important;
    visibility: visible !important;
}

html body .widget.c-services.c-services-template-25 .widget-nav button {
    transition: background-color 0.25s ease, box-shadow 0.25s ease !important;
}

html body .widget.c-services.c-services-template-25 .widget-nav button:hover:not(.disabled) {
    background-color: #116afc !important;
    box-shadow: 0 8px 22px rgba(17, 106, 252, 0.18) !important;
}

html body .widget.c-services.c-services-template-25 .widget-nav button:hover:not(.disabled) span {
    color: #ffffff !important;
}

/* SEO content blocks on service landing sections */
.goinspain-seo-content {
    max-width: 920px;
    margin: 0 auto 32px;
    line-height: 1.65;
    color: #333;
}

.goinspain-seo-content h2 {
    font-size: 22px;
    line-height: 1.35;
    margin: 28px 0 12px;
    font-weight: 700;
    color: #1f1f1f;
}

.goinspain-seo-content h2:first-of-type {
    margin-top: 12px;
}

.goinspain-seo-content p {
    margin: 0 0 12px;
}

.goinspain-seo-content ul,
.goinspain-seo-content ol {
    margin: 0 0 14px 20px;
}

.goinspain-seo-content li {
    margin-bottom: 6px;
}

.goinspain-seo-content a {
    color: #116afc;
    text-decoration: underline;
}

.catalog-section .catalog-description-top .goinspain-seo-content {
    padding: 8px 0 0;
}

/* SEO content blocks on service landing sections */
.goinspain-seo-content {
    max-width: 920px;
    margin: 0 auto 32px;
    line-height: 1.65;
    color: #333;
}

.goinspain-seo-content h2 {
    font-size: 22px;
    line-height: 1.35;
    margin: 28px 0 12px;
    font-weight: 700;
    color: #1f1f1f;
}

.goinspain-seo-content h2:first-of-type {
    margin-top: 12px;
}

.goinspain-seo-content p {
    margin: 0 0 12px;
}

.goinspain-seo-content ul,
.goinspain-seo-content ol {
    margin: 0 0 14px 20px;
}

.goinspain-seo-content li {
    margin-bottom: 6px;
}

.goinspain-seo-content a {
    color: #116afc;
    text-decoration: underline;
}

.catalog-section .catalog-description-top .goinspain-seo-content {
    padding: 8px 0 0;
}

.goinspain-related-links {
    max-width: 920px;
    margin: 32px auto 40px;
    padding: 20px 24px;
    background: #f7f9fc;
    border-radius: 8px;
    line-height: 1.6;
}

.goinspain-related-links h2 {
    font-size: 20px;
    margin: 0 0 12px;
    font-weight: 700;
}

.goinspain-related-links ul {
    margin: 0;
    padding-left: 20px;
}

.goinspain-related-links li {
    margin-bottom: 6px;
}

.goinspain-related-links a {
    color: #116afc;
    text-decoration: underline;
}