/* Start:/local/templates/ai_markt/css/index_page/index.css?17567322035649*/
canvas {
	pointer-events: none;
}
.main-container{
	box-sizing: content-box;
	padding: 140px 0 80px 0 ;
	width: 100%; 
	height: fit-content; 
	position: relative; 
	background: linear-gradient(140deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.99) 30%, rgba(0,0,0,0) 60%);
	z-index: 1;
}
#bg-video {
	position: absolute;
	top: 0;
	left: 20%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2;
	pointer-events: none;
}
.main-text-container{
	width: 100%;
	padding-right: 543px;
}
.limited{
	max-width: 1280px;
	margin: 0 auto;
}
.main-container__title{
	/* background: linear-gradient(180.69deg, #FFFFF3 0.59%, #CFA4FD 49.5%, #F4EAFF 90.05%),
				linear-gradient(137deg, #CFEFFF 70.75%, #D4C1E5 0%) !important; */
	background: transparent !important;		
	font-family: var(----text-font-family-play);
	font-size: 90px;
	font-weight: 700;
	line-height: 93.6px;
	letter-spacing: -0.03em;
	text-align: left;
	text-transform: uppercase;
	background-clip: text !important;
	color: transparent;
}
.main-container__subtitle{
	background: linear-gradient(139deg, #FFFFFF 0%, #CB9EFD 70.88%);
	box-shadow: 24.8px 28.53px 75.6px 0px #14182A3B;
	box-shadow: -7.61px -8.75px 11.59px 0px #9960D7B8 inset;
	padding: 23px 85px;
	height: 92px;
	font-family: var(----text-font-family-play);
	font-size: 40px;
	font-weight: 700;
	line-height: 46.28px;
	text-align: center;
	color: #092968;
	border-radius: 181px;
	display: block;
	width: max-content;
	margin: 30px 0 40px 0;

}
.main-container__text{
	font-family: Open Sans;
	font-size: 24px;
	font-weight: 400;
	line-height: 32.68px;
	text-align: left;
	margin: 40px 0 32px 0;
	color: #FFFFFF;
}

.default-button {
    display: block;
    width: max-content;
    position: relative;
    padding: 16px 40px;
    background: linear-gradient(322.4deg, #4C0091 11.93%, #00FFE1 95.31%);
    box-shadow: 24.8px 28.53px 75.6px 0px #14182A3B,
                5px 5px 7px 0px #8AFFF1 inset,
                -7.61px -8.75px 11.59px 0px #792ACE inset;
    border-radius: 30px;
    font-family: var(----text-font-family-play);
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    text-decoration: none;
    color: #fff;
    margin: 16px;
    z-index: 1;
    transition: opacity 0.3s ease;
	cursor: pointer;
	border: none;
}

/* Внешняя подсветка */
.default-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100%);
    height: calc(100%);
    background: linear-gradient(322.4deg, #4C0091 11.93%, #00FFE1 95.31%);
    box-shadow: 24.8px 28.53px 75.6px 0px #14182A3B,
                5px 5px 7px 0px #8AFFF1 inset,
                -7.61px -8.75px 11.59px 0px #792ACE inset;
    border-radius: 30px;
    z-index: -1;
    transition: opacity 0.3s ease;
}

/* Эффект при наведении */
.default-button::after {
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    box-shadow: 0px 0px 6px 3px #FFFFFF7A inset;
    border-radius: 40px;
    z-index: -2;
    transition: all 0.3s ease;
}
.default-button:hover::before {
	background: linear-gradient(322.4deg, #4C0091 11.93%, #00FFE1 95.31%);
	box-shadow: 2px 2px 6px 0px #4C0090,
				5px 5px 7px 0px #EFD4FF inset,
				-7.61px -8.75px 11.59px 0px #612ACE inset;
	transition: all 0.3s ease;
}

.default-button:hover::after {
    background: #D744BF8F;
    border: 1px solid #D744BF;
    box-shadow: 0px 0px 7.9px 0px #D744BF8F;
    backdrop-filter: blur(12px);
    opacity: 1;
    transition: opacity 0.3s ease;
	z-index: -2;
}

.catalog-sections-title{
	font-family: var(--text-font-family-play);
	font-weight: 400;
	font-size: 40px;
	line-height: 46.28px;
	color: #FFD8F9;
	text-align: center;
	margin: 0 0 48px 0;
}

.catalog-sections-subtitle{
	font-family: var(--text-font-family-play);
	font-weight: 400;
	font-size: 32px;
	line-height: 37.02px;
	color: #FFD8F9;
	text-align: center;
	margin: 0 0 32px 0;
}
.catalog-container__button{
    margin: 16px auto;
}
.catalog-container{
	position: relative;
	padding-bottom: 48px;
}

#particle-canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.main-container-title {
    position: relative;
    z-index: 2;
	/* opacity: 0; */
}

@media (max-width: 767px) {
	.limited{
		padding: 0 10px 0 10px !important;
	}
	.main-container__subtitle{
		box-shadow: 24.8px 28.53px 75.6px 0px #14182A3B,
					-7.61px -8.75px 11.59px 0px #9960D7B8 inset;
		background: linear-gradient(139deg, #FFFFFF 0%, #CB9EFD 70.88%);
		font-weight: 700;
		font-size: 20px;
		margin: 6px 0 16px 0;
		line-height: 100%;
		padding: 9px 20px;
		height: fit-content;
	}
	.main-text-container{
		width: 100%;
		padding-right: 0;
	}
	.main-container__title{
		font-weight: 700;
		font-size: 36px;
		line-height: 104%;
	}
	.main-container{
		padding: 40px 0 40px 0;
		background: linear-gradient(110deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.99) 30%, rgba(0, 0, 0, 0) 60%);
	}
	.main-container__text{
		font-weight: 400;
		font-size: 18px;
		line-height: 130%;
		margin: 16px 0 24px 0;
		max-width: 259px;
	}
	.catalog-sections-title{
		font-weight: 700;
		font-size: 24px;
		line-height: 130%;
		margin: 0 0 24px 0;
	}
	.catalog-sections-subtitle{
		margin: 40px 0 16px 0 !important;
		font-weight: 400;
		font-size: 20px;
		line-height: 130%;
	}
	.catalog-container__button{
		margin: 0px 20px;
	}
	.default-button{
		font-weight: 700;
		font-size: 16px;
		line-height: 120%;
		padding: 8px 24px;
	}
	.default-button::after {
		width: calc(100% + 12px);
		height: calc(100% + 12px);
	}

	
}
/* End */


/* Start:/local/templates/ai_markt/css/index_page/aurora.css?17498182701021*/
#gradient-canvas {
    position: absolute;
    top: -90px !important;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

#WormholeContainer{
	width: 100%; 
	height: 1260px; 
	position: absolute; 
	top: 0; 
	right: 0; 
	z-index: -3;
}
.shadow-bottom{
	position: absolute;
    bottom: -79px;
    left: 0;
    width: 100vw;
    height: 197px;
    background: linear-gradient(to bottom,
    rgba(0, 0, 0, 0) 0%, 
    rgba(0, 0, 0, 0.6) 38%,
    rgba(0, 0, 0, 1) 50%, 
    rgba(0, 0, 0, 1) 55%, 
    rgba(0, 0, 0, 0.6) 85%, 
    rgba(0, 0, 0, 0) 100%);
    z-index: -1;
}
.shadow-bottom--second{
	position: absolute;
    bottom: -173px;
    left: 0;
    width: 100vw;
    height: 450px;
    background: linear-gradient(179.1deg, rgba(0, 11, 17, 0) 20.11%, #000B11 53.37%, #000B11 60.63%, #000B11 65.12%, rgba(0, 11, 17, 0) 95.98%);

    z-index: -1;
}

@media (max-width: 767px) {
    #WormholeContainer{
        height: 500px; 
    }
    .shadow-bottom {
        bottom: 320px;
        height: 100px;
    }
}
/* End */


/* Start:/local/templates/ai_markt/css/main-btn.css?17497222805058*/
*,
*:after,
*:before {
	box-sizing: border-box;
}
:root {
	--transition: 0.25s;
	--spark: 1.8s;
}
.main-container__button {
	--cut: 0.1em;
	--active: 0;
	--bg:
    radial-gradient(
        100% 50% at center 100%,
        rgba(47, 31, 108, var(--active)), /* #2F1F6C с прозрачностью */
        transparent
    ),
    radial-gradient(
        80% 100% at center 120%,
        hsl(260 calc(var(--active) * 97%) 70% / var(--active)),
        transparent
    ),
    linear-gradient(
        360deg,
        #2F1F6C 20.72%,
        hsl(260 calc(var(--active) * 97%) calc((var(--active) * 64%) + 12%)) 90%
    );
	background: var(--bg);
	font-family: var(--text-font-family-play-bold);
	font-weight: 700;
	font-size: 24px;
	line-height: 28.8px;
	border: 0;
	cursor: pointer;
	padding: 0.9em 1.3em;
	display: flex;
	align-items: center;
	gap: 0.25em;
	white-space: nowrap;
	border-radius: 100px;
	position: relative;
	box-shadow:
		0 0 calc(var(--active) * 6em) calc(var(--active) * 3em) hsl(260 97% 61% / 0.75),
		0 0.05em 0 0 hsl(260 calc(var(--active) * 97%) calc((var(--active) * 50%) + 30%)) inset,
		0 -0.05em 0 0 hsl(260 calc(var(--active) * 97%) calc(var(--active) * 60%)) inset;
	transition: box-shadow var(--transition), scale var(--transition), background var(--transition);
	scale: calc(1 + (var(--active) * 0.1));
	width: max-content;
	text-decoration: none;
}

.main-container__button:active {
  scale: 1;
}

svg {
	overflow: visible !important;
}

.sparkle path {
	color: hsl(0 0% calc((var(--active, 0) * 90%) + var(--base)));
	transform-box: fill-box;
	transform-origin: center;
	fill: currentColor;
	stroke: currentColor;
	animation-delay: calc((var(--transition) * 1.5) + (var(--delay) * 1s));
	animation-duration: 0.6s;
	transition: color var(--transition);
}

.main-container__button:is(:hover, :focus-visible) path {
	animation-name: bounce;
}

@keyframes bounce {
	35%, 65% {
		scale: var(--scale);
	}
}
.sparkle path:nth-of-type(1) {
	--scale: 0.5;
	--delay: 0.1;
	--base: 40%;
}

.sparkle path:nth-of-type(2) {
	--scale: 1.5;
	--delay: 0.2;
	--base: 20%;
}

.sparkle path:nth-of-type(3) {
	--scale: 2.5;
	--delay: 0.35;
	--base: 30%;
}

.main-container__button:before {
	content: "";
	position: absolute;
	inset: -0.25em;
	z-index: -1;
	border: 0.25em solid hsl(260 97% 50% / 0.5);
	border-radius: 100px;
	opacity: var(--active, 0);
	transition: opacity var(--transition);
}

.spark {
	position: absolute;
	inset: 0;
	border-radius: 100px;
	rotate: 0deg;
	overflow: hidden;
	mask: linear-gradient(white, transparent 50%);
	animation: flip calc(var(--spark) * 2) infinite steps(2, end);
}

@keyframes flip {
	to {
		rotate: 360deg;
	}
}

.spark:before {
	content: "";
	position: absolute;
	width: 200%;
	aspect-ratio: 1;
	top: 0%;
	left: 50%;
	z-index: -1;
	translate: -50% -15%;
	rotate: 0;
	transform: rotate(-90deg);
	opacity: calc((var(--active)) + 0.4);
	background: conic-gradient(
		from 0deg,
		transparent 0 340deg,
		white 360deg
	);
	transition: opacity var(--transition);
	animation: rotate var(--spark) linear infinite both;
}

.spark:after {
	content: "";
	position: absolute;
	inset: var(--cut);
	border-radius: 100px;
}

.backdrop {
	position: absolute;
	inset: var(--cut);
	background: var(--bg);
	border-radius: 100px;
	transition: background var(--transition);
}

@keyframes rotate {
	to {
		transform: rotate(90deg);
	}
}



@supports(selector(:has(:is(+ *)))) {
	body:has(.main-container__button:is(:hover, :focus-visible)) {
		--active: 1;
		--play-state: running;
	}
}

.main-container__button:is(:hover, :focus-visible) ~ :is(.particle-pen) {
	--active: 1;
	--play-state: runnin;
}

.main-container__button:is(:hover, :focus-visible) {
	--active: 1;
	--play-state: running;
}


.sparkle-.main-container__button {
	position: relative;
}

.particle-pen {
	position: absolute;
	width: 200%;
	aspect-ratio: 1;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	-webkit-mask: radial-gradient(white, transparent 65%);
	z-index: -1;
	opacity: var(--active, 0);
	transition: opacity var(--transition);
}

.particle {
	fill: white;
	width: calc(var(--size, 0.25) * 1rem);
	aspect-ratio: 1;
	position: absolute;
	top: calc(var(--y) * 1%);
	left: calc(var(--x) * 1%);
	opacity: var(--alpha, 1);
	animation: float-out calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;
	transform-origin: var(--origin-x, 1000%) var(--origin-y, 1000%);
	z-index: -1;
	animation-play-state: var(--play-state, paused);
}

.particle path {
	fill: hsl(0 0% 90%);
	stroke: none;
}

.particle:nth-of-type(even) {
	animation-direction: reverse;
}

@keyframes float-out {
	to {
		rotate: 360deg;
	}
}

.text {
	translate: 2% -6%;
	letter-spacing: 0.01ch;
	background: linear-gradient(90deg, hsl(0 0% calc((var(--active) * 100%) + 65%)), hsl(0 0% calc((var(--active) * 100%) + 26%)));
	-webkit-background-clip: text;
	color: transparent;
	transition: background var(--transition);
}

.main-container__button svg {
	inline-size: 1.25em;
	translate: -25% -5%;
}

@media (max-width: 767px) {
	.particle-pen {
		width: 100%;
	}
}
/* End */


/* Start:/local/templates/ai_markt/components/bitrix/news.list/main_news_swiper/style.css?17555038226965*/
.main-swiper__slide{
	text-decoration: none;
}
.main-swiper__container {
    width: 100%;
    padding: 162px 0 92px 0;
	position: relative;
}

.main-swiper__slide {
	max-width: 1060px !important;
    width: 50% !important;
    transition: opacity 0.3s;
}
.swiper-slide.main-swiper__slide{
    transform: translateY(48px) !important;
}
.main-swiper__slide.swiper-slide-active{
    transform: translateY(0) !important;
}
.main-swiper__slide.swiper-slide .main-swiper__card{
	background: linear-gradient(139deg, rgba(113, 146, 148, 0.56) 0%, rgba(3, 128, 182, 0.56) 43.95%, rgba(65, 40, 158, 0.56) 69.82%);
	box-shadow: 24.8px 28.53px 75.6px 0px #040B288F,
				7.61px 8.75px 11.59px 0px #6BE6FF8F inset,
				-7.61px -8.75px 11.59px 0px #1F163F8F inset,
				0 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 180px;
    display: flex;
    overflow: hidden;
    height: 317px;
	transition: all 0.3s ease-in; 
    justify-content: flex-start;
    align-items: center;
    padding: 56px;
    gap: 50px;
    opacity: 0.7;
}
.main-swiper__slide.swiper-slide-active .main-swiper__card {
	background: linear-gradient(139deg, rgba(19, 192, 205, 0.99) 0%, rgba(3, 128, 182, 0.99) 43.95%, rgba(65, 40, 158, 0.99) 69.82%);
	box-shadow: 
        24.8px 28.53px 75.6px 0px #040B28E0,
        7.61px 8.75px 11.59px 0px #6BE6FF inset,
        -7.61px -8.75px 11.59px 0px #1F163F inset,
        0 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 32px;
    display: flex;
    overflow: hidden;
    height: 317px;
    justify-content: flex-start;
    align-items: center;
    padding: 56px;
    gap: 50px;
    opacity: 1;
	transition: all 0.2s ease;
}
.main-swiper__slide.swiper-slide-active:hover .main-swiper__card {
	box-shadow: 0px 0px 36.1px 0px #BE44D7,
				0px 0px 11.8px 2px #D744BF,
				7.61px 8.75px 11.59px 0px #6BE6FF inset,
				-7.61px -8.75px 11.59px 0px #1F163F inset;
	transition: all 0.2s ease;
}
.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-card-content {
    width: 100%;
    height: 100%;
}

.main-card-title {
    font-family: var(--text-font-family-play);
    font-weight: 700;
    font-size: 40px;
    line-height: 46.28px;
    color: #FFFFFF;
    margin: 0 0 16px 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-align: left;
}

.main-card-discount {
    color: #FFFFFF;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    margin: 0;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.main-swiper__bnt-next,
.main-swiper__bnt-prev {
	width: 56px !important;
	height: 56px !important;
	border-radius: 72px;
	background: #2200363D;
	border: 1px solid #FFFFFF;
	backdrop-filter: blur(12px);
    transition: all 0.3s ease;
}

.main-swiper__bnt-next:hover,
.main-swiper__bnt-prev:hover {
    background: #300063;
    border: 1px solid #D744BF;
    box-shadow: 0px 0px 23.8px 0px #D744BF,
                0px 0px 4px 0px #D744BF;
    transition: all 0.3s ease;
}

.main-swiper__bnt-next:after,
.main-swiper__bnt-prev:after {
	font-size: 28px !important;
	color: #FFFFFF;
}
.main-swiper__bnt-prev:after{
	padding-right: 5px;
    transform: rotate(180deg);
}
.main-swiper__bnt-next:after{
	padding-left: 5px;
}

.main-swiper__bnt-next{
    right: var(--swiper-navigation-sides-offset, 46%) !important;
    top: var(--swiper-navigation-top-offset,  calc(100% - 28px)) !important;
}
.main-swiper__bnt-prev{
    transform: rotate(180deg);
    left: var(--swiper-navigation-sides-offset, 46%) !important;
    top: var(--swiper-navigation-top-offset, calc(100% - 28px)) !important;
}
.banner-hr{
    position: absolute;
    bottom: 20px;
    height: 66px;
    width: 50vw;
    background-image: url(/local/templates/ai_markt/images/index_page/swiper-line.svg);
    background-repeat: no-repeat;
}
.banner-hr-left{
    transform: scaleY(-1);
    left: 50px;
}
.banner-hr-right{
    left: 0;
    bottom: -32px;
    left: 50px;
}
.banner-container {
    position: relative;
    z-index: 1;
}
.aurora-background {
    position: absolute;
    top: -230px;
    left: 0;
    width: 100%;
    height: 1800px;
    background: #000;
    z-index: -1;
}

.aurora-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent, transparent);
    filter: blur(100px);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.aurora-background {
    --aurora-gradient: linear-gradient(45deg, #1aff8c, #ff1a8c);
}

.aurora-background::before {
    background: var(--aurora-gradient);
    animation: aurora 15s linear infinite;
}

@keyframes aurora {
    0% {
        transform: translate(0, 0) rotate(0);
    }
    25% {
        transform: translate(10%, 10%) rotate(90deg);
    }
    50% {
        transform: translate(0, 20%) rotate(180deg);
    }
    75% {
        transform: translate(-10%, 10%) rotate(270deg);
    }
    100% {
        transform: translate(0, 0) rotate(360deg);
    }
}

.main-swiper__container .swiper-wrapper {
    height: auto !important;
}

@media (max-width: 767px) {
    .main-swiper__slide {
        max-width: 100% !important;
        width: unset !important;
        transition: opacity 0.3s;
    }
    .main-swiper__container{
        padding: 56px 10px 30px 10px;
        overflow: hidden;
    }
    .main-swiper__slide.swiper-slide-active .main-swiper__card{
        height: 250px;
        border-radius: 24px;
        padding: 24px;
        flex-direction: column-reverse;
    }
    .main-card-image{
        position: absolute;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
    }
    .main-card-image img{
        width: fit-content;
        height: 110px;
    }
    .main-card-title{
        font-weight: 700;
        font-size: 20px;
        margin: 0 0 8px 0;
        line-height: 130%;
    }
    .main-card-discount{
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
    }
    .banner-hr.banner-hr-right,
    .banner-hr.banner-hr-left{
        display: none;
    }
    .main-swiper__bnt-next, .main-swiper__bnt-prev {
        width: 32px !important;
        height: 32px !important;
        border-radius: 72px;
        background: #2200363D;
        border: 1px solid #FFFFFF;
        backdrop-filter: blur(12px);
        transition: all 0.3s ease;
    }
    .main-swiper__bnt-prev {
        transform: rotate(180deg);
        left: var(--swiper-navigation-sides-offset, 40%) !important;
        top: var(--swiper-navigation-top-offset, calc(100% - 25px)) !important;
    }
    .main-swiper__bnt-next {
        right: var(--swiper-navigation-sides-offset, 40%) !important;
        top: var(--swiper-navigation-top-offset, calc(100% - 25px)) !important;
    }
    .main-swiper__bnt-next:after,
    .main-swiper__bnt-prev:after {
        font-size: 16px !important;
    }
}
/* End */


/* Start:/local/templates/ai_markt/components/bitrix/news.list/ai_catalog_list/style.css?174972872113925*/
.first-catalog-container{
	max-width: 1320px !important;
}
.catalog-sections-list {
	max-width: 100%;
	position: relative;
	background: transparent;
}

.catalog-sections-list-container {
	padding: 0 12px;
	margin-bottom: 0;
	white-space: nowrap;
	overflow: auto;
	height: 247px;
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
}

.catalog-sections-list-container::-webkit-scrollbar { width: 0; }

.catalog-sections-list-container {
	-ms-overflow-style: none; /* ie 10+ */
	overflow: -moz-scrollbars-none; /* old ff */
}

.catalog-sections-list-title {
	padding: 0 16px;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	color: #121212;
	margin-bottom: 15px;
}

.catalog-section-list-item {
	display: inline-block;
	padding: 0 6px;
	margin: 0;
}

.catalog-sections-list-container .catalog-section-list-item:first-child {
	padding-left: 0;
}

.catalog-sections-list-container .catalog-section-list-item:last-child {
	padding-right: 0;
}

.catalog-section-list-item-img {
	display: block;
	height: 230px;
	width: 200px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border: 1px solid rgb(224, 224, 224);
	position: relative;
}

.catalog-section-list-item-title {
	font-family: var(--text-font-family-play);
	font-weight: 500;
	font-size: 24px;
	line-height: 27.77px;
	color: #092968;
	margin: 0 0 8px 0;
	text-decoration: none;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.catalog-section-list-item-counter {
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	line-height: 21.79px;
	color: #242424;
	margin: 0;
	text-decoration: none;
	-webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.catalog-sections-list-ears .ui-ear {
	width: 45px;
	opacity: 1;
	background: transparent !important;
}

.catalog-sections-list-ears .ui-ear.ui-ear-left {
	/*background-image: url("data:image/svg+xml,%3Csvg width='12' height='176' viewBox='0 0 12 176' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.16' filter='url(%23filter0_f)'%3E%3Cellipse cx='-4.5' cy='88' rx='7.5' ry='82' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-20.0927' y='-2.09265' width='31.1853' height='180.185' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='4.04633' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");*/
	/*background-size: 25px 164px;*/
	/*background-position: left center;*/
}

.catalog-sections-list-ears .ui-ear.ui-ear-left:before {
	content: '';
	display: block;
	width: 25px;
	position: absolute;
	z-index: 10;
	top: 0;
	left: -17px;
	bottom: 56px;
	background-size: 25px 164px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='33' height='182' viewBox='0 0 33 182' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.16' filter='url(%23filter0_f)'%3E%3Cellipse cx='16.5' cy='91' rx='7.5' ry='82' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='0.907348' y='0.907348' width='31.1853' height='180.185' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='4.04633' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

.bx-touch .catalog-sections-list-ears .ui-ear.ui-ear-left:before {
	content: '';
	display: block;
	width: 25px;
	position: absolute;
	z-index: 10;
	top: 0;
	left: -17px;
	bottom: 56px;
	background-size: 25px 164px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='33' height='182' viewBox='0 0 33 182' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.16' filter='url(%23filter0_f)'%3E%3Cellipse cx='16.5' cy='91' rx='7.5' ry='82' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='0.907348' y='0.907348' width='31.1853' height='180.185' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='4.04633' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

.catalog-sections-list-ears .ui-ear.ui-ear-left:after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='59' height='100' viewBox='0 0 59 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.87' filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 88.9618C7.60907 88.9872 8.2214 89 8.83674 89C32.6751 89 52 69.7482 52 46C52 22.2518 32.6751 3 8.83674 3C8.2214 3 7.60907 3.01283 7 3.03823V88.9618V88.9618Z' fill='white'/%3E%3C/g%3E%3Cpath opacity='0.3' fill-rule='evenodd' clip-rule='evenodd' d='M22.1538 46.5L28.7898 53.4366C29.0701 53.7296 29.0701 54.2046 28.7898 54.4975L27.5627 55.7803C27.2824 56.0732 26.828 56.0732 26.5477 55.7803L18.2102 47.0651C18.0616 46.9098 17.9918 46.7034 18.0008 46.5C17.9918 46.2966 18.0616 46.0902 18.2102 45.9349L26.5477 37.2197C26.828 36.9268 27.2824 36.9268 27.5627 37.2197L28.7898 38.5025C29.0701 38.7954 29.0701 39.2704 28.7898 39.5634L22.1538 46.5V46.5Z' fill='black'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='1.90735e-06' y='0' width='59' height='100' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='3.5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: 59px auto;
	background-position: -7px center;
	display: block;
	width: 45px;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 54px;
}

.catalog-sections-list-ears .ui-ear.ui-ear-right {
	/*background-image: url("data:image/svg+xml,%3Csvg width='12' height='176' viewBox='0 0 12 176' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.16' filter='url(%23filter0_f)'%3E%3Cellipse cx='-4.5' cy='88' rx='7.5' ry='82' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='-20.0927' y='-2.09265' width='31.1853' height='180.185' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='4.04633' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");*/
	/*background-size: 25px 164px;*/
	/*background-position: left center;*/
}

.catalog-sections-list-ears .ui-ear.ui-ear-right:before {
	content: '';
	display: block;
	width: 25px;
	position: absolute;
	z-index: 10;
	top: 0;
	right: -17px;
	bottom: 56px;
	background-size: 25px 164px;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='33' height='182' viewBox='0 0 33 182' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.16' filter='url(%23filter0_f)'%3E%3Cellipse cx='16.5' cy='91' rx='7.5' ry='82' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='0.907348' y='0.907348' width='31.1853' height='180.185' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='4.04633' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}

.catalog-sections-list-ears .ui-ear.ui-ear-right:after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='59' height='100' viewBox='0 0 59 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.87' filter='url(%23filter0_d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M52 88.9618C51.3909 88.9872 50.7786 89 50.1633 89C26.3249 89 7 69.7482 7 46C7 22.2518 26.3249 3 50.1633 3C50.7786 3 51.3909 3.01283 52 3.03823V88.9618V88.9618Z' fill='white'/%3E%3C/g%3E%3Cpath opacity='0.3' fill-rule='evenodd' clip-rule='evenodd' d='M36.8462 46.5L30.2102 53.4366C29.9299 53.7296 29.9299 54.2046 30.2102 54.4975L31.4373 55.7803C31.7176 56.0732 32.172 56.0732 32.4523 55.7803L40.7898 47.0651C40.9384 46.9098 41.0082 46.7034 40.9992 46.5C41.0082 46.2966 40.9384 46.0902 40.7898 45.9349L32.4523 37.2197C32.172 36.9268 31.7176 36.9268 31.4373 37.2197L30.2102 38.5025C29.9299 38.7954 29.9299 39.2704 30.2102 39.5634L36.8462 46.5V46.5Z' fill='black'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='59' height='100' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='3.5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: 59px auto;
	background-position: -7px center;
	display: block;
	width: 45px;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 54px;
}

.bx-touch .catalog-sections-list-ears .ui-ear.ui-ear-left:after,
.bx-touch .catalog-sections-list-ears .ui-ear.ui-ear-right:after { display: none; }





.catalog-sections-swiper {
    width: 100%;
    height: fit-content;
    padding: 20px!important;
}
.catalog-section-list-tile-img-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.catalog-section-list-item-link {
    width: 100%;
    height: 464px;
    display: flex;
	flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
	padding: 24px;
	gap: 16px;
	background: linear-gradient(-36deg, #CFEFFF 30%, #D4C1E5 55%);
	box-shadow: 25.78px 27.65px 75.6px 0px #2A2C321E,
				6.02px 6.45px 8.82px 0px #FFFFFF inset,
				-6.02px -6.45px 8.82px 0px #85CADA inset;
	border-radius: 32px;
	text-decoration: none;
    position: relative;
	transition: all 0.3s ease-in;
}
.catalog-section-list-item-link:hover{
	box-shadow: 25.78px 27.65px 75.6px 0px #2A2C321E,
				6.02px 6.45px 8.82px 0px #FFFFFF inset,
				-6.02px -6.45px 12.8px 0px #98E0F0A3 inset,
				0px 0px 12px 2px #D744BF52;
	background: linear-gradient(313deg, #EFFAFF 52.48%, #F1E0FF 68.82%);
	transition: all 0.3s ease-in;
}
.catalog-section-list-item-img {
	width: 100%;
	height: 200px;
	border-radius: 15px;
}
.catalog-swiper-btn{
	width: 119px;
	height: 35px;
	font-family: var(--text-font-family-play-bold);
	font-weight: 700;
	font-size: 16px;
	line-height: 19.2px;
	text-align: center;
	padding: 8px 16px;
	margin: 0;
	position: relative;
    z-index: 1;
    pointer-events: none;
}
.catalog-swiper-btn:hover{
	box-shadow: 0px 0px 9px 0px #8800FF,
 				0px 0px 16.5px 0px #FF00D5,
 				5px 5px 7px 0px #C3FFF8 inset,
 				-7.61px -8.75px 11.59px 0px #34059F inset !important;
}
.catalog-swiper-btn::after,
.catalog-swiper-btn::before{
 	content: none !important;
}
.catalog-section-list-item-inner{
	margin-top: 16px;
	overflow: hidden;
}

.catalog-item-slide {
    transform-style: preserve-3d;
    transition: transform 0.1s ease-out;
    will-change: transform;
    transform: perspective(1000px) rotateX(0) rotateY(0);
}

.catalog-section-swiper-prev {
    left: var(--swiper-navigation-sides-offset, -56px) !important;
}
.catalog-section-swiper-next {
	right: var(--swiper-navigation-sides-offset, -56px) !important;
}
.catalog-section-swiper-prev,
.catalog-section-swiper-next {
	width: 56px !important;
	height: 56px !important;
	border-radius: 72px;
	background: #2200363D;
	border: 1px solid #FFFFFF;
	backdrop-filter: blur(12px);
    transition: all 0.3s ease;
}
.catalog-section-swiper-prev:hover,
.catalog-section-swiper-next:hover {
    background: #300063;
    border: 1px solid #D744BF;
    box-shadow: 0px 0px 23.8px 0px #D744BF,
                0px 0px 4px 0px #D744BF;
    transition: all 0.3s ease;
}
.catalog-section-swiper-prev:after,
.catalog-section-swiper-next:after {
	font-size: 28px !important;
	color: #FFFFFF;
}
.catalog-section-swiper-prev:after{
	padding-right: 5px;
}
.catalog-section-swiper-next:after{
	padding-left: 5px;
}
.catalog-swiper-item__info-container{
	width: 100%;
}


@media (max-width: 767px) {

	.catalog-section-swiper-next{
		right: var(--swiper-navigation-sides-offset, 30px) !important;
		top: var(--swiper-navigation-top-offset, 105%) !important;
	}
	.catalog-section-swiper-prev {
		left: var(--swiper-navigation-sides-offset, 265px) !important;
		top: var(--swiper-navigation-top-offset, 105%) !important;
	}
	.catalog-section-swiper-prev, .catalog-section-swiper-next {
		width: 34px !important;
		height: 34px !important;
		border-radius: 72px;
		background: #2200363D;
		border: 1px solid #FFFFFF;
		backdrop-filter: blur(12px);
		transition: all 0.3s ease;
	}
	.catalog-section-swiper-prev:after, .catalog-section-swiper-next:after {
		font-size: 16px !important;
	}
}
/* End */


/* Start:/local/templates/ai_markt/components/bitrix/news.list/ai_func_list/style.css?17594964776089*/
.desktop-news-grid {
    position: relative;
    z-index: 1;
}

.top-grid {
    display: grid;
	grid-template-columns: 1fr 1fr 519px;
	grid-template-rows: repeat(2, 159px);
    gap: 24px;
	margin: 60px 0 20px 0;
}

/* Первый элемент - первая колонка */
.top-grid .news-item:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 2;
}

/* Второй элемент - вторая колонка */
.top-grid .news-item:nth-child(2) {
    grid-column: 2;
    grid-row: 1 / span 2;
}

/* Третий элемент - третья колонка, первая строка */
.top-grid .news-item:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
}

/* Четвертый элемент - третья колонка, вторая строка */
.top-grid .news-item:nth-child(4) {
    grid-column: 3;
    grid-row: 2;
}

.bottom-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
	grid-template-rows: 208px;
    gap: 16px;
	margin-bottom: 44px;
}

.news-item {
    position: relative;
    padding: 23px;
    border-radius: 32px;
    background: linear-gradient(318.09deg, #4F23B7 7.8%, #2672A3 92.14%);
    transition: transform 0.2s;
    /* Градиентная рамка */
    border: 3px solid transparent;
    background-image: 
        linear-gradient(318.09deg, #4F23B7 7.8%, #2672A3 92.14%), /* фоновый градиент */
        linear-gradient(151.74deg, rgba(255, 255, 255, 0.3) 9.84%, rgba(0, 0, 0, 0) 90.47%); /* градиент рамки */
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);

	font-family: var(--text-font-family-play-bold);
	font-weight: 700;
	font-size: 24px;
	line-height: 27.77px;
	color: #FFFFFF;
    text-decoration: none;
}
.news-item:hover{
    box-shadow: 0px 0px 36.1px 0px #BE44D7,
                0px 0px 11.8px 2px #D744BF;
    transform: translateY(-5px);
}
.news-item.news-item--first{
	padding: 185px 24px 24px;
}
.news-item--first h5{
	font-family: var(--text-font-family-play-bold);
	font-weight: 500;
	font-size: 24px;
	line-height: 1;
	margin:  0 0 8px 0;
}
.news-item--second{
	padding: 30px 24px 30px 183px;
}
.news-item--second h5{
	font-family: var(--text-font-family-play-bold);
	font-weight: 500;
	font-size: 20px;
	line-height: 1;
}
.news-item--third{
	padding: 24px 16px;
}
.news-item--third h5{
	font-family: var(--text-font-family-play-bold);
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	margin: 0 0 8px 0;
}


.news-item--second .preview_picture{
    width: 141px !important;
    top: 50% !important;
    left: 21px !important;
    transform: translateY(-50%);
}
.news-item img.preview_picture {
    width: 200px;
    height: fit-content;
    object-fit: cover;
    border-radius: 4px;
    margin-bottom: 15px;
	position: absolute;
	top: -32px;
	left: 24px;
}

.news-date-time {
    color: #666;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

.news-item a {

}

.news-item .preview-text {
	font-family: Open Sans;
	font-weight: 400;
	font-size: 14px;
	line-height: 19.07px;
	color: #FFFFFF;
}
.catalog-sections-subtitle--function{
	margin-top: 50px;
}
/* Адаптивность */
@media (max-width: 1024px) {
    .bottom-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
.mobile-news-slider {
        display: none;
}
@media (max-width: 768px) {
    .desktop-news-grid {
        display: none;
    }
    .mobile-news-slider {
        display: block;
        position: relative;
        padding: 0 10px;
    }
    .top-grid {
        grid-template-columns: 1fr;
    }
    
    .top-grid .news-item:nth-child(1),
    .top-grid .news-item:nth-child(2),
    .top-grid .news-item:nth-child(3),
    .top-grid .news-item:nth-child(4) {
        grid-column: auto;
        grid-row: auto;
    }
    
    .bottom-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .slide-content{
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

}
@media (max-width: 767px) {
    .news-item.news-item--first,
    .news-item--second{
        padding: 16px 16px 16px 85px;
        margin-left: 50px;
        min-height: 180px;
    }
    .news-item img.preview_picture,
    .news-item--second img.preview_picture{
        width: 133px !important;
        top: 50% !important;
        left: -50px !important;
        transform: translateY(-50%);
    }
    .news-item--first h5,
    .news-item--second h5{
        font-size: 18px;
        line-height: 130%;
    }
    .news-item .preview-text,
    .news-item--second .preview-text{
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
    }
    .slide-content__third{
        gap: 8px;
    }
    .news-item--third{
        padding: 16px;
        min-height: 118px;
    }
    .mobile-news-slider .catalog-func-swiper .swiper-slide{
        height: fit-content !important;
    }
    .mobile-news-slider .swiper-wrapper{
        height: fit-content !important;
        margin-bottom: 22px !important;
    }

    .catalog-func-button-next{
		right: var(--swiper-navigation-sides-offset, 30px) !important;
		top: var(--swiper-navigation-top-offset, 106%) !important;
	}
	.catalog-func-button-prev {
		left: var(--swiper-navigation-sides-offset, 265px) !important;
		top: var(--swiper-navigation-top-offset, 106%) !important;
	}
	.catalog-func-button-prev, .catalog-func-button-next {
		width: 34px !important;
		height: 34px !important;
		border-radius: 72px;
		background: #2200363D;
		border: 1px solid #FFFFFF;
		backdrop-filter: blur(12px);
		transition: all 0.3s ease;
	}
    .catalog-func-button-next:after, .catalog-func-button-prev:after{
        color: #FFFFFF;
    }
    .catalog-func-button-prev:hover,
    .catalog-func-button-next:hover {
        background: #300063;
        border: 1px solid #D744BF;
        box-shadow: 0px 0px 23.8px 0px #D744BF,
                    0px 0px 4px 0px #D744BF;
        transition: all 0.3s ease;
    }
	.catalog-func-button-prev:after, .catalog-func-button-next:after {
		font-size: 16px !important;
	}
}
/* End */
/* /local/templates/ai_markt/css/index_page/index.css?17567322035649 */
/* /local/templates/ai_markt/css/index_page/aurora.css?17498182701021 */
/* /local/templates/ai_markt/css/main-btn.css?17497222805058 */
/* /local/templates/ai_markt/components/bitrix/news.list/main_news_swiper/style.css?17555038226965 */
/* /local/templates/ai_markt/components/bitrix/news.list/ai_catalog_list/style.css?174972872113925 */
/* /local/templates/ai_markt/components/bitrix/news.list/ai_func_list/style.css?17594964776089 */