.product-wrapper__container {
    display: grid;
    gap: 24px;
}
.product-wrapper__head {
    display: flex;
    align-items: center;
    max-width: 1320px;
    margin: 0 auto;
    gap: 30px;
    width: 100%;
}

.woocommerce-notices-wrapper .woocommerce-message {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    outline: none;
    background: rgba(255, 255, 255, 0.4);
    padding: 10px 24px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.woocommerce-notices-wrapper:has(*) {
    margin: 20px 0;
}
.product-body {
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 40px;
    clear: both;
}
.product-body > .woocommerce-product-gallery {
    flex: 0 1 630px;
    width: 630px;
    float: none;
}

.product-body > .summary {
    flex: 0 1 690px;
    width: 630px;
    float: none;
    display: flex;
    flex-direction: column;
    align-self: stretch;
}

.woocommerce-product-gallery {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 630px;
    margin: 0 auto;
}
.woocommerce-product-gallery__image {
    position: relative;
    aspect-ratio: 630/400;
    overflow: hidden;
}
.woocommerce-product-gallery__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;

}

.woocommerce-product-gallery__image img:hover {
    transform: scale(1.02);
}

/* Миниатюры под основным изображением */
.flex-control-thumbs {
    display: flex;
    justify-content: flex-start;
    gap: 12px;
}

.flex-control-thumbs li {
    list-style: none;
    position: relative;
    width: 64px;
    height: 64px;
    border: 1px solid #CED4DA;
    background-color: #fff;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.3s ease;
}
.flex-control-thumbs li:hover,
.flex-control-thumbs li:has(.flex-active) {
    border: 1px solid #BBA14F;
    opacity: 1;
}
.flex-control-thumbs img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;


}

.product-body .summary .product_title {
    font-weight: 600;
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 24px;
}

.product-body .summary .woocommerce-product-details__short-description {
    line-height: 150%;
    margin-bottom: 24px;
    margin-top: 64px;
}

.product-body .summary .price {
    font-size: 36px;
    line-height: 120%;
    font-family: 'DM Serif Display', Serif;
    margin-bottom: 24px;
}

.product-body .summary .quantity{
    display: inline-flex;
    align-items: center;
    overflow: hidden;
}

.product-body .summary .quantity .qty-btn {
    width: 60px;
    height: 40px;
    background: transparent;
    border: 1px solid #CED4DA;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;

}
.product-body .summary .quantity .qty-btn-minus {
    border-radius: 6px 0 0 6px;
}
.product-body .summary .quantity .qty-btn-plus {
    border-radius:  0 6px 6px 0;
}
.product-body .summary .quantity .qty-btn:hover {
    background: rgba(127, 128, 132, 0.21);;
}

.product-body .summary .quantity .qty {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    border: none;
    line-height: 150%;
    font-weight: 500;
    border-radius: 0;
    padding: 0;
    outline: none;
    border-top: 1px solid #CED4DA;
    border-bottom: 1px solid #CED4DA;
}

/* Убираем стрелки у input type=number */
.product-body .summary .quantity input::-webkit-outer-spin-button,
.product-body .summary .quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.product-body .summary .quantity input[type=number] {
    -moz-appearance: textfield;
}
.product-body .summary .single_add_to_cart_button {
    border-radius: 160px;
    line-height: 150%;
    font-size: 16px;
    font-weight: 400;
    gap: 5px;
    padding: 5px 15px 5px 20px;
    height: 40px;
    border: 1px solid #BBA14F;
}
.product-body .summary .single_add_to_cart_button.get-quote {
    align-self: flex-start;
}
.product-body .summary .single_add_to_cart_button::before {
    font-size: 13px;
}
.product-body .summary .single_add_to_cart_button.buy-now-btn {
    background-color: transparent;
    color: #BBA14F;
}
.product-body .summary .single_add_to_cart_button.buy-now-btn:hover {
    background-color: #BBA14F;
    color: #fff;
}
.product-body .summary .cart:not(variations_form,grouped_form) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 20px;
}
.summary-bottom {
    flex: 1 1 auto;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 48px;
}
.summary-bottom__text {
    line-height: 150%;
    color: rgba(33, 37, 41, 0.7);
}
.summary-bottom__text a {
    text-decoration: underline;
}
.summary-bottom__social {
    display: flex;
    align-items: center;
    gap: 14px;
}
.summary-bottom__social-item {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(33, 37, 41, 0.7);
  color: #212529;
  border-radius: 24px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.summary-bottom__social-item:hover {
    color: #bba14f;
    border-color: #bba14f;
  }
.product-wrapper .zumawoods-tabs {
    display: grid;
    gap: 30px;
}
.product-wrapper .zumawoods-tabs:not(:last-child) {
    margin-bottom: 30px;
}
.zumawoods-tab-title {
    font-weight: 600;
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 24px;
}

.zumawoods-tab .woocommerce-product-attributes {
    width: 100%;
    max-width: 660px;
}
.zumawoods-tab .woocommerce-product-attributes tr{
    display: flex;
}
.zumawoods-tab .woocommerce-product-attributes th,
.zumawoods-tab .woocommerce-product-attributes td {
    padding: 12px;
    font-weight: 400;
    line-height: 150%;
    border-bottom: 1px solid rgba(33, 37, 41, 0.15);
}
.zumawoods-tab .woocommerce-product-attributes th{
    min-width: 160px;
    text-align: left;

}
.zumawoods-tab .woocommerce-product-attributes td {
    color: rgba(33, 37, 41, 0.7);
    flex: 1 1 auto;
}

.faq {
    padding: 40px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}
.faq__title {
    flex: 0 1 544px;
    font-weight: 600;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0.02em;
}
.faq__spollers {
    flex: 0 1 744px;
}
.faq-spollers {
    display: grid;
    gap: 15px;
}
.faq-spollers__item {
    border-bottom: 1px solid #d9dfe3;
}
.faq-spollers__title {
   width: 100%;
   cursor: default;
   text-align: left;

    padding: 24px 0px;
   position: relative;
   list-style: none;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0.02em;
    transition: color 0.3s;
}
.faq-spollers__title.--spoller-active {
    color: #bba14f;
}
.faq-spollers__title::marker,
.faq-spollers__title::-webkit-details-marker {
    display: none;
}
.--spoller-init .faq-spollers__title {
    cursor: pointer;
}
.--spoller-init .faq-spollers__title::before,
.--spoller-init .faq-spollers__title::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    background-color: #212529;
    height: 2px;
    width: 16px;
    transition: transform 0.5s ease 0s;
}
.--spoller-init .faq-spollers__title::before {
    transform: translate(0, -50%);
}
.--spoller-init .faq-spollers__title::after{
    transform: translate(0, -50%) rotate(-90deg);
}
.--spoller-init .faq-spollers__title.--spoller-active::after{
    transform: rotate(00deg);
}
.faq-spollers__body {
    line-height: 150%;
    letter-spacing: 0.03em;
    padding-bottom: 24px;
}

.zumawoods-recently-viewed {
    padding: 40px 0;
    display: grid;
    gap: 55px;
}
.zumawoods-recently-viewed__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 30px;
    row-gap: 40px;
}
.zumawoods-recently-viewed__item-wrapper {
    max-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-bottom: 1px solid rgba(33, 37, 41, 0.15);
}
.zumawoods-recently-viewed__image {
    position: relative;
    aspect-ratio: 230/170;
    overflow: hidden;
    margin-bottom: 20px;
}
.zumawoods-recently-viewed__image img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}
.zumawoods-recently-viewed__image:hover img {
    transform: scale(1.05);
}
.zumawoods-recently-viewed__name {
    font-weight: 600;
    font-size: 21px;
    line-height: 120%;
    color: #BBA14F;
}
.zumawoods-recently-viewed__price {
    font-weight: 600;
    font-size: 21px;
    line-height: 120%;
    margin-bottom: 20px;
}

.shop__container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1320px;
    gap: 20px;
}
.shop__filters {
    flex: 0 1 330px;
    z-index: 15;
}
.shop__body {
    flex: 0 1 990px;
    padding: 0 15px 56px;
    display: grid;
    gap: 16px;
}
.shop-filters__overlay {
    display: none;
}
.shop-filters__item {
    display: grid;
    gap: 16px;
    padding: 16px;
}
.shop-filters__wrapper {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.shop-filters__close-button {
    display: none;
}
.shop-filters__title {
    font-weight: 600;
    font-size: 21px;
    line-height: 120%;
}
.category-filter__list,
.category-filter__subcategories,
.category-filter__item{
    display: grid;
    gap: 10px;
}
.category-filter__subcategories {
    padding-left: 15px;
}
.category-filter__link {
    display: flex;
    gap: 8px;
}
.category-filter__link-decor {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    border-radius: 16px;
    background-color: #fff;
    margin-top: 4px;
    border: 5px solid #fff;
}
.category-filter__link.active .category-filter__link-decor {
    border: 5px solid #bba14f;
}
.category-filter__link-text {
    line-height: 150%;
}
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.noUi-target {
    position: relative;
}
.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
    overflow: hidden;
    z-index: 0;
}
.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0;
}
.noUi-horizontal .noUi-origin {
    height: 0;
}
.noUi-handle {
    backface-visibility: hidden;
    position: absolute;
}
.noUi-touch-area {
    height: 100%;
    width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: transform 0.3s;
}
.noUi-state-drag * {
    cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 2px;
}
.noUi-horizontal .noUi-handle {
    width: 16px;
    height: 16px;
    right: -8px;
    top: -7px;
}
.noUi-vertical {
    width: 18px;
}
.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}
.noUi-connects {
    border-radius: 3px;
}
.noUi-connect {
    background: #BBA14F;
}
/* Handles and cursors;
 */
.noUi-draggable {
    cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}
.noUi-handle {
    border: 1px solid #BBA14F;
    border-radius: 16px;
    background: #fff;
    cursor: default;
}
.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
    background: #b8b8b8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
    box-sizing: border-box;
}
.noUi-pips {
    position: absolute;
    color: #999;
}
/* Values;
 *
 */
.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}
.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
    position: absolute;
    background: #ccc;
}
.noUi-marker-sub {
    background: #aaa;
}
.noUi-marker-large {
    background: #aaa;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}
.noUi-value-horizontal {
    transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
    transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}
.noUi-value-vertical {
    transform: translate(0, -50%);
    padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
    transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}
.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
    transform: translate(0, -18px);
    top: auto;
    right: 28px;
}
.price-filter {
    display: grid;
    gap: 18px;
}
.price-filter__values {
    display: flex;
    justify-content: space-between;
}
.shop-filters__form {
   display: grid;
    gap: 16px;
}
.radio-filter {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.radio-filter__label {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    cursor: pointer;
    position: relative;
    line-height: 150%;
}
.radio-filter__decor {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    border-radius: 16px;
    background-color: #fff;
    margin-top: 4px;
    border: 5px solid #fff;
    transition: all 0.3s;
}
.radio-filter__input:checked + .radio-filter__decor {
    border: 5px solid #bba14f;
}
.radio-filter__input {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    opacity: 0;
}
.shop-filters__button {
    justify-self: self-end;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    margin: 0 16px;
}
.shop-filters__button.show {
    opacity: 1;
    visibility: visible;
}
.shop__actions {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}

.woocommerce-no-products-found {
    margin-top: 20px;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    float: none
}
.woocommerce-ordering {
    flex: 1 0 270px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.woocommerce-ordering select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 7px;
    height: 40px;
    padding: 0 16px;
    border-radius: 20px;
    color: #212529;
    font-family: "Be Vietnam Pro";
    font-size: 16px;
    min-width: 200px;
}
.woocommerce-ordering select option {
    color: #212529;
    font-family: "Be Vietnam Pro";
    font-size: 16px;
}

.shop-befits {
    padding-top: 30px;
    padding-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.shop-befits__item {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.shop-befits__icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 48px;
    background-color: #E9ECEF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shop-befits__icon svg path {
    fill: #BBA14F;
}
.shop-befits__body {
    display: grid;
    gap: 8px;
}
.shop-befits__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
}
.shop-befits__desc {
    line-height: 150%;
}
/* Отключаем float в списке товаров */
.shop__body ul.products {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid; /* включаем grid */
    grid-template-columns: repeat(4, 1fr);
    column-gap: 15px;
    row-gap: 30px;
}
.shop__body ul.products:before,
.shop__body ul.products:after {
    display: none;
}
/* Каждый товар — обычный grid item */
.shop__body ul.products li.product {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

.shop__body .product{

}
.woocommerce-loop-product__wrapper {
    max-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(33, 37, 41, 0.15);
    height: 100%;
}
.woocommerce-loop-product__link:has(img) {
    position: relative;
    aspect-ratio: 230 / 170;
    overflow: hidden;
}
.woocommerce-loop-product__link img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}
.woocommerce-loop-product__link:hover img {
    transform: scale(1.05);
}
.woocommerce-loop-product__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.woocommerce-loop-product__title {
    font-weight: 600;
    font-size: 21px;
    line-height: 120%;
    color: #BBA14F;
}
.shop__body .product .price {
    font-weight: 600;
    font-size: 21px;
    line-height: 120%;
    margin-bottom: 20px;
}
.woocommerce-pagination {
    margin-top: 20px;
}
.woocommerce-pagination ul.page-numbers:before,
.woocommerce-pagination ul.page-numbers:after {
    display: none;
}
.woocommerce-pagination ul.page-numbers {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.shop__body .woocommerce-pagination ul.page-numbers li {
    min-width: 30px;
    height: 30px;
}
.woocommerce-pagination ul.page-numbers li .page-numbers {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid rgba(33, 37, 41, 0.15);
}
.woocommerce-pagination ul.page-numbers li:has(.current) {
    opacity: 0.5;
    cursor: default;
}
.filter-button {
    align-items: center;
    gap: 10px;
    font-weight: 400;
    display: none;
}
.zumawoods-shop-content {
    margin-top: 20px;
}

@media(max-width: 991.98px) {
    .zumawoods-recently-viewed__grid {
        column-gap: 20px;
    }
    .zumawoods-recently-viewed__name {
        font-size: 18px;
    }
    .zumawoods-recently-viewed__price {
        font-size: 16px;
    }
    .product-wrapper__head {
        flex-wrap: wrap;
    }

    .shop__body ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
    .shop__body .product .price {
        font-size: 18px;
    }
    .shop-befits__item {
        flex-direction: column;
    }
    .shop-befits__title {
        font-size: 20px;
    }
}

@media(max-width: 767.98px) {
    .filter-button {
        display: flex;
    }
    .shop__body {
        padding-left: 0;
        padding-right: 0;
    }
    .product-body {
        flex-wrap: wrap;
        justify-content: center;
    }
    .faq {
        flex-wrap: wrap;
    }
    .faq__title {
        font-size: 24px;
    }
    .faq-spollers__title {
        font-size: 18px;
    }
    .zumawoods-recently-viewed {
        gap: 24px;
    }
    .zumawoods-recently-viewed__grid,
    .shop__body ul.products{
        grid-template-columns: repeat(2, 1fr);
    }
    .woocommerce-loop-product__wrapper,
    .zumawoods-recently-viewed__item-wrapper {
        margin: 0 auto;
    }
    .shop__container {
        flex-wrap: wrap;
    }
    .shop-befits {
        display: none;
    }
    .shop-filters {
        position: fixed;
        top: 0;
        right: -100%;
        margin-left: auto;
        max-width: 330px;
        width: 100%;
        height: 100%;

        box-shadow: 0 0 10px rgba(0,0,0,0.15);
        z-index: 95;
        overflow: hidden;
        overflow-y: auto;

        transition: right 0.3s;
    }
    .shop-filters__close-button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 90px;
        right: 20px;
        padding: 5px;
    }
    .shop-filters__close-button:before,
    .shop-filters__close-button:after {
        content: '';
        width: 100%;
        height: 2px;
        background-color: #212529;
    }
    .shop-filters__close-button:before {
        transform: translateY(1px) rotate(-45deg);
    }
    .shop-filters__close-button:after {
        transform: translateY(-1px) rotate(45deg);
    }
    .shop-filters__overlay {
        display: block;
        content: '';
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s;
    }
    .shop-filters__wrapper {
        padding: 130px 20px 30px;
        background-color: #fff;
        position: relative;
        z-index: 2;
    }
    [data-fls-filter-open] .shop-filters__overlay {
        opacity: 1;
        visibility: visible;
    }
    [data-fls-filter-open] .shop-filters {
        right: 0;
    }
}
@media(max-width: 600px) {
    .shop__actions {
        flex-wrap: wrap;
    }
    .woocommerce-ordering {
        justify-content: space-between;
    }

}
@media(max-width: 479.98px) {
    .zumawoods-recently-viewed__grid,
    .shop__body ul.products{
        grid-template-columns: auto;
    }
    .summary-bottom {
        flex-direction: column;
        align-items: stretch;
    }
    .summary-bottom__text {
        max-width: 100%;
    }
}