.acc-item{
	border-top: 1px solid var(--grid-border-color); /*--color-dark*/
}
.acc-item:nth-child(1){
	border-top: 1px solid var(--color-dark);
}
.accordion{
	border-bottom: 1px solid var(--color-dark);
	margin-top: 30px;
}
.acc-item .title{
	display: flex;
	align-items: center;
    line-height: 1.2;
	height: 54px;
	padding: 0 15px;
	font-weight: 500;
	cursor: pointer;
	position: relative;
}
.acc-item .title:after{
	content: "+";
	position: absolute;
	right: 10px;
	top: 17px;
}
.acc-item .title::selection{
	background: transparent;
}
.acc-content{
	padding: 5px 15px 20px;
    font-size: 15px;
    display: none;
}
.acc-item.active .acc-content{
	display: block;
}
.acc-item.active .title:after{
	content: "×";
}

.breadcrumbs_separator{
	margin-left: 3px;
}


.form-block{
	margin-bottom: 8px;
}

.form-block label{
	display: block;
	font-size: 15px;
	font-weight: 500;
}

.form-block input, .form-block select{
	height: 38px;
	width: 100%;
	background: #e8ebea;
		background: #f7f7f7;
	border: none;
	padding: 0 8px;
	border-radius: 6px;
	color: var(--text-light);
	
	font-size: 14px;
}

.form-block input:focus, .form-block select:focus, .form-block textarea:focus{
	outline: 1px solid var(--focus-border-color);
	
}


.form-block textarea{
	width: 100%;
	background: #e8ebea;
		background: #f7f7f7;
	border: none;
	padding: 4px 8px;
	Xborder-radius: 6px;
	color: var(--text-light);
	font-size: 14px;
}

@media(max-width: 575.98px){
	.form-block input, .form-block select, .form-block input, .form-block textarea{
		background: #fff;
		border-radius: 0;
	}
}

.swiper *::selection{
	background: transparent;
}



.search-canvas{
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255, 0.95);
	display: flex;
	align-items: center;
    justify-content: center;
    Xpadding-bottom: 15%;
    
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    
    height: 100dvh; 
    
    
}
.search-canvas.is-active {
    opacity: 1;
    visibility: visible;
}

.search-form{
	display: flex;
	width: 320px;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	
	transform: translateY(-50px); 
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.search-canvas:not(.is-active) .search-form {
    transform: translateY(20px);
}

@media(min-width: 768px){
	.search-form{
		width: 600px;
	}
}

@media(min-width: 768px){
    .search-form {
        width: 600px;
        transform: translateY(-100px); /* На десктопе можно поднять повыше */
    }
}


.search-form input[type=submit]{
	width: 38px;
	height: 38px;
	flex-shrink: 0;
	
	-webkit-mask: url(/assets/images/icons/search.svg);
    mask: url(/assets/images/icons/search.svg);
    -webkit-mask-size: 26px !important;
    mask-size: 26px !important;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repea !importantt;
    -webkit-mask-position: center;
    mask-position: center !important;
    background: #222 !important;
    mask-repeat: no-repeat !important;
}

.search-form input[type=text]{
	border:none;
	background: #fff;
	outline: none;
	flex-grow: 1;
	height: 38px;
	line-height: 38px;
}

.search-canvas .close{
	position: absolute;
	top: 19px;
	right: 25px;
	width: 40px;
	height: 40px;
	display: inline-flex;
	justify-content: center;
    align-items: center;
	cursor: pointer;
	
	
}
@media(max-width: 575.98px){
	.search-canvas .close{
		top: calc(19px + env(safe-area-inset-top)); 
	}
}

.search-canvas .close:before{
	content: "×";
	font-size: 40px;
	line-height: 40px;
}