.collection-grids .collection-inner {
    margin: 0 -8px;
}
.collection-grids .collection-item {
    padding: 0 8px;
    margin-top: 30px;
}
.collection-grids .collection-item:nth-child(1),
.collection-grids .collection-item:nth-child(2),
.collection-grids .collection-item:nth-child(3),
.collection-grids .collection-item:nth-child(4) {
    margin-top: 0;
}
.collection-grids .collection-item .price span {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px; 
}
.collection-grids .collection-item .collection-content h5 {
    margin-bottom: 4px;
}
.collection-grids .collection-item .collection-content h5 a {
    font-weight: 500;
}
.sidebar-hide .collection-pg-content .sidebar {
    display: none;
}
.sidebar-hide .collection-pg-content .collection-grids {
    width: 100%;
}
.collection-pg-content .sidebar {
    width: 350px;
    display: block;
    padding-right: 60px;
}
.collection-pg-content .collection-grids {
    width: calc(100% - 350px); 
}
.active-filters-wrapper .summary-title {
    padding: 12px 0;
    font-weight: 700;
    cursor: pointer;
}
.active-filters-wrapper .summary-title span {
    position: relative;
    display: block;
    line-height: 22px;
}
.active-filters-wrapper .summary-title span:after {
    content: ' ';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    background-size: cover;
    height: 20px;
    transition: all .1s ease;
}
.active-filters-wrapper details[open] .summary-title span:after {
    transform: translateY(-50%) rotate(45deg);
}
.active-filters-wrapper details {
    border-bottom: 1px solid #CCC;
}
.active-filters-wrapper .summary-content {
    padding-bottom: 12px;
}
.filter-item-main .filter-item + .filter-item {
    margin-top: 4px;
}
.filter-item-main .filter-item input {
    width: auto;
}
.filter-item-main .filter-item .filter-checkbox {
    position: relative;
}
.filter-item-main .filter-item input[type=checkbox] {
    width: auto;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    opacity: 0;
    margin: 0;
    right: 0;
    padding: 0;
    cursor: pointer;
}
.filter-item-main .filter-item span.filter-value { 
    font-weight: 600;
    padding-left: 26px;
    cursor: pointer;
}
.filter-item-main .filter-item span.filter-value:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    margin-top: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid currentColor;
}
.filter-item-main .filter-item span.filter-value:after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 18px;
    height: 18px;
    margin-top: -10px;
    transform: scale(0);
    transition: transform .1s ease;
    background-image: url("data:image/svg+xml,%3Csvg fill='rgb(255, 255, 255)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.315 13.859l-3.182-3.417a.506.506 0 0 1 0-.684l.643-.683a.437.437 0 0 1 .642 0l2.22 2.393 4.942-5.327a.436.436 0 0 1 .643 0l.643.684a.504.504 0 0 1 0 .683l-5.91 6.35a.437.437 0 0 1-.642 0'%3E%3C/path%3E%3C/svg%3E");
    background-size: cover;
}
.filter-item-main .filter-item input[type=checkbox]:checked + span.filter-value:after {
    transform: scale(1);
}
.filter-item-main .filter-item input[type=checkbox]:checked + span.filter-value:before {
    background: currentColor;
}
.sidebar-toggle span {
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' version='1.0' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23024888' stroke='none'%3E%3Cpath d='M3270 4595 c-213 -48 -394 -204 -477 -409 l-32 -81 -1335 -5 -1335 -5 -32 -30 c-37 -35 -59 -82 -59 -126 0 -44 37 -106 80 -132 l35 -22 1326 -3 1326 -2 13 -44 c35 -125 168 -292 292 -364 195 -115 435 -122 641 -20 141 71 276 224 326 370 l18 53 474 5 c472 5 474 5 511 28 40 25 78 91 78 135 0 40 -23 88 -59 122 l-32 30 -483 3 -484 3 -26 72 c-70 191 -233 346 -431 407 -91 28 -246 35 -335 15z m294 -344 c75 -37 128 -92 164 -170 38 -80 37 -192 0 -273 -35 -75 -98 -141 -167 -175 -49 -25 -67 -28 -151 -28 -89 0 -99 2 -158 34 -70 38 -120 90 -154 160 -19 39 -23 62 -23 146 0 90 3 105 28 153 91 173 288 238 461 153z'%3E%3C/path%3E%3Cpath d='M1622 3219 c-251 -33 -457 -202 -543 -444 l-17 -50 -481 -5 c-465 -5 -480 -6 -507 -26 -53 -39 -69 -71 -69 -134 0 -63 16 -95 69 -134 27 -20 42 -21 507 -26 l481 -5 17 -50 c77 -217 248 -374 471 -431 85 -22 235 -22 320 0 36 10 99 34 140 54 141 69 286 240 331 389 l12 43 1333 2 c1328 3 1333 3 1360 24 53 39 69 71 69 134 0 63 -16 95 -69 134 -27 21 -32 21 -1360 24 l-1333 2 -12 43 c-44 149 -190 320 -331 389 -124 61 -260 85 -388 67z m144 -320 c265 -48 378 -368 199 -566 -134 -150 -356 -157 -498 -17 -138 136 -138 352 0 489 51 50 109 81 174 94 61 12 59 12 125 0z'%3E%3C/path%3E%3Cpath d='M3265 1825 c-220 -48 -424 -234 -486 -442 l-12 -43 -1326 -2 -1326 -3 -38 -24 c-99 -61 -101 -193 -3 -265 27 -21 34 -21 1357 -26 l1330 -5 32 -80 c65 -159 172 -277 321 -350 117 -58 212 -79 331 -72 272 16 504 190 595 445 l23 62 472 0 472 0 33 23 c48 32 72 69 77 120 7 56 -25 118 -77 150 -34 22 -42 22 -509 27 l-474 5 -18 53 c-47 139 -183 296 -316 365 -138 72 -309 95 -458 62z m297 -338 c68 -34 131 -100 166 -175 22 -46 26 -72 27 -137 0 -71 -4 -88 -33 -147 -38 -77 -92 -130 -171 -167 -47 -22 -70 -26 -141 -26 -73 0 -93 4 -142 28 -122 60 -188 159 -196 293 -7 137 48 245 158 312 76 45 103 52 196 49 64 -3 93 -9 136 -30z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left center;
    padding-left: 26px;
    cursor: pointer;
}
.filter-option-select span {
    white-space: nowrap;
}
.filter-option-form .filter-option-select {
    column-gap: 12px;
}
.filter-option-form .filter-option-select .select-field {
    position: relative;
}
.filter-option-form .filter-option-select .select-field:after {
    content: ''; 
    position: absolute;
    border-right: 1px solid;
    width: 7px;
    height: 7px;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg) translateY(-50%);
    top: 40%;
    right: 20px;
    pointer-events: none;
}
.filter-option-form select {
    min-width: 165px;
    cursor: pointer;
}
/**** Responsive Style ****/
@media screen and (max-width: 1279px) {
    .collection-grids .collection-item {
        width: 33.33%;
    }
    .collection-grids .collection-item:nth-child(4) {
        margin-top: 30px;
    }
}
@media screen and (max-width: 1200px) {
    .collection-pg-content .sidebar {
        width: 280px; 
        padding-right: 40px;
    }
    .collection-pg-content .collection-grids {
        width: calc(100% - 280px);
    }
}
@media screen and (max-width: 1023px) {
    .collection-grids .collection-item {
        width: 50%;
        margin-top: 24px;
    }
    .collection-grids .collection-item:nth-child(4),
    .collection-grids .collection-item:nth-child(3) {
        margin-top: 24px;
    }
    .collection-pg-content .sidebar {
        width: 240px;
    }
    .collection-pg-content .collection-grids {
        width: calc(100% - 240px);
    }
}
@media screen and (max-width: 767px) {
    .collection-pg-content .sidebar {
        width: 100%;
        padding: 0;
        margin-bottom: 32px;
    }
    .collection-pg-content .collection-grids {
        width: 100%;
    }
    .collection-grids .collection-item .price span {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
}
/**** Responsive Style ****/