.wrap-textures-and-3d-models {
    width: 100%;
    margin: 0 96px;
	font-family: Arial, Helvetica, sans-serif;
}

.page-title {
    color: #293132;
    text-align: center;
    font-family: Arial;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    width: 100%;
    display: block;
    margin: 0 auto;
}

.page-desc {
    color: #000;
    text-align: center;
    font-family: Arial;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 32px;
}

.top-block-options,
.bottom-block-options {
    display: flex;
    justify-content: space-between;
    margin-top: 64px;
	font-family: Arial, Helvetica, sans-serif;
}

/* pagination start */
.pagination-textures-and-3d-models {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: auto;
    flex-direction: row-reverse;

    .dropdown-select {
        height: 40px;
        margin: 0 20px;

        &::after {
            margin-top: -4px;
        }
    }

    .dropdown-select__label {
        line-height: 42px;
    }

    .icon--arrow-left {
        margin-right: 18px;
        height: 12px;
    }

    .icon--arrow-right {
        margin-left: 18px;
        height: 12px;
    }

    .btn-custom {
        display: flex;
        align-items: center;
    }
}

.pagination-textures-and-3d-models-left {
    display: flex;
    align-items: center;
    gap: 36px;

    li {
        list-style-type: none;
        text-transform: none;
		padding: 0;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
		letter-spacing: .02em;
		font-family: Arial, Helvetica, sans-serif;

        &.active {
            a {
                color: #A6A7A9;
            }
        }

		.btn-custom {
			&:hover {
				color: #0098C3;
			}
		}

        a {
            display: block;
            text-decoration: none;
            color: #000;
            font-style: normal;
            font-weight: 400;
			padding: 0 5px;
			height: 40px;
			line-height: 40px;
			font-size: 14px;
			letter-spacing: .02em;

            &:hover {
                color: #A6A7A9;
            }
        }
    }

    .btn-custom {
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
		line-height: 40px;
        text-transform: uppercase;
        text-decoration: none;
		letter-spacing: .02em;
    }
}

.pagination__nav-textures-and-3d-models {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-grow: 1;
    gap: 36px;

    &:last-child {
        flex-grow: 0;
    }

    li {
        display: block;
        padding: 0;
        color: #000;
        font-family: Arial;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }

    .stub {
        display: none;

        @media (max-width: 1000px) {
            display: block;
            width: 50px;
        }
    }

    .pages {
        display: flex;
    }

    .btn-custom {
        color: #000;
        font-family: Arial;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
		line-height: 40px;
        text-transform: uppercase;
        text-decoration: none;
		letter-spacing: .02em;

        &:hover {
            color: #0098C3;
        }

        .icon {
            margin-left: 18px;
        }
    }

    a:not(.btn-custom),
    span:not(.btn-custom) {
        color: #000;
        font-family: Arial;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        text-decoration: none;
    }

    span:not(.btn-custom) {
        color: #444;
        opacity: 0.5;
        pointer-events: none;
    }

    &._without-count {
        justify-content: center;
    }
}

.pagination__count-textures-and-3d {
    display: flex;
    white-space: nowrap;
    gap: 20px;

    ul {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        align-items: center;
        gap: 36px;

        li {
            padding: 0;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            letter-spacing: .02em;
            color: #000;
            font-family: Arial;
            font-style: normal;
            font-weight: 400;
            cursor: pointer;
        }
    }
}

.pagination__count-textures-and-3d li:hover {
    color: #0098C3;
}

.pagination__count-textures-and-3d--selected {
    color: #444;
    opacity: 0.5;
    pointer-events: none;
}

.pagination__next-textures-and-3d-models {
    color: #444;

    span& {
        opacity: 0.3;
        pointer-events: none;
        border-top-color: #444;
        border-bottom-color: #444;
    }
}

.pagination__next {
    padding-right: 0 !important;

    .icon {
        margin-left: 20px;
    }
}

.pagination__count-title {
	font-size: 14px;
    letter-spacing: .02em;
    line-height: 40px;
    color: #000 !important;
    font-family: Arial;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}
/* pagination end */

.textures-and-3d-models-wrapper {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 268px auto;
    gap: 24px;
}

.filter-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 268px;
}

.buttons-filter-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
	position: sticky !important;
	bottom: 0;
    z-index: 1;
	padding: 20px 0;
    background: #fff;
}

.button-filter {
	display: block;
    font-size: 14px;
    line-height: 150%;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 16px 0;
    white-space: nowrap;
    box-sizing: border-box;
    background-color: #00b4d8;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-family: Arial;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid transparent;
    transition: all 0.4s;

    &.white {
		background-color: #fff;
		color: #444;
		border: 1px solid #00b4d8;
    }

    &:hover {
        background: #43c5e3;

        &.white {
			background: #e5ecee;
        }
    }
}

.search-filter {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #000;
    padding: 8px 16px;
    margin-bottom: 40px;
	color: #000;

    &::placeholder {
        color: #000;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
		line-height: 1.15;
    }

	&.series {
		width: 260px;
		padding: 8px 18px;
		font-weight: 400;
		font-size: 12px;
		line-height: 120%;
		color: #000;
		border-color: #000;
		outline: none;
		margin: 16px 0 8px;

		&::placeholder {
			font-size: 12px;
			color: #000;
		}
	}

	&.articul {
		height: 32px;
		padding: 8px 16px;
		display: inline-block;
		background: #fff;
		border: 1px solid #000;
		font-size: 12px;
		box-sizing: border-box;
		color: #000;
		margin-bottom: 32px;
		outline: none;

		&::placeholder {
			font-size: 12px;
			color: #000;
		}
	}
}

.button-clear-search {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0.12px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 3.5%;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-left: 11px;
    cursor: pointer;
    transition: all 0.3s;
	margin-bottom: 14px;

    &:hover {
        color: #0098C3;
    }
}

.checkbox-input-all {
    position: relative;
    cursor: pointer;
    display: block;

    input {
        position: absolute;
        overflow: hidden;
        margin: -1px;
        width: 1px;
        height: 1px;
        top: 0;
        left: 0;
		opacity: 0;
    }

    .checkbox__control {
        display: block;
        width: 12px;
        height: 12px;
        box-sizing: border-box;
        border: 1px solid #000;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        color: #000;
        transition: color .2s ease;

        &::before {
            content: "";
            width: 8px;
            height: 8px;
            background: #000;
            position: absolute;
            left: 1px;
            top: 1px;
            transition: opacity .1s ease;
            opacity: 0;
        }
    }

    &:first-child {
        .checkbox__text.all {
            margin: 16px 0 16px 19px;
        }
    }

    .checkbox__text {
        user-select: none;
		color: #000;
        font-family: Arial;
		font-size: 14px;
		line-height: 16px;
		letter-spacing: .01em;
        font-style: normal;
        font-weight: 400;
        display: block;
        margin-left: 19px;
        margin-bottom: 8px;
    }

	&:last-child {
		.checkbox__text {
			margin-bottom: 0;
		}
	}
}

.title-option {
    color: #A4A4A4;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.42px;
    text-transform: uppercase;
    padding-left: 16px;
    position: relative;
    cursor: pointer;

    &:before {
        content: "";
        position: absolute;
        top: 4.5px;
        left: 0;
        width: 8px;
        height: 8px;
        display: block;
        mask-image: url('/images/arrow-filter-bottom.svg');
        mask-position: center;
        mask-size: cover;
        mask-repeat: no-repeat;
        background: #A4A4A4;
    }
}

.items-option {
    padding-bottom: 16px;

    &.series {
        max-width: 252px;
        text-wrap: nowrap;
        max-height: 356px;
        overflow-x: auto;
        overflow-y: auto;
		padding-left: 0;
		max-height: 348px;
    }
}

.card-item {
    &:hover {
        .title-card {
            text-decoration: underline;
        }
    }

    .link-card {
        display: block;
        text-decoration: none;
        overflow: hidden;
        margin-bottom: 16px;

        &:hover {
            img {
                scale: 1.1;
            }
        }
    }

    img {
        display: block;
        height: 335px;
        width: 100%;
        object-fit: cover;
        object-position: center;
        cursor: pointer;
        transition: all 0.4s;
    }

    .aricul-card {
        color: #293132;
        font-family: Arial;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    .title-card {
        color: #293132;
        font-family: Arial;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        margin-bottom: 16px;
        cursor: pointer;
        text-decoration: none;
        display: block;
        transition: all 0.4s;
    }

    .icons-card {
        position: relative;
        height: 30px;
        width: 69px;
        display: flex;
        justify-content: space-between;

        .icon-show,
        .icon-download {
            width: 30px;
            height: 30px;
            display: block;
            position: relative;
            cursor: pointer;

            &:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 30px;
                height: 30px;
                display: block;
                mask-image: url('/images/show-textures.svg');
                mask-position: center;
                mask-size: cover;
                mask-repeat: no-repeat;
                background: #000;

            }

            &:hover {
                &:after {
                    background: #0098C3;
                }
            }

			&.loader {
				pointer-events: none;

				&:after {
					mask-image: url('/images/SvgSpinnersRingResize.svg');
				}
			}
        }

        .icon-download {
            &:after {
                inset: 0;
                margin: auto;
                width: 21px;
                height: 21px;
                mask-image: url('/images/arrow-textures.svg');
            }
        }
    }

}

.cards-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
	position: relative;
	min-height: 50px;
}
.not-found-result {
    position: absolute;
    display: block;
    width: fit-content;
    height: fit-content;
}
.title-filter {
    display: none;
}

.bx-filter.bx-blue .bx-filter-section {
    background: transparent !important;
}

.bx-filter-title {
    display: none !important;
}

.bx-filter-parameters-box-hint {
    position: relative;
    text-transform: uppercase;
    color: #A4A4A4 !important;
    font-size: 14px;
    padding-left: 4px;
}

.bx-filter-parameters-box-hint:hover {
    border-color: transparent !important;
}

.bx-filter-parameters-box-hint:hover i {
    color: #00b4d8;
}

.bx-filter-parameters-box-hint i {
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transition: all 0.2s linear;
}

.bx-filter-param-text {
    padding-left: 4px;
}

.fa.fa-angle-up {
    transform: rotate(180deg) translateY(50%) !important;
}

.checkbox {
    padding: 0 !important;
    font-size: 14px !important;
    color: #A4A4A4;
}

.checkbox input {
    width: 11px !important;
    height: 11px !important;
    clip: unset !important;
    top: 3px !important;
}

.checkbox label {
    padding-left: 0 !important;
}

.checkbox input[type="checkbox"] {
    margin-left: -15px;
}

.col-md-4 {
    width: auto;
}

.bx-filter-button-box {
    display: none !important;
}

.smartfilter .filter-content {
    display: block !important;
}

.bx-filter-parameters-box-title-new {
    height: 100% !important;
    display: block !important;
}

.bx-active {
    .bx-filter-parameters-box-hint-new {
        &::after {
            transform: rotate(0);
        }
    }
}

.bx-filter-parameters-box-hint-new {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    padding-left: 16px;

	&:hover {
		&::after {
			background-color: #00b4d8;
		}
	}

    &::after {
        content: "";
        position: absolute;
        display: block;
        height: 8px;
        width: 8px;
        top: 3px;
        left: 0;
		inset: 0;
		margin: auto auto auto 0;
        mask-image: url("/images/arrow-filter-bottom.svg");
        mask-size: cover;
        mask-position: center;
        background-color: #a4a4a4;
        transition: all 0.3s;
		transform: rotate(-90deg);
    }
}

.button-mobile-filter {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.42px;
    text-transform: uppercase;
    margin-top: 40px;
    user-select: none;
    cursor: pointer;
}

.filter-mobile {
    display: none;
}

.breadcrumbs {
    margin-top: 40px !important;
    margin-left: 64px !important;
    margin-right: 64px !important;
    margin-bottom: 24px !important;

	&.top-banner {
		margin-top: 80px !important;
	}
}

.filter-mobile-detail {
    display: none;
}

.bx-filter-parameters-box-new {
	height: min-content;
    line-height: 100%;
    display: block;
}

.bx-filter-section.container-fluid {
	padding: 0 !important;
}

@media (max-width: 1439px) {
    .page-title {
        font-size: 36px;
    }

    .page-desc {
        font-size: 16px;
        margin-top: 24px;
    }

    .top-block-options {
        margin-top: 32px;
    }

    .filter-left {
        width: 299px;
        gap: 32px;
    }

    .textures-and-3d-models-wrapper {
        grid-template-columns: 299px auto;
        gap: 24px;
        margin-top: 24px;
    }

    .cards-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .card-item {
        img {
            height: 300px;
        }

        .aricul-card {
            font-size: 20px;
        }

        .title-card {
            font-size: 16px;
        }
    }
    .breadcrumbs {
        margin-top: 40px !important;
        margin-left: 40px !important;
        margin-right: 40px !important;
        margin-bottom: 24px !important;

		&.top-banner {
			margin-top: 80px !important;
		}
    }

	.pagination-textures-and-3d-models-left {
		gap: 24px;

		li {
			margin: 0;
			height: fit-content;
			line-height: 120%;

			a {
				margin: 0;
				padding: 0;
				height: fit-content;
				line-height: 120%;

				&.btn-custom {
					margin: 0;
					height: fit-content;
					line-height: 120%;
					padding-left: 8px;
				}
			}
		}
	}

	.pagination__count-textures-and-3d {
		gap: 32px;

		ul {
			gap: 24px;

			li {
				line-height: 120%;
				height: fit-content;
				font-size: 16px;
			}
		}
	}

	.pagination-textures-and-3d-models {
		align-items: center;
		flex-direction: row-reverse;
		width: 100%;
		margin: 0;
	}

    .button-clear-search {
		margin-bottom: 14px;
		margin-left: 0;
	}

	.bx-filter-section.container-fluid {
		padding: 0 !important;
	}

	.items-option.series {
		max-width: 100% !important;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.bx-filter {
		margin-bottom: 0 !important;
	}

	.buttons-filter-wrapper {
		padding: 0;
	}
}

@media (max-width: 1023px) {
    .page-title {
        font-size: 32px;
    }

    .page-desc {
        font-size: 14px;
        margin-top: 16px;
    }

    .top-block-options {
        margin-top: 32px;
    }

    .filter-mobile {
        position: fixed;
        display: block;
        width: 100%;
        top: 70px;
        left: 0;
        background-color: #fff;
        padding-top: 32px;
        padding-bottom: 36px;
        z-index: 9;
        box-shadow: 0px 3px 26px -4px rgba(0,0,0,0.66);
        transition: all 0.3s;
        transform: translateX(-120%);

		&.top-banner {
			top: 110px;
		}

        &.active {
            transform: translateX(0);
        }
    }

    .search-filter  {
        &.articul {
            display: none;
        }
    }

    .textures-and-3d-models-wrapper {
        grid-template-columns: 1fr;
        margin-top: 32px;
    }

    .cards-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    .card-item {
        .link-card {
            margin-bottom: 8px;
        }

        img {
            height: 250px;
        }

        .aricul-card {
            font-size: 18px;
        }

        .title-card {
            font-size: 14px;
        }
    }

    .buttons-filter-wrapper-mobile {
        padding-left: 41px;
        padding-right: 41px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        margin-top: 40px;
    }

    .filter-item-custom {
        display: block;
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
		letter-spacing: .03em;
        text-transform: uppercase;
		padding: 24px 40px;
        border-bottom: 1px solid #a7b4bb80;
        position: relative;
        user-select: none;
		font-family: Arial, sans-serif;

        &::after {
            content: "";
            position: absolute;
            display: block;
            height: 12px;
            width: 12px;
            top: 40%;
            right: 41px;
            background-color: #a7b4bb;
            mask-size: cover;
            mask-position: center;
            transition: all 0.3s;
        }

        &.close {
            &::after {
                mask-image: url("/images/exit-filter.svg");
            }
        }

        &.type,
        &.series {
            &::after {
                height: 8px;
                transform: rotate(-90deg);
                mask-image: url("/images/arrow-filter-bottom.svg");
            }
        }

        &:hover {
            &.close {
                &::after {
                    transform: rotate(180deg);
                }
            }
        }
    }

    .filter-mobile-detail {
        position: fixed;
        display: block;
        background-color: #fff;
        width: 100%;
        top: 0;
        left: 0;
        padding-top: 32px;
        padding-bottom: 50px;
        z-index: 15;
        box-shadow: 0px 3px 26px -4px rgba(0,0,0,0.66);
        transition: all 0.3s;
        transform: translateX(250%);

        &.active {
            transform: translateX(0);
        }

        .search-filter {
			height: 40px;

			&::placeholder {
				font-size: 12px;
			}

			&.series {
				width: 100%;
				display: block;
				text-align: start;
				outline: none;
				font-size: 12px;
				line-height: 100%;
				box-sizing: border-box;
				padding: 9px 20px;
				font-weight: 400;
			}
		}

        .bx-filter-parameters-box-hint-new {
            display: block;
            color: #000;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
            letter-spacing: 0.42px;
            text-transform: uppercase;
            border-bottom: 1px solid #a7b4bb80;
            position: relative;
            user-select: none;
            position: relative;
            padding: 8px 40px 24px;
			margin-top: 0;

            &::after {
                content: "";
                position: absolute;
                display: block;
                height: 6px;
                width: 12px;
				inset: 0;
				margin: 13px auto auto 24px;
                background-color: #000;
                mask-size: cover;
                mask-position: center;
                transition: all 0.3s;
                transform: rotate(90deg);
            }

            &::before {
                content: "";
                position: absolute;
                display: block;
                height: 12px;
                width: 12px;
                inset: 0;
                margin: 8px 24px auto auto;
                background-color: #a7b4bb;
                mask-size: cover;
                mask-position: center;
                transition: all 0.3s;
                mask-image: url("/images/exit-filter.svg");
            }
        }

        .bx-filter-parameters-box-container-new {
            padding: 8px 24px 32px !important;
            border-bottom: 1px solid #A4A4A4;
        }

        .buttons-filter-wrapper-mobile {
            margin-top: 24px;
        }
    }

    .title-filter {
        color: #00b4d8;
        text-decoration: underline;
        display: block;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 16.8px */
        letter-spacing: 0.42px;
        text-transform: uppercase;
        margin-top: 40px;
    	font-family: Arial, Helvetica, sans-serif;
    }

    .filter-left {
        display: none;
    }

    .breadcrumbs {
        margin-top: 40px !important;
        margin-left: 40px !important;
        margin-right: 40px !important;
        margin-bottom: 16px !important;

		&.top-banner {
			margin-top: 80px !important;
		}
    }

	.pagination-textures-and-3d-models-left {
		gap: 24px;

		li {
			margin: 0;
			height: fit-content;
			line-height: 120%;

			a {
				margin: 0;
				padding: 0;
				height: fit-content;
				line-height: 120%;

				&.btn-custom {
					margin: 0;
					height: fit-content;
					line-height: 120%;
					padding-left: 8px;
				}
			}
		}
	}

	.pagination__count-textures-and-3d {
		gap: 32px;

		ul {
			gap: 24px;

			li {
				line-height: 120%;
				height: fit-content;
				font-size: 16px;
			}
		}
	}

	.pagination-textures-and-3d-models {
		align-items: center;
		flex-direction: row-reverse;
		width: 100%;
		margin: 0;
	}
}

@media (max-width: 767px) {
	.pagination-textures-and-3d-models-left {
		gap: 24px;
		flex-wrap: wrap;

		li {
			margin: 0;
			height: fit-content;
			line-height: 120%;

			a {
				margin: 0;
				padding: 0;
				height: fit-content;
				line-height: 120%;

				&.btn-custom {
					margin: 0;
					height: fit-content;
					line-height: 120%;
					padding-left: 8px;
				}
			}
		}
	}

	.pagination__count-textures-and-3d {
		gap: 32px;

		ul {
			gap: 18px;

			li {
				line-height: 120%;
				height: fit-content;
				font-size: 16px;
			}
		}
	}

	.pagination-textures-and-3d-models {
		gap: 16px;
		margin-left: 0;
		align-items: flex-start;
		flex-direction: column-reverse;
		width: 100%;
	}

    .page-title {
        font-size: 24px;
    }

    .page-desc {
        font-size: 14px;
        margin-top: 16px;
    }

    .filter-mobile {
        top: 50px;
        padding-top: 0;
        padding-bottom: 40px;

		&.top-banner {
			top: 90px;
		}
    }

    .filter-left {
        display: none;
    }

    .textures-and-3d-models-wrapper {
        grid-template-columns: 1fr;
        margin-top: 40px;
    }

    .cards-wrapper {
        grid-template-columns: 1fr 1fr;
        column-gap: 24px;
        width: 100%;
        row-gap: 40px;
    }

    .breadcrumbs {
        margin-top: 19px !important;
        margin-left: 24px !important;
        margin-right: 24px !important;
        margin-bottom: 16px !important;

		&.top-banner {
			margin-top: 80px !important;
		}
    }

    .card-item {
        .link-card {
            margin-bottom: 8px;
        }

        img {
            height: 170px;
        }

        .aricul-card {
            font-size: 14px;
			word-break: break-all;
        }

        .title-card {
            font-size: 14px;
        }
    }

    .filter-item-custom {
		padding: 22px 15px;

		&::after {
			right: 24px;
		}

		&.close {
			padding: 40px 24px 24px;
			font-size: 14px;
			line-height: 120%;

			&::after {
				right: 24px;
				top: 42px;
			}
		}

		&.type,
		&.series {
			font-size: 14px;
			line-height: 120%;
			padding: 24px;

			&::after {
				inset: 0;
				margin: auto 24px auto auto;
			}
		}
    }

    .buttons-filter-wrapper-mobile {
        padding-left: 24px;
        padding-right: 24px;
        margin-top: 40px;
    }

    .filter-mobile-detail {
        padding-top: 0;
        padding-bottom: 30px;

        .bx-filter-parameters-box-container-new {
			padding: 25px 15px 0;
			overflow-y: auto;
			display: block;
			max-height: 50vh;
        }

		.checkbox__text {
			font-size: 12px;
			line-height: 150%;
			letter-spacing: .02em;
			text-transform: uppercase;
			font-weight: 400;
			margin-top: 12px;
			margin-bottom: 23px;
		}

		.items-option {
			padding-bottom: 16px;

			.checkbox__text {
				margin-bottom: 12px;
			}

			&.series {
				max-height: 348px;
			}
		}

		.search-filter {
			height: 40px;

			&::placeholder {
				font-size: 12px;
			}

			&.series {
				width: 100%;
				display: block;
				text-align: start;
				outline: none;
				font-size: 12px;
				line-height: 100%;
				box-sizing: border-box;
				padding: 9px 20px;
				font-weight: 400;
			}
		}
    }

	.filter-mobile-detail {
		.bx-filter-parameters-box-hint-new {
			display: block;
			color: #000;
			font-size: 14px;
			font-style: normal;
			font-weight: 700;
			line-height: 120%;
			letter-spacing: 0.42px;
			text-transform: uppercase;
			border-bottom: 1px solid #a7b4bb80;
			position: relative;
			user-select: none;
			position: relative;
			padding: 16px 24px 24px 38px;
			margin-top: 24px;

			&::after {
				content: "";
				position: absolute;
				display: block;
				height: 6px;
				width: 12px;
				inset: 0;
				margin: 20px auto auto 24px;
				background-color: #000;
				mask-size: cover;
				mask-position: center;
				transition: all 0.3s;
				transform: rotate(90deg);
			}

			&::before {
				content: "";
				position: absolute;
				display: block;
				height: 12px;
				width: 12px;
				inset: 0;
				margin: 16px 24px auto auto;
				background-color: #a7b4bb;
				mask-size: cover;
				mask-position: center;
				transition: all 0.3s;
				mask-image: url("/images/exit-filter.svg");
			}
		}
	}
}

@media (max-width: 429px) {
    .buttons-filter-wrapper-mobile {
        padding-left: 24px;
        padding-right: 24px;
        margin-top: 32px;
    }

    .filter-mobile {
        padding-bottom: 50px;
    }

	.filter-item-custom {
		padding: 22px 15px;

		&::after {
			right: 24px;
		}

		&.close {
			padding: 40px 24px 16px;
			font-size: 14px;
			line-height: 120%;

			&::after {
				right: 24px;
				top: 42px;
			}
		}

		&.type,
		&.series {
			font-size: 14px;
			line-height: 120%;
			padding: 24px 24px 16px;

			&::after {
				inset: 0;
				margin: auto 24px 16px auto;
			}
		}
    }

	.filter-mobile-detail {
		.bx-filter-parameters-box-hint-new {
			display: block;
			color: #000;
			font-size: 14px;
			font-style: normal;
			font-weight: 700;
			line-height: 120%;
			letter-spacing: 0.42px;
			text-transform: uppercase;
			border-bottom: 1px solid #a7b4bb80;
			position: relative;
			user-select: none;
			position: relative;
			padding: 16px 24px 16px 38px;
			margin-top: 24px;

			&::after {
				content: "";
				position: absolute;
				display: block;
				height: 6px;
				width: 12px;
				inset: 0;
				margin: 20px auto auto 24px;
				background-color: #000;
				mask-size: cover;
				mask-position: center;
				transition: all 0.3s;
				transform: rotate(90deg);
			}

			&::before {
				content: "";
				position: absolute;
				display: block;
				height: 12px;
				width: 12px;
				inset: 0;
				margin: 16px 24px auto auto;
				background-color: #a7b4bb;
				mask-size: cover;
				mask-position: center;
				transition: all 0.3s;
				mask-image: url("/images/exit-filter.svg");
			}
		}
	}
}