.has-compact-filter.show-filter #amazzing_filter{
	transform: translateX(0px);
}

.has-compact-filter #amazzing_filter{
    width: 518px;
    padding: 30px;
}
.has-compact-filter #amazzing_filter .af-form{
	overflow-y: auto;
    height: 90vh;
}
.has-compact-filter #amazzing_filter .title_block {
    display: inline-block;
    padding: 10px 0px;
    width: auto;
}
.has-compact-filter #amazzing_filter.block .close_block {
    display: inline-block;
    position: absolute;
    right: 30px;
    width: 34px;
    height: 34px;
}
.has-compact-filter #amazzing_filter.block .close_block::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='1dvfjlsxda' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%231dvfjlsxda)'%3E%3Cpath d='m12 12.708-5.246 5.246a.503.503 0 0 1-.344.15.466.466 0 0 1-.364-.15.49.49 0 0 1-.16-.354.49.49 0 0 1 .16-.354L11.293 12 6.046 6.754a.503.503 0 0 1-.15-.344.466.466 0 0 1 .15-.364.49.49 0 0 1 .354-.16.49.49 0 0 1 .354.16L12 11.292l5.247-5.246a.502.502 0 0 1 .344-.15.466.466 0 0 1 .363.15.49.49 0 0 1 .16.354.49.49 0 0 1-.16.354L12.708 12l5.246 5.246a.503.503 0 0 1 .15.345.467.467 0 0 1-.15.363.49.49 0 0 1-.354.16.49.49 0 0 1-.354-.16L12 12.708z' fill='%234D1E16'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 34px;
    height: 34px;
    position: absolute;
    border-radius: 22px;
    background-color: #fdf4e5;
    right: 0px;
    cursor: pointer;
}
.has-compact-filter #amazzing_filter .btn-holder{
	width: auto;
    background: #fff;
    padding: 0;
    position: initial;
}
.has-compact-filter #amazzing_filter .bottom_block {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 30px;
    border-top: 1px solid #c7bdbf;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}
.has-compact-filter #amazzing_filter .selectedFilters .clearAll {
    background: #ffff;
    padding: 0;
    width: auto;
}

.has-compact-filter #amazzing_filter .selectedFilters .clearAll a {
    color: var(--bs-secondary);
    text-decoration: underline;
    text-underline-offset: 5px;
}

.has-compact-filter #amazzing_filter .selectedFilters .cf {
    display: none;
}
.has-compact-filter .af.block .block_content {
    padding: 20px 0px 0px 0px;
    overflow-y: visible;
}
#amazzing_filter.block .title_block{
	font-size: 18px;
}
#amazzing_filter .btn{
	margin-top: 0px;
	text-transform: unset;
}
.af_subtitle{
	font-weight: normal;
}
.af_filter{
	margin-bottom: 30px;
	padding-bottom: 0;
	border-bottom: none;
}
.af_filter.closed {
	margin-bottom: 10px;
}
.af_filter ul{
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
}
.af_filter.tb li {
    flex: 0 0 calc(20% - 10px * 4 / 5);
    margin: 0px;
	padding: 10px;
	border: 1px solid #c7bdbf;
	display: flex;
    align-items: center;
    justify-content: center;
}
.af_filter.tb li.active {
    border-color: initial;
    background: #fff;
    border-width: 2px;
}
.af_filter.tb li.active .af-textbox-label {
	font-weight: 600;
}
.af_subtitle.toggle-content:before {
    border: 2px solid #4d1e16;
    border-width: 1px 0 0 1px;
}
.closed .af_subtitle.toggle-content:before {
    border-width: 0 1px 1px 0;
    margin-top: -7px;
}
.af_filter label{
	justify-content: center;
}
.af_filter.tb label, .af_filter.tb .name {
    font-size: 14px;
}

.has-compact-filter #amazzing_filter .af-color-box {
    width: 31px;
    height: 31px;
    
}
.has-compact-filter #amazzing_filter .active .af-color-box {
    width: 31px;
    min-width: 31px;
    height: 31px;
    margin: 0;
}
.has-compact-filter #amazzing_filter .active .af-color-box:after {
	content: unset;
}
.has-compact-filter #amazzing_filter .af_filter .af-color-label .name {
    padding-left: 10px;
    font-size: 14px;
}

.has-compact-filter #amazzing_filter .af_filter li.active {
    width: 100%;
    border: 2px solid #4d1e16;
    padding: 5px;
    border-radius: 5px;
}
.has-compact-filter #amazzing_filter .af_filter li.active .af-color-label {
    justify-content: flex-start;
}
.has-compact-filter #amazzing_filter .af_filter li.active .af-color-label::after {
	content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='y0mxsiawca' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Cpath fill='%23D9D9D9' d='M0 0h32v32H0z'/%3E%3C/mask%3E%3Cg mask='url(%23y0mxsiawca)'%3E%3Cpath d='m9.55 15.865 8.802-8.802a.508.508 0 0 1 .344-.155.471.471 0 0 1 .363.155.5.5 0 0 1 .166.357.499.499 0 0 1-.166.357l-8.944 8.95a.776.776 0 0 1-.565.242.776.776 0 0 1-.566-.242l-4.05-4.05a.484.484 0 0 1 .006-.713.499.499 0 0 1 .357-.166c.127 0 .246.055.357.165l3.896 3.902z' fill='%234D1E16'/%3E%3C/g%3E%3C/svg%3E%0A");
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 5px;
}

section#products{
	position: relative;
}
#amazzing_filter--mobile {
	position: absolute;
	top: -8px;
	.compact-toggle {
		border: 1px solid #4d1e16;
		border-radius: 30px;
		display: flex;
		height: 41px;
		padding: 0px 20px;
		align-items: center;
		justify-content: center;
		gap: 10px;
	}
	.compact-toggle-text{
		font-size: 14px;
        position: unset;
        transform: none;
        padding: 0;
        letter-spacing: normal;
        text-transform: none;
        line-height: normal;
	}
	.compact-toggle .compact-toggle-icon {
	    width: auto;
	    height: auto;
	    line-height: normal;
	    font-size: unset;
	}
}

@media (max-width: 767px) {
	.has-compact-filter #amazzing_filter {
    width: 100%;
    padding: 10px;
 }
 .has-compact-filter #amazzing_filter.block .close_block {
 	    right: 10px;
 }
 .has-compact-filter #amazzing_filter .bottom_block {
    padding: 10px;
 }
}
