.page-head .mask{position: absolute;
width: 100%;
height: 100%;
background: rgba(40, 53, 61, .85);
top: 0;
left: 0;}
.page-head{background: url(../img/search-bg.webp) 0 0 no-repeat;
-webkit-background-size: cover;
background-size: cover;
padding: 30px 0 5px;
position: relative;
font-size: 13px;
line-height: 30px;}
.page-head .title h1{color: #eee;
font-size: 20px;
margin-bottom: 5px}
.page-head i{margin: 0 5px;
color: #aeb6b8;}
@media (max-width: 768px){.page-head{margin-bottom: 20px !important;}}



/*=== NAVIGATION ===*/
.woocommerce-pagination {
    margin: 50px 0;
}

.woocommerce-pagination ul.page-numbers {
    margin: 20px 0;
    display: flex;
    font-weight: 700;
    line-height: 1.2;
    justify-content: center;
}

.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers {
    color: #807d7d;
    display: block;
    margin: 3px;
    padding: 8px 16px;
    font-size: 13px;
    border: 0;
    background: #fff;
    border-radius: 6px;
    line-height: initial;
    box-shadow: 1px 2px 14px 3px rgb(0 0 0 / 13%);
    transition: all 0.2s ease-in-out;
}

.woocommerce-pagination span.page-numbers {
    color: #fff;
    background: #489abf;
}

.pagination {
	gap: 6px;
	display: flex;
}
.pagination .page-item .page-link {
    border-radius: 8px;
    padding: 8px 14px;
    border: 1px solid #e0e0e0;
    background: #fff;
    color: #666;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
}
.pagination .page-item.active .page-link {
    background: #ffe0b27d;
    border-color: #ffcc80bf;
    color: #8e5f1a;
}

.pagination .page-item.disabled .page-link {
	color: #aaa;
	background: #f8f8f8;
	border-color: #ddd;
	cursor: default;
}
.pagination .page-link:hover {
	background: #f0f7ff;
	border-color: #b6d4fe;
	color: #0056b3;
}
.pagination .page-link i {
	font-size: 16px;
	transform: scaleX(-1);
}
.pagination .page-item.disabled .page-link {
	padding: 8px 10px;
}
.pagination .page-item:hover .page-link {
	transform: translateY(-1px);
}

@media (max-width: 480px){.pagination{gap: 4px;
flex-wrap: wrap;
justify-content: center;}.pagination .page-item{margin-bottom: 20px;}}
@media ( max-width: 400px){.pf-archive .media-img{display: none;}}

.products .no-product{position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;}