@keyframes scroll-x {
   0% {
      transform: translateX(var(--scroll-start))
   }

   to {
      transform: translateX(var(--scroll-end))
   }
}

@keyframes scroll-xx {
   0% {
      transform: translateX(var(--scroll-end))
   }

   to {
      transform: translateX(var(--scroll-start))
   }
}

@viewport {
   user-zoom: fixed
}

p {
   margin-bottom: 0
}

* {
   backface-visibility: hidden;
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-style: normal;
   appearance: none
}

body,
html {
   position: relative;
   overflow-x: hidden
}

body {
   min-height: 100vh;
   height: 100%;
   display: flex;
   flex-direction: column;
   color: #141414;
   font: 16px"Commissioner";
   line-height: normal;
   font-weight: 400;
   background: #f9f9f9
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
   transition: background-color 5000000s ease-in-out 0s !important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   display: none
}

input[type=number] {
   appearance: textfield
}

section {
   position: relative;
   overflow: hidden;
   z-index: 0
}

:focus-visible {
   outline: 0
}

.container {
   max-width: 1600px;
   width: 100%;
   margin: 0 auto
}

main {
   flex: 1 0 auto;
   margin-top: 105px
}

a,
a:active,
a:focus,
a:visited {
   outline: 0;
   color: #141414;
   text-decoration: none
}

img {
   max-width: 100%;
   user-select: none
}

ol,
ul {
   margin-left: 0;
   margin-bottom: 0
}

button,
input {
   background-color: unset;
   border: 0
}

button {
   cursor: pointer
}

textarea {
   resize: none
}

:disabled {
   user-select: none;
   pointer-events: none
}

h1 {
   font-size: 80px;
   line-height: 120%;
   text-transform: uppercase
}

.h2,
h2 {
   font-size: 54px;
   line-height: 133%
}

h3 {
   font-size: 40px;
   line-height: 130%
}

h4,
h5 {
   line-height: 140%
}

.h2,
h1,
h2,
h3,
h4 {
   font-weight: 600
}

h4 {
   font-size: 24px
}

.catalog__content .price del bdi span,
h5 {
   font-size: 20px
}

.nav__menu ul a,
.nav__menu ul span,
h6 {
   font-size: 18px;
   line-height: 150%
}

h5,
h6 {
   font-weight: 400
}

.flex-col,
.nav__menu ul {
   display: flex;
   align-items: center
}

.flex-col {
   flex-direction: column;
   height: 100%
}

.compare tr,
.flex-row,
.flex-wrap {
   display: flex
}

.flex-wrap {
   flex-wrap: wrap
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6 {
   padding: 0 12px 24px;
   position: relative
}

.col-1 > *,
.col-2 > *,
.col-3 > *,
.col-4 > *,
.col-5 > *,
.col-6 > *,
.logo img,
.nav__phone > a img {
   width: 100%;
   height: 100%
}

.col-1 {
   width: 100%
}

.col-2 {
   width: 50%
}

.col-3 {
   width: 33.3%
}

.col-4 {
   width: 25%
}

.col-5 {
   width: 20%
}

.col-6 {
   width: 16.6%
}

.navbar {
   position: fixed;
   left: 0;
   top: 10px;
   z-index: 10;
   right: 0;
   transition: all .4s ease
}

.nav {
   justify-content: space-between;
   align-items: center;
   border-radius: 18px;
   border: 1px solid #dcdcdc;
   background: #fff;
   padding: 12px 30px
}

.nav__menu {
   margin: 0 auto
}

.nav__menu .nav__phone,
.select select,
.select2 select {
   display: none
}

.nav__menu ul {
   gap: 30px;
   list-style: none
}

.nav__menu ul a,
.nav__menu ul a:active,
.nav__menu ul span {
   transition: all .4s ease
}

.nav__menu ul a:hover,
.nav__menu ul span:hover {
   color: #2a8d3f;
   transition: all .4s ease
}

.nav__menu ul a:active,
.nav__menu ul span:active {
   color: #27883b
}

.logo {
   max-width: 96px;
   min-width: 96px;
   width: 100%;
   height: auto
}

.nav__phone {
   align-items: center;
   gap: 6px;
   position: relative
}

.nav__phone > a {
   margin-left: 14px;
   min-width: 28px;
   max-width: 28px;
   width: 100%;
   height: 28px
}

.lang {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   margin: 0 50px
}

.lang a {
   font-size: 18px;
   line-height: 1.5
}

.lang .active,
.lang a:hover,
h1 span {
   color: #2f9d46
}

.select,
.select2 {
   width: fit-content
}

.select-selected::after {
   content: "";
   width: 14px;
   height: 7px;
   display: inline-block;
   background: url(../img/arrow-down.svg)center center/100% 100%no-repeat;
   transition: all .4s ease
}

.select-arrow:after {
   transform: rotate(180deg);
   transition: all .4s ease
}

.select-selected {
   display: inline-flex;
   align-items: center;
   gap: 10px
}

.select a,
.select-selected {
   cursor: pointer;
   user-select: none;
   font-size: 18px;
   line-height: 150%;
   white-space: nowrap
}

.select-selected::before {
   margin-right: -4px
}

.select-items {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 99 !important;
   opacity: 1;
   visibility: visible;
   transform: translate(0, 0);
   transition: all .4s ease;
   border-radius: 9px;
   border: 1px solid #dcdcdc;
   background: #fff;
   padding: 8px 12px;
   display: flex;
   flex-direction: column;
   gap: 4px;
   width: calc(100% - 35px)
}

.nav__cart span,
.select-items a {
   display: inline-flex;
   align-items: center
}

.select-items a {
   width: 100%;
   justify-content: flex-start;
   gap: 6px
}

.tel {
   display: none
}

.select2 .select-items a::before,
.select2 .select-selected::before {
   content: "";
   width: 20px;
   height: 20px;
   display: inline-block;
   background: url(../img/phone.svg)center center/100% 100%no-repeat
}

.select-hide {
   opacity: 0;
   visibility: hidden;
   transform: translate(0, -10px);
   transition: all .4s ease
}

.nav__cart {
   position: relative;
   width: 36px;
   height: 36px;
   background: url(../img/cart.svg)center center/100% 100%no-repeat
}

.nav__cart span {
   position: absolute;
   right: -3px;
   top: -5px;
   width: 16px;
   height: 16px;
   justify-content: center;
   background: #2f9d46;
   border-radius: 50%;
   color: #fff;
   text-align: center;
   font-size: 12px;
   font-weight: 600;
   line-height: 140%;
   text-transform: uppercase
}

.burger {
   max-width: 24px;
   min-width: 24px;
   width: 100%;
   height: 21px;
   position: relative;
   z-index: 101;
   cursor: pointer;
   transition: all .4s ease;
   background: 0 0;
   display: none;
   margin-right: 14px
}

.burger span,
.burger::after,
.burger::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 3px;
   left: 0;
   background-color: #000;
   transition: .3s ease 0s
}

.burger::before {
   top: 0
}

.burger::after {
   bottom: 0
}

.burger span {
   top: 50%;
   transform: translate(0, -50%)
}

.burger.active::before {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) rotate(45deg)
}

.burger.active::after {
   bottom: 50%;
   left: 50%;
   transform: translate(-50%, 50%) rotate(-45deg)
}

.burger.active span {
   transform: translate(-50%, -50%);
   opacity: 0
}

.section__catalog {
   padding: 140px 0;
   position: relative;
   z-index: 0;
   overflow: hidden
}

.catalog__decor {
   content: "";
   width: 100%;
   position: absolute;
   z-index: -1;
   left: 0;
   right: 0;
   top: 0;
   height: auto;
   max-height: 1548px;
   aspect-ratio: 1/2;
   background: linear-gradient(180deg, #f9f9f9 0, #eef7ef 50%, #f9f9f9 100%)
}

.catalog h2 {
   text-align: center;
   margin-bottom: 40px
}

.catalog__item {
   align-items: center;
   justify-content: space-between;
   margin-bottom: 90px
}

.catalog__item:last-child {
   margin-bottom: 0
}

.catalog__item:nth-child(2n+2) {
   flex-direction: row-reverse
}

.catalog__content {
   background: url(../img/catalog-bg.webp)top left/100% 100%no-repeat;
   max-width: 656px;
   width: 100%;
   padding: 34px 34px 20px;
   position: relative
}

.catalog__content h3 {
   color: #2f9d46;
   padding-bottom: 18px;
   border-bottom: 1px solid rgba(47, 157, 70, .5);
   width: 100%;
   margin-bottom: 18px
}

.catalog__list {
   margin-bottom: 48px
}

.catalog__list > div {
   align-items: center;
   font-size: 20px;
   line-height: 1.4;
   margin-bottom: 18px;
   gap: 14px
}

.catalog__item-img {
   max-width: 60px;
   min-width: 60px;
   width: 100%;
   height: 60px;
   align-items: center;
   justify-content: center;
   border-radius: 50px;
   background: rgba(248, 248, 248, .99)
}

.catalog__item-img img {
   width: 32px;
   height: 32px
}

.catalog__content .price bdi,
.catalog__item-img {
   display: inline-flex
}

.catalog__content .price,
.catalog__content .price bdi {
   color: #2f9d46;
   font-size: 30px;
   font-style: normal;
   font-weight: 600;
   line-height: 140%;
   align-items: flex-end;
   gap: 5px
}

.catalog__content .price span {
   font-size: 20px;
   color: #141414;
   font-weight: 400
}

.catalog__content .price:has(del) {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 2px
}

.catalog__content .price del {
   margin-bottom: -8px;
   position: relative
}

.catalog__content .price del::before {
   content: "";
   position: absolute;
   height: 2px;
   width: 100%;
   background: #0f834d;
   top: 50%;
   transform: translate(0, -50%);
   left: 0;
   right: 0
}

.catalog__content .price del bdi {
   font-size: 24px;
   line-height: 1
}

.catalog__btns {
   position: absolute;
   bottom: 0;
   right: 0;
   gap: 21px;
   align-items: center
}

.catalog__btns .btn {
   width: 203px
}

.catalog__img {
   position: relative;
   width: 656px;
   height: 100%
}

.catalog__img img:not(.catalog__img-decor) {
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: 0;
   border-radius: 18px
}

.catalog__img-decor {
   position: absolute;
   left: -50%;
   top: 50%;
   z-index: 1;
   width: 467px;
   height: 596px;
   transform: translate(13%, -50%)
}

.catalog__item:nth-child(2n+2) .catalog__img-decor {
   left: auto;
   right: -50%;
   transform: translate(-13%, -50%)
}

.section__special {
   padding: 140px 0
}

.special h2 {
   margin-bottom: 40px;
   text-align: center
}

.special__swiper {
   position: relative
}

.special__swiper .swiper-slide {
   align-items: center;
   margin-bottom: 40px
}

.special__swiper .swiper-slide:last-child {
   margin-bottom: 0
}

.special__swiper .swiper-slide:nth-child(2n+2) {
   flex-direction: row-reverse
}

.special__img {
   max-width: 731px;
   min-width: 731px;
   border-radius: 18px;
   object-fit: cover;
   height: 450px
}

.special__num {
   max-width: 36px;
   min-width: 36px;
   height: 36px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: #2f9d46;
   font-size: 20px;
   font-weight: 600;
   line-height: 140%;
   color: #fff;
   margin: 0 52px auto;
   position: relative
}

.special__num::before {
   content: "";
   left: 50%;
   transform: translate(-50%, 0);
   width: 3px;
   top: 50px;
   height: 399px;
   border-radius: 48px;
   background: linear-gradient(180deg, #94cb9f 0, #f9f9f9 100%);
   position: absolute
}

.special__content div {
   color: #2f9d46;
   font-size: 54px;
   font-weight: 600;
   line-height: 130%;
   margin-bottom: 14px
}

.special__content p {
   font-size: 24px;
   line-height: 140%
}

.modal__swiper .swiper-btn {
   display: flex !important
}

.special__swiper .swiper-btn {
   position: absolute;
   top: 50%;
   transform: translate(-50%, 0);
   width: 12px;
   height: 20px;
   background: url(../img/special-arrow.svg)center center/100% 100%;
   left: 0;
   z-index: 10;
   display: none;
   cursor: pointer
}

.special__swiper .swiper-btn.swiper-prev {
   transform: translate(-50%, 0) rotate(-180deg)
}

.special__swiper .swiper-btn.swiper-next {
   left: auto;
   right: 0
}

.special__swiper .swiper2 {
   margin-top: 15px;
   display: none
}

.special__swiper .swiper2 .swiper-slide {
   border-radius: 6px;
   border: 1px solid transparent;
   transition: all .4s ease;
   height: auto
}

.special__swiper .swiper2 .swiper-slide img {
   width: 100%;
   height: 100%;
   border-radius: 6px;
   object-fit: cover
}

.special__swiper .swiper2 .swiper-slide-thumb-active {
   border: 1px solid #2f9d46;
   transition: all .4s ease
}

.section__filter {
   padding: 140px 0 0
}

.compare h2,
.filter h2 {
   text-align: center;
   margin-bottom: 40px
}

.filter tbody tr:nth-child(n+10) {
   display: none
}

.show tbody tr:nth-child(n+10) {
   display: table-row
}

.show .showMore {
   display: none
}

.showMore2 {
   display: none !important;
   cursor: pointer
}

.showMore2 img {
   transform: rotate(180deg)
}

.show .showMore2 {
   display: inline-flex !important
}

table {
   border-spacing: 0;
   border: 0;
   width: 100%;
   min-width: 100%
}

table th {
   font-size: 24px;
   font-weight: 600;
   line-height: 140%;
   text-align: center;
   padding: 15px 10px;
   border-top: 1px solid #dcdcdc;
   border-right: 1px solid #dcdcdc;
   border-bottom: 1px solid #dcdcdc;
   background: #fff
}

table th:first-child {
   border-radius: 10px 0 0 0;
   border-left: 1px solid #dcdcdc;
   width: 259px
}

table td:first-child {
   border-left: 1px solid #dcdcdc;
   font-weight: 600;
   text-align: left;
   width: 259px
}

table th:last-child {
   border-radius: 0 10px 0 0
}

table td {
   border-right: 1px solid #dcdcdc;
   border-bottom: 1px solid #dcdcdc;
   background: #fff;
   text-align: center;
   vertical-align: middle;
   padding: 8px 10px 8px 23px;
   line-height: 150%
}

table td img {
   margin-left: 10px;
   margin-bottom: -5px
}

table tbody tr:nth-child(2n+1) td {
   background: #f6f6f6
}

table tbody tr:last-child td {
   padding-bottom: 25px
}

table tbody tr:last-child td:first-child {
   border-radius: 0 0 0 10px
}

table tbody tr:last-child td:last-child {
   border-radius: 0 0 10px 0
}

.compare th,
.link {
   display: inline-flex;
   font-weight: 600
}

.link {
   align-items: center;
   justify-content: center;
   line-height: normal;
   color: #2f9d46 !important;
   text-transform: uppercase;
   gap: 10px;
   width: 100%;
   text-align: center;
   margin-top: 30px
}

.section__compare {
   padding: 140px 0 0
}

.compare table,
.compare tbody,
.compare thead {
   display: block;
   width: 100%;
   min-width: 100%
}

.compare th {
   font-size: 24px;
   font-style: normal;
   text-align: left !important;
   line-height: 140%;
   position: relative;
   padding: 24px 24px 19px 10px
}

.hover {
   border-left: 1px solid #2f9d46;
   border-right: 1px solid #2f9d46
}

thead .hover {
   border-top: 1px solid #2f9d46
}

tbody tr:last-child .hover {
   border-bottom: 1px solid #2f9d46
}

.hero {
   position: relative
}

tbody tr:last-child td:nth-child(2).hover,
thead th:nth-child(2).hover {
   border-left: 1px solid #2f9d46 !important
}

tbody td:nth-child(1).hover,
thead th:nth-child(1).hover {
   border-right: 1px solid #dcdcdc !important
}

tbody tr:last-child td:nth-child(1).hover {
   border-bottom: 1px solid #dcdcdc !important
}

thead th:first-child.hover {
   border-top: 1px solid #dcdcdc !important
}

.section__compact {
   padding: 0 !important
}

.compare th:nth-child(n+2)::before {
   content: "";
   position: absolute;
   top: 24px;
   left: 90px;
   background: url(../img/yes.svg)center center/100% 100%no-repeat;
   width: 26px;
   height: 26px;
   opacity: 0;
   transition: all .4s ease
}

.compare th.hover::before {
   opacity: 1;
   transition: all .4s ease
}

.compare th img {
   width: 110px;
   height: 100px
}

.compare td {
   display: flex;
   flex-direction: column !important;
   gap: 2px !important
}

.compare td:first-child,
.compare th:first-child {
   width: 260px;
   min-width: 260px;
   max-width: 260px;
   text-align: left;
   align-items: flex-start
}

.compare td,
.compare th {
   justify-content: center;
   align-items: center;
   width: calc((100% - 260px)/3)
}

.compare th {
   gap: 8px
}

.compare td,
.footer h4 {
   text-align: center
}

.compare td img {
   margin: 0
}

footer {
   background: #f6f6f6
}

.footer {
   padding: 120px 0;
   align-items: flex-start;
   justify-content: space-between
}

.footer p {
   font-size: 14px;
   line-height: 1.4
}

.footer h4 {
   width: 100%
}

.footer__info {
   max-width: 252px;
   width: 100%
}

.footer__logo {
   width: 155px;
   display: inline-block;
   height: auto;
   margin-bottom: 14px
}

.footer__logo img {
   width: 100%;
   height: auto
}

.footer a:hover {
   color: #0f834d
}

.footer a,
.footer a:hover {
   transition: all .4s ease
}

.footer__item ul,
.footer__phone {
   text-align: center
}

.filter__table table {
   width: 100% !important
}

.cart__table table {
   z-index: 2 !important
}

#billing_address_1_field,
#billing_address_2_field {
   height: 67px !important;
   right: 0;
   left: auto;
   position: absolute;
   top: 72px
}

#billing_address_2_field {
   left: 0;
   right: auto
}

.woocommerce-checkout-payment {
   z-index: 0
}

.footer__item ul {
   list-style: none
}

.footer__item a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
   line-height: 140%;
   width: 100%;
   gap: 6px
}

.footer__item {
   gap: 14px;
   width: fit-content;
   justify-content: center
}

.footer__social a {
   width: 55px;
   height: 55px;
   border-radius: 50%;
   background: #7c519e
}

.footer__social a img {
   filter: brightness(0) invert(1)
}

.footer__social a:nth-child(3) {
   background: #2bacef
}

.footer__copy {
   max-width: 382px;
   width: 100%
}

.footer__social {
   max-width: 135px
}

.footer__item:nth-child(2),
.footer__item:nth-child(4) {
   max-width: 251px
}

.footer__copy h6,
.footer__copy p {
   margin-bottom: 14px
}

.footer__copy div,
.med {
   align-items: center;
   font-size: 14px
}

.med {
   display: inline-flex;
   font-weight: 600;
   gap: 4px;
   margin-left: 10px
}

.footer__copy div {
   line-height: 140%
}

.card {
   border-radius: 18px !important;
   background: #f9f9f9 !important;
   max-width: 1600px !important;
   width: 100% !important;
   padding: 60px 20px 20px !important
}

body:has(.mfp-wrap),
html:has(.mfp-wrap) {
   overflow: hidden !important
}

.modal__container {
   overflow: hidden scroll;
   height: calc(100vh - 200px);
   gap: 18px;
   padding-right: 20px
}

.modal__container::-webkit-scrollbar {
   width: 4px;
   border-radius: 20px
}

.mfp-bg,
.mfp-wrap {
   height: 100vh !important;
   max-height: 100vh !important;
   min-height: 100vh !important;
   overflow: hidden !important
}

.mfp-content {
   padding-bottom: 20px
}

.mfp-container,
.mfp-content {
   height: 100vh !important;
   max-height: 100vh !important;
   min-height: 100vh !important
}

.modal__container::-webkit-scrollbar-track {
   border-radius: 20px;
   background: rgba(0, 0, 0, .1)
}

.modal__container::-webkit-scrollbar-thumb {
   border-radius: 20px;
   background: #2f9d46
}

.modal__container > * {
   width: calc(50% - 9px);
   max-width: 100% !important;
   border-radius: 20px;
   border: 1px solid #dcdcdc;
   background: #fff
}

.card .catalog__content {
   padding: 34px 34px 20px
}

.card .catalog__list {
   gap: 18px;
   width: 100%;
   align-items: center
}

.card .catalog__list > div {
   width: calc(50% - 9px);
   margin-bottom: 0;
   font-size: 16px
}

.card .catalog__btns {
   position: relative;
   inset: 0;
   margin-top: 18px
}

.modal__content {
   padding: 34px 0
}

.modal__content h4 {
   margin: 0 34px 8px
}

.modal__content table td {
   border: 0;
   text-align: left;
   font-size: 16px;
   border-radius: 0 !important
}

.modal__content table tr:nth-child(2n+2) td {
   background: #f9f9f9 !important
}

.modal__content table tr:nth-child(2n+1) td {
   background: #fff !important
}

.modal__content table td:first-child {
   width: 300px;
   padding-left: 34px
}

.modal__content table tr:last-child td {
   padding-bottom: 8px
}

.modal__content table td img {
   margin-right: 8px
}

.modal__info {
   padding: 34px
}

.modal__info h4 {
   margin-bottom: 18px
}

.modal__info p {
   font-size: 20px;
   line-height: 140%
}

.modal__swiper {
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: flex-end;
   padding: 18px;
   position: relative
}

.modal__swiper .swiper2 {
   height: 53px;
   width: 295px
}

.modal__swiper .swiper2 .swiper-slide {
   cursor: pointer
}

.modal__swiper .swiper1 {
   height: 500px;
   width: 100%;
   margin-bottom: 20px
}

.modal__swiper .swiper1 img,
.modal__swiper .swiper2 img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   border-radius: 9px
}

.modal__swiper .swiper-btn {
   left: 167px;
   width: 24px;
   cursor: pointer;
   height: 24px;
   position: absolute;
   bottom: 32px;
   background: url(../img/carbon_arrow-left.svg)
}

.modal__swiper .swiper-btn.swiper-next {
   right: 167px;
   left: auto;
   transform: rotate(180deg)
}

body:has(.modal) {
   overflow: hidden auto !important
}

.mfp-fade.mfp-bg {
   opacity: 0;
   transition: all .3s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
   opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
   opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
   opacity: 0;
   transition: all .3s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
   opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
   opacity: 0
}

.section__cart {
   padding: 10px 0 135px
}

.breadcrumps {
   margin-bottom: 18px
}

.breadcrumps > span {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 10px;
   justify-content: center;
   width: 100%
}

.breadcrumps > span span {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   color: #222
}

.breadcrumps > span a {
   opacity: .5
}

.breadcrumps > span span::after {
   content: "";
   display: inline-block;
   background: #22564b;
   width: 6px;
   height: 6px;
   border-radius: 50%
}

.breadcrumb_last::after {
   display: none !important
}

.cart {
   align-items: flex-start;
   justify-content: space-between
}

.cart h1 {
   text-align: center;
   width: 100%;
   font-size: 54px;
   margin-bottom: 37px
}

.cart__table {
   width: calc(100% - (521px + 18px));
   margin-top: 27px
}

#order_review,
.cart__table table {
   width: 100%;
   position: relative
}

#order_review {
   z-index: 0
}

.cart__table td,
.cart__table th {
   background: 0 0 !important;
   border: 0 !important;
   text-align: left
}

.cart__table td {
   padding: 24px 0 !important;
   vertical-align: middle;
   border-bottom: 1px solid rgba(47, 157, 70, .5) !important
}

.cart__table th {
   padding: 0 !important;
   font-style: normal;
   line-height: 140%
}

.cart__table tbody tr:last-child td {
   border: 0 !important
}

.image,
.shop_table tfoot {
   width: 100% !important
}

.image a {
   gap: 20px
}

.cart__table .delete a,
.image a,
.image span {
   display: inline-flex;
   align-items: center
}

.image a,
.image span {
   justify-content: center
}

.image span {
   width: 155px;
   height: 121px;
   border-radius: 18px;
   border: 1px solid #dcdcdc;
   background: #fff;
   overflow: hidden
}

.image img {
   width: 100%;
   height: 100%;
   border-radius: 18px;
   object-fit: contain
}

.image h4 {
   color: #2f9d46
}

.quont {
   text-align: center !important;
   min-width: 180px !important
}

.cart__table .price {
   min-width: 160px !important;
   white-space: nowrap;
   text-align: end !important
}

.cart__sum .cart-subtotal > span,
.cart__sum div,
.cart__table td.price {
   font-size: 30px;
   font-weight: 600;
   line-height: 140%
}

.cart__table td.price span {
   font-size: 20px;
   font-weight: 400;
   margin-left: 8px
}

.cart__table .delete {
   min-width: 170px
}

.cart__table .delete a {
   justify-content: flex-end;
   width: 100%
}

.cart__table .delete a:hover img {
   transform: rotate(90deg);
   transition: all .4s ease
}

.cart__table .delete img {
   width: 40px;
   height: 40px;
   transition: all .4s ease
}

.cart__table .quantity {
   display: inline-flex;
   align-items: center;
   justify-content: center
}

.cart__table .minus {
   border-radius: 12px 0 0 12px
}

.cart__table .plus {
   border-radius: 0 12px 12px 0
}

.cart__table .minus,
.cart__table .plus,
.cart__table .quantity input {
   width: 60px;
   height: 60px;
   cursor: pointer;
   background: #eef7ef;
   border: 1px solid #dcdcdc;
   position: relative;
   transition: all .4s ease
}

.cart__table .quantity input {
   border-top: 1px solid #dcdcdc;
   border-bottom: 1px solid #dcdcdc;
   background: #fff;
   color: #141414;
   text-align: center;
   cursor: default;
   border-radius: 0;
   font-size: 24px;
   font-weight: 600;
   line-height: 140%
}

.cart__table .minus::before,
.cart__table .plus::after,
.cart__table .plus::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 24px;
   height: 3px;
   background: #141414
}

.cart__table .minus:hover,
.cart__table .plus:hover {
   background: #94cb9f;
   transition: all .4s ease
}

.cart__table .plus::after {
   transform: translate(-50%, -50%) rotate(90deg)
}

.cart__aside {
   width: 521px;
   border-radius: 18px;
   padding: 24px;
   align-items: flex-start;
   gap: 18px;
   background: #eef7ef
}

.cart__price {
   width: 100%;
   align-items: center;
   justify-content: space-between
}

.cart__price span {
   font-weight: 400
}

.cart__sum {
   padding-top: 18px;
   border-top: 1px solid #dcdcdc
}

.cart__sum .cart-subtotal > span,
.cart__sum div {
   color: #2f9d46
}

.cart__sum .cart-subtotal > span bdi span,
.cart__sum div span,
.cart__table th,
.checkout__coupon input {
   color: #141414;
   font-size: 20px;
   font-weight: 400
}

.checkout__coupon input {
   width: 100%;
   padding: 0 20px;
   font-family: "Commissioner", sans-serif;
   font-size: 14px;
   font-style: normal;
   line-height: 140%
}

.cart__aside .btn {
   width: 100%;
   min-width: 100%
}

.checkout__coupon {
   width: 100%;
   display: inline-flex;
   border-radius: 18px;
   border: 1px solid #dcdcdc;
   background: #fff;
   height: 60px
}

.catalog__img .plus {
   position: absolute;
   right: 0;
   display: none;
   bottom: 0
}

.catalog__img .plus img {
   width: 26px !important;
   height: auto
}

.checkout__coupon input::placeholder {
   color: rgba(20, 20, 20, .5)
}

.checkout__coupon button {
   border-radius: 0 18px 18px 0;
   border: 1px solid #2f9d46;
   background: #fff;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 175px;
   max-width: 175px;
   width: 100%;
   transition: all .4s ease;
   color: #141414;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   letter-spacing: .32px;
   text-transform: uppercase
}

.checkout__coupon button:hover {
   background: #2f9d46;
   color: #fff;
   transition: all .4s ease
}

.checkout__content {
   border-radius: 20px;
   border: 1px solid #dcdcdc;
   background: #fff;
   padding: 34px;
   margin-top: 0
}

.section__error::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background: url(../img/error-bg.webp)center center/cover no-repeat !important;
   z-index: -1
}

.section__error .breadcrumps {
   display: none !important
}

.woocommerce-cart .woocommerce {
   justify-content: space-between;
   width: 100%
}

.woocommerce-cart .cart_totals {
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 18px
}

.woocommerce-cart .actions {
   display: none !important
}

.woocommerce-cart tr:has(.actions) {
   padding: 0 !important
}

.woocommerce-cart .woocommerce-info {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   padding: 20px 0;
   font-size: 24px;
   font-weight: 600;
   background: 0 0;
   border: 0;
   margin: 0 auto
}

.zen-ui-select__value-text {
   padding-right: 20px;
   overflow: hidden;
   width: 95%;
   text-overflow: ellipsis
}

.woocommerce-cart .wc-empty-cart-message,
.woocommerce-cart .woocommerce-notices-wrapper {
   width: 100%
}

.woocommerce-cart .woocommerce {
   flex-wrap: wrap
}

.woocommerce-checkout .woocommerce-shipping-totals th,
.woocommerce-checkout h3 {
   color: #2f9d46;
   font-size: 40px;
   font-weight: 600;
   line-height: 130%;
   margin-bottom: 18px
}

.woocommerce-billing-fields__field-wrapper {
   width: calc(100% + 14px);
   margin: 0-7px 24px;
   display: inline-block;
   padding-bottom: 158px;
   position: relative;
   border-bottom: 1px solid #dcdcdc
}

.woocommerce-checkout:has(.woocommerce-shipping-totals .select-items>:last-child.same-as-selected) .woocommerce-billing-fields__field-wrapper {
   padding-bottom: 85px
}

.woocommerce-billing-fields__field-wrapper .form-row {
   width: 50%;
   padding: 0 7px 14px;
   margin: 0
}

.col2-set > .col-1 {
   padding: 0
}

.col2-set > .col-2 {
   padding: 0;
   width: 100%
}

.woocommerce-shipping-totals.shipping {
   display: flex;
   flex-direction: column;
   align-items: flex-start
}

.woocommerce-shipping-totals.shipping td {
   padding: 0 !important;
   border: 0 !important;
   position: relative;
   width: 100%;
   z-index: 0
}

.form-row.woocommerce-invalid input {
   border: 1px solid red;
   box-shadow: none !important
}

.form-row.woocommerce-validated input.input-text {
   box-shadow: none !important;
   border: 1px solid #0f834d
}

.woocommerce-billing-fields p {
   position: relative;
   z-index: 0;
   overflow: hidden
}

#contactModal label,
.woocommerce-billing-fields label {
   position: absolute !important;
   z-index: -1;
   top: 20px;
   left: 27px;
   color: rgba(20, 20, 20, .5);
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   width: calc(100% - 50px);
   white-space: nowrap;
   height: fit-content;
   line-height: 140%;
   display: inline-flex;
   align-items: center;
   justify-content: flex-start;
   margin: 0;
   clip: unset;
   clip-path: none;
   text-overflow: ellipsis
}

#contactModal label abbr,
.woocommerce-billing-fields label abbr {
   font-weight: 400;
   color: #2f9d46
}

#contactModal p:has(input:focus) label {
   opacity: 0 !important
}

.place-order textarea,
.woocommerce-billing-fields input {
   font-family: "Commissioner", sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   z-index: 1;
   line-height: 140%;
   background: 0 0;
   color: #141414;
   padding: 20px;
   border-radius: 18px;
   resize: none;
   height: 60px;
   border: 1px solid #dcdcdc;
   width: 100%
}

#contactModal .form p {
   position: relative;
   z-index: 0
}

#contactModal p:has(label):has(input:focus) label,
.woocommerce-billing-fields p:has(input:focus) label {
   opacity: 0
}

#contactModal p:has(label) input {
   background: 0 0 !important
}

.place-order textarea::-webkit-scrollbar {
   display: none
}

.place-order textarea::placeholder {
   color: rgba(20, 20, 20, .5)
}

.place-order,
.woocommerce-checkout-payment {
   padding-top: 24px;
   border-top: 1px solid #dcdcdc;
   margin-top: 24px;
   display: inline-block;
   width: 100%
}

#billing_first_name_field {
   z-index: 1
}

.woocommerce-input-wrapper {
   width: 100%;
   height: 100%;
   display: inline-block
}

.wc_payment_methods {
   z-index: 0;
   position: relative;
   list-style: none;
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.wc_payment_method {
   width: 100%;
   display: flex;
   align-items: center;
   gap: 10px;
   cursor: pointer;
   color: #222;
}

.wc_payment_method * {
   cursor: pointer;
}

.wc_payment_method input {
   max-width: 20px;
   min-width: 20px;
   height: 20px;
   position: relative;
   opacity: 1;
   border-radius: 50%;
   background: #fff;
   border: 1px solid #0f834d;
}

.wc_payment_method input:checked {
   background: url(../img/check.svg) center center / 12px 12px no-repeat, #fff;
}

#billing_email_field {
   margin-left: auto
}

#billing_email_field,
#billing_phone_field {
   height: 74px;
   position: absolute;
   bottom: 10px
}

#billing_email_field {
   right: 0
}

.menu-item-has-children.active .sub-menu,
.section__same .swiper-btn.swiper-button-disabled {
   opacity: 0;
   visibility: hidden;
   transition: all .4s ease
}

.menu-item-has-children {
   position: relative;
   z-index: 2
}

.sub-menu {
   position: absolute;
   top: calc(100% + 15px);
   background: #fff;
   border-radius: 12px;
   box-shadow: 0 0 10px rgba(0, 0, 0, .1);
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   left: 0;
   transform: translate(-40px, -20px);
   width: 280px;
   padding: 20px;
   gap: 10px !important;
   opacity: 0;
   z-index: 20;
   visibility: hidden;
   transition: all .4s ease
}

.sub-menu a {
   display: inline-flex;
   justify-content: flex-start
}

.sub-menu a::before {
   content: "";
   max-width: 6px;
   min-width: 6px;
   width: 100%;
   height: 6px;
   border-radius: 50%;
   display: inline-block;
   margin-right: 8px;
   background: #000;
   margin-top: 10px
}

.menu-item-has-children.active1 .sub-menu {
   opacity: 1;
   visibility: visible;
   transform: translate(-40px, 0)
}

.sub-menu a,
.sub-menu li {
   width: 100%;
   text-align: left
}

.checkout:has(#payment_method_my_custom_gateway:checked) #paypart1 {
   pointer-events: none;
   opacity: 0.6;
   user-select: none;
	display: none !important;
}

/* 
.woocommerce-shipping-methods li {
   border-radius: 18px;
   border: 1px solid #dcdcdc;
   padding: 20px;
   width: 100%;
   color: #141414;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   cursor: pointer;
   line-height: 140%;
   background: #fff;
   position: absolute;
   top: 100%;
   left: 0;
   right: 0;
   opacity: 0;
   visibility: hidden
}

.woocommerce-shipping-methods li:has(input:checked) {
   position: relative;
   inset: 0;
   opacity: 1;
   visibility: visible;
   background: url(../img/arrow-down.svg)right 20px center/14px 7px no-repeat, #fff
}

.show.woocommerce-shipping-methods li:has(input:checked) {
   border-radius: 18px 18px 0 0
}

.show.woocommerce-shipping-methods li {
   opacity: 1;
   visibility: visible;
   border-radius: 0 0 18px 18px
} */

.zen-ui-select__value > svg {
   right: 20px;
   width: 14px;
   height: 14px;
   fill: #141414 !important
}

.woocommerce-shipping-methods {
   position: relative;
   width: 100%;
   display: inline-block
}

.woocommerce-shipping-methods li input {
   width: 100%;
   height: 100%;
   cursor: pointer;
   position: absolute;
   inset: 0
}

.cart__aside .woocommerce-error,
.woocommerce-checkout .woocommerce-NoticeGroup-checkout ul,
.woocommerce-shipping-methods {
   list-style: none;
   background: 0 0
}

.woocommerce-checkout .woocommerce-NoticeGroup-checkout li {
   padding: 10px 20px;
   border-radius: 10px;
   background: #0f834d;
   font-size: 14px;
   color: #fff !important;
   margin-bottom: 10px
}

.woocommerce-checkout .woocommerce-NoticeGroup-checkout li * {
   color: #fff !important;
}

.checkout-inline-error-message {
   display: none !important;
}

.cart__aside h5 {
   order: 1
}

.cart__aside h4 {
   order: 2
}

.cart__aside form {
   order: 3
}

.cart__aside .woocommerce-error {
   order: 4;
   margin-top: -12px
}

.cart__aside .cart__sum {
   order: 5;
   flex-direction: row-reverse
}

.cart__aside .btn {
   order: 6
}

.cart__aside .woocommerce-error li {
   color: red;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 140%
}

.cart__aside:has(.woocommerce-error) input {
   border: 1px solid red;
   border-radius: 18px 0 0 18px
}

.checkout__coupon input {
   border: 0;
   background: 0 0
}

.woocommerce-shipping-methods:has(#shipping_method_0_nova_poshta_shipping4:checked) {
   margin-top: 150px;
   z-index: 0
}

.woocommerce-additional-fields {
   position: absolute;
   top: 145px;
   z-index: 1;
   left: 0
}

.woocommerce:has(.select-selected.select-arrow) .woocommerce-additional-fields {
   z-index: 0
}

.wcus-checkout-fields > div > div p {
   width: calc(50% - 7px)
}

.wcus-checkout-fields > div > div {
   flex-wrap: wrap;
   display: flex;
   gap: 14px;
   margin-top: 14px
}

.zen-ui-select__value,
.zen-ui-select__value.disabled {
   border-radius: 18px;
   border: 1px solid #dcdcdc;
   background: #fff;
   color: #141414;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 140%;
   padding: 20px !important
}

.zen-ui-select__value.disabled {
   border-radius: 18px 18px 0 0
}

.mfp-container {
   overflow: auto !important
}

.catalog__btns form {
   width: 100%
}

.page h1 {
   font-size: 54px;
   text-align: center;
   margin-bottom: 40px
}

.page h2 {
   font-size: 28px;
   margin-bottom: 0;
   margin-top: 20px
}

.page li,
.page ol,
.page p,
.page ul {
   margin-bottom: 10px;
   line-height: 1.6
}

.page ol,
.page ul {
   margin-left: 20px
}

.page a {
   color: #0f834d
}

.wcus-checkout-fields > div {
   z-index: 10;
   position: relative
}

#successModal {
   padding-bottom: 50px
}

.mfp-content:has(#successModal) {
   height: auto;
   min-height: fit-content;
   overflow: hidden
}

.hero__content .btn:after {
   opacity: 1 !important
}

#cookie-notice .cn-button {
   color: #0f834d;
   padding: 5px 10px;
   background: #fff;
   border-radius: 4px
}

.woocommerce-shipping-totals td .select-selected::before,
.woocommerce-shipping-totals td select {
   display: none
}

.woocommerce-shipping-totals td .select-selected {
   height: 60px
}

.woocommerce-shipping-totals td .select-items,
.woocommerce-shipping-totals td .select-selected {
   font-family: "Commissioner", sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   z-index: 1;
   line-height: 140%;
   background: 0 0;
   color: #141414;
   padding: 20px;
   border-radius: 18px;
   resize: none;
   justify-content: space-between;
   border: 1px solid #dcdcdc;
   width: 100%
}

.woocommerce-shipping-totals td .select {
   z-index: 10
}

.woocommerce-shipping-totals td .select-items {
   display: flex;
   flex-direction: column;
   height: auto;
   gap: 10px;
   margin-top: 10px;
   background: #fff
}

.woocommerce-shipping-totals td .select-items > * {
   display: inline-block;
   cursor: pointer
}

.woocommerce:has(span:nth-child(3).same-as-selected) .woocommerce-shipping-totals {
   margin-bottom: 140px
}

#menu-menyu-footer-ukrayinska {
   gap: 14px;
   display: flex;
   flex-direction: column
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
   color: #fff !important;
   -webkit-text-fill-color: #fff !important
}

.hero__swiper .swiper-wrapper .swiper-slide img {
   width: 100%;
   height: 100%;
   object-fit: cover
}

.modal__info li {
   font-size: 20px;
   margin-bottom: 5px;
   line-height: 140%
}

.modal__info p {
   margin-bottom: 15px
}

.modal__info ol,
.modal__info ul {
   margin: 0 0 20px 20px
}

@media (max-width: 1440px) {
   .modal__info li {
      font-size: 16px
   }

   .modal__info p {
      margin-bottom: 10px
   }
}

.catalog__content .price {
   width: 140px;
   display: inline-flex;
   justify-content: center;
   text-align: center
}

@media (max-width: 1110px) {
   .catalog__content .price {
      width: 100%;
      text-align: left;
      justify-content: flex-start
   }
}

.checkout_coupon {
   position: relative !important
}

.checkout_coupon:has(.coupon-error-notice) {
   margin-bottom: 30px
}

.coupon-error-notice {
   position: absolute;
   left: 0;
   z-index: 2;
   bottom: -30px;
   color: red
}

.coupon-error-notice:last-child {
   opacity: 1;
   visibility: visible;
   display: inline-block !important
}

#paypart1,
#paypart2 {
   order: 6;
   gap: 5px
}

#paypart1 span,
#paypart2 span {
   margin-right: 5px
}

#paypart1 img,
#paypart2 img {
   width: 20px;
   height: 20px
}

#paypart1 {
   display: none
}

.section__hero {
   padding-bottom: 110px !important
}

.anim-logo-wrap {
   display: block;
   width: 110%;
   white-space: nowrap;
   overflow: hidden;
   padding: 0;
   margin: 0-1%
}

.anim-logo-wrap_b {
   transform: rotate(-3.5deg);
   border: 1px solid #dcdcdc;
   background: #fff;
   bottom: 270px;
   color: #141414;
   position: absolute;
   z-index: -1
}

.anim-logo-wrap_f {
   transform: rotate(3.5deg);
   border: 1px solid #fff;
   background: #2f9d46;
   color: #fff;
   bottom: 60px;
   position: absolute;
   z-index: 1
}

:root {
   --gap: 34px;
   --duration: 30s;
   --scroll-start: 0;
   --scroll-end: calc(-100% - var(--gap))
}

.marquee {
   display: flex;
   overflow: hidden;
   user-select: none
}

.marquee__group {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: space-around;
   min-width: 100%;
   animation: scroll-x var(--duration) linear infinite
}

.anim-logo-wrap_f .marquee__group {
   animation: scroll-xx var(--duration) linear infinite
}

.anim-logo__item {
   font-size: 21px;
   font-style: normal;
   font-weight: 500;
   height: 84px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   line-height: normal;
   position: relative;
   width: fit-content;
   padding: 0 34px 0 0;
   gap: 34px
}

.anim-logo-wrap_b .anim-logo__item::before {
   filter: invert(1)
}

.section__product {
   padding: 34px 0 150px !important
}

.product h1 {
   font-size: 54px;
   font-weight: 600;
   line-height: 130%;
   text-align: center;
   margin-top: 30px
}

.product__items {
   margin: 40px -9px -18px;
   width: calc(100% + 18px)
}

.product__items > div {
   padding: 0 9px 18px
}

.product__item-img {
   width: 100%;
   border-radius: 18px;
   height: 600px;
   overflow: hidden;
   margin-bottom: 14px
}

.product__item-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all .4s ease
}

.product__item-img:hover img {
   transform: scale(1.1);
   transition: all .4s ease
}

.product__item span {
   font-size: 24px;
   font-weight: 600;
   line-height: 140%
}

.section__katalog {
   padding: 34px 0 140px !important
}

.katalog,
.katalog__header {
   justify-content: space-between
}

.katalog {
   align-items: flex-start;
   margin-top: 40px
}

.katalog__header {
   align-items: center;
   width: 100%;
   margin-bottom: 40px
}

.katalog__select {
   align-items: center;
   position: relative;
   gap: 14px
}

.katalog__select .select-selected {
   padding: 8px 12px;
   border-radius: 14px;
   width: 100%;
   justify-content: space-between;
   border: 1px solid #dcdcdc;
   font-size: 16px;
   font-weight: 400;
   background: #fff
}

.katalog__select .select-selected::after {
   width: 10px
}

.katalog__select p:last-child {
   display: none
}

.katalog__select .select-items {
   width: 100%;
   border-radius: 14px;
   top: calc(100% + 10px);
   border: 1px solid #dcdcdc;
   gap: 0;
   background: #fff;
   padding: 0
}

.wpc-after-sorting-form {
   position: absolute;
   right: 0;
   width: 300px;
   top: 30px
}

.select2-container {
   position: relative !important;
   top: 0 !important;
   left: 0 !important;
   width: 100%
}

.wpc-filters-open-widget > span {
   display: inline-flex;
   align-items: center;
   width: 100%;
   text-align: center;
   justify-content: center;
   margin: 0
}

.wpc_show_bottom_widget .wpc-filters-widget-wrapper {
   padding-left: 0 !important;
   padding-right: 0 !important
}

.wpc-button-inner,
.wpc-chip-content {
   display: flex;
   align-items: center !important;
   justify-content: center !important
}

.wpc-filter-content select,
.wpc-sorting-form select {
   border-radius: 14px !important
}

.select2-results__option,
.select2-selection__rendered {
   padding: 8px 12px !important
}

.select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown {
   border-radius: 14px;
   border: 1px solid #dcdcdc;
   background: #fff;
   margin-top: 10px;
   overflow: hidden
}

.select2-results__option {
   display: inline-block;
   border-bottom: 1px solid #dcdcdc
}

.select2-results__option:last-child {
   border-bottom: none
}

.select2-container--default .select2-selection--single {
   border-radius: 14px !important;
   border: 1px solid #dcdcdc !important;
   background: #fff !important
}

.select2-dropdown {
   width: 100% !important
}

.katalog__select .select-items > * {
   padding: 8px 12px;
   font-weight: 400;
   line-height: 140%;
   border-bottom: 1px solid #dcdcdc
}

.katalog__select .select-items > :last-child {
   border-bottom: unset
}

.katalog__burger,
body .wpc-filters-open-button-container a.wpc-filters-open-widget,
body .wpc-filters-open-button-container a.wpc-open-close-filters-button {
   display: none;
   padding: 8px 12px !important;
   border-radius: 14px !important;
   border: 1px solid #dcdcdc !important;
   background: #fff;
   cursor: pointer;
   align-items: center;
   justify-content: center
}

.wpc-filters-open-button-container {
   margin-left: auto;
   margin-right: 20px
}

.katalog__aside {
   border-radius: 18px;
   border: 1px solid #dcdcdc;
   background: #fff;
   padding: 20px;
   width: 387px
}

.burger__close {
   width: 20px;
   height: 20px;
   position: absolute;
   top: 20px;
   cursor: pointer;
   right: 20px;
   background: url(../img/mfp-close.svg)center center/100% 100%no-repeat;
   display: none
}

.katalog__items,
.woocommerce-pagination {
   width: calc(100% - 407px);
   margin: 0-10px -30px
}

.woocommerce-pagination {
   margin: 60px 0 0 auto
}

.page-numbers {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   list-style: none;
   gap: 10px
}

.page-numbers li a,
.page-numbers li span {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   font-size: 16px;
   font-weight: 400;
   line-height: 140%;
   background: 0 0;
   cursor: pointer
}

.page-numbers li a {
   border: 1px solid #dcdcdc;
   transition: all .4s ease
}

.page-numbers li span {
   background: #0f834d;
   color: #fff
}

.page-numbers li a:hover,
.page-numbers li span {
   border: 1px solid #0f834d;
   transition: all .4s ease
}

.katalog__item,
.katalog__items > div {
   position: relative;
   padding: 0 10px 30px
}

.katalog__item {
   border-radius: 18px 18px 36px 36px;
   border: 1px solid #dcdcdc;
   background: #fff;
   display: flex;
   padding: 0 20px 82px;
   flex-direction: column
}

.katalog__item-img,
.page-numbers li a,
.page-numbers li span {
   display: inline-flex;
   align-items: center;
   justify-content: center
}

.katalog__item-img {
   margin-bottom: 20px;
   width: 100%;
   height: 316px;
   width: calc(100% + 40px);
   margin-right: -20px;
   margin-left: -20px
}

.katalog__item-img img {
   width: 100%;
   height: 100%;
   object-fit: contain
}

.katalog__item .price bdi,
.katalog__item-subtitle,
.katalog__item-title {
   font-size: 18px;
   font-weight: 600;
   line-height: 140%
}

.katalog__item-title {
   color: #2f9d46;
   font-size: 24px;
   margin-bottom: 6px
}

.katalog__item .price bdi {
   font-size: 24px;
   display: inline-flex;
   align-items: center;
   gap: 6px
}

.katalog__item .price bdi span {
   font-size: 20px;
   font-weight: 400
}

.katalog__items .btn {
   position: absolute;
   left: 10px;
   right: 10px;
   bottom: 30px;
   max-width: calc(100% - 20px);
   height: fit-content;
   padding: 24px 22px;
   line-height: normal
}

.section__card {
   padding: 35px 0 110px !important
}

.section__card .modal__container {
   margin-top: 30px
}

.section__card .card .catalog__list {
   margin-bottom: 14px
}

.section__card .card .catalog__btns {
   margin-top: 10px
}

.section__card .modal__content tbody {
   display: flex;
   flex-wrap: wrap
}

.section__card .modal__content tbody tr {
   width: 50%;
   background: 0 0;
   display: flex;
   align-items: center
}

.section__card .modal__content tbody tr:nth-child(4n+3),
.section__card .modal__content tbody tr:nth-child(4n+4) {
   background: rgba(20, 20, 20, .04)
}

.section__card .modal__content table tr:nth-child(2n+1) td,
.section__card .modal__content table tr:nth-child(2n+2) td {
   background: 0 0 !important
}

.section__card table td {
   padding: 7px 4px 7px 14px !important;
   display: inline-flex !important;
   align-items: center !important;
   gap: 8px;
   width: 50%
}

.section__card .card {
   padding: 0 !important
}

.section__card table td img {
   margin: 0
}

.section__card .modal__content h4 {
   margin: 0 0 14px
}

.section__card .modal__content,
.section__card .modal__info {
   padding: 0;
   opacity: 0;
   visibility: hidden;
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   z-index: -1;
   transition: all .4s ease
}

.card__swith {
   border-radius: 50px;
   background: #eef7ef;
   max-width: 656px;
   width: 100%;
   position: relative;
   margin: 70px 0 34px;
   z-index: 0
}

.card__swith-items,
.card__swith::before {
   transition: all .4s ease;
   position: relative;
   width: 100%
}

.card__swith div {
   padding: 15px 22px;
   font-size: 18px;
   font-weight: 600;
   cursor: pointer;
   line-height: 140%;
   text-align: center;
   width: 50%;
   transition: all .4s ease
}

.card__swith div.active {
   color: #2f9d46;
   transition: all .4s ease
}

.card__swith::before {
   content: "";
   position: absolute;
   z-index: -1;
   left: 0;
   top: 0;
   bottom: 0;
   width: 50%;
   height: 100%;
   border-radius: 50px;
   border: 1px solid #2f9d46
}

.card__swith:has(div:nth-child(1).active)::before {
   transform: translate(0, 0);
   transition: all .4s ease
}

.card__swith:has(div:nth-child(2).active)::before {
   transform: translate(100%, 0);
   transition: all .4s ease
}

.card__swith-item.active {
   opacity: 1;
   visibility: visible;
   position: relative;
   z-index: 1;
   transition: all .4s ease
}

.section__card .modal-info {
   gap: 18px;
   justify-content: space-between
}

.section__card .modal__info:has(img) .modal__info-content {
   width: calc(100% - 676px)
}

.section__card .modal__info img {
   width: 656px;
   border-radius: 9px;
   height: auto;
   object-fit: cover
}

.section__same {
   padding: 0 0 140px !important
}

.same h2 {
   text-align: center
}

.same__swiper {
   margin-top: 40px
}

.same__swiper .swiper-wrapper {
   width: 100%;
   margin: 0
}

.same__swiper .swiper-wrapper > div {
   padding-right: 0;
   padding-left: 0
}

.same__swiper .btn {
   left: 0;
   right: 0;
   width: 100%;
   max-width: 100%
}

.section__same .swiper-pagination {
   position: relative;
   bottom: 0 !important;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px
}

.section__same .swiper-pagination-bullet {
   width: 12px;
   height: 12px;
   margin: 0 !important;
   opacity: 1;
   border: 1px solid #2f9d46;
   background: #fff;
   transition: all .4s ease
}

.section__same .swiper-pagination-bullet-active {
   background: #2f9d46;
   transition: all .4s ease
}

.nav__menu ul span,
.section__same .swiper-btn {
   cursor: pointer;
   display: inline-flex;
   align-items: center
}

.section__same .swiper-btn {
   justify-content: center;
   max-width: 46px;
   min-width: 46px;
   width: 100%;
   height: 46px;
   border-radius: 50%;
   border: 2px solid #2f9d46;
   transition: all .4s ease;
   background: url(../img/swiper-arrow.svg)left 100%center/90% 90%no-repeat, #fff
}

.section__same .swiper-btn.swiper-prev {
   transform: rotate(180deg)
}

.section__same .swiper-btn:hover {
   background: url(../img/swiper-arrow.svg)left 100%center/90% 90%no-repeat, #2f9d46;
   transition: all .4s ease
}

.menu-item-has-children.active .sub-menu,
.section__same .swiper-btn.swiper-button-disabled {
   opacity: 0;
   visibility: visible;
   transition: all .4s ease
}

.menu-item-has-children {
   position: relative
}

.sub-menu {
   position: absolute;
   top: calc(100% + 15px);
   background: #fff;
   border-radius: 12px;
   box-shadow: 0 0 10px rgba(0, 0, 0, .1);
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   left: 0;
   transform: translate(-40px, -20px);
   width: 250px;
   padding: 20px;
   gap: 10px !important;
   opacity: 0;
   visibility: hidden;
   transition: all .4s ease
}

.menu-item-has-children.active1 .sub-menu {
   opacity: 1;
   transform: translate(-40px, 0)
}

.sub-menu li {
   width: 100%;
   text-align: left
}

.nav__menu ul span {
   gap: 10px
}

.nav__menu ul span::after {
   content: "";
   width: 0;
   height: 0;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
   border-top: 5px solid #141414;
   display: inline-block;
   transition: all .4s ease
}

.menu-item-has-children.active1 span::after {
   transform: rotate(180deg);
   transition: all .4s ease
}

.wpc-filter-selected-values {
   display: none
}

.wpc-filters-section {
   margin-bottom: 15px !important;
   padding: 0 20px 15px;
   border-bottom: 1px solid #dcdcdc
}

.reset-filters-button,
.wpc-edit-filter-set {
   display: none
}

.wpc-filters-section:last-child {
   border: 0;
   margin-bottom: 0 !important
}

.widget-title.wpc-filter-title {
   margin-bottom: 0
}

.wpc-filter-content {
   margin-top: 15px
}

.wpc-filters-range-inputs .ui-slider-horizontal {
   height: 4px !important
}

.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle {
   border: 1px solid #2f9d46 !important;
   background: #fff !important;
   box-shadow: none !important;
   width: 18px !important;
   height: 18px !important;
   top: -7px !important
}

.wpc-filters-range-wrapper input {
   padding: 4px 12px;
   text-align: center;
   font-size: 16px !important;
   font-style: normal;
   opacity: 1 !important;
   font-weight: 400;
   line-height: 140%;
   border-radius: 4px !important;
   border: 1px solid #dcdcdc !important;
   background: #fff
}

.wpc-filters-main-wrap {
   width: calc(100% + 40px);
   margin: 0-20px
}

.katalog__item:hover .amount,
.katalog__item:hover .katalog__item-subtitle {
   color: #141414
}



.hero__content:has(.disca) {
   position: relative;
   z-index: 0;
}

.disca {
   display: none;

   width: 100px;
   height: 100px;
   position: absolute;
   bottom: 30px;
   z-index: -1;
   right: 160px;
}

@media (max-width: 1280px) {
   .disca {
      right: 130px;
   }
}

@media (max-width: 1110px) {
   .disca {
      right: 100px;
      bottom: 20px;
      width: 70px;
      height: 70px;
   }
}

@media (max-width: 992px) {
   .disca {
      right: 140px;
   }
}

@media (max-width: 600px) {
   .disca {
      right: 180px;
   }
}

@media (max-width: 510px) {
   .disca {
      right: 160px;
   }
}

@media (max-width: 480px) {
   .disca {
      right: 140px;
      width: 50px;
      height: 50px;
   }
}

@media (max-width: 450px) {
   .disca {
      bottom: auto;
      top: 10px;
      right: 10px;
   }
}

@media (max-width: 400px) {
   .disca {
      bottom: 85px;
      top: auto;
      right: 10px;
   }
}

@media (max-width: 768px) {

   .gprev,
   .gnext {
      top: 50% !important;
   }

   .gprev {
      left: 10px !important;
   }

   .gnext {
      right: 10px !important;
   }

}

bwchat#bwc-wrap #bwc-widget-action {
   z-index: 20 !important;
}

.glightbox-container .gslide,
.glightbox-container .gslide-inner-content,
.glightbox-container .ginner-container,
.gslide-image,
.gslide-image img {
   height: 100% !important;
}

.zoomed .glightbox-container .gslide,
.zoomed .glightbox-container .gslide-inner-content,
.zoomed .glightbox-container .ginner-container,
.zoomed .gslide-image,
.zoomed .gslide-image img {
   height: auto !important;
}