.b-header__toolbar
{
    /* background:#0f0 !important; */
}
html .b-wrapper
{
    max-width:1392px;
}
.ali-menu-block
{
    display:none !important;
}
@media only screen and (min-width: 1600px)
{
    html .b-fullpage .b-wrapper
    {
        max-width:1372px;
        padding-left:0px;
        padding-right:0px;
    }
}

.menu-banner-block
{
    display:flex;
    align-items: flex-start;
    padding-top:0;
    width:100%;
    /* padding-left:7px;
    padding-right:7px; */
}

.menu-banner-block .menu-block
{
    width:327px;
    padding-right:15px;
    box-sizing: border-box;
    flex:none;
    margin-top:0;
    margin-left:-1px;
}

.menu-banner-block .banner-block
{
    width:calc(100% - 325px);
    padding-left:15px;
    box-sizing: border-box;
    /* max-width:1000px; */
    position:relative;
}

.ali-menu-block.ali-menu-block.in-main-page
{
    display: block !important;
}

.main-page-menu ul
{
    list-style-type: none;
    margin:0px;
    padding:0px;
    padding-right:0px;
}
.main-page-menu ul:hover
{
    -webkit-box-shadow: 0 3px 5px 0 #8A8A8A;
    box-shadow: 0 3px 5px 0 #8A8A8A;
}
.main-page-menu>ul
{
    border:#dadcde solid 1px;
    border-top:0px;
    padding:5px;
    position: relative;
    padding-right:0px;
    /* padding-bottom:60px; */
}
.main-page-menu ul li
{
    margin:0px;
    padding:0px;
    /* padding-right:5px; */
    
}

.main-page-menu>ul>li
{
    padding-right:6px;
}
.main-page-menu>ul>li>a
{
    padding:3px 5px;
    border-radius: 5px;
}
.main-page-menu>ul>li>a
{
    /* font-weight:bold; */
}
.main-page-menu ul li ul
{
    display:none;
    position:absolute;
    border:#dadcde solid 1px;
    top:-1px;
    right:2px;
    transform: translateX(100%);
    background: #fff;
    z-index:100;
    /* -webkit-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px; */
    /* -webkit-box-shadow: 2px 2px 2px 0px #eee;
    box-shadow: 2px 2px 2px 0px #eee; */
    height:calc(100% + 2px);
    border-left:none;
}
.main-page-menu ul:hover li ul
{
    -webkit-box-shadow: 4px 3px 5px 0 #8A8A8A;
    box-shadow: 4px 3px 5px 0 #8A8A8A;
}
.main-page-menu>ul>li>a
{
    display:flex;
    align-items: flex-start;
}
.main-page-menu ul li a span
{
    display:inline-block;
    width:20px;
    margin-right:5px;
}
.main-page-menu ul li a span img
{
    max-width:20px;
}
.main-page-menu ul li ul li
{
    padding-right:5px;
    padding-left:5px;
    white-space: nowrap;
}
.main-page-menu ul li ul li a
{
    padding:3px 5px;
    border-radius: 5px;
    display:block;
}
.main-page-menu ul li ul li:hover a
{
    background:#eee;
    color:#f4943e;
    
}
.main-page-menu ul li:hover ul
{
    display:block;
    padding-top:5px;
}
.main-page-menu ul li ul::before
{   
    content: '';
    width:1px;
    height:calc(100% - 10px);
    position:absolute;
    top:5px;
    left:0px;
    background:#dadcde;
}
/* .main-page-menu>ul>li:hover
{
    background:#eee;
} */
.main-page-menu>ul>li:hover>a
{
    background:#eee;
    color:#f4943e;
}
.main-page-main-banner .b-main-slider__item
{
    padding-bottom:0px;
}
.main-page-menu>ul>li:hover ul li:hover a
{
    background:none;
}
@media only screen and (min-width: 1200px)
{
    .main-page-main-banner .b-main-slider__item {
        height:initial;
        padding-top:0px;
    }
}
@media(max-width:1199px)
{
    .menu-banner-block .menu-block
    {
        display:none;
    }
    .menu-banner-block .banner-block
    {
        width:100%;
    }
}
/* .grey-bg
{
    background:#f4f5f6;
    padding-top:20px;
    padding-bottom:20px;
} */
.advantages-video-block
{
    display:flex;
}
.advantages-video-block .advantages-block
{
    width:100%;
    padding-right:15px;
}
.advantages-block .advantages-title
{
    font-size:34px;
    margin-bottom:20px;
    font-weight:bold;
    text-align:center;
    text-transform: uppercase;
}
.advantages-block .advantages-items
{
    display:flex;
    flex-wrap: wrap;
}
.advantages-items .advantages-item
{
    width:33%;
    margin-bottom:20px;
}
.advantages-item
{
    display:flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.advantages-item img
{
    width:50px;
    /* min-height: 66px; */
    /* margin-right:20px; */
}
.advantages-item .description .title
{
    font-size:24px;
}
.advantages-item .description .text
{
    font-size:20px;
}
.advantages-video-block .video-block
{
    width:30%;
    padding-left:15px;
}

@media(max-width:900px)
{
    .advantages-video-block
    {
        flex-wrap:wrap;
        justify-content: center;
    }
    .advantages-video-block .advantages-block
    {
        width:100%;
        padding-left:0px;
        padding-right:0px;
        margin-bottom:20px;
    }
    .advantages-video-block .video-block
    {
        width:initial;
        padding-left:0px;
        padding-right:0px;
    }
}
@media(max-width:550px)
{
    .advantages-items .advantages-item
    {
        width:100%;
    }
}

.b-header__row .bx-basket.second
{
    display:none;
}
@media(max-width:900px)
{
    .b-header__row .bx-basket.second
    {
        display:block;
    } 
}

/* KA 01.09.2026: вертикальный ритм главной.
   Было 55px сверху и снизу у каждой секции => 110px пустоты между рубриками
   («дыры» между Новинками, Акциями, Базой знаний, О нас и модулем заявки).
   Стало 30px => 60px между рубриками: страница листается плотнее, но разделы
   по-прежнему читаются как отдельные. Файл подключается только на главной. */
.b-section-new
{
    padding-top:30px;
    padding-bottom:30px;
}
@media(max-width:1199px)
{
    .b-section-new
    {
        padding-top:26px;
        padding-bottom:26px;
    }
}
@media(max-width:900px)
{
    .b-section-new
    {
        padding-top:22px;
        padding-bottom:22px;
    }
}
.b-section-first-new
{
    padding-top:136px;
    padding-bottom:35px;
}
@media(max-width:1200px)
{
    .b-section-first-new
    {
        padding-top:50px;
    }
}
.b-content.b-main-block.m-page
{
    overflow-x: initial !important;
}

/* === KeyAcademy: убираем лишний верхний отступ на главной ===
   Раньше у .b-fullpage (main) padding-top:165px на 1200-1599px складывался
   с padding-top:136px у .b-section-first-new -> ~305px пустоты под фикс-шапкой.
   Оставляем единую компенсацию 136px (как на экранах >=1600px). */
@media only screen and (min-width: 1200px) {
    html .b-fullpage {
        padding-top: 0;
    }
}
/* === /KeyAcademy top gap fix === */


/* === KeyAcademy: зазор под админ-панелью Bitrix (видят только залогиненные админы) ===
   При показе админ-панели шапка становится position:absolute и контент уже смещён панелью,
   поэтому padding-top:136px у .b-section-first-new даёт двойной отступ (~167px пустоты).
   Скоуп через :has(#bx-panel) — анонимных посетителей правило не касается. */
@media only screen and (min-width: 1200px) {
    body:has(#bx-panel) .b-section-first-new {
        padding-top: 0 !important;
        margin-top: -25px !important;
    }
}
/* === /KeyAcademy admin-panel gap fix === */

/* KA 2026-09-03: главные баннеры без растяжки, равные плитки, без CLS. */
.main-page-main-banner .b-main-slider__item {
	height: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	display: block !important;
	overflow: visible;
}
.main-page-main-banner .slick-slide {
	height: auto;
}
.main-page-main-banner .slick-track {
	display: flex;
	align-items: stretch;
}
.main-page-main-banner .b-main-slider__item picture {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 1;
	line-height: 0;
}
.main-page-main-banner .b-main-slider__item img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: none;
	object-fit: contain;
	object-position: center;
}
.main-page-main-banner .b-main-slider .b-slider__dots {
	bottom: 8px;
}

.banner-list {
	margin-top: 14px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	align-items: stretch;
	justify-content: stretch;
}
.banner-list .banner-item {
	padding: 0;
	display: flex;
	min-width: 0;
	border-radius: 4px;
	overflow: hidden;
}
.banner-list .banner-item:first-child,
.banner-list .banner-item:last-child {
	padding: 0;
}
.banner-list .banner-item img {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	aspect-ratio: 320 / 190;
	object-fit: contain;
	object-position: center;
}

@media (max-width: 767px) {
	.banner-list {
		grid-template-columns: 1fr;
		gap: 10px;
		margin-top: 10px;
	}
}

/* KA 2026-09-03: мобильный отступ под fixed-шапку 68px (не трогаем desktop 136px и :has(#bx-panel)). */
@media (max-width: 1199px) {
	.b-section-first-new {
		padding-top: 68px;
	}
}

/* KA 2026-09-03: нативный press на баннерах. .ka-press — хук для Playwright. */
@media (hover: hover) and (pointer: fine) {
	.main-page-main-banner a:hover,
	.banner-list .banner-item:hover {
		filter: brightness(0.97);
	}
}
@media (hover: none) and (pointer: coarse) {
	.main-page-main-banner a,
	.banner-list .banner-item {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0.12);
		touch-action: manipulation;
		transition: transform 80ms ease, filter 80ms ease, opacity 80ms ease;
	}
	.main-page-main-banner a:active,
	.main-page-main-banner a.ka-press,
	.banner-list .banner-item:active,
	.banner-list .banner-item.ka-press {
		transform: scale(0.985);
		filter: brightness(0.88);
	}
}