/* =====================================================================
   ИЭММ — СОВРЕМЕННАЯ ТЕМА v1 (минимализм, мягкие скругления, тени)
   Подключается из /bitrix/php_interface/iemm_modern.php.
   ОТКАТ: в iemm_modern.php поставить IEMM_MODERN_THEME = false
          (или убрать строку require в init.php). Предпросмотр без темы:
          добавить к адресу ?iemm_theme=classic
   ===================================================================== */

:root {
	--iemm-accent: var(--theme-base-color, #365edc);
	--iemm-ink: #1a1d24;
	--iemm-text: #4a5160;
	--iemm-muted: #8a91a0;
	--iemm-line: #eceff5;
	--iemm-soft: #f6f8fc;
	--iemm-radius: 14px;
	--iemm-radius-sm: 10px;
	--iemm-shadow: 0 1px 2px rgba(20, 30, 60, .04), 0 4px 14px rgba(20, 30, 60, .05);
	--iemm-shadow-hover: 0 10px 30px rgba(20, 30, 60, .10);
	--iemm-ease: cubic-bezier(.2, .7, .2, 1);
}

/* ---------- типографика ---------- */
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
h1, .h1, #pagetitle { color: var(--iemm-ink); letter-spacing: -.02em; font-weight: 700; }
h2, .h2, h3, .h3, .index-block__title { color: var(--iemm-ink); letter-spacing: -.01em; }
.index-block__title { font-size: 26px !important; line-height: 1.2 !important; font-weight: 700 !important; }
.index-block__subtitle, .index-block__preview { color: var(--iemm-muted) !important; font-size: 13px !important; letter-spacing: .02em; }
.color_666, .color_999 { color: var(--iemm-text) !important; }
p { line-height: 1.6; }
::selection { background: rgba(54, 94, 220, .18); }

/* хлебные крошки — тише */
#navigation, .breadcrumbs { font-size: 12.5px; }
#navigation a, .breadcrumbs a { color: var(--iemm-muted) !important; transition: color .15s; }
#navigation a:hover, .breadcrumbs a:hover { color: var(--iemm-accent) !important; }

/* ---------- кнопки ---------- */
.btn { border-radius: var(--iemm-radius-sm) !important; font-weight: 600 !important; letter-spacing: .01em; transition: transform .18s var(--iemm-ease), box-shadow .18s var(--iemm-ease), background-color .18s, border-color .18s, color .18s !important; }
.btn-default:not(.iemm-sub-ripple):not(.iemm-subsub):hover, .btn-lg:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(54, 94, 220, .25); }
.btn-default:not(.iemm-sub-ripple):not(.iemm-subsub):active { transform: none; box-shadow: none; }
.btn-white, .btn-transparent-border { border-radius: var(--iemm-radius-sm) !important; }

/* ---------- поля форм ---------- */
.form-control, input.form-control, textarea.form-control, select.form-control {
	border-radius: var(--iemm-radius-sm) !important; border: 1px solid #e3e7ef !important; background: #fff !important;
	box-shadow: none !important; transition: border-color .15s, box-shadow .15s !important;
}
.form-control:hover { border-color: #cfd6e4 !important; }
.form-control:focus { border-color: var(--iemm-accent) !important; box-shadow: 0 0 0 3px rgba(54, 94, 220, .14) !important; outline: 0 !important; }
.form .uploader { border-radius: var(--iemm-radius-sm) !important; }
.form-checkbox__box { border-radius: 5px !important; }

/* ---------- карточки: разделы каталога, тизеры, бренды, документы, контакты ---------- */
.sections-list__item.bordered,
.right_block .sections-list__item:has(.sections-list__item-image-wrapper--TOP),
.license-list-inner__list .grid-list__item > *,
.contacts-list .contacts-list__item,
.brands-list__item.bordered {
	border-radius: var(--iemm-radius) !important;
}
.license-list-inner__list .grid-list__item > * { border-color: var(--iemm-line) !important; transition: box-shadow .2s var(--iemm-ease), border-color .2s, transform .2s var(--iemm-ease); }
.license-list-inner__list .grid-list__item > *:hover { border-color: rgba(54, 94, 220, .35) !important; box-shadow: var(--iemm-shadow-hover); transform: translateY(-2px); }

/* партнёры — без серой сетки, мягкие плитки, логотипы в родном цвете */
.brands-list__item.bordered { border-color: var(--iemm-line) !important; background: #fff; transition: box-shadow .2s var(--iemm-ease), border-color .2s; }
.brands-list .swiper-slide { padding: 6px; box-sizing: border-box; }
.brands-list__item { height: 150px !important; min-height: 0 !important; padding-top: 0 !important; }
.brands-list__item .brands-list__image-wrapper { height: 100%; display: flex; align-items: center; justify-content: center; }
.brands-list__item.bordered:hover { border-color: rgba(54, 94, 220, .3) !important; box-shadow: var(--iemm-shadow-hover); }
.brands-list__image { filter: none; opacity: 1; transition: transform .25s; }
.brands-list__item:hover .brands-list__image { transform: scale(1.04); }

/* тизеры (преимущества с иконками) — иконка в мягкой плитке */
.tizers-list__item-image-icon, .tizers-list__item-image-wrapper .svg { transition: transform .2s var(--iemm-ease); }
.tizers-list__item-image-wrapper--ICONS, .tizers-list__item--images-ICONS .tizers-list__item-image-wrapper {
	background: #fff; border: 1px solid var(--iemm-line); border-radius: 12px; padding: 10px; box-sizing: content-box; box-shadow: 0 2px 8px rgba(20, 30, 60, .05);
}
.tizers-list__item:hover .tizers-list__item-image-wrapper .svg, .tizers-list__item:hover .tizers-list__item-image-icon { transform: translateY(-2px); }
.tizers-list__item-name { color: var(--iemm-ink) !important; }

/* ---------- FAQ (аккордеон) — отдельные карточки с промежутками ---------- */
.accordion .item-accordion-wrapper {
	border: 1px solid var(--iemm-line) !important; border-radius: var(--iemm-radius) !important; margin-bottom: 10px !important;
	background: #fff; box-shadow: none !important; transition: border-color .2s, box-shadow .2s var(--iemm-ease);
	overflow: hidden;
}
.accordion .item-accordion-wrapper:hover { border-color: rgba(54, 94, 220, .3) !important; box-shadow: var(--iemm-shadow) !important; }
.accordion .item-accordion-wrapper + .item-accordion-wrapper { border-top: 1px solid var(--iemm-line) !important; }
.accordion .accordion-head { padding-top: 18px !important; padding-bottom: 18px !important; }
.accordion .accordion-head .switcher-title { color: var(--iemm-ink) !important; }
.accordion .accordion-head:hover .switcher-title { color: var(--iemm-accent) !important; }

/* ---------- общие рамочные блоки Аспро (карта, карточки контактов, детальные блоки) ---------- */
.rounded-4.bordered, .bordered.rounded-4 { border-radius: var(--iemm-radius) !important; border-color: var(--iemm-line) !important; }
.contacts__map { overflow: hidden; }
.contacts-list__item, .contacts__card, .contacts-detail { border-radius: var(--iemm-radius) !important; }

/* ---------- карточки товаров: без сетки, отдельные плитки с мягкой тенью при наведении ---------- */
.catalog-block__wrapper.grid-list-border-outer { padding: 6px !important; }
.catalog-block__item.bordered { border-color: var(--iemm-line) !important; background: #fff; transition: box-shadow .2s var(--iemm-ease), border-color .2s, transform .2s var(--iemm-ease) !important; }
.catalog-block__item.bordered:hover { border-color: rgba(54, 94, 220, .3) !important; box-shadow: var(--iemm-shadow-hover) !important; transform: translateY(-2px); }
.catalog-block__info-title a { color: var(--iemm-ink) !important; }
.catalog-block__item:hover .catalog-block__info-title a { color: var(--iemm-accent) !important; }

/* ---------- баннеры, картинки ---------- */
.banners-big .main-slider, .banners-big__wrapper, .banners-big .swiper { border-radius: 18px !important; overflow: hidden; }
.banners-fon-list__item { border-radius: var(--iemm-radius) !important; overflow: hidden; }
.sections-list__item-image, .sections-list__item.rounded-4 { border-radius: var(--iemm-radius) !important; }
.swiper-button-prev, .swiper-button-next, .slider-nav, .navigation-button {
	border-radius: 50% !important; box-shadow: 0 4px 16px rgba(20, 30, 60, .14) !important; transition: transform .2s var(--iemm-ease) !important;
}

/* ---------- кнопка «наверх» ---------- */
.scroll-to-top { border-radius: 50% !important; box-shadow: 0 8px 22px rgba(54, 94, 220, .35) !important; transition: transform .2s var(--iemm-ease) !important; }
.scroll-to-top:hover { transform: translateY(-3px); }

/* ---------- шапка: чуть воздушнее ---------- */
.iemm-hdr { box-shadow: 0 1px 0 var(--iemm-line) !important; }
.iemm-hdr.is-fixed .iemm-hdr__bar { box-shadow: 0 6px 24px rgba(20, 30, 60, .08) !important; backdrop-filter: saturate(1.2) blur(8px); background: rgba(255, 255, 255, .96); }
.iemm-hdr__search { border-radius: 12px !important; }
.iemm-hdr__catalog, .iemm-hdr a.iemm-hdr__catalog { border-radius: 12px !important; }
.iemm-hdr__search input { font-size: 14.5px !important; }

/* ---------- футер ---------- */
#footer.footer--color-dark { background: #12151c !important; }
#footer .footer__main-part { border-color: rgba(255, 255, 255, .06) !important; }
#footer a { transition: color .15s; }
#footer .bottom-menu .item-link--first a:hover, #footer a.dark_link:hover { color: #fff !important; }

/* ---------- плавность и доступность ---------- */
html { scroll-behavior: smooth; }
a { transition: color .15s; }
:focus-visible { outline: 2px solid rgba(54, 94, 220, .55); outline-offset: 2px; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* ---------- мобильная версия ---------- */
@media (max-width: 767px) {
	.index-block__title { font-size: 22px !important; }
	.banners-big .main-slider, .banners-big__wrapper, .banners-big .swiper { border-radius: 14px !important; }
}
/* ===== СОВРЕМЕННАЯ ТЕМА v1 — КОНЕЦ ===== */