/* Start:/local/templates/norlift/elements/index/index.css?1765269335111*/
main>.block-width{
    display: flex;
    flex-direction: column;
    gap:80px;
    padding-block: 80px;
}
/* End */


/* Start:/local/templates/norlift/elements/index/greetings/greetings.css?1765269336880*/

.index__greetings{
    position: relative;
    /* max-height: 584px; */
    display: flex;
    flex-wrap: wrap;

    /* background: url("/local/templates/norlift/elements/index/greetings/../../../assets/images/lift.png") no-repeat 100% 100%; */

    &>div,
    &>img{
        --min-width: 290px;
        flex:1 1 var(--min-width);
        min-width: var(--min-width);
    }
    

    &>.bg-wide{
        background: url("/local/templates/norlift/elements/index/greetings/../../../assets/images/background.png");
        position: absolute;
        bottom:0;
        left: -25vw;
        right: 0;
        height: 200%;
        width: 150vw;
        z-index: -1;        
    }

    &>div:first-child{
        width: 100%;
        /* min-width: ; */
        max-width: 504px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap:16px;
    }

    & .button-1{
        width:fit-content;
    }
}
/* End */


/* Start:/local/templates/norlift/components/smelchakov/service/index-services/style.css?1765269336614*/
.index__services{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;

    h1{
        width: 100%;
        margin-bottom: 32px;
        text-align: center;
    }
    &>div{
        background: url("/local/templates/norlift/components/smelchakov/service/index-services/../../../../assets/images/background.png") no-repeat;
        border-radius: var(--border-radius-main);
        padding: 32px;

        flex: 1 1 425px;
        
        display: flex;
        flex-wrap: wrap;

        &>div{
            min-width: 42%;
            flex: 1 1;
        }

        &>img{
            max-height: 258px;
            aspect-ratio: 0;

        }
    }
}
/* End */


/* Start:/local/templates/norlift/components/bitrix/news.list/new-list-ser/style.css?17658049623798*/
div.news-list
{
    word-wrap: break-word;
}
div.news-list img.preview_picture
{
    float:left;
    margin:0 4px 6px 0;
}
.news-date-time {
    color:#486DAA;
}

.index-ser-main {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 0 20px; /* Добавим паддинг для отступов */
    box-sizing: border-box; /* Важно! */
}

.index-ser-cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    width: 100%; /* Добавим */
    max-width: 1200px; /* Ограничим максимальную ширину */
}

.index-ser-card {
	background: rgb(238, 238, 238);
    display: flex;
    flex-direction: row;
    box-sizing: border-box; /* Важно для правильного расчета ширины */
	padding: 30px;
	border-radius: 16px;
}

.index-ser-card > div {
    width: 40%;
}

.index-ser-card > img {
    width: 60%;
    object-fit: cover; /* Чтобы изображения не искажались */
}

@media (max-width: 768px) {
    .index-ser-main {
        width: 100vw; /* Меняем на 100vw */
        padding: 20px 0; /* Меняем отступы */
        overflow: hidden; /* Скрываем то, что выходит за пределы */
        position: relative; /* Для псевдоэлемента */
    }
    
    .index-ser-cont {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap; /* Явно запрещаем перенос */
        overflow-x: auto;
        overflow-y: hidden;
        gap: 15px;
        padding: 15px 20px 25px; /* Добавляем боковые отступы */
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        width: 100vw; /* Полная ширина вьюпорта */
        max-width: none; /* Убираем ограничение */
        
        /* Для Safari */
        -webkit-overflow-scrolling: touch;
    }
    
    .index-ser-cont::-webkit-scrollbar {
        display: none;
    }
    
    .index-ser-card {
		flex-direction: column;
		align-items: center;
		justify-content: center;
        flex: 0 0 auto;
        width: 85vw;
        min-width: 85vw;
        max-width: 85vw; /* Добавляем max-width */
        scroll-snap-align: start;
        margin: 0;
        background: rgb(238, 238, 238);
        border-radius: 12px;
        padding: 20px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        box-sizing: border-box; /* Важно! */
		&>div {
			width: 100%;
		}
		&>img{
			width: 100%;
		}
    }
    
    /* Исправляем псевдоэлемент - он должен быть на контейнере скролла */
    .index-ser-cont::after {
        content: '';
        position: sticky;
        right: -20px; /* Компенсируем паддинг */
        top: 0;
        width: 40px;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(238, 238, 238, 0.8));
        pointer-events: none;
        flex-shrink: 0;
        margin-left: -40px; /* Сдвигаем назад */
    }
    
    /* Альтернатива: добавляем пустой элемент в конце для отступа */
    .index-ser-cont::before {
        content: '';
        position: sticky;
        left: 0;
        width: 20px;
        height: 1px;
        flex-shrink: 0;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .index-ser-card {
        width: 90vw;
        min-width: 90vw;
        max-width: 90vw;
    }
    
    .index-ser-cont {
        padding: 15px 15px 25px;
    }
}
/* End */


/* Start:/local/templates/norlift/elements/index/about/about.css?17652693361005*/

.index__about{
    position: relative;
    display: flex;
    flex-wrap: wrap-reverse;
    overflow: hidden;
    max-width: 1268px;
    border-radius: var(--border-radius-main);

    &>div,
    &>img{
        --min-width: 270px;
        min-width: var(--min-width);
        flex: 1 1 var(--min-width);
    }

    & li{
        list-style: unset;
        list-style-position:inside;

    }

    

    &>div:first-child{
        height: 100%;
        width: 100%;
        max-width: 530px;
        padding: 24px 16px;


        display: flex;
        flex-direction: column;
        justify-content: center;
        gap:16px;
        background: var(--bg-blur-color);
        backdrop-filter: blur(10px);
    }

    &>div:last-child{
        background: url("/local/templates/norlift/elements/index/about/../../../assets/images/about.png") no-repeat 100% 100%;
        background-size: 100%;
        min-height: 375px;
        min-width: 602px;
    }

    & .button-1{
        width:fit-content;
    }
}
/* End */


/* Start:/local/templates/norlift/components/bitrix/news.list/norlift-list/style.css?17653552131359*/
.project-list-container{
	display: flex;
	flex-direction: column;
	gap: 10px;
	&>a{
		width: 100%;
		display: flex;
		gap:20px;
		align-items: center;

		&>button>svg{
			width: 12px;
			height: 12px;
		}
		& h1{
			width: fit-content;
		}
	}
}

.project-list{
	--text-shadow: var(--bg-color-secondary);
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	color: var(--bg-color-main);

	@media (width <= 420px) {
		overflow-x: scroll;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}


	&>.project-list__panel{
		position: relative;
		max-width: 555px;
		min-width: 190px;
		max-height: 100%;
		aspect-ratio: 1;
		flex: 1 1 190px;

		padding: 24px;
		border-radius: var(--border-radius-main);

		display: flex;
		flex-direction: column;
		justify-content: flex-end;

		overflow: hidden;

		&>img{
			position: absolute;
			z-index: -1;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			filter: brightness(0.8);
			
			height: 130%;
			object-fit: cover;

			transition: transform 0.2s ease;
		}

		&>a{
			position: absolute;
			z-index: 3;
			display: block;
			height: 100%;
			width: 100%;
			left: 0;
			bottom: 0;
		}

		& button {
			position: absolute;
			right: 24px;
			bottom: 24px;
		}

		& svg{
			width: 6px;
			height: 12px;
		}

		&:hover img{
			transform: translate(-50%,-50%) scale(120%);
		}

	}
}
/* End */
/* /local/templates/norlift/elements/index/index.css?1765269335111 */
/* /local/templates/norlift/elements/index/greetings/greetings.css?1765269336880 */
/* /local/templates/norlift/components/smelchakov/service/index-services/style.css?1765269336614 */
/* /local/templates/norlift/components/bitrix/news.list/new-list-ser/style.css?17658049623798 */
/* /local/templates/norlift/elements/index/about/about.css?17652693361005 */
/* /local/templates/norlift/components/bitrix/news.list/norlift-list/style.css?17653552131359 */