.search {
grid-column: 1/-1;
margin-bottom: 1.5rem;
z-index: auto;
}
@media (max-width: 1800px) {
.search {
margin-bottom: 1.5rem;
}
}
@media (max-width: 1400px) {
.search {
margin-bottom: 1.5rem;
}
}
@media (max-width: 1024px) {
.search {
margin-bottom: 1.5rem;
}
}
@media (max-width: 768px) {
.search {
margin-bottom: 1.5rem;
}
}
.nav-tree {
grid-column: 1 / -1;
}
.catalog .accordion__holder, .filters .accordion__holder {
gap: 1.5rem;
}
.catalog .accordion-title, .filters .accordion-title {
color: #000;
flex-basis: 93%;
font-size: 1rem;
}
@media (max-width: 1800px) {
.catalog .accordion-title, .filters .accordion-title {
font-size: 0.9rem;
}
}
@media (max-width: 1400px) {
.catalog .accordion-title, .filters .accordion-title {
font-size: 0.8rem;
}
}
.catalog .accordion-bullet, .filters .accordion-bullet {
flex-basis: 7%;
}
.catalog .accordion-content, .filters .accordion-content {
color: #000;
margin-bottom: 0;
padding: 0 0.4rem;
}
.catalog .accordion-content.opened, .filters .accordion-content.opened {
padding: 1rem 0.4rem 1rem 0.4rem;
}
.filtersHolder {
grid-column: 1/4;
margin-right: 1.3rem;
height: 100%;
}
.filters {
border-radius: 20px;
background: #f6f3f3;
padding: 0.8rem 0.8rem 1.5rem;
height: fit-content;
position: sticky;
top: 5rem;
}
@media (max-width: 1800px) {
.filtersHolder {
grid-column: 1/5;
}
}
@media (max-width: 1024px) {
.filtersHolder {
grid-column: 1/-1;
position: static;
top: auto;
margin-right: 0;
}
.filters {
border-radius: 0;
background: none;
padding: 0;
height: auto;
max-height: 0;
margin-bottom: 0;
overflow: hidden;
transition: all 0.3s;
}
.filters.opened {
max-height: fit-content;
margin-bottom: 1.5rem;
visibility: visible;
}
}
.filters .accordion-content {
height: auto;
}
.wpc-filter-set-widget-title {
margin-bottom: 1.5rem;
}
.wpc-filter-collapsible .wpc-filter-header .wpc-filter-title span.wpc-open-icon {
position: relative;
border: none;
width: 1.2rem;
height: 1.2rem;
transform: rotate(0);
}
.wpc-filter-collapsible.wpc-opened .wpc-filter-header .wpc-filter-title span.wpc-open-icon {
transform: rotate(0);
}
.wpc-filter-collapsible.wpc-closed .wpc-filter-header .wpc-filter-title span.wpc-open-icon {
transform: rotate(0);
}
.wpc-filter-collapsible .wpc-filter-header .wpc-filter-title span.wpc-open-icon::after {
content: '';
width: 1.2rem;
height: 1.2rem;
background: url(//neva-distillery.ru/wp-content/themes/nevadistillery/assets/images/openDropDown-arrow-black.svg) no-repeat center center/contain;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(0);
transition: transform .3s;
}
.wpc-filter-collapsible.wpc-opened .wpc-filter-header .wpc-filter-title span.wpc-open-icon::after {
transform: translate(-50%, -50%) rotate(180deg);
}
.wpc-filters-section:last-child {
margin-bottom: 0;
}
.filters__price-inps {
display: flex;
gap: 0.8rem;
flex-wrap: nowrap;
width: 100%;
}
.wpc-filters-widget-content input[type=number].wpc-filters-range-min,
.wpc-filters-widget-content input[type=number].wpc-filters-range-max {
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 0.6rem;
font-weight: 500;
font-size: 0.8rem;
letter-spacing: -0.04em;
color: #000;
}
.wpc-filter-header .wpc-filter-title {
font-size: 1rem;
margin-bottom: 1rem;
}
@media (max-width: 1800px) {
.wpc-filter-header .wpc-filter-title {
font-size: 0.9rem;
margin-bottom: .8rem;
}
}
@media (max-width: 1400px) {
.wpc-filter-header .wpc-filter-title {
font-size: 0.8rem;
}
}
.wpc-filter-content .wpc-filters-range-slider-wrapper {
padding: 0 0.5rem;
}
.wpc-filters-range-inputs .ui-slider-horizontal span.ui-slider-handle {
box-shadow: none;
}
.wpc-filter-content .wpc-filters-ul-list {
display: flex;
flex-direction: column;
gap: 0.8rem;
padding: 0;
}
.wpc-filter-content .wpc-checkbox-item .wpc-term-item-content-wrapper {
display: flex;
gap: 0.8rem;
align-items: center;
margin: 0;
}
.wpc-filter-content .wpc-checkbox-item label {
font-size: 0.8rem;
}
.wpc-filter-content .wpc-filters-ul-list .wpc-checkbox-item input[type="checkbox"]{
appearance: none;
position: relative;
width: 0.9rem;
height: 0.9rem;
background: none;
border: 2px solid #3D3126;
border-radius: 2px;
margin: 0;
flex-shrink: 0;
}
.wpc-filter-content .wpc-checkbox-item input[type="checkbox"]:checked {
background: #3D3126;
}
.wpc-filter-content .wpc-filters-ul-list .wpc-checkbox-item input[type="checkbox"]:checked:hover {
background: #3D3126;
}
.wpc-filter-content .wpc-checkbox-item input[type="checkbox"]::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0px;
height: 0px;
overflow: hidden;
background: url(//neva-distillery.ru/wp-content/themes/nevadistillery/assets/images/tick.svg) no-repeat center center/80%;
}
.wpc-filter-content .wpc-checkbox-item input[type="checkbox"]:checked::after {
width: 100%;
height: 100%;
}
.filters__btns {
display: flex;
gap: 0.8rem;
flex-wrap: nowrap;
margin-bottom: 0;
}
@media (max-width: 1400px) {
.filters__btns {
gap: 0.4rem;
}
}
.filters__btn {
flex: 1;
min-width: 0;
}
.filters__btn.border-btn {
border: 1px solid #3D3126;
color: #3D3126;
}
.filters__btn.bg-btn {
border: 1px solid #3D3126;
background: #3D3126;
color: #fff;
transition: background-color 0.3s, color 0.3s;
}
.filters__btn.bg-btn:hover {
background: rgba(61, 49, 38, 0.3);
color: #3D3126;
}
.catalog {
grid-column: 4/-1;
position: relative;
min-height: 90vh;
}
@media (max-width: 1800px) {
.catalog {
grid-column: 5/-1;
margin-left: 0;
}
}
@media (max-width: 1024px) {
.catalog {
grid-column: 1/-1;
}
}
.catalog__sort-by {
display: flex;
justify-content: space-between;
margin-bottom: 2rem;
margin-bottom: 0;
align-items: center;
}
@media (max-width: 1400px) {
.catalog__sort-by {
margin-bottom: 1.5rem;
margin-bottom: 0;
}
}
@media (max-width: 1024px) {
.catalog__sort-by {
padding: 0.8rem 0;
margin-bottom: 0;
padding-top: 0;
}
}
.catalog__sort-by-sorts { gap: 1.7rem;
align-items: center;
}
@media (max-width: 1400px) {
.catalog__sort-by-sorts {
gap: 1.4rem;
}
}
@media (max-width: 1024px) {
.catalog__sort-by-sorts {
gap: 1rem;
}
}
@media (max-width: 768px) {
.catalog__sort-by-sorts {
display: none;
}
}
.catalog__sort-btn {
border: 0;
background: none;
font-size: 0.9rem;
font-weight: 400;
color: #000;
}
@media (max-width: 1400px) {
.catalog__sort-btn {
font-size: 0.8rem;
}
}
.catalog__sort-btn--active {
color: #a98568;
}
.catalog__filters-btn {
border: 0;
background: none;
font-size: 0.8rem;
font-weight: 400;
color: #000;
display: none;
gap: 0.3rem;
align-items: center;
}
@media (max-width: 1024px) {
.catalog__filters-btn {
display: flex;
}
}
@media (max-width: 768px) {
.catalog__filters-btn {
display: flex;
}
}
.catalog .filters-btn__bullet {
width: 1.2rem;
height: 1.2rem;
}
.catalog .filters-btn__bullet img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 768px) {
.catalog .filters-btn__name {
display: none;
}
}
.catalog__sort-by-sorts--mobile {
display: none;
}
@media (max-width: 768px) {
.catalog__sort-by-sorts--mobile {
display: flex;
align-items: center;
gap: 0.3rem;
}
}
.woocommerce-ordering {
display: flex;
align-items: center;
gap: 0.8rem;
margin-bottom: 2rem;
}
.catalog__sort-by-select {
font-size: 0.7rem;
font-weight: 400;
background: none;
cursor: pointer;
color: #000;
background-color: none;
}
.catalog__sort-by-select option {
font-size: 0.7rem;
font-weight: 400;
}
.catalog__sort-by-select-label {
width: 1.2rem;
height: 1.2rem;
display: block;
}
.catalog__sort-by-select-label img {
width: 100%;
height: 100%;
object-fit: contain;
}
.catalog__filters-block label, 
.catalog__filters-block p {
color: #000;
}
.catalog__list {
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 0.8rem;
row-gap: 1.5rem;
}
@media (max-width: 1800px) {
.catalog__list {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1400px) {
.catalog__list {
column-gap: 0.6rem;
row-gap: 1.2rem;
}
}
@media (max-width: 768px) {
.catalog__list {
grid-template-columns: repeat(2, 1fr);
column-gap: 0.4rem;
row-gap: 0.8rem;
}
}
.catalog__item {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 0.8rem;
}
@media (max-width: 1400px) {
.catalog__item {
gap: 0.6rem;
}
}
.catalog__item-holder,
.catalog__price-holder {
display: flex;
flex-direction: column;
gap: 0.8rem;
}
@media (max-width: 1400px) {
.catalog__item-holder,
.catalog__price-holder {
gap: 0.6rem;
}
}
.catalog__item-img {
border: 1px solid #a98568;
border-radius: 10px;
position: relative;
overflow: hidden;
aspect-ratio: 1/1.2;
background: #fff;
}
.catalog__item-img > a > img {
object-fit: cover;
}
.catalog__item-pic {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: transform 0.3s;
}
.catalog__item-pic:hover {
transform: scale(1.05);
}
.catalog__item-like {
position: absolute;
top: 0.5rem;
right: 0.5rem;
width: 1.6rem;
height: 1.6rem;
}
@media (max-width: 768px) {
.catalog__item-like {
width: 1.2rem;
height: 1.2rem;
}
}
.catalog__item-name {
line-height: 1.2;
font-size: 0.8rem;
}
@media (max-width: 1400px) {
.catalog__item-name {
font-size: 0.7rem;
}
}
@media (max-width: 768px) {
.catalog__item-name {
font-size: 0.6rem;
}
}
.catalog__item-desc {
display: none;
}
.catalog__item-price {
font-weight: 600;
font-size: 0.8rem;
letter-spacing: -0.02em;
text-align: right;
}
.catalog__item-btn {
width: 100%;
min-width: 0;
border: 1px solid #3D3126;
color: #3D3126;
}
.navigation {
grid-column: 4/-1;
}
@media (max-width: 1800px) {
.navigation {
grid-column: 5/-1;
}
}
@media (max-width: 1024px) {
.navigation {
grid-column: 1/-1;
}
} .woocommerce-pagination {
display: flex;
justify-content: center;
align-items: center;
padding-top: 5rem;
}
ul.page-numbers {
display: flex;
}
ul.page-numbers>li {
display: flex;
justify-content: center;
align-items: center;
width: 2.7rem;
height: 2.7rem;
}
ul.page-numbers>li:has(span.current) {
border: 1px solid #000;
border-radius: 5px;
}
a.page-numbers,
span.page-numbers {
font-weight: 500;
font-size: 1.4rem;
}
a.page-numbers:has(img){
display: flex;
justify-content: center;
align-items: center;
}
a.page-numbers{
color: rgba(0, 0, 0, 0.5);
}
span.current{
color: rgba(0, 0, 0, 1);
}
@media (max-width: 1024px) {
.woocommerce-message {
font-size: .7rem;
padding: 1rem;
}
.woocommerce-pagination {
padding-top: 3rem;
}
ul.page-numbers>li {
width: 1.6rem;
height: 1.6rem;
}
a.page-numbers,
span.page-numbers {
font-size: 1rem;
}
.woocommerce-ordering {
gap: 0.4rem;
margin-bottom: 0;
}
} .filters__header {
margin-bottom: 1.5rem;
}
.filters__price-inps {
display: flex;
gap: 0.8rem;
flex-wrap: nowrap;
width: 100%;
}
.filters__price-inp {
flex: 1;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px;
padding: 0.6rem;
font-weight: 500;
font-size: 0.8rem;
letter-spacing: -0.04em;
color: #000;
min-width: 0;
}
.filters__check-list {
display: flex;
flex-direction: column;
gap: 0.8rem;
}
.filters__check-item {
display: flex;
gap: 0.8rem;
align-items: center;
}
.filters__check, .filters__check-label {
cursor: pointer;
}
.filters__check-label {
font-size: 0.8rem;
}
.filters__check {
appearance: none;
position: relative;
width: 0.9rem;
height: 0.9rem;
background: none;
border: 2px solid #3D3126;
border-radius: 2px;
}
.filters__check:checked {
background: #3D3126;
}
.filters__check::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0px;
height: 0px;
overflow: hidden;
background: url(//neva-distillery.ru/wp-content/themes/nevadistillery/assets/images/tick.svg) no-repeat center center/80%;
}
.filters__check:checked::after {
width: 100%;
height: 100%;
}
.filters__btns {
display: flex;
gap: 0.8rem;
flex-wrap: nowrap;
margin-bottom: 0;
}
@media (max-width: 1400px) {
.filters__btns {
gap: 0.4rem;
}
}
.filters__btn {
flex: 1;
min-width: 0;
}
.filters__btn.border-btn {
border: 1px solid #3D3126;
color: #3D3126;
}
.filters__btn.bg-btn {
border: 1px solid #3D3126;
background: #3D3126;
color: #fff;
transition: background-color 0.3s, color 0.3s;
}
.filters__btn.bg-btn:hover {
background: rgba(61, 49, 38, 0.3);
color: #3D3126;
}
.filters .accordion-header.opened {
margin-bottom: 1rem;
}
.filters .accordion-content.opened {
padding: 0 .4rem;
}
.filters input::-webkit-outer-spin-button,
.filters input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.filters input[type='number'] {
-moz-appearance: textfield;
}
.catalog.load { opacity: 0.4;
pointer-events: none;
}
.catalog__sort-by {
display: flex;
justify-content: space-between;
margin-bottom: 2rem;
align-items: center;
}
@media (max-width: 1400px) {
.catalog__sort-by {
margin-bottom: 1.5rem;
}
}
@media (max-width: 1024px) {
.catalog__sort-by {
padding: 0.8rem 0;
margin-bottom: 0;
padding-top: 0;
}
}
.catalog__sort-by-sorts {
display: flex;
gap: 1.7rem;
align-items: center;
}
@media (max-width: 1400px) {
.catalog__sort-by-sorts {
gap: 1.4rem;
}
}
@media (max-width: 1024px) {
.catalog__sort-by-sorts {
gap: 1rem;
}
}
@media (max-width: 768px) {
.catalog__sort-by-sorts {
display: none;
}
}
.catalog__sort-btn {
border: 0;
background: none;
font-size: 0.9rem;
font-weight: 400;
color: #000;
}
@media (max-width: 1400px) {
.catalog__sort-btn {
font-size: 0.8rem;
}
}
.catalog__sort-btn--active {
color: #a98568;
}
.catalog__sort-by-sorts--mobile {
display: none;
}
@media (max-width: 768px) {
.catalog__sort-by-sorts--mobile {
display: flex;
align-items: center;
gap: 0.3rem;
}
}
.catalog__sort-by-select {
font-size: 0.7rem;
font-weight: 400;
}
.catalog__sort-by-select option {
font-size: 0.7rem;
font-weight: 400;
}
.catalog__sort-by-select-label {
width: 1.2rem;
height: 1.2rem;
}
.catalog__sort-by-select-label img {
width: 100%;
height: 100%;
object-fit: contain;
}
.catalog .no-products {
grid-column: 1 / -1;
text-align: left;
}
@media (max-width: 768px) {
#sort-select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.catalog__sort-by-sorts--mobile {
position: relative;
}
#sort-select::-ms-expand {
display: none;
}
.catalog__sort-by-sorts--mobile:has(#sort-select:focus)::after {
transform: translate3d(100%, -50%, 0) rotateZ(180deg);
}
.catalog__sort-by-sorts--mobile::after {
position: absolute;
top: 50%;
right: 0;
transform: translate3d(100%, -50%, 0) rotateZ(0deg);
content: '';
width: 0.8rem;
height: 0.8rem;
background: url(//neva-distillery.ru/wp-content/themes/nevadistillery/assets/images/openDropDown-arrow-black.svg) no-repeat center center/contain;
transition: transform .5s ease;
}
.catalog__item-btn:hover {
background: none;
}
}