/*
 * YMS Redesign V1 — вдохновлён autodoc.ru, armtek.ru
 * Оригинальные цвета сохранены (#365edc).
 * НЕ меняем: цвет фона body, цвет текста, footer фон.
 */

/* ============================================
   ШРИФТ — оставляем оригинальный Fira Sans
   ============================================ */


/* ============================================
   HEADER — чище, компактнее
   ============================================ */

/* Убрать жёсткие бордеры, мягкая тень */
.header_wrap,
.header-wrapper {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
  border-bottom: none !important;
}

/* Фиксированное меню — тоже мягче */
.mega_fixed_menu.scrollblock {
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1) !important;
}

/* Телефоны в header — крупнее, заметнее */
.phone-block .phone a,
.phone-block a[href^="tel"],
.phones_block a[href^="tel"],
.wrap_phones a[href^="tel"] {
  font-size: 18px !important;
  font-weight: 700 !important;
  /* letter-spacing оригинальный */
}

/* Кнопка "Заказать звонок" */
.callback-block .btn,
.callback-block a.btn,
a.dark-color.no-decript.callback {
  border-radius: 10px !important;
  font-weight: 600 !important;
  /* letter-spacing оригинальный */
  padding: 8px 18px !important;
}

/* Поиск — крупнее, заметнее */
.search-input,
.search_wrap input,
.inline-search-block input[type="text"],
.compact_search_block input[type="text"] {
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-size: 15px !important;
  border: 2px solid #e8eaed !important;
  transition: border-color 0.2s ease !important;
}

.search-input:focus,
.search_wrap input:focus,
.inline-search-block input[type="text"]:focus {
  border-color: #365edc !important;
  box-shadow: 0 0 0 3px rgba(54, 94, 220, 0.12) !important;
  outline: none !important;
}

.btn-search,
.search-button-div .btn {
  border-radius: 0 12px 12px 0 !important;
}


/* ============================================
   НАВИГАЦИЯ И МЕНЮ
   ============================================ */

/* Кнопка "Каталог" */
.burger,
.burger.inner-table-block {
  border-radius: 10px !important;
}

/* Выпадающие меню */
.dropdown-menu,
.burger-dropdown-menu,
.dropdown-menu.toggle_menu,
.burger-dropdown-menu.toggle_menu {
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  overflow: hidden !important;
}

/* Пункты меню — hover */
.mega-menu .menu-item > a:hover,
.dropdown-submenu > a:hover,
.menu-navigation__sections-item-link:hover {
  background-color: rgba(54, 94, 220, 0.06) !important;
}

/* Навигационная строка */
.menu-row.middle-block,
.bottom_nav_wrapper,
.bottom_nav {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
  border-bottom: none !important;
}


/* ============================================
   КНОПКИ — современные, с эффектами
   ============================================ */

.btn,
.btn-wide,
.btn-transparent-border-color,
button.btn,
a.btn {
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}

/* btn-default отдельно — НЕ внутри counter_wrapp */
.btn-default:not(.to-cart):not(.in-cart) {
  border-radius: 10px !important;
}

/* Основная кнопка (синяя) hover */
.btn-default:hover,
.colored_theme_bg:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(54, 94, 220, 0.3) !important;
}

/* Контурная кнопка hover */
.btn-transparent-border-color:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(54, 94, 220, 0.15) !important;
}


/* ============================================
   БАННЕР НА ГЛАВНОЙ
   ============================================ */

.big_banner_index_drag,
.big_banner_index_drag .swiper-container,
.big_banner_index_drag .swiper {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Кнопки навигации слайдера */
.big_banner_index_drag .swiper-button-next,
.big_banner_index_drag .swiper-button-prev,
.slider-nav {
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  backdrop-filter: blur(4px) !important;
}

/* Точки слайдера */
.big_banner_index_drag .swiper-pagination-bullet {
  border-radius: 4px !important;
  width: 24px !important;
  height: 4px !important;
  transition: all 0.3s ease !important;
}


/* ============================================
   СЕКЦИИ КАТАЛОГА НА ГЛАВНОЙ
   ============================================ */

.catalog_sections_drag .section_item,
.catalog_sections_drag .section-item,
.CATALOG_SECTIONS .section_item,
.CATALOG_SECTIONS .section-item {
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  border: 1px solid #eef0f2 !important;
}

.catalog_sections_drag .section_item:hover,
.CATALOG_SECTIONS .section_item:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-4px) !important;
  border-color: transparent !important;
}

/* Изображения в секциях */
.catalog_sections_drag .section_item .image-wrapper,
.catalog_sections_drag .section_item img {
  transition: transform 0.3s ease !important;
}

.catalog_sections_drag .section_item:hover img {
  transform: scale(1.05) !important;
}


/* ============================================
   КАРТОЧКИ ТОВАРОВ
   ============================================ */

.catalog_item,
.catalog-item,
.item_block,
.product_item,
.product-item-container,
.sale_block_item,
.bx_catalog_item,
.wrapper_block .item {
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  border: 1px solid #eef0f2 !important;
}

.catalog_item:hover,
.item_block:hover,
.product_item:hover,
.product-item-container:hover,
.bx_catalog_item:hover,
.wrapper_block .item:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-3px) !important;
  border-color: transparent !important;
}

/* Изображения товаров */
.catalog_item .image_wrapper_block,
.item_block .image_wrapper_block {
  border-radius: 14px 14px 0 0 !important;
  overflow: hidden !important;
}

.catalog_item .image_wrapper_block img,
.item_block .image_wrapper_block img {
  transition: transform 0.3s ease !important;
}

.catalog_item:hover .image_wrapper_block img,
.item_block:hover .image_wrapper_block img {
  transform: scale(1.04) !important;
}

/* Цена в карточке — оригинальный размер */

/* Название товара */
.catalog_item .item-title a,
.item_block .item-title a {
  font-weight: 500 !important;
  line-height: 1.4 !important;
}


/* ============================================
   ТАБЫ ТОВАРОВ НА ГЛАВНОЙ
   ============================================ */

.catalog_tab_drag .tabs-head a,
.CATALOG_TAB .tabs-head a {
  border-radius: 8px !important;
  padding: 8px 20px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}


/* ============================================
   ТИЗЕРЫ ПРЕИМУЩЕСТВ
   ============================================ */

.front_tizers .tizer_block,
.front_tizers .tizer,
.js-tizers .tizer_block,
.item-views.tizers .tizer_block {
  border-radius: 14px !important;
  padding: 24px !important;
  transition: all 0.3s ease !important;
  border: 1px solid #eef0f2 !important;
  background: #fff !important;
}

.front_tizers .tizer_block:hover,
.js-tizers .tizer_block:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-2px) !important;
}

/* Иконки тизеров */
.front_tizers .tizer_block svg,
.js-tizers .tizer_block svg {
  width: 48px !important;
  height: 48px !important;
}

/* Заголовки тизеров */
.front_tizers .tizer_block .title,
.js-tizers .tizer_block .title {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-top: 12px !important;
}


/* ============================================
   О КОМПАНИИ
   ============================================ */

.front_company .company-block,
.COMPANY_TEXT .company-block {
  border-radius: 16px !important;
  padding: 32px !important;
  background: #f8f9fb !important;
  border: 1px solid #eef0f2 !important;
}


/* ============================================
   БРЕНДЫ
   ============================================ */

.front_brands_slider .brand_item img,
.brands_slider .brand_item img,
.BRANDS .brand_item img {
  filter: grayscale(80%) !important;
  opacity: 0.5 !important;
  transition: all 0.3s ease !important;
}

.front_brands_slider .brand_item:hover img,
.brands_slider .brand_item:hover img,
.BRANDS .brand_item:hover img {
  filter: grayscale(0%) !important;
  opacity: 1 !important;
}


/* ============================================
   БЛОГ / НОВОСТИ
   ============================================ */

.front_news .news_item,
.front_news .news-item,
.BLOG .news_item,
.content_news2 .news_item {
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  border: 1px solid #eef0f2 !important;
}

.front_news .news_item:hover,
.BLOG .news_item:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-3px) !important;
  border-color: transparent !important;
}

.front_news .news_item img {
  transition: transform 0.3s ease !important;
}

.front_news .news_item:hover img {
  transform: scale(1.04) !important;
}


/* ============================================
   КАРТОЧКА ТОВАРА (detail page)
   ============================================ */

/* Общий layout — гарантируем gap между блоками */
.main-catalog-wrapper.details {
  gap: 32px !important;
}

/* ============================================
   КАРТОЧКА ТОВАРА
   ============================================ */

/* Убрать рамки вокруг блока товара */
.product-view.main_item_wrapper,
.middle-info-wrapper.main_item_wrapper {
  border: none !important;
  box-shadow: none !important;
}

/* Убрать горизонтальные линии сверху/снизу блока товара */
.product-view--type2 .product-info-wrapper {
  border-top: none !important;
  border-bottom: none !important;
}

/* Убрать рамки у карточек аналогов */
.catalog_item .bordered,
.item_block .bordered,
.wrapper_block .bordered {
  border: none !important;
}

/* Правый блок цены — карточка */
.product-info.noffer,
.product-info--type2 {
  background: #fff !important;
  border: 1px solid #eef0f2 !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1) !important;
}

/* Убрать двойные рамки у вложенных bordered */
.product-info.noffer .bordered,
.product-info--type2 .bordered {
  border: none !important;
}

/* Галерея */
.detail-gallery-big__picture.rounded3 {
  border-radius: 12px !important;
}

/* Блок счётчик+кнопка — сбросить ВСЕ переопределения, только скругление */
.counter_wrapp .btn,
.counter_wrapp .btn-default,
.counter_wrapp .btn-lg {
  border-radius: 0 !important;
  transition: none !important;
}

/* Правая часть (кнопка) — скруглить только справа, выровнять по высоте */
.counter_wrapp .button_block .btn {
  border-radius: 0 10px 10px 0 !important;
  line-height: 0.85 !important;
}

/* Левая часть (- input +) — скруглить только слева */
.counter_wrapp .counter_block {
  border-radius: 10px 0 0 10px !important;
  overflow: hidden !important;
}

/* Характеристики рядом с ценой — не вылезать за границы */
.product-chars {
  padding: 14px 16px !important;
  overflow: hidden !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.product-chars .properties__item {
  overflow: hidden !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.product-chars .properties__value {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

/* Характеристики — жирный значение */
.properties__value.darken {
  font-weight: 600 !important;
}

/* Блок "Нужна консультация" */
.side-block.side-block--feedback {
  border-radius: 14px !important;
  overflow: hidden !important;
}

/* Блоки галерея/аналоги — убрать рамку, добавить верхний разделитель */
.ordered-block {
  border: none !important;
  border-top: 1px solid #eef0f2 !important;
  margin-top: 24px !important;
  padding-top: 24px !important;
}

/* Разделитель между описанием и галереей */
.small-gallery-block {
  border-top: 1px solid #eef0f2 !important;
  margin-top: 24px !important;
  padding-top: 24px !important;
}

/* Табы */
.nav-tabs > li > a {
  border-radius: 10px 10px 0 0 !important;
}


/* ============================================
   ХЛЕБНЫЕ КРОШКИ
   ============================================ */

.breadcrumbs,
.breadcrumbs.swipeignore {
  padding: 16px 0 !important;
}

.breadcrumbs a {
  color: #365edc !important;
}


/* ============================================
   ФОРМЫ
   ============================================ */

input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea,
select {
  border-radius: 10px !important;
  border: 2px solid #e8eaed !important;
  padding: 10px 14px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #365edc !important;
  box-shadow: 0 0 0 3px rgba(54, 94, 220, 0.1) !important;
  outline: none !important;
}


/* ============================================
   SPACING
   ============================================ */

.content_wrapper_block {
  margin-bottom: 32px !important;
  border: none !important;
}

/* Убрать отступ снизу у "О компании" чтобы не было полосы перед тизерами */
.content_wrapper_block.front_company {
  margin-bottom: 0 !important;
}

/* Серые блоки — не трогаем, оригинальный стиль */

/* Убрать все границы между секциями на главной */
.front_tizers,
.front_company,
.front_brands_slider,
.front_news,
.item-views.tizers,
.item-views.company,
.item-views.brands,
.item-views.news2,
.with-border,
.with-padding,
.drag-block.container {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* О компании — белый фон (перебиваем Битрикс-настройку) */
.front_company,
.front_company .item-views.company,
.front_company .company-block,
.company_text_drag,
.COMPANY_TEXT {
  background: #fff !important;
  background-color: #fff !important;
}

/* Заголовки секций */
.content_wrapper_block .block_title,
.content_wrapper_block .section_title,
.content_wrapper_block h2 {
  font-size: 26px !important;
  font-weight: 700 !important;
  margin-bottom: 24px !important;
  /* letter-spacing оригинальный */
}


/* ============================================
   МОДАЛЬНЫЕ ОКНА
   ============================================ */

.popup_bg_block,
.modal-content,
.popup-window {
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2) !important;
}


/* ============================================
   ПАГИНАЦИЯ
   ============================================ */

.module-pagination .nums span,
.module-pagination .nums a,
.bx-pagination .bx-pagination-page a,
.bx-pagination .bx-pagination-page span {
  border-radius: 10px !important;
  min-width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  font-weight: 600 !important;
}


/* ============================================
   ПЛАВНОСТЬ
   ============================================ */

html {
  scroll-behavior: smooth !important;
}

/* transition-timing оставляем оригинальный */

/* Стикеры/бейджи скидок */
.sticker,
.sticker_block .sticker,
.detail-stickers-wrap .sticker {
  border-radius: 8px !important;
  font-weight: 700 !important;
}