@charset "UTF-8";
/* CSS Document */

.product-archive .sidebar-content {
	grid-template-columns: 250px 1fr;
	gap: 30px;
}

.product-archive .filters h4 {
	font-size: 36px;
	color: var(--act-primary);
}

.product-archive .filters {
	align-content: start;
	gap: 20px;
}

.product-archive .filter-section {
	background-color: var(--shd-light);
	border-radius: var(--btn-radius);
}

.product-archive .filter-section h5 {
	padding: 10px;
	background-color: var(--act-primary);
	color: var(--white);
	border-radius: var(--btn-radius);
	font-size: 14px;
}

.product-archive .section-items {
	padding: 10px;
	gap: 5px;
}

.product-archive .checkbox-wrap {
	gap: 10px;
}

.product-archive .reset {
	border-top: 1px solid var(--shd-mid);
	padding-top: 20px;
	cursor: pointer;
}

.product-archive .reset a {
	text-align: center;
}

.product-archive .filters input[type='checkbox'] {
	-webkit-appearance: none!important;
	appearance: none!important;
}

.product-archive .filters input[type='checkbox'] {
    padding: 10px;
}

.product-archive .filters input[type='checkbox']:checked {
    box-shadow: inset 0 0 0 2px rgba(255,255,255,0.5);
}

@media screen and (max-width: 1180px) and (orientation: portrait),
screen and (max-width: 1024px) {
    .product-archive .sidebar-content {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 768px) {
	
}