/*!
Theme Name: quadrix
Theme URI: https://pprintdim.com/quadrix
Author: PPrintdim
Author URI: https://pprintdim.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: quadrix
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  scroll-behavior: smooth;
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  margin-top: 140px;
  min-height: 50vh;
  display: block;
}

@media (max-width: 580px) {
  main {
    margin-top: 60px;
  }
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Fonts
   ========================================================================== */

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* Inputs types
   ========================================================================== */
/* Змінюємо стиль скроллбару */
::-webkit-scrollbar {
  width: 6px; /* ширина вертикального скроллбару */
  height: 6px; /* висота горизонтального скроллбару */
}

/* Колір і стиль фону для скроллбару */
::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* Колір і стиль самого скроллбару */
::-webkit-scrollbar-thumb {
  background-color: #54B435;
  border-radius: 10px;
}

/* Колір скроллбару при ховері */
::-webkit-scrollbar-thumb:hover {
  background-color: #54B435;
}


/* Inputs types
   ========================================================================== */
.form-group {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.input-group__input,
.form-group__input {
  padding: 0 12px;
  height: 45px;
  display: flex;
  align-items: center;
  border-radius: 18px;
}

.input-group__textarea,
.form-group__textarea {
  display: block;
  width: 100%;
  outline: unset;
  padding-left: 12px;
  padding-top: 12px;
  border-radius: 12px;
  resize: unset;
}

.input-group__textarea,
.input-group__input {
  background: #FFFFFF;
  border: 0.5px solid #E4E4E4;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  width: 100%;
}

.form-group__textarea,
.form-group__input {
  background: #FFFFFF;
  border: 0.5px solid #E4E4E4;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  width: 100%;
}

.form-group__input::placeholder {
  color: #727272;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}

.form-group__title {
  font-size: 12px;
  font-weight: 500;
  display: block;
  margin-bottom: 6px;
}

.checkbox-group {
  position: relative;
}

.checkbox-group__title {
  display: grid;
  align-items: center;
  gap: 0 8px;
  grid-template-columns: max-content auto;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #262626;
}

.checkbox-group__title i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.checkbox-group__title i:after {
  content: '';
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
}

.checkbox-group__input:checked + .title i:after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8.25L7 12.25L12.5 3.75' stroke='white'/%3E%3C/svg%3E%0A");
  background-size: 16px;
  background-position: center;
  background-color: #54B435;
  border-color: #54B435;
}

.radio-group,
.checkbox-group {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
}

.radio-group__input,
.checkbox-group__input {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}

.radio-group__title {
  display: grid;  
  grid-template-columns: max-content auto;
  align-items: flex-start;
  grid-gap: 0 9px;
  font-weight: 400;
  font-size: 16px;
  color: #262626;
}

.radio-group__title i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #D9D9D9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.radio-group__input:checked + .title i {
  border-color: #54B435;
}

.radio-group__input:checked + .title i:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #54B435;
  position: absolute;
  display: block;
  border-radius: 50%;
}

.radio-group__descr {
  margin-top: 10px;
  font-size: 13px;
}

.radio-group__descr * {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.radio-group__descr p + p {
  margin-top: 12px;
}


/* Modal forms
   ========================================================================== */
.modal-wrapper {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 11111;
  width: 100%;
  max-width: 460px;
  background-color: #FFFFFF;
  border-radius: 6px;
  overflow: hidden;
}

.modal-close-wrapper {
  cursor: pointer;
  position: fixed;
  z-index: 1111;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(104, 104, 104, 0.5);
  backdrop-filter: blur(7px);
}

.modal-wrapper__modal-content {
  padding: 30px;
  box-sizing: border-box;
}

.modal-wrapper__form {
  display: block;
  margin-top: 20px;
}

.modal-wrapper .wpcf7-not-valid-tip,
.modal-wrapper__message {
  font-size: 12px;
  line-height: 1.2;
  display: block;
}

.modal-wrapper .wpcf7-not-valid-tip {
  margin-top: 7px;
}

.modal-wrapper__message * {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
}

.modal-wrapper__message a {
  text-decoration: underline;
}

.modal-wrapper__message.green {
  color: #4F4F4F;
}
.modal-wrapper .wpcf7-not-valid-tip,
.modal-wrapper__message.red {
  color: #EB3028;
}

.modal-wrapper__inputs-group {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}

.modal-wrapper__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #262626;
  display: block;
  padding-bottom: 12px;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #F5F2F2;
}

.modal-wrapper__close-btn {
  position: absolute;
  right: 7px;
  top: 6px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.modal-wrapper__close-btn:before,
.modal-wrapper__close-btn:after {
  content: '';
  position: absolute;
  background: #000000;
  width: 12px;
  height: 1.2px;
  display: block;
}

.modal-wrapper__close-btn:before {
  transform: rotate(-45deg);
}

.modal-wrapper__close-btn:after {
  transform: rotate(45deg);
}

.modal-wrapper__submit + * {
  margin-top: 15px;
}

.modal-wrapper__submit,
.modal-wrapper__register-btn,
.modal-wrapper__lost-btn,
.modal-wrapper__back-btn {
  width: 100%;
}

.modal-wrapper__buttons-group  {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}

.modal-wrapper__submit,
.modal-wrapper__checkbox-group {
  margin-top: 15px;
}



/* Ajax Search
   ========================================================================== */


.close-search-form-wrapper {
  position: fixed;
  z-index: 111;
  width: 100%;
  height: 100%;
  cursor: pointer;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .8);
}

.search-list-wrapper {
  position: absolute;
  width: 100%;
  top: calc(100% + 10px);
  padding: 35px;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 0.5px solid #D8D8D8;
  border-radius: 2px;
  max-height: 70vh;
  overflow-y: auto;
  z-index: 1111;
}

.search-list-wrapper__showmore-btn {
  margin-top: 15px;
  margin-left: auto;
  margin-right: 0;
  color: #54B435;
  font-weight: 500;
  font-size: 18px;
  display: block;
  text-transform: uppercase;
  cursor: pointer;
}


.search-list-wrapper__product-list {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.search-list-wrapper__product-item {
  display: block;
  background: #FFFFFF;
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
}

.search-list-wrapper__product-item:hover {
  background: #F8F8F8;
}

.search-list-wrapper .product-item__thumb {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-gap: 0 10px;
  align-items: center;
  padding: 8px;
  box-sizing: border-box;
}

.search-list-wrapper .product-item__img {
  display: block;
  width: 50px;
  height: 70px;
  object-fit: contain;
  mix-blend-mode: darken;
}

.search-list-wrapper .product-item__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: fit-content;
}

.search-list-wrapper .product-item__name {
  font-weight: 400;
  font-size: 17px;
  line-height: 1.3;
  color: #303030;
}

.search-list-wrapper .product-item__price-block {
  display: flex;
  align-items: center;
  gap: 0 4px;
}

.search-list-wrapper .product-item__new-price, 
.search-list-wrapper .product-item__price {
    font-weight: 500;
    font-size: 18px;
}

.search-list-wrapper .product-item__old-price {
  font-weight: 500;
  font-size: 14px;
  text-decoration: line-through;
  color: #999999;
}

.search-list-wrapper .product-item__new-price {
  color: #FF4141;
}

.search-list-wrapper .product-item__price {
  color: #000000;
}

.search-list-wrapper .product-item__old-price, 
.search-list-wrapper .product-item__new-price, 
.search-list-wrapper .product-item__price {
    display: inline-block;
    line-height: 1;
}

@media (max-width: 1080.99px) {
  .search-list-wrapper {
    width: calc(100% + 230px);
    padding: 24px;
  }
}
@media (max-width: 820.99px) {
  .search-list-wrapper {
    width: 100%;
  }
}

@media (max-width: 580.99px) {
  .search-list-wrapper {
    padding: 12px;
  }

  .search-list-wrapper .product-item__new-price, 
  .search-list-wrapper .product-item__price {
    font-size: 16px;
  }
}



/* Components
   ========================================================================== */

/* Start elements */

* {
  box-sizing: border-box;
}

h1,h2,h3,h4,h5 {
  font-family: 'Montserrat';
  display: block;
  margin: 0;
  padding: 0;
}
h5 {
  font-size: 18px;
}

a,
button[type="button"],
button[type="submit"],
input[type="submit"] {
  cursor: pointer;
}

section,
header {
  display: block;
}

section:not(.categories) {
  margin-bottom: 115px;
}

button,
input {
  outline: unset;
  border: unset;
}

button,
a {
  padding: 0;
  border: unset;
  display: inline-block;
  background: transparent;
}

ol,
ul {
  padding: 0;
  margin: 0;
}

body {
  background-color: #EDEDED;
}

body,
* {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 1.2;
}

a {
  text-decoration: unset;
}

::placeholder {
  font-size: inherit;
  line-height: inherit;
  font-weight: 500;
  color: #959595;
}

textarea:focus::placeholder,
input:focus::placeholder {
  font-size: 0;
}

:after,
:before {
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 580.99px) {
  section:not(.categories) {
    margin-bottom: 60px;
  }
}

/* Start Loading */

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.swiper:not(.swiper-initialized) > *,
.loading > * {
    opacity: 0;
}

.swiper:not(.swiper-initialized):before,
.loading:before {
  content: '';
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #FFFFFF;
}
.swiper:not(.swiper-initialized):after,
.loading:after {
  content:'';
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  position: absolute;
  width: 40px;
  height: 40px;
  border: 4px solid #F8F8F8;
  border-radius: 50%;
  border-top-color: #54B435;
  animation: spin 1s ease-in-out infinite;
  z-index: 11;
}

.btn-loading {
  position: relative;
  display: flex;
  gap: 0 10px;
  transition: gap .4s;
}

.btn-loading:after {
  content:'';
  width: 14px;
  height: 14px;
  border: 2px solid #F8F8F8;
  border-radius: 50%;
  border-top-color: #54B435;
  animation: spin 1s ease-in-out infinite;
  z-index: 11;
  background-image: unset;
}

/* End loading */

/* Start Count */
.count-group {
  border: 0.5px solid #D8D8D8;
  border-radius: 18px;
  padding: 0 12px;
  height: 40px;
  display: grid;
  align-items: center;
  grid-gap: 0 12px;
  grid-template-columns: repeat(3, max-content);
  width: fit-content;
}

.count-group__minus,
.count-group__plus {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}

.count-group__minus:after,
.count-group__plus:after {
  content: '';
  display: block;
  background-position: center;
}

.count-group__minus:after {
  width: 16px;
  height: 17px;
  background-size: 16px 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_201_3185)'%3E%3Cpath d='M6.47065 9.59644H0.5V7.5H6.47065H10.5629H16.5V9.59644H10.5629H6.47065Z' fill='%23343232' fill-opacity='0.3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_201_3185'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.count-group__plus:after {
  width: 16px;
  height: 15px;
  background-size: 16px 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.47065 9.5H0.5V7.5H6.47065H10.5629H16.5V9.5H10.5629H6.47065Z' fill='%23343232' fill-opacity='0.3'/%3E%3Cpath d='M9.5 10.5294V16.5H7.5V10.5294L7.5 6.43711V0.5H9.5V6.43711V10.5294Z' fill='%23343232' fill-opacity='0.3'/%3E%3C/svg%3E%0A");
}

.count-group__input {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #262626;
  display: flex;
  align-items: center;
  width: 16px;
}

@media (max-width: 580.99px) {
  .count-group {
    height: 30px;
  }
}

/* End Count */

.cart-btn.only-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #54B435;
  border-radius: 10px;
}


.cart-btn.only-icon:after {
  content: '';
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.4181 3.25C8.6981 2.66 9.3011 2.25 10.0001 2.25H14.0001C14.6981 2.25 15.3011 2.66 15.5821 3.25C16.2651 3.256 16.7981 3.287 17.2741 3.473C17.8423 3.69527 18.3365 4.07301 18.7001 4.563C19.0671 5.056 19.2391 5.69 19.4761 6.561L19.5131 6.697L20.1031 8.864C20.4965 9.06248 20.8413 9.34518 21.1131 9.692C21.7351 10.489 21.8451 11.438 21.7351 12.526C21.6271 13.582 21.2951 14.912 20.8791 16.577L20.8521 16.682C20.5891 17.735 20.3751 18.59 20.1221 19.257C19.8561 19.953 19.5201 20.523 18.9651 20.956C18.4111 21.389 17.7761 21.576 17.0371 21.666C16.3281 21.75 15.4471 21.75 14.3621 21.75H9.6381C8.5531 21.75 7.6711 21.75 6.9631 21.665C6.2231 21.577 5.5891 21.389 5.0341 20.955C4.4801 20.523 4.1441 19.953 3.8781 19.257C3.6241 18.59 3.4111 17.735 3.1481 16.682L3.1211 16.577C2.7051 14.912 2.3721 13.582 2.2651 12.527C2.1551 11.437 2.2651 10.489 2.8861 9.692C3.1691 9.33 3.5081 9.062 3.8961 8.864L4.4861 6.697L4.5241 6.561C4.7611 5.69 4.9331 5.056 5.3001 4.562C5.66383 4.07238 6.15799 3.695 6.7261 3.473C7.2021 3.287 7.7341 3.255 8.4181 3.25ZM8.4191 4.753C7.7571 4.76 7.4921 4.785 7.2721 4.871C6.96606 4.99068 6.69991 5.19411 6.5041 5.458C6.3281 5.695 6.2241 6.026 5.9341 7.093L5.5801 8.389C6.6181 8.25 7.9581 8.25 9.6221 8.25H14.3771C16.0421 8.25 17.3821 8.25 18.4191 8.389L18.0661 7.092C17.7751 6.025 17.6721 5.694 17.4961 5.457C17.3003 5.19311 17.0341 4.98968 16.7281 4.87C16.5081 4.784 16.2421 4.759 15.5801 4.752C15.438 5.05066 15.2141 5.30293 14.9345 5.47956C14.6548 5.6562 14.3309 5.74996 14.0001 5.75H10.0001C9.66934 5.74996 9.34537 5.6562 9.06573 5.47956C8.78609 5.30293 8.56223 5.05066 8.4201 4.752M10.0001 3.75C9.93379 3.75 9.87021 3.77634 9.82332 3.82322C9.77644 3.87011 9.7501 3.9337 9.7501 4C9.7501 4.0663 9.77644 4.12989 9.82332 4.17678C9.87021 4.22366 9.93379 4.25 10.0001 4.25H14.0001C14.0664 4.25 14.13 4.22366 14.1769 4.17678C14.2238 4.12989 14.2501 4.0663 14.2501 4C14.2501 3.9337 14.2238 3.87011 14.1769 3.82322C14.13 3.77634 14.0664 3.75 14.0001 3.75H10.0001ZM5.7001 9.886C4.7901 10.018 4.3491 10.258 4.0701 10.616C3.7901 10.973 3.6651 11.458 3.7581 12.374C3.8531 13.31 4.1581 14.534 4.5921 16.274C4.8701 17.382 5.0621 18.15 5.2821 18.724C5.4921 19.278 5.6991 19.571 5.9591 19.774C6.2181 19.976 6.5521 20.105 7.1421 20.176C7.7521 20.249 8.5421 20.25 9.6861 20.25H14.3161C15.4591 20.25 16.2511 20.249 16.8601 20.176C17.4501 20.106 17.7841 19.976 18.0431 19.774C18.3031 19.571 18.5091 19.278 18.7211 18.724C18.9391 18.15 19.1321 17.382 19.4091 16.274C19.8441 14.534 20.1491 13.31 20.2431 12.374C20.3371 11.458 20.2111 10.972 19.9321 10.615C19.6531 10.258 19.2121 10.018 18.3011 9.886C17.3711 9.752 16.1091 9.75 14.3161 9.75H9.6861C7.8931 9.75 6.6311 9.752 5.7011 9.886' fill='white'/%3E%3Cline x1='9' y1='14.5' x2='16' y2='14.5' stroke='white'/%3E%3Cline y1='-0.5' x2='7' y2='-0.5' transform='matrix(0 -1 -1 0 12 18)' stroke='white'/%3E%3C/svg%3E%0A");
}



/* End elements */

.container {
  padding: 0 60px;
  margin: 0 auto;
  max-width: 1440px;
}

.section-title {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.25;
  display: block;
  color: #000000;
}

.page-title {
  
  font-weight: 600;
  font-size: 27px;
  line-height: 1.2;
  color: #262626;
}

.page-title + * {
  margin-top: 30px;
}

@media (max-width: 1200.99px) {
  .container {
    padding: 0 45px;
  }
}

@media (max-width: 1080.99px) {
  .container {
    padding: 0 35px;
  }
}

@media (max-width: 768.99px) {
  .container {
    padding: 0 24px;
  }

  .page-title {
    font-size: 24px;
  }

  .page-title + * {
    margin-top: 20px;
  }
}

@media (max-width: 580.99px) {
  .container {
    padding: 0 16px;
  }

  .section-title {
    font-size: 22px;
  }
}

@media (max-width: 430.99px) {
  .section-title {
    font-size: 20px;
  }
}



/* Start Slider */

.owl-carousel.owl-loaded {
  padding: 0;
  margin: 0;
  border: unset;
}

.slider-nav, 
.slider-block {
  position: relative;
}

.slider-block .prev-btn,
.slider-block .next-btn {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #6B6B6B;
  position: absolute;
  top: 50%;
  z-index: 111;
  cursor: pointer;
}

.slider-nav .prev-btn,
.slider-nav .next-btn {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #6B6B6B;
  cursor: pointer;
}

.slider-nav .prev-btn,
.slider-block .prev-btn {
  transform: translateY(-50%) scale(-1,1);
  left: 0;
}

.slider-nav .next-btn,
.slider-block .next-btn {
  right: 0;
  transform: translateY(-50%); 
}

.slider-block .prev-btn:not(.disabled):hover,
.slider-block .next-btn:not(.disabled):hover {
  background: #D5EBCD;
}

.slider-nav .prev-btn:not(.disabled):hover,
.slider-nav .next-btn:not(.disabled):hover {
  background: #D5EBCD;
}

.slider-block .prev-btn.disabled,
.slider-block .next-btn.disabled {
  opacity: .4;
}

.slider-nav .prev-btn.disabled,
.slider-nav .next-btn.disabled {
  opacity: .4;
}


.slider-block .prev-btn:after,
.slider-block .next-btn:after {
  content: '';
  width: 7px;
  height: 14px;
  background-size: 7px 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.183986 1.08675L5.56317 6.55232C5.68114 6.67157 5.74731 6.83255 5.74731 7.0003C5.74731 7.16805 5.68114 7.32903 5.56317 7.44828L0.185152 12.9139C0.0672378 13.0338 0.00116577 13.1953 0.00116576 13.3636C0.00116575 13.5318 0.0672377 13.6933 0.185152 13.8133C0.242755 13.8724 0.311603 13.9194 0.387638 13.9514C0.463673 13.9835 0.545358 14 0.627876 14C0.710395 14 0.792078 13.9835 0.868113 13.9514C0.944148 13.9194 1.013 13.8724 1.0706 13.8133L6.44861 8.3489C6.80201 7.98898 7 7.50472 7 7.0003C7 6.49588 6.80201 6.01162 6.44861 5.6517L1.0706 0.187289C1.01298 0.128023 0.944059 0.0809123 0.867916 0.0487433C0.791773 0.0165742 0.709952 -2.74947e-07 0.627293 -2.7856e-07C0.544633 -2.82173e-07 0.462814 0.0165742 0.386671 0.0487432C0.310528 0.0809122 0.241607 0.128023 0.183986 0.187289C0.066071 0.307281 -4.97328e-07 0.468784 -5.04682e-07 0.637017C-5.12036e-07 0.80525 0.066071 0.966754 0.183986 1.08675Z' fill='white'/%3E%3C/svg%3E%0A");
}

.slider-nav .prev-btn:after,
.slider-nav .next-btn:after {
  content: '';
  width: 7px;
  height: 14px;
  background-size: 7px 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.183986 1.08675L5.56317 6.55232C5.68114 6.67157 5.74731 6.83255 5.74731 7.0003C5.74731 7.16805 5.68114 7.32903 5.56317 7.44828L0.185152 12.9139C0.0672378 13.0338 0.00116577 13.1953 0.00116576 13.3636C0.00116575 13.5318 0.0672377 13.6933 0.185152 13.8133C0.242755 13.8724 0.311603 13.9194 0.387638 13.9514C0.463673 13.9835 0.545358 14 0.627876 14C0.710395 14 0.792078 13.9835 0.868113 13.9514C0.944148 13.9194 1.013 13.8724 1.0706 13.8133L6.44861 8.3489C6.80201 7.98898 7 7.50472 7 7.0003C7 6.49588 6.80201 6.01162 6.44861 5.6517L1.0706 0.187289C1.01298 0.128023 0.944059 0.0809123 0.867916 0.0487433C0.791773 0.0165742 0.709952 -2.74947e-07 0.627293 -2.7856e-07C0.544633 -2.82173e-07 0.462814 0.0165742 0.386671 0.0487432C0.310528 0.0809122 0.241607 0.128023 0.183986 0.187289C0.066071 0.307281 -4.97328e-07 0.468784 -5.04682e-07 0.637017C-5.12036e-07 0.80525 0.066071 0.966754 0.183986 1.08675Z' fill='white'/%3E%3C/svg%3E%0A");
}

.slider-nav .prev-btn:not(.disabled):hover:after,
.slider-nav .next-btn:not(.disabled):hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.183986 1.08675L5.56317 6.55232C5.68114 6.67157 5.74731 6.83255 5.74731 7.0003C5.74731 7.16805 5.68114 7.32903 5.56317 7.44828L0.185152 12.9139C0.0672378 13.0338 0.00116577 13.1953 0.00116576 13.3636C0.00116575 13.5318 0.0672377 13.6933 0.185152 13.8133C0.242755 13.8724 0.311603 13.9194 0.387638 13.9514C0.463673 13.9835 0.545358 14 0.627876 14C0.710395 14 0.792078 13.9835 0.868113 13.9514C0.944148 13.9194 1.013 13.8724 1.0706 13.8133L6.44861 8.3489C6.80201 7.98898 7 7.50472 7 7.0003C7 6.49588 6.80201 6.01162 6.44861 5.6517L1.0706 0.187289C1.01298 0.128023 0.944059 0.0809123 0.867916 0.0487433C0.791773 0.0165742 0.709952 -2.74947e-07 0.627293 -2.7856e-07C0.544633 -2.82173e-07 0.462814 0.0165742 0.386671 0.0487432C0.310528 0.0809122 0.241607 0.128023 0.183986 0.187289C0.066071 0.307281 -4.97328e-07 0.468784 -5.04682e-07 0.637017C-5.12036e-07 0.80525 0.066071 0.966754 0.183986 1.08675Z' fill='%2354B435'/%3E%3C/svg%3E%0A");
}

.slider-block .prev-btn:not(.disabled):hover:after,
.slider-block .next-btn:not(.disabled):hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.183986 1.08675L5.56317 6.55232C5.68114 6.67157 5.74731 6.83255 5.74731 7.0003C5.74731 7.16805 5.68114 7.32903 5.56317 7.44828L0.185152 12.9139C0.0672378 13.0338 0.00116577 13.1953 0.00116576 13.3636C0.00116575 13.5318 0.0672377 13.6933 0.185152 13.8133C0.242755 13.8724 0.311603 13.9194 0.387638 13.9514C0.463673 13.9835 0.545358 14 0.627876 14C0.710395 14 0.792078 13.9835 0.868113 13.9514C0.944148 13.9194 1.013 13.8724 1.0706 13.8133L6.44861 8.3489C6.80201 7.98898 7 7.50472 7 7.0003C7 6.49588 6.80201 6.01162 6.44861 5.6517L1.0706 0.187289C1.01298 0.128023 0.944059 0.0809123 0.867916 0.0487433C0.791773 0.0165742 0.709952 -2.74947e-07 0.627293 -2.7856e-07C0.544633 -2.82173e-07 0.462814 0.0165742 0.386671 0.0487432C0.310528 0.0809122 0.241607 0.128023 0.183986 0.187289C0.066071 0.307281 -4.97328e-07 0.468784 -5.04682e-07 0.637017C-5.12036e-07 0.80525 0.066071 0.966754 0.183986 1.08675Z' fill='%2354B435'/%3E%3C/svg%3E%0A");
}

.swiper-pagination-bullet-active {
  background: #54B435;
  border-color: #54B435;
}

@media (max-width: 1080.99px) {
  .slider-nav .prev-btn,
  .slider-nav .next-btn {
    width: 32px;
    height: 32px;
  }


  .slider-block .prev-btn,
  .slider-block .next-btn {
    width: 32px;
    height: 32px;
  }
}

/* End Slider */

/* Start Stickers */


.difference-sticker {
  height: 25px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  background: #EF8B00;
  border-radius: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  color: #FFFFFF;
}

.latest-sticker {
  height: 25px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  background: #EF8B00;
  border-radius: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  color: #FFFFFF;
}

.sku-sticker {
  height: 25px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  background: #EDEDED;
  border-radius: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: #959595;
}

/* End Stikers  */

/* Start breadcrumbs */



.breadcrumbs {
  display: none;
  margin-bottom: 30px;
  flex-wrap: wrap;
  gap: 2px;
  align-items: center;
}

.breadcrumbs.loaded {
  display: flex;
}

.breadcrumbs > *:nth-child(1) {
  font-size: 0;
}

.breadcrumbs > *:nth-child(1):before {
  content: '';
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1192 10.2758L10.6192 1.9425C10.3033 1.59083 9.69668 1.59083 9.38085 1.9425L1.88085 10.2758C1.77308 10.3956 1.70235 10.544 1.6772 10.7032C1.65206 10.8623 1.67359 11.0253 1.73918 11.1725C1.87251 11.4733 2.17085 11.6667 2.50001 11.6667H4.16668V17.5C4.16668 17.721 4.25448 17.933 4.41076 18.0893C4.56704 18.2455 4.779 18.3333 5.00001 18.3333H7.50001C7.72103 18.3333 7.93299 18.2455 8.08927 18.0893C8.24555 17.933 8.33335 17.721 8.33335 17.5V14.1667H11.6667V17.5C11.6667 17.721 11.7545 17.933 11.9108 18.0893C12.067 18.2455 12.279 18.3333 12.5 18.3333H15C15.221 18.3333 15.433 18.2455 15.5893 18.0893C15.7456 17.933 15.8333 17.721 15.8333 17.5V11.6667H17.5C17.6614 11.6674 17.8195 11.6211 17.955 11.5335C18.0906 11.4458 18.1977 11.3207 18.2633 11.1732C18.329 11.0258 18.3503 10.8624 18.3247 10.7031C18.2991 10.5438 18.2277 10.3953 18.1192 10.2758Z' fill='%23262626'/%3E%3C/svg%3E%0A");
}

.breadcrumbs > *:nth-child(1):hover:before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1192 10.2758L10.6192 1.9425C10.3033 1.59083 9.69668 1.59083 9.38085 1.9425L1.88085 10.2758C1.77308 10.3956 1.70235 10.544 1.6772 10.7032C1.65206 10.8623 1.67359 11.0253 1.73918 11.1725C1.87251 11.4733 2.17085 11.6667 2.50001 11.6667H4.16668V17.5C4.16668 17.721 4.25448 17.933 4.41076 18.0893C4.56704 18.2455 4.779 18.3333 5.00001 18.3333H7.50001C7.72103 18.3333 7.93299 18.2455 8.08927 18.0893C8.24555 17.933 8.33335 17.721 8.33335 17.5V14.1667H11.6667V17.5C11.6667 17.721 11.7545 17.933 11.9108 18.0893C12.067 18.2455 12.279 18.3333 12.5 18.3333H15C15.221 18.3333 15.433 18.2455 15.5893 18.0893C15.7456 17.933 15.8333 17.721 15.8333 17.5V11.6667H17.5C17.6614 11.6674 17.8195 11.6211 17.955 11.5335C18.0906 11.4458 18.1977 11.3207 18.2633 11.1732C18.329 11.0258 18.3503 10.8624 18.3247 10.7031C18.2991 10.5438 18.2277 10.3953 18.1192 10.2758Z' fill='%2354B435'/%3E%3C/svg%3E%0A");
}

.breadcrumbs > *:not(:nth-child(1)) {
  font-weight: 500;
  font-size: 14px;
  color: #999999;
  line-height: 1.25;
}

.breadcrumbs > a {
  display: flex;
  align-items: center;
}

.breadcrumbs > a:not(:nth-child(1)):hover {
  color: #54B435;
}

.breadcrumbs > a:after {
  content: '';
  margin-left: 2px;
  width: 16px;
  height: 16px;
  background-size: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62093 12.2412C6.5823 12.2841 6.5521 12.3346 6.53206 12.3898C6.51201 12.445 6.50251 12.5038 6.5041 12.5629C6.50569 12.6219 6.51834 12.6801 6.54133 12.734C6.56431 12.7879 6.59718 12.8365 6.63806 12.8771C6.67894 12.9177 6.72702 12.9494 6.77957 12.9705C6.83212 12.9915 6.8881 13.0015 6.94432 12.9998C7.00054 12.9981 7.0559 12.9849 7.10723 12.9607C7.15856 12.9366 7.20486 12.9021 7.24349 12.8591L10.883 8.8115C10.9581 8.72799 11 8.61744 11 8.50253C11 8.38761 10.9581 8.27706 10.883 8.19356L7.24349 4.14548C7.20512 4.10161 7.15883 4.06618 7.10731 4.04125C7.05579 4.01632 7.00006 4.0024 6.94338 4.00028C6.88669 3.99817 6.83017 4.0079 6.77709 4.02893C6.72402 4.04995 6.67545 4.08184 6.6342 4.12275C6.59296 4.16365 6.55987 4.21276 6.53685 4.26721C6.51383 4.32166 6.50134 4.38038 6.5001 4.43994C6.49887 4.49951 6.50891 4.55874 6.52965 4.61419C6.5504 4.66965 6.58142 4.72022 6.62093 4.76297L9.98294 8.50253L6.62093 12.2412Z' fill='%23262626'/%3E%3C/svg%3E%0A");
}

.breadcrumbs > a:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62093 12.2412C6.5823 12.2841 6.5521 12.3346 6.53206 12.3898C6.51201 12.445 6.50251 12.5038 6.5041 12.5629C6.50569 12.6219 6.51834 12.6801 6.54133 12.734C6.56431 12.7879 6.59718 12.8365 6.63806 12.8771C6.67894 12.9177 6.72702 12.9494 6.77957 12.9705C6.83212 12.9915 6.8881 13.0015 6.94432 12.9998C7.00054 12.9981 7.0559 12.9849 7.10723 12.9607C7.15856 12.9366 7.20486 12.9021 7.24349 12.8591L10.883 8.8115C10.9581 8.72799 11 8.61744 11 8.50253C11 8.38761 10.9581 8.27706 10.883 8.19356L7.24349 4.14548C7.20512 4.10161 7.15883 4.06618 7.10731 4.04125C7.05579 4.01632 7.00006 4.0024 6.94338 4.00028C6.88669 3.99817 6.83017 4.0079 6.77709 4.02893C6.72402 4.04995 6.67545 4.08184 6.6342 4.12275C6.59296 4.16365 6.55987 4.21276 6.53685 4.26721C6.51383 4.32166 6.50134 4.38038 6.5001 4.43994C6.49887 4.49951 6.50891 4.55874 6.52965 4.61419C6.5504 4.66965 6.58142 4.72022 6.62093 4.76297L9.98294 8.50253L6.62093 12.2412Z' fill='%2354B435'/%3E%3C/svg%3E%0A");
}
.breadcrumbs .breadcrumb_last {
  display: block;
  margin-left: 4px;
  cursor: default;
}

@media (max-width: 580.99px) {
  .breadcrumbs {
    margin-top: 20px;
    margin-bottom: 24px;
  }
}

/* End breadcrumbs */

/* Start buttons */

#scroll-arrow {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  right: 100px;
  top: 80vh;
  border-radius: 50%;
  z-index: 11;
  background: #54B435;
  transform: rotate(-90deg);
}

#scroll-arrow:after {
  content: '';
  width: 7px;
  height: 14px;
  background-size: 7px 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.183986 1.08675L5.56317 6.55232C5.68114 6.67157 5.74731 6.83255 5.74731 7.0003C5.74731 7.16805 5.68114 7.32903 5.56317 7.44828L0.185152 12.9139C0.0672378 13.0338 0.00116577 13.1953 0.00116576 13.3636C0.00116575 13.5318 0.0672377 13.6933 0.185152 13.8133C0.242755 13.8724 0.311603 13.9194 0.387638 13.9514C0.463673 13.9835 0.545358 14 0.627876 14C0.710395 14 0.792078 13.9835 0.868113 13.9514C0.944148 13.9194 1.013 13.8724 1.0706 13.8133L6.44861 8.3489C6.80201 7.98898 7 7.50472 7 7.0003C7 6.49588 6.80201 6.01162 6.44861 5.6517L1.0706 0.187289C1.01298 0.128023 0.944059 0.0809123 0.867916 0.0487433C0.791773 0.0165742 0.709952 -2.74947e-07 0.627293 -2.7856e-07C0.544633 -2.82173e-07 0.462814 0.0165742 0.386671 0.0487432C0.310528 0.0809122 0.241607 0.128023 0.183986 0.187289C0.066071 0.307281 -4.97328e-07 0.468784 -5.04682e-07 0.637017C-5.12036e-07 0.80525 0.066071 0.966754 0.183986 1.08675Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1200.99px) {
  #scroll-arrow {
    right: 45px;
  }
}

@media (max-width: 1080.99px) {
  #scroll-arrow {
    right: 35px;
  }
}

@media (max-width: 768.99px) {
  #scroll-arrow {
    right: 24px;
  }
}


@media (max-width: 580.99px) {
  #scroll-arrow {
    right: 16px;
  }
}


.main-btn {
  height: 40px;
  min-width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  padding: 0 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid transparent;
}


.main-btn.green {
  border-color: #54B435;
  background-color: #54B435;
  color: #FFFFFF;
}

.main-btn.green:not([data-cart-btn][data-status="update"]):hover {
  background-color: #3D8227;
  border-color: #3D8227;
}

.main-btn.full {
  min-width: auto;
  width: 100%;
  max-width: 100%;
}

.main-btn.black {
  border-color: #262626;
  background-color: #262626;
  color: #FFFFFF;
}

.main-btn.white {
  color: #262626;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}

.main-btn.white:hover {
  border-color: #D5EBCD;
  background-color: #D5EBCD;
}

.main-btn.grey {
  color: #262626;
  background-color: #F5F5F5;
}

.border-btn {
  height: 50px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: fit-content;
  border: 1px solid #6F6F6F;
  border-radius: 32px;
  font-weight: 500;
  font-size: 16px;
  color: #6F6F6F;
  line-height: 1.25;
}

.border-btn:hover {
  background: #262626;
  border-color: #262626;
  color: #FFFFFF;
}

.compare-btn,
.wishlist-btn {
  display: block;
  cursor: pointer;
  width: 33px;
  height: 33px;
  background-size: 33px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_51_2)'%3E%3Cpath d='M24 16.5719L16.5 23.9999L9 16.5719C8.5053 16.0905 8.11564 15.5119 7.85554 14.8726C7.59545 14.2332 7.47056 13.5469 7.48873 12.8569C7.50691 12.1668 7.66776 11.4881 7.96115 10.8633C8.25455 10.2385 8.67413 9.68119 9.19348 9.22651C9.71283 8.77184 10.3207 8.42962 10.9788 8.22141C11.6369 8.01321 12.331 7.94352 13.0174 8.01673C13.7037 8.08995 14.3675 8.30449 14.9669 8.64684C15.5662 8.98919 16.0882 9.45193 16.5 10.0059C16.9135 9.45595 17.4361 8.99725 18.0351 8.65854C18.6341 8.31982 19.2965 8.10838 19.9809 8.03745C20.6654 7.96652 21.3571 8.03763 22.0128 8.24632C22.6685 8.45502 23.274 8.79681 23.7915 9.2503C24.3091 9.70379 24.7274 10.2592 25.0204 10.8818C25.3134 11.5044 25.4747 12.1808 25.4943 12.8686C25.5139 13.5565 25.3913 14.2409 25.1341 14.8792C24.877 15.5174 24.4909 16.0958 24 16.5779' stroke='%23B6B6B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_51_2'%3E%3Crect width='33' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.wishlist-btn {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_51_2)'%3E%3Cpath d='M24 16.5719L16.5 23.9999L9 16.5719C8.5053 16.0905 8.11564 15.5119 7.85554 14.8726C7.59545 14.2332 7.47056 13.5469 7.48873 12.8569C7.50691 12.1668 7.66776 11.4881 7.96115 10.8633C8.25455 10.2385 8.67413 9.68119 9.19348 9.22651C9.71283 8.77184 10.3207 8.42962 10.9788 8.22141C11.6369 8.01321 12.331 7.94352 13.0174 8.01673C13.7037 8.08995 14.3675 8.30449 14.9669 8.64684C15.5662 8.98919 16.0882 9.45193 16.5 10.0059C16.9135 9.45595 17.4361 8.99725 18.0351 8.65854C18.6341 8.31982 19.2965 8.10838 19.9809 8.03745C20.6654 7.96652 21.3571 8.03763 22.0128 8.24632C22.6685 8.45502 23.274 8.79681 23.7915 9.2503C24.3091 9.70379 24.7274 10.2592 25.0204 10.8818C25.3134 11.5044 25.4747 12.1808 25.4943 12.8686C25.5139 13.5565 25.3913 14.2409 25.1341 14.8792C24.877 15.5174 24.4909 16.0958 24 16.5779' stroke='%23B6B6B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_51_2'%3E%3Crect width='33' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.wishlist-btn:not(.in-wishlist):hover,
.wishlist-btn.in-wishlist {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_51_2)'%3E%3Cpath d='M24 16.5719L16.5 23.9999L9 16.5719C8.5053 16.0905 8.11564 15.5119 7.85554 14.8726C7.59545 14.2332 7.47056 13.5469 7.48873 12.8569C7.50691 12.1668 7.66776 11.4881 7.96115 10.8633C8.25455 10.2385 8.67413 9.68119 9.19348 9.22651C9.71283 8.77184 10.3207 8.42962 10.9788 8.22141C11.6369 8.01321 12.331 7.94352 13.0174 8.01673C13.7037 8.08995 14.3675 8.30449 14.9669 8.64684C15.5662 8.98919 16.0882 9.45193 16.5 10.0059C16.9135 9.45595 17.4361 8.99725 18.0351 8.65854C18.6341 8.31982 19.2965 8.10838 19.9809 8.03745C20.6654 7.96652 21.3571 8.03763 22.0128 8.24632C22.6685 8.45502 23.274 8.79681 23.7915 9.2503C24.3091 9.70379 24.7274 10.2592 25.0204 10.8818C25.3134 11.5044 25.4747 12.1808 25.4943 12.8686C25.5139 13.5565 25.3913 14.2409 25.1341 14.8792C24.877 15.5174 24.4909 16.0958 24 16.5779' fill='%23FF4141'/%3E%3Cpath d='M24 16.5719L16.5 23.9999L9 16.5719C8.5053 16.0905 8.11564 15.5119 7.85554 14.8726C7.59545 14.2332 7.47056 13.5469 7.48873 12.8569C7.50691 12.1668 7.66776 11.4881 7.96115 10.8633C8.25455 10.2385 8.67413 9.68119 9.19348 9.22651C9.71283 8.77184 10.3207 8.42962 10.9788 8.22141C11.6369 8.01321 12.331 7.94352 13.0174 8.01673C13.7037 8.08995 14.3675 8.30449 14.9669 8.64684C15.5662 8.98919 16.0882 9.45193 16.5 10.0059C16.9135 9.45595 17.4361 8.99725 18.0351 8.65854C18.6341 8.31982 19.2965 8.10838 19.9809 8.03745C20.6654 7.96652 21.3571 8.03763 22.0128 8.24632C22.6685 8.45502 23.274 8.79681 23.7915 9.2503C24.3091 9.70379 24.7274 10.2592 25.0204 10.8818C25.3134 11.5044 25.4747 12.1808 25.4943 12.8686C25.5139 13.5565 25.3913 14.2409 25.1341 14.8792C24.877 15.5174 24.4909 16.0958 24 16.5779' stroke='%23FF4141' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_51_2'%3E%3Crect width='33' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.compare-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.0287 11.9493L19.1487 4.76172C19.0949 4.6288 19.0024 4.515 18.8832 4.43495C18.7641 4.3549 18.6236 4.31225 18.48 4.3125C18.4276 4.31331 18.3755 4.31964 18.3243 4.33137L12.72 5.57031V3.59375C12.72 3.40313 12.6442 3.22031 12.5091 3.08552C12.3741 2.95073 12.1909 2.875 12 2.875C11.8091 2.875 11.6259 2.95073 11.4909 3.08552C11.3558 3.22031 11.28 3.40313 11.28 3.59375V5.89196L5.36432 7.20637C5.25027 7.23121 5.14398 7.28336 5.05461 7.35833C4.96524 7.4333 4.89547 7.52885 4.85131 7.63672L1.97131 14.8243C1.93682 14.9098 1.9194 15.0015 1.92002 15.0937C1.92002 17.188 4.12861 17.9687 5.52002 17.9687C6.91141 17.9687 9.12002 17.188 9.12002 15.0937C9.12063 15.0015 9.10321 14.9098 9.06872 14.8243L6.50282 8.42465L11.28 7.36719V18.6875H9.84C9.64906 18.6875 9.46593 18.7632 9.3309 18.898C9.19587 19.0328 9.12002 19.2156 9.12002 19.4062C9.12002 19.5969 9.19587 19.7797 9.3309 19.9145C9.46593 20.0493 9.64906 20.125 9.84 20.125H14.16C14.3509 20.125 14.5341 20.0493 14.6691 19.9145C14.8042 19.7797 14.88 19.5969 14.88 19.4062C14.88 19.2156 14.8042 19.0328 14.6691 18.898C14.5341 18.7632 14.3509 18.6875 14.16 18.6875H12.72V7.04554L17.31 6.02851L14.9314 11.9493C14.8968 12.0348 14.8794 12.1265 14.88 12.2187C14.88 14.313 17.0886 15.0937 18.48 15.0937C19.8714 15.0937 22.08 14.313 22.08 12.2187C22.0807 12.1265 22.0632 12.0348 22.0287 11.9493ZM7.62872 15.0937H3.41581L5.52002 9.84151L7.62872 15.0937ZM16.3803 12.2187L18.48 6.96648L20.5842 12.2187H16.3803Z' fill='%23B6B6B6'/%3E%3C/svg%3E%0A");
}

.compare-btn:not(.in-wishlist):hover,
.compare-btn.in-compare {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.0287 11.9493L19.1487 4.76172C19.0949 4.6288 19.0024 4.515 18.8832 4.43495C18.7641 4.3549 18.6236 4.31225 18.48 4.3125C18.4276 4.31331 18.3755 4.31964 18.3243 4.33137L12.72 5.57031V3.59375C12.72 3.40313 12.6442 3.22031 12.5091 3.08552C12.3741 2.95073 12.1909 2.875 12 2.875C11.8091 2.875 11.6259 2.95073 11.4909 3.08552C11.3558 3.22031 11.28 3.40313 11.28 3.59375V5.89196L5.36432 7.20637C5.25027 7.23121 5.14398 7.28336 5.05461 7.35833C4.96523 7.4333 4.89547 7.52885 4.85131 7.63672L1.97131 14.8243C1.93682 14.9098 1.91939 15.0015 1.92002 15.0937C1.92002 17.188 4.12861 17.9687 5.52002 17.9687C6.91141 17.9687 9.12002 17.188 9.12002 15.0937C9.12063 15.0015 9.10321 14.9098 9.06872 14.8243L6.50282 8.42465L11.28 7.36719V18.6875H9.84C9.64906 18.6875 9.46593 18.7632 9.3309 18.898C9.19587 19.0328 9.12002 19.2156 9.12002 19.4062C9.12002 19.5969 9.19587 19.7797 9.3309 19.9145C9.46593 20.0493 9.64906 20.125 9.84 20.125H14.16C14.3509 20.125 14.5341 20.0493 14.6691 19.9145C14.8042 19.7797 14.88 19.5969 14.88 19.4062C14.88 19.2156 14.8042 19.0328 14.6691 18.898C14.5341 18.7632 14.3509 18.6875 14.16 18.6875H12.72V7.04554L17.31 6.02851L14.9314 11.9493C14.8968 12.0348 14.8794 12.1265 14.88 12.2187C14.88 14.313 17.0886 15.0937 18.48 15.0937C19.8714 15.0937 22.08 14.313 22.08 12.2187C22.0807 12.1265 22.0632 12.0348 22.0287 11.9493ZM7.62872 15.0937H3.41581L5.52002 9.84151L7.62872 15.0937ZM16.3803 12.2187L18.48 6.96648L20.5842 12.2187H16.3803Z' fill='%2354B435'/%3E%3C/svg%3E%0A");
}

/* End buttons */


.pagination {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 0 12px;
}

.pagination .page-numbers {
  color: #FFF;
  border-radius: 10px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  font-size: 16px;
  border-color: #54B435;
  background-color: #54B435;
}
.pagination .page-numbers:not(.current):hover,
.pagination .page-numbers.current {
    background-color: #3D8227;
    border-color: #3D8227;
}

.pagination .page-numbers.next path,
.pagination .page-numbers.prev path {
  stroke: #FFF;
}


/* Top nav
   ========================================================================== */
.main-nav {
  width: 100%;
  top: 60px;
  left: 0;
  z-index: 111;
  background: #EDEDED;
  position: absolute;
}

.main-nav.open {
  position: fixed;
  
}

.main-nav.open {
  z-index: 1111;
}

@media(min-width: 768px) {
  .main-nav:not(.open).fixed {
    top: 0;
    position: fixed;
  }
}

.main-nav__left-column {
  display: grid;
  grid-template-columns: repeat(2, max-content);
}

.main-nav__right-column {
  display: flex;
  gap: 0 10px;
}

.main-nav__left-column {
  grid-gap: 0 20px;
  align-items: center;
}


.main-nav__main-block {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  align-items: center;
  grid-gap: 0 20px;
  height: 80px;
}

.main-nav__search-column {
  width: 100%;
}

.main-nav__search-form {
  position: relative;
}

.main-nav__search-form:before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  background-size: 24px;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.531 20.79C20.991 21.25 21.701 20.54 21.241 20.09L17.491 16.33C18.8067 14.8747 19.5339 12.9819 19.531 11.02C19.531 6.63 15.961 3.06 11.571 3.06C7.18096 3.06 3.61096 6.63 3.61096 11.02C3.61096 15.41 7.18096 18.98 11.571 18.98C13.551 18.98 15.381 18.25 16.781 17.04L20.531 20.79ZM4.60996 11.02C4.60996 7.18 7.73996 4.06 11.57 4.06C15.41 4.06 18.53 7.18 18.53 11.02C18.53 14.86 15.41 17.98 11.57 17.98C7.73996 17.98 4.60996 14.86 4.60996 11.02Z' fill='%23525252'/%3E%3C/svg%3E%0A");
}
.main-nav .search-form__input {
  display: flex;
  align-items: center;
  height: 45px;
  width: 100%;
  background: #FFFFFF;
  border-color: #FFFFFF;
  border-radius: 12px;
  padding-left: 45px;
  padding-right: 12px;
  font-size: 14px;

}

.main-nav__catalog-btn {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  align-items: center;
  height: 45px;
  padding: 0 12px;
  background: #54B435;
  border-radius: 12px;
  grid-gap: 0 8px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: #FFFFFF;
}

.main-nav__catalog-btn:not(.active):hover {
  background: #3D8227;
}

.main-nav__catalog-btn svg {
  display: block;
}
.main-nav__catalog-btn i,
.main-nav__catalog-btn svg {
  width: 24px;
  height: 24px;
}

.main-nav__catalog-btn.active svg,
.main-nav__catalog-btn i {
  display: none;
}

.main-nav__catalog-btn.active i {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-nav__catalog-btn.active i:after,
.main-nav__catalog-btn.active i:before {
  content: '';
  width: 18px;
  height: 2px;
  background: #FFFFFF;
  position: absolute;
}

.main-nav__catalog-btn.active i:after {
  transform: rotate(45deg);
}

.main-nav__catalog-btn.active i:before {
  transform: rotate(-45deg);
}

.main-nav__logo {
  display: block;
}

.main-nav__logo-img {
  display: block;
  width: auto;
  height: 45px;
}

.main-nav__account-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: #FFFFFF;
  border-radius: 10px;
  position: relative;
}

.main-nav .account-btn__count {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  text-align: center;
  font-size: 9px;
  line-height: 1;
  color: #FFFFFF;
  width: 14px;
  height: 14px;
  background: #54B435;
}

.main-nav .account-btn__count.active {
  display: flex;
}

.main-nav__account-btn svg {
  display: block;
  width: 24px;
  height: 24px;
}
.main-nav__account-btn:hover path {
  stroke: #54B435;
}

.main-nav__account-btn.in-wishlist path {
  fill: #FF4141!important;
  stroke: #FF4141!important;
}

@media (max-width: 820.99px) {
  .main-nav__main-block {grid-template-columns: max-content 1fr;}
  .main-nav__logo-img {
    height: 35px;
  }
}

@media (max-width: 768.99px) {
  .main-nav__logo-img {
    height: 35px;
  }
}

@media (max-width: 620.99px) {
  .main-nav__catalog-btn {
    display: none;
  }
}

@media (max-width: 580.99px) {
  .main-nav:not(.open) {
    display: none;
  }

  .main-nav.open {
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 1111;
    width: 100%;
  }

  .main-nav__left-column {
    display: none;
  }

  .main-nav__main-block {
    display: block;
  }
}

/* Catalog menu
   ========================================================================== */

.close-catalog-modal-wrapper {
  position: fixed;
  z-index: 111;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

.catalog-menu-wrapper {
  margin-top: 0;
  position: fixed;
  z-index: 1111;
  width: 100%;
  max-width: 800px;
  height: fit-content;
  overflow: hidden;
}

.catalog-menu-wrapper__main-block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #FFFFFF;
  border-radius: 4px;
  min-height: 60vh;
}

.catalog-menu-wrapper__main-block > * {
  height: 65vh;
  overflow-y: auto;
}

.catalog-menu-wrapper__menu-column,
.catalog-menu-wrapper__sub-menu-column {
  border-right: .5px solid #D9D9D9;
}

.catalog-menu-wrapper .sub-sub-list,
.catalog-menu-wrapper__sub-list,
.catalog-menu-wrapper__list {
  display: flex;
  flex-direction: column;
  
}

.catalog-menu-wrapper .sub-sub-list__item,
.catalog-menu-wrapper .sub-list__item,
.catalog-menu-wrapper .list__item {
  position: relative;
  display: block;
}


.catalog-menu-wrapper .sub-sub-list__item a,
.catalog-menu-wrapper .sub-list__item a,
.catalog-menu-wrapper .list__item a {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  position: relative;
  font-weight: 500;
  line-height: 1.25;
  font-size: 14px;
  color: #262626;
}


.catalog-menu-wrapper .sub-sub-list__item-text,
.catalog-menu-wrapper .sub-list__item-text,
.catalog-menu-wrapper .list__item-text {
  display: block;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
}

.catalog-menu-wrapper .sub-sub-list__item.new a,
.catalog-menu-wrapper .sub-list__item.new a,
.catalog-menu-wrapper .list__item.new a {
  gap: 0 4px;
}

.catalog-menu-wrapper .sub-sub-list__item-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
}


.catalog-menu-wrapper .sub-list__item-new,
.catalog-menu-wrapper .sub-sub-list__item-new,
.catalog-menu-wrapper .list__item-new {
  text-transform: uppercase;
  overflow: hidden;
  display: block;
  width: max-content;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  color: #EF8B00;
  margin-bottom: auto;
  margin-top: 7px;
}

.catalog-menu-wrapper .sub-sub-list__item:hover .item-text {
  color: #54B435;
  text-decoration: underline;
}


.catalog-menu-wrapper .sub-list__item.hover a,
.catalog-menu-wrapper .list__item.hover a {
  background: #D5EBCD;
}

.catalog-menu-wrapper .sub-list__item a:before,
.catalog-menu-wrapper .list__item a:before {
  content: '';
  width: 3px;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #54B435;
  transition: all .4s;
}


.catalog-menu-wrapper .sub-list__item.hover a:before,
.catalog-menu-wrapper .list__item.hover a:before {
  height: 100%;
}


.catalog-menu-wrapper .sub-list__item.menu-item-has-children:after,
.catalog-menu-wrapper .list__item.menu-item-has-children:after {
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  width: 20px;
  height: 20px;
  background-size: 20px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.13142 4.85387L10.9737 9.14825C11.058 9.24195 11.1052 9.36843 11.1052 9.50024C11.1052 9.63204 11.058 9.75852 10.9737 9.85222L7.13225 14.1466C7.04803 14.2409 7.00083 14.3678 7.00083 14.5C7.00083 14.6321 7.04803 14.759 7.13225 14.8533C7.1734 14.8997 7.22257 14.9366 7.27689 14.9618C7.3312 14.987 7.38954 15 7.44848 15C7.50743 15 7.56577 14.987 7.62008 14.9618C7.67439 14.9366 7.72357 14.8997 7.76471 14.8533L11.6062 10.5599C11.8586 10.2771 12 9.89656 12 9.50024C12 9.10391 11.8586 8.72342 11.6062 8.44062L7.76471 4.14716C7.72356 4.10059 7.67433 4.06357 7.61994 4.0383C7.56555 4.01302 7.50711 4 7.44807 4C7.38902 4 7.33058 4.01302 7.27619 4.0383C7.22181 4.06357 7.17258 4.10059 7.13142 4.14716C7.04719 4.24144 7 4.36833 7 4.50051C7 4.6327 7.04719 4.75959 7.13142 4.85387Z' fill='%23959595'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1080.99px) {
  .catalog-menu-wrapper {
    left: 0!important;
    max-width: 100%;
  }
}

/* Top nav
   ========================================================================== */
.top-nav {
  background: #FFFFFF;
  position: absolute;
  z-index: 111;
  width: 100%;
  left: 0;
  top: 0;
}

.top-nav.fixed,
.top-nav.open {
  position: fixed;
  z-index: 1111;
}

.top-nav__main-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  
}

.top-nav__menu {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 30px;
}

.top-nav__menu li {
  display: block;
}

.top-nav__menu li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  height: 25px;
  font-weight: 500;
  font-size: 14px;
  color: #262626;
}

.top-nav__menu li:not(.current-menu-item):hover a {
  color: #54B435;
}

.top-nav__menu li.current-menu-item a {
  color: #636363;
}

.top-nav__contacts-column {
  display: flex;
  gap: 0 60px;
  align-items: center;
  justify-content: flex-end;
}

.top-nav__tel-btn {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, max-content);
  grid-gap: 0 8px;
  min-height: 40px;
  padding: 8px 12px;
  border: 0.4px solid #999999;
  border-radius: 8px;
  color: #262626;
  font-size: 14px;
  line-height: 1;
}

.top-nav__tel-btn:hover {
  background: #EFEFEF;
  border-color: #999999;
  color: #54B435;
}

.top-nav__tel-btn:before {
  content: '';
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10_54)'%3E%3Cpath d='M18.3333 14.1V16.6C18.3343 16.8321 18.2867 17.0618 18.1937 17.2745C18.1008 17.4871 17.9644 17.678 17.7934 17.8349C17.6224 17.9918 17.4205 18.1112 17.2006 18.1856C16.9808 18.2599 16.7478 18.2876 16.5167 18.2667C13.9524 17.9877 11.4893 17.1115 9.32498 15.7083C7.31151 14.4289 5.60443 12.7218 4.32499 10.7083C2.91692 8.53419 2.04049 6.05909 1.76665 3.48333C1.74583 3.25288 1.77321 3.02063 1.84707 2.80135C1.92092 2.58207 2.03963 2.38057 2.19562 2.20968C2.35162 2.03879 2.54149 1.90225 2.75314 1.80876C2.9648 1.71527 3.1936 1.66688 3.42499 1.66666H5.92499C6.32941 1.66268 6.72148 1.80589 7.02812 2.0696C7.33476 2.33332 7.53505 2.69953 7.59165 3.09999C7.69689 3.9001 7.89259 4.68568 8.17499 5.44166C8.2871 5.73993 8.31137 6.06409 8.24491 6.37573C8.17844 6.68737 8.02404 6.97342 7.79998 7.19999L6.74165 8.25833C7.92795 10.3446 9.65536 12.072 11.7417 13.2583L12.8 12.2C13.0266 11.9759 13.3126 11.8215 13.6243 11.7551C13.9359 11.6886 14.26 11.7129 14.5583 11.825C15.3143 12.1074 16.0999 12.3031 16.9 12.4083C17.3048 12.4654 17.6745 12.6693 17.9388 12.9812C18.203 13.2931 18.3435 13.6913 18.3333 14.1Z' stroke='%23262626' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10_54'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.top-nav__tel-btn:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3332 14.1V16.6C18.3341 16.8321 18.2866 17.0618 18.1936 17.2745C18.1006 17.4871 17.9643 17.678 17.7933 17.8349C17.6222 17.9918 17.4203 18.1112 17.2005 18.1856C16.9806 18.2599 16.7477 18.2876 16.5165 18.2667C13.9523 17.9877 11.4892 17.1115 9.32486 15.7083C7.31139 14.4289 5.60431 12.7218 4.32486 10.7083C2.91679 8.5342 2.04037 6.05909 1.76653 3.48333C1.7457 3.25289 1.77309 3.02063 1.84695 2.80135C1.9208 2.58207 2.03951 2.38057 2.1955 2.20968C2.3515 2.03879 2.54137 1.90226 2.75302 1.80877C2.96468 1.71528 3.19348 1.66688 3.42486 1.66667H5.92486C6.32928 1.66269 6.72136 1.8059 7.028 2.06961C7.33464 2.33332 7.53493 2.69954 7.59153 3.1C7.69677 3.90011 7.89246 4.68569 8.17486 5.44167C8.28698 5.73994 8.31125 6.0641 8.24478 6.37573C8.17832 6.68737 8.02392 6.97343 7.79986 7.2L6.74153 8.25833C7.92783 10.3446 9.65524 12.072 11.7415 13.2583L12.7999 12.2C13.0264 11.9759 13.3125 11.8215 13.6241 11.7551C13.9358 11.6886 14.2599 11.7129 14.5582 11.825C15.3142 12.1074 16.0998 12.3031 16.8999 12.4083C17.3047 12.4654 17.6744 12.6693 17.9386 12.9812C18.2029 13.2932 18.3433 13.6913 18.3332 14.1Z' stroke='%2354B435' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.top-nav__lang-list {
  display: flex;
  align-items: center;
}

.top-nav__lang-item {
  display: flex;
  align-items: center;
}

.top-nav__lang-item * {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
}

.top-nav__lang-item:not(.current) * {
  color: #262626;
}

.top-nav__lang-item.current {
  cursor: default;
}

.top-nav__lang-item.current *,
.top-nav__lang-item:not(.current):hover * {
  color: #959595;
}

.top-nav__lang-item:not(.current) {
  display: none!important;
}

.top-nav__lang-item:not(:first-child):after {
  content: '';
  margin: 0 8px;
  height: 7px;
  width: 1px;
  background-color: #262626;
}

.top-nav__btn-column {
  display: flex;
  align-items: center;
  gap: 0 16px;
  margin-right: auto;
}

.top-nav__btn-column .account-btn {
  background: #D5EBCD;
  position: relative;
}

.top-nav .account-btn__count {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  text-align: center;
  font-size: 9px;
  line-height: 1;
  color: #FFFFFF;
  width: 14px;
  height: 14px;
  background: #54B435;
}

.top-nav .account-btn__count.active {
  display: flex;
}

.top-nav__burger-btn {
  margin-right: 16px;
  width: 32px;
  height: 32px;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

.top-nav__burger-btn div {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 28px;
  height: 28px;
  padding: 5px 3px;
}

.top-nav__burger-btn.active div {
  padding: 3px;
  position: relative;
  align-items: center;
  justify-content: center;
}

.top-nav__burger-btn div span {
  width: 100%;
}

.top-nav__burger-btn.active div span {
  display: none;
}

.top-nav__burger-btn div span,
.top-nav__burger-btn div:after,
.top-nav__burger-btn div:before {
  height: 1.6px;
  background: #262626;
  display: block;
}

.top-nav__burger-btn div:after,
.top-nav__burger-btn div:before {
  content: '';
  width: 80%;
}

.top-nav__burger-btn.active div:after,
.top-nav__burger-btn.active div:before {
  width: 100%;
  position: absolute;
}

.top-nav__burger-btn.active div:after {
  transform: rotate(45deg);
}
.top-nav__burger-btn.active div:before {
  transform: rotate(-45deg);
}

.top-nav__btns-group {
  display: none;
}

.top-nav__logo {
  display: block;
}

.top-nav__logo-img {
  display: block;
  width: auto;
  height: 100%;
  max-width: 200px;
  object-fit: contain;
  object-position: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}

@media (max-width: 1080.99px) {
  .top-nav__contacts-column {
    gap: 0 30px;
  }

  .top-nav__menu {
    gap: 0 20px;
  }
}

@media (max-width: 768.99px) {
  .top-nav__menu {
    display: none;
  }

  .top-nav__burger-btn {
    display: flex;
  }

  .top-nav__btns-group {
    display: block;
  }
}

@media (max-width: 580.99px) {

  .top-nav {
    
    background: #EDEDED;
  }

  .top-nav__btn-column {
    margin-left: auto;
    margin-right: 0;
    gap: 0 10px;
  }

  .top-nav__btn-column .account-btn {
    background: #FFFFFF;
    width: 40px;
    height: 40px;
  }

  .top-nav__logo-img {
    padding: 0 10px;
  }

  .top-nav__btn-column .account-btn.wishlist {
    display: none;
  }

  .top-nav__btns-group {
    display: flex;

  }

  .top-nav__contacts-column {
    display: none;
  }

  .top-nav__search-btn svg {
    display: block;
    width: 24px;
    height: 24px;
  }

  .top-nav__search-btn,
  .top-nav__burger-btn {
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 10px;
    
  }

  .top-nav__search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .top-nav__burger-btn {
    margin-right: 10px;
    background: #54B435;
  }

  .top-nav__burger-btn div span, 
  .top-nav__burger-btn div:after, 
  .top-nav__burger-btn div:before {
    background: #FFFFFF;
  }
}

@media (max-width: 480.99px) {
  .top-nav__btn-column .account-btn.compare {
    display: none;
  }
}

@media (max-width: 430.99px) {
  .top-nav__logo-img {
    max-width: 160px;
  }
}


/* Mobile Menu Wrapper
   ========================================================================== */


.close-mob-modal-wrapper {
  position: fixed;
  z-index: 111;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(104, 104, 104, 0.5);
  backdrop-filter: blur(7px);
  cursor: pointer;
}

.mobile-menu-wrapper {
  position: fixed;
  z-index: 1111;
  width: 100%;
  overflow: hidden;
}


@media (min-width: 581px) and (max-width: 820.99px) {

  .mobile-menu-wrapper {
    max-width: fit-content;
    height: fit-content;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background: #FFFFFF;
    padding: 24px 35px;
    border-top: 1px solid #262626;
  }

  .mobile-menu-wrapper__main-menu {
    display: flex;
    flex-direction: column;
    
  }

  .mobile-menu-wrapper__main-menu {
    display: flex;
    gap: 8px 0;
    flex-direction: column;
  }

  .mobile-menu-wrapper__main-menu li,
  .mobile-menu-wrapper__main-menu li a {
    display: block;
  }

  .mobile-menu-wrapper__main-menu li a {
    color: #262626;
    font-size: 15px;
  }
}

@media (max-width: 580.99px) {
  .mobile-menu-wrapper {
    max-width: 400px;
    width: 100%;
    left: -400px;
    top: 0;
    transition: left .4s;
    background: #FFFFFF;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .mobile-menu-wrapper.open {
    left: 0;
  }

  .mobile-menu-wrapper .catalog-menu-mob-menu__buttons-block {
    padding: 16px;
    display: flex;
    justify-content: center;
    gap: 0 10px;
    border-bottom: .5px solid #D9D9D9;

  }

  .mobile-menu-wrapper .catalog-menu-mob-menu__account-btn {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 100%;
    height: 55px;
    background: #EDEDED;
    border-radius: 12px;
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    color: #262626;
    text-align: center;
  }

  .mobile-menu-wrapper .catalog-menu-mob-menu__account-btn svg {
    display: block;
    width: 24px;
    height: 24px;
  }


  .mobile-menu-wrapper .catalog-menu-mob-menu .account-btn__count {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    text-align: center;
    font-size: 9px;
    line-height: 1;
    color: #FFFFFF;
    width: 14px;
    height: 14px;
    background: #54B435;
  }

  .mobile-menu-wrapper .catalog-menu-mob-menu .account-btn.compare .count {
    left: 0;
    right: auto;
  }

  .mobile-menu-wrapper .catalog-menu-mob-menu .account-btn__count.active {
    display: flex;
  }

  .mobile-menu-wrapper .catalog-menu-mob-menu__list,
  .mobile-menu-wrapper .catalog-menu-mob-menu__sub-list {
    display: flex;
    flex-direction: column;
    gap: 8px 0;
  }

  .mobile-menu-wrapper .catalog-menu-mob-menu__list {
    padding: 10px 16px;
  }

  .mobile-menu-wrapper .catalog-menu-mob-menu__sub-list {
    padding-left: 16px;
    margin-top: 8px;
  }


  .mobile-menu-wrapper .list__item,
  .mobile-menu-wrapper .sub-list__item {
    display: block;
    padding: 8px 16px;
    border-radius: 8px;
  }

  .mobile-menu-wrapper .list__item.active,
  .mobile-menu-wrapper .sub-list__item.active {
    background: #D5EBCD;
  }

  .mobile-menu-wrapper .list__item.menu-item-has-children,
  .mobile-menu-wrapper .sub-list__item.menu-item-has-children {
    display: grid;
    grid-gap: 14px;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: auto max-content;
  }

  .mobile-menu-wrapper .sub-list__item a,
  .mobile-menu-wrapper .list__item a {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    color: #262626;
    display: block;
  }

  .mobile-menu-wrapper .sub-list__item.new a,
  .mobile-menu-wrapper .list__item.new a {
    display: flex;
    gap: 4px;
    align-items: flex-start;

  }

  .mobile-menu-wrapper .sub-list__item.new span,
  .mobile-menu-wrapper .list__item.new span {
    display: block;
    font-weight: 500;
    font-size: 11px;
    line-height: 1;
    color: #EF8B00;
  }

  .mobile-menu-wrapper .list__item-btn,
  .mobile-menu-wrapper .sub-list__item-btn {
    display: block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1461 7.13142L10.8517 10.9737C10.7581 11.058 10.6316 11.1052 10.4998 11.1052C10.368 11.1052 10.2415 11.058 10.1478 10.9737L5.8534 7.13225C5.75912 7.04803 5.63223 7.00083 5.50004 7.00083C5.36786 7.00083 5.24097 7.04803 5.14668 7.13225C5.10026 7.1734 5.06336 7.22257 5.03817 7.27689C5.01298 7.3312 5 7.38954 5 7.44848C5 7.50743 5.01298 7.56577 5.03817 7.62008C5.06336 7.67439 5.10026 7.72357 5.14668 7.76471L9.44015 11.6062C9.72295 11.8586 10.1034 12 10.4998 12C10.8961 12 11.2766 11.8586 11.5594 11.6062L15.8528 7.76471C15.8994 7.72356 15.9364 7.67433 15.9617 7.61994C15.987 7.56555 16 7.50711 16 7.44807C16 7.38902 15.987 7.33058 15.9617 7.27619C15.9364 7.22181 15.8994 7.17258 15.8528 7.13142C15.7586 7.04719 15.6317 7 15.4995 7C15.3673 7 15.2404 7.04719 15.1461 7.13142Z' fill='%23959595'/%3E%3C/svg%3E%0A");
    background-size: 20px;
  }


  .mobile-menu-wrapper .list__item.active .item-btn,
  .mobile-menu-wrapper .sub-list__item.active .item-btn {
    transform: scale(1,-1);
  }

  .mobile-menu-wrapper .catalog-menu-mob-menu__phone-btn {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    align-items: center;
    grid-gap: 8px;
    padding: 16px;
    border-top: .7px solid #D9D9D9;
    border-bottom: .7px solid #D9D9D9;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #262626;
  }

  .mobile-menu-wrapper .catalog-menu-mob-menu__phone-btn:before {
    content: '';
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_176_3960)'%3E%3Cpath d='M18.3333 14.1V16.6C18.3343 16.8321 18.2867 17.0618 18.1937 17.2744C18.1008 17.4871 17.9644 17.678 17.7934 17.8349C17.6224 17.9918 17.4205 18.1112 17.2006 18.1856C16.9808 18.2599 16.7478 18.2875 16.5167 18.2666C13.9524 17.9877 11.4893 17.1115 9.32498 15.7083C7.31151 14.4289 5.60443 12.7218 4.32499 10.7083C2.91692 8.53418 2.04049 6.05907 1.76665 3.48331C1.74583 3.25287 1.77321 3.02061 1.84707 2.80133C1.92092 2.58205 2.03963 2.38055 2.19562 2.20966C2.35162 2.03877 2.54149 1.90224 2.75314 1.80875C2.9648 1.71526 3.1936 1.66686 3.42499 1.66665H5.92499C6.32941 1.66267 6.72148 1.80588 7.02812 2.06959C7.33476 2.3333 7.53505 2.69952 7.59165 3.09998C7.69689 3.90009 7.89259 4.68567 8.17499 5.44165C8.2871 5.73992 8.31137 6.06407 8.24491 6.37571C8.17844 6.68735 8.02404 6.9734 7.79998 7.19998L6.74165 8.25831C7.92795 10.3446 9.65536 12.072 11.7417 13.2583L12.8 12.2C13.0266 11.9759 13.3126 11.8215 13.6243 11.7551C13.9359 11.6886 14.26 11.7129 14.5583 11.825C15.3143 12.1074 16.0999 12.3031 16.9 12.4083C17.3048 12.4654 17.6745 12.6693 17.9388 12.9812C18.203 13.2931 18.3435 13.6913 18.3333 14.1Z' stroke='%23262626' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_176_3960'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }

  .mobile-menu-wrapper__main-menu {
    padding: 40px 20px;
    display: flex;
    gap: 8px 0;
    flex-direction: column;
  }

  .mobile-menu-wrapper .menu-item {
    display: block;
  }

  .mobile-menu-wrapper .menu-item a {
    padding: 4px;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #262626;
  }

  .mobile-menu-wrapper .menu-item.current-menu-item a {
    color: #54B435;
  }

  .mobile-menu-wrapper__lang-list {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: .7px solid #D9D9D9;
  }

  .mobile-menu-wrapper__lang-item * {
    display: block;
    line-height: 1;
    font-weight: 600;
    font-size: 14px;
    color: #262626;
  }

  .mobile-menu-wrapper__lang-item.current * {
    color: #959595;
  }


  .mobile-menu-wrapper__lang-item {
    display: block;
  }

  .mobile-menu-wrapper__lang-item:not(:last-child) {
    display: flex;
    align-items: center;
  }

  .mobile-menu-wrapper__lang-item:not(:last-child):after {
      content: '';
      margin: 0 8px;
      height: 17px;
      width: 1px;
      background-color: #262626;
  }



}

@media (max-width: 430.99px) {
  .mobile-menu-wrapper {
    max-width: 100%;
  }
}

/* Footer
   ========================================================================== */
.footer {
  background-color: #151917;
}

.footer__main-block {
  padding: 60px 0;
  display: grid;
  grid-gap: 0 80px;
  grid-template-columns: max-content 1fr max-content;
}

.footer__logo-column,
.footer__contacts-column {
  display: flex;
  flex-direction: column;
}

.footer__logo-column {
  height: 100%;
  justify-content: space-between;
}

.footer__logo {
  display: block;
}

.footer__logo-img {
  display: block;
  width: 220px;
  height: auto;
}

.footer__menu-columns {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, max-content);
  justify-content: space-between;
  grid-gap: 0 20px;
}

.footer__column {
  padding-top: 0!important;
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}

.footer__column-title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  color: #FFFFFF;
}

.footer__column-list {
  display: flex;
  gap: 15px 0;
  flex-direction: column;
}

.footer__column-list li {
  display: block;
}

.footer__column-list a {
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #D9D9D9;
}

.footer__column-list li.current-menu-item a,
.footer__column-list li:not(.current-menu-item):hover a {
  color: #54B435;
}

.footer__callback-btn {
  margin-top: 8px;
  text-align: left;
  display: block;
  width: fit-content;
  font-weight: 700;
  font-size: 15px;
  color: #54B435;
  padding-bottom: 4px;
  border-bottom: 1px solid #54B435;
  margin-right: auto;
}

.footer__open-text {
  display: block;
  margin-top: 20px;
  font-weight: 400;
  font-size: 15px;
  color: #D9D9D9;
}

.footer__contacts-list {
  margin-top: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px 0;
  justify-content: space-between;
}

.footer__contact-item {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}

.footer .contact-item__title,
.footer .contact-item__value {
  display: block;
  min-width: max-content;
}

.footer .contact-item__title {
  font-weight: 600;
  font-size: 16px;
  color: #FFFFFF;
}

.footer .contact-item__value {
  font-size: 15px;
  color: #D9D9D9;
}

.footer__soc-title {
  display: block;
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
}

.footer__soc-list {
  margin-top: 16px;
  display: flex;
  gap: 0 8px;
  justify-content: flex-start;
}

.footer .soc-list__item {
  display: block;
}

.footer .soc-list__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
}

.footer .soc-list__item:hover a {
  border-color: #54B435;
}

.footer .soc-list__item a img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  object-position: center;
}

.footer .soc-list__item:hover img {
  filter: invert(60%) sepia(60%) saturate(500%) hue-rotate(70deg);
}

@media (max-width: 1080.99px) {
  .footer__main-block {
    grid-gap: 0 24px;
  }

  .footer .contact-item__value {
    font-size: 14px;
  }

  .footer__column-list a {
    font-size: 14px;
  }

  .footer__logo-img {
    width: 180px;
  }

  .footer__menu-columns {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 20px;
  }
}

@media (max-width: 920.99px) {
  .footer__menu-columns {
    justify-content: space-around;
    grid-template-columns: repeat(2, max-content);
  }
  .footer__contacts-list {
    height: auto;
    justify-content: flex-start;
  }

  .footer__column:nth-child(2) {
    display: none;
  }

  .footer__soc-title {
    font-size: 18px;
  }
  .footer__logo-img {
    width: 160px;
  }
}

@media (max-width: 820.99px) {
  .footer__menu-columns {
    display: block;  }

  .footer__column:nth-child(3) {
    margin-left: auto;
    margin-right: auto;
    width: max-content;
  }

  .footer__column:nth-child(2),
  .footer__column:nth-child(1) {
    display: none;
  }

  
}

@media (max-width: 680.99px) {
  .footer__main-block {
    padding: 32px 0;
    display: flex;
    flex-direction: column;
    grid-gap: 0;
    align-items: center;
    gap: 32px 0;
  }

  .footer__menu-columns {
    display: none;
  }

  .footer__logo-column  {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer__logo-img {
    width: 100%;
  }

  .footer__open-text {
    text-align: center;
  }

  .footer__contacts-column,
  .footer__logo-column {
    max-width: 430px;
    width: 100%;
  }

  .footer__contacts-column  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
  }

  .footer__contacts-list,
  .footer__contact-item {
    align-items: center;
  }

  .footer__column-list {
    display: none;
  }

  .footer__callback-btn {
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
  }

  .footer__column:nth-child(2), 
  .footer__column:nth-child(1) {
    display: flex;
  }
  .footer__column-title {
    text-align: center;
  }
}

@media (max-width: 430.99px) {
  .footer__logo,
  .footer__logo-img {
    margin-left: auto;
    margin-right: auto;
    
  }

  .footer__logo-img {
    max-width: 340px;
    height: auto;
    max-height: 120px;
  }

  .footer__logo-column {
    align-items: flex-start;
  }

  .footer__contacts-column,
  .footer__soc-group {
    width: 100%;
  }

  .footer__contacts-column {
    max-width: 100%;
    align-items: flex-start;
  }


  .footer__contacts-list, 
  .footer__contact-item {
    align-items: flex-start;
  }

  .footer__open-text {
    text-align: left;
  }

  .footer__callback-btn {
    margin-left: 0;
  }

  .footer__soc-list {
    margin-top: 0;
  }

  .footer__soc-title {
    display: none;
  }
}



/* Pop products slider
   ========================================================================== */

.slider-info .slider-nav {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 0 10px;
}


.slider-info .slider-nav .prev-btn,
.slider-info .slider-nav .next-btn {
   position: unset;
   transform: unset;
}

.slider-info .slider-nav .prev-btn {
   transform: scale(-1,1);
}

.slider-info {
   margin-top: 16px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 0 10px;
}

.slider-info__all-link {
   padding: 0 33px;
}

/* Modal Cart and Wishlist
   ========================================================================== */
.modal-wishlist-wrapper,
.modal-cart-wrapper {
  position: fixed;
  z-index: 1111;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  overflow-x: hidden;
  max-width: 1000px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 6px;
}

.modal-wishlist-wrapper__title,
.modal-cart-wrapper__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #262626;
  display: block;
  padding-bottom: 12px;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #F5F2F2;
}

.modal-wishlist-wrapper__products-group,
.modal-cart-wrapper__products-group {
  margin-top: 32px;
}

.modal-wishlist-wrapper__main-block,
.modal-cart-wrapper__main-block {
  height: fit-content;
  overflow-y: auto;
  height: 100%;
  
}
.modal-wishlist-wrapper__top-group,
.modal-cart-wrapper__top-group {
  display: flex;
  flex-direction: column;
  padding: 32px;
}
.close-wishlist-modal-wrapper,
.close-cart-modal-wrapper {
  position: fixed;
  z-index: 111;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

.catalog-menu-mob-menu__close-btn,
.modal-wishlist-wrapper__close-btn,
.modal-cart-wrapper__close-btn {
  position: absolute;
  right: 20px;
  top: 6px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.catalog-menu-mob-menu__close-btn:after,
.catalog-menu-mob-menu__close-btn:before {
  content: '';
  position: absolute;
  background: #000000;
  width: 12px;
  height: 1.2px;
  display: block;
}

.modal-wishlist-wrapper__close-btn:after,
.modal-wishlist-wrapper__close-btn:before {
  content: '';
  position: absolute;
  background: #000000;
  width: 12px;
  height: 1.2px;
  display: block;

}

.modal-cart-wrapper__close-btn:after,
.modal-cart-wrapper__close-btn:before {
  content: '';
  position: absolute;
  background: #000000;
  width: 12px;
  height: 1.2px;
  display: block;
}

.catalog-menu-mob-menu__close-btn:after,
.modal-wishlist-wrapper__close-btn:after,
.modal-cart-wrapper__close-btn:after {
  transform: rotate(45deg);
}

.catalog-menu-mob-menu__close-btn:before,
.modal-wishlist-wrapper__close-btn:before,
.modal-cart-wrapper__close-btn:before {
  transform: rotate(-45deg);
}

/* Start Similiar Products */
  .modal-cart-wrapper__similiar-order-group {
    padding: 24px 32px;
    background: #EDEDED;
  }

  .modal-cart-wrapper .similiar-order-group__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.25;
    color: #000000;
  }

  .modal-cart-wrapper .similiar-order-group__slider-block {
    padding: 20px;
    background: #FFFFFF;
    border-radius: 20px 12px;
  }

  .modal-cart-wrapper .swiper .prev-btn,
  .modal-cart-wrapper .swiper .next-btn {
    transform: unset;
    position: unset;
    width: 24px;
    height: 24px;
    background: #F0F0F0;
  }

  .modal-cart-wrapper .swiper .prev-btn:after,
  .modal-cart-wrapper .swiper .next-btn:after {
    width: 5px;
    height: 10px;
    background-size: 5px 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' viewBox='0 0 5 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.131419 9.22375L3.97369 5.31977C4.05796 5.23459 4.10522 5.11961 4.10522 4.99979C4.10522 4.87997 4.05796 4.76498 3.97369 4.6798L0.132253 0.77582C0.0480279 0.690111 0.000833923 0.574752 0.000833929 0.454585C0.000833934 0.334419 0.0480279 0.21906 0.132253 0.13335C0.173398 0.0911453 0.222575 0.0576036 0.276885 0.0347011C0.331196 0.0117996 0.389543 7.52145e-07 0.448484 7.54721e-07C0.507426 7.57298e-07 0.565772 0.0117996 0.620082 0.0347012C0.674393 0.0576036 0.72357 0.0911453 0.764715 0.13335L4.60615 4.0365C4.85858 4.29359 5 4.63949 5 4.99979C5 5.36008 4.85858 5.70599 4.60615 5.96307L0.764715 9.86622C0.723557 9.90855 0.674328 9.94221 0.61994 9.96518C0.565553 9.98816 0.507109 10 0.448067 10C0.389024 10 0.330582 9.98816 0.276194 9.96518C0.221806 9.94221 0.172577 9.90855 0.131419 9.86622C0.047194 9.78051 1.46366e-08 9.66515 1.98892e-08 9.54499C2.51419e-08 9.42482 0.047194 9.30946 0.131419 9.22375Z' fill='%236F6F6F'/%3E%3C/svg%3E%0A");
  }

  .modal-cart-wrapper .swiper .next-btn:after  {
    transform: scale(-1,1);
  }

  
  .modal-cart-wrapper .similiar-order-group__slider-group {
    margin-top: 32px;
  }

  .modal-cart-wrapper .similiar-order-group__swiper {
    width: 100%;
  }

  .modal-cart-wrapper .similiar-order-group .swiper-slide {
    display:grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    max-width: 320px;
    grid-gap: 0 10px;
    padding: 6px 0;
  }

  .modal-cart-wrapper.similiar-order-group .swiper-slide__thumb {
    display: block;
  }

  .modal-cart-wrapper .similiar-order-group .swiper-slide__img {
    display: block;
    width: 100px;
    height: 100px;
    object-fit: contain;
    object-position: center;
  }

  .modal-cart-wrapper .similiar-order-group .swiper-slide__info-column {
    display: flex;
    gap: 12px 0;
    flex-direction: column;
  }

  .modal-cart-wrapper .similiar-order-group .swiper-slide__name {
    font-weight: 500;
    line-height: 1.2;
    font-size: 14px;
    color: #262626;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .modal-cart-wrapper .similiar-order-group .swiper-slide__buttons-group {
    display: flex;
    align-items: center;
    gap: 0 35px;
  }

  .modal-cart-wrapper .similiar-order-group .swiper-slide__price-block {
    display: flex;
    flex-direction: column;
    gap: 4px 0;
  }

  .modal-cart-wrapper .similiar-order-group .swiper-slide__old-price,
  .modal-cart-wrapper .similiar-order-group .swiper-slide__new-price,
  .modal-cart-wrapper .similiar-order-group .swiper-slide__price {
    display: block;
    line-height: 1;
    min-width: max-content;
  }

  .modal-cart-wrapper .similiar-order-group .swiper-slide__old-price {
    font-weight: 500;
    font-size: 14px;
    text-decoration: line-through;
    color: #999999;
  }

  .modal-cart-wrapper .similiar-order-group .swiper-slide__new-price,
  .modal-cart-wrapper .similiar-order-group .swiper-slide__price {
    font-weight: 700;
    font-size: 18px;
    color: #262626;
  }

  @media (max-width: 430px) {
    .modal-cart-wrapper .similiar-order-group .swiper-slide__buttons-group {
      justify-content: space-between;
    }
  }

/* End Similiar Products */

/* Start Products */


.modal-wishlist-wrapper .products-list,
.modal-cart-wrapper__products-list {
  display: flex;
  gap: 32px 0;
  flex-direction: column;
}


.modal-wishlist-wrapper__product-item,
.modal-cart-wrapper__product-item {
  display: block;
  position: relative;
}

.modal-wishlist-wrapper .product-item__remove-btn,
.modal-cart-wrapper .product-item__remove-btn {
  background-size: 20px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.6 3.8H12.4C12.4 3.29609 12.1998 2.81282 11.8435 2.4565C11.4872 2.10018 11.0039 1.9 10.5 1.9C9.99609 1.9 9.51282 2.10018 9.1565 2.4565C8.80018 2.81282 8.6 3.29609 8.6 3.8ZM6.7 3.8C6.7 2.79218 7.10036 1.82563 7.81299 1.11299C8.52563 0.400356 9.49218 0 10.5 0C11.5078 0 12.4744 0.400356 13.187 1.11299C13.8996 1.82563 14.3 2.79218 14.3 3.8H19.05C19.302 3.8 19.5436 3.90009 19.7218 4.07825C19.8999 4.25641 20 4.49804 20 4.75C20 5.00196 19.8999 5.24359 19.7218 5.42175C19.5436 5.59991 19.302 5.7 19.05 5.7H18.2121L17.3704 15.523C17.2895 16.4715 16.8555 17.3552 16.1543 17.999C15.453 18.6429 14.5357 19.0001 13.5837 19H7.4163C6.46431 19.0001 5.54696 18.6429 4.84574 17.999C4.14452 17.3552 3.71052 16.4715 3.6296 15.523L2.7879 5.7H1.95C1.69804 5.7 1.45641 5.59991 1.27825 5.42175C1.10009 5.24359 1 5.00196 1 4.75C1 4.49804 1.10009 4.25641 1.27825 4.07825C1.45641 3.90009 1.69804 3.8 1.95 3.8H6.7ZM13.35 9.5C13.35 9.24804 13.2499 9.00641 13.0718 8.82825C12.8936 8.65009 12.652 8.55 12.4 8.55C12.148 8.55 11.9064 8.65009 11.7282 8.82825C11.5501 9.00641 11.45 9.24804 11.45 9.5V13.3C11.45 13.552 11.5501 13.7936 11.7282 13.9718C11.9064 14.1499 12.148 14.25 12.4 14.25C12.652 14.25 12.8936 14.1499 13.0718 13.9718C13.2499 13.7936 13.35 13.552 13.35 13.3V9.5ZM8.6 8.55C8.85196 8.55 9.09359 8.65009 9.27175 8.82825C9.44991 9.00641 9.55 9.24804 9.55 9.5V13.3C9.55 13.552 9.44991 13.7936 9.27175 13.9718C9.09359 14.1499 8.85196 14.25 8.6 14.25C8.34804 14.25 8.10641 14.1499 7.92825 13.9718C7.75009 13.7936 7.65 13.552 7.65 13.3V9.5C7.65 9.24804 7.75009 9.00641 7.92825 8.82825C8.10641 8.65009 8.34804 8.55 8.6 8.55ZM5.522 15.3615C5.56247 15.8359 5.77961 16.2779 6.13042 16.5998C6.48123 16.9218 6.94014 17.1003 7.4163 17.1H13.5837C14.0595 17.0998 14.518 16.9211 14.8684 16.5992C15.2188 16.2773 15.4357 15.8356 15.4761 15.3615L16.3045 5.7H4.6955L5.522 15.3615Z' fill='%23BFBFBF'/%3E%3C/svg%3E%0A");
}

.modal-wishlist-wrapper .product-item__main-group,
.modal-cart-wrapper .product-item__main-group {
  display: grid;
  align-items: flex-start;
  grid-gap: 0 16px;
  grid-template-columns: max-content 1fr max-content;
}


.modal-wishlist-wrapper .product-item__about-group,
.modal-cart-wrapper .product-item__about-group {
  display: grid;
  align-items: flex-start;
  grid-gap: 0 12px;
  grid-template-columns: max-content 1fr;
}


.modal-wishlist-wrapper .product-item__thumb,
.modal-cart-wrapper .product-item__thumb {
  display: block;
}


.modal-wishlist-wrapper .product-item__img,
.modal-cart-wrapper .product-item__img {
  display: block;
  width: 110px;
  height: 110px;
  object-fit: contain;
  object-position: center;
}

.modal-wishlist-wrapper .product-item__about,
.modal-cart-wrapper .product-item__about {
  display: grid;
  align-items: flex-start;
  grid-gap: 0 24px;
  grid-template-columns: 1fr max-content;
}


.modal-wishlist-wrapper .product-item__about-left,
.modal-cart-wrapper .product-item__about-left {
  display: flex;
  gap: 15px 0;
  flex-direction: column;
}

.modal-wishlist-wrapper .product-item__text-group,
.modal-cart-wrapper .product-item__text-group {
  display: flex;
  gap: 10px 0;
  flex-direction: column;
}

.modal-wishlist-wrapper .product-item__sku,
.modal-cart-wrapper .product-item__sku {
  display: flex;
  align-items: center;
  height: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: #999999;
}
.modal-wishlist-wrapper .product-item__name,
.modal-cart-wrapper .product-item__name {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.18;
  color: #262626;
}

.modal-cart-wrapper .product-item__count-group {
  margin-top: 20px;
}


.modal-wishlist-wrapper .product-item__price-block,
.modal-cart-wrapper .product-item__price-block {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
  justify-content: flex-end;
  min-width: 90px;
}

.modal-wishlist-wrapper .product-item__price,
.modal-cart-wrapper .product-item__price {
  min-width: 90px;
}


.modal-cart-wrapper .product-item__price,
.modal-cart-wrapper .product-item__old-price,
.modal-cart-wrapper .product-item__new-price,
.modal-wishlist-wrapper .product-item__old-price,
.modal-wishlist-wrapper .product-item__new-price,
.modal-wishlist-wrapper .product-item__price {
  display: flex;
  justify-content: flex-end;
  line-height: 1;
  min-width: max-content;
  text-align: right;
  min-width: 90px;
  text-align: right;
}


.modal-wishlist-wrapper .product-item__old-price,
.modal-wishlist-wrapper .product-item__new-price,
.modal-wishlist-wrapper .product-item__price,
.modal-wishlist-wrapper .product-item__new-price,
.modal-wishlist-wrapper .product-item__price {
  font-weight: 600;
  font-size: 18px;
  color: #151917;
}

.modal-cart-wrapper .product-item__new-price,
.modal-cart-wrapper .product-item__price {
  font-weight: 600;
  font-size: 18px;
  color: #151917;

}
.modal-wishlist-wrapper .product-item__old-price,
.modal-cart-wrapper .product-item__old-price {
  font-weight: 500;
  font-size: 14px;
  text-decoration: line-through;
  color: #999999;
}


/* End Products  */

/* Start Services */
.modal-cart-wrapper .product-item__services-group {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px 0;
  padding: 20px;
  border: 1px solid #E3E3E3;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  max-width: calc(100% - 150px);
}

.modal-cart-wrapper .product-item .services-group__title {
  font-weight: 600;
  font-size: 15px;
  color: #151917;
  display: block;
}

.modal-cart-wrapper .product-item .services-group__item {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  grid-gap: 0 8px;
  padding: 8px;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}

.modal-cart-wrapper .product-item .services-group__item:not([data-checked="checked"]):hover {
  background: #F5F5F5;
}


.modal-cart-wrapper .product-item .services-group .item__input {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  cursor: pointer;
}

.modal-cart-wrapper .product-item .services-group .item__content {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}

.modal-cart-wrapper .product-item .services-group .item__name,
.modal-cart-wrapper .product-item .services-group .item__descr {
  display: block;
  line-height: 1.25;
}

.modal-cart-wrapper .product-item .services-group .item__name {
  font-weight: 600;
  font-size: 15px;
  color: #151917;
}

.modal-cart-wrapper .product-item .services-group .item__descr {
  font-weight: 500;
  font-size: 13px;
  color: #818181;
}

.modal-cart-wrapper .product-item .services-group .item__price {
  display: block;
  font-weight: 600;
  font-size: 14px;
  min-width: max-content;
  color: #151917;
  line-height: 1;
}

.modal-cart-wrapper .product-item .services-group .item__checkbox-i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.modal-cart-wrapper .product-item .services-group .item__checkbox-i:after {
  content: '';
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
}

.modal-cart-wrapper .product-item .services-group .item:not([data-checked="checked"]):hover .checkbox-i:after,
.modal-cart-wrapper .product-item .services-group .item[data-checked="checked"] .checkbox-i:after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8.25L7 12.25L12.5 3.75' stroke='white'/%3E%3C/svg%3E%0A");
  background-size: 16px;
  background-position: center;
  background-color: #54B435;
  border-color: #54B435;
}

.modal-cart-wrapper .product-item .services-group .item__checkbox-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}

.modal-cart-wrapper .product-item .services-group__toggle-btn {
  display: grid;
  align-items: center;
  grid-gap: 0;
  grid-template-columns: repeat(2, max-content);
  font-weight: 600;
  font-size: 14px;
  color: #54B435;
  line-height: 1;
}

.modal-cart-wrapper .product-item .services-group__toggle-btn:after {
  content: '';
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75882 14.3791C8.71588 14.4177 8.66537 14.4479 8.61018 14.4679C8.55498 14.488 8.49618 14.4975 8.43713 14.4959C8.37808 14.4943 8.31993 14.4817 8.26602 14.4587C8.2121 14.4357 8.16346 14.4028 8.12289 14.3619C8.08232 14.3211 8.0506 14.273 8.02954 14.2204C8.00849 14.1679 7.99851 14.1119 8.00018 14.0557C8.00185 13.9995 8.01514 13.9441 8.03928 13.8928C8.06342 13.8414 8.09794 13.7951 8.14088 13.7565L12.1885 10.117C12.272 10.0419 12.3826 10 12.4975 10C12.6124 10 12.7229 10.0419 12.8064 10.117L16.8545 13.7565C16.8984 13.7949 16.9338 13.8412 16.9587 13.8927C16.9837 13.9442 16.9976 13.9999 16.9997 14.0566C17.0018 14.1133 16.9921 14.1698 16.9711 14.2229C16.95 14.276 16.9182 14.3246 16.8773 14.3658C16.8363 14.407 16.7872 14.4401 16.7328 14.4632C16.6783 14.4862 16.6196 14.4987 16.5601 14.4999C16.5005 14.5011 16.4413 14.4911 16.3858 14.4703C16.3304 14.4496 16.2798 14.4186 16.237 14.3791L12.4975 11.0171L8.75882 14.3791Z' fill='%2354B435'/%3E%3C/svg%3E%0A");
}

.modal-cart-wrapper .product-item .services-group__toggle-btn.open:after {
  transform: scale(1,-1);
}

.modal-cart-wrapper__total-group {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 1fr max-content;
}

.modal-cart-wrapper .total-group__coninue-btn {
  width: fit-content;
  margin-right: auto;
}

.modal-cart-wrapper .total-group__right-column  {
  display: flex;
  gap: 0 32px;
  align-items: center;
}

.modal-cart-wrapper .total-group__total-price-group {
  display: flex;
  min-height: 32px;
  align-items: flex-end;
  gap: 0 5px;
}

.modal-cart-wrapper .total-price-group__title,
.modal-cart-wrapper .total-price-group__value {
  display: block;
  min-width: max-content;
}

.modal-cart-wrapper .total-price-group__title {
  font-weight: 600;
  font-size: 14px;
  color: #000000;
  padding-bottom: 4px;
}

.modal-cart-wrapper .total-price-group__value {
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #54B435;
}

@media (max-width: 1080.99px) {

  .modal-wishlist-wrapper, 
  .modal-cart-wrapper {
    height: 100%;
    max-width: 100%;
    transform: unset;
    top: 0;
    left: 0;
    border-radius: 0;
  }
  .modal-wishlist-wrapper__main-block,
  .modal-cart-wrapper__main-block {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }


  .modal-wishlist-wrapper__products-group, 
  .modal-cart-wrapper__products-group {
    flex: 1;
  }
  .modal-cart-wrapper .total-group__right-column {
    flex-direction: column;
    gap: 20px 0;
    align-items: flex-end;
  }

  .modal-cart-wrapper .total-price-group__title {
    padding-bottom: 0;
  }

  .modal-cart-wrapper .total-group__total-price-group {
    min-height: 40px;
    align-items: center;
  }

}


@media (max-width: 680.99px) {

  .modal-cart-wrapper .product-item__count-group {
    margin-top: 0;
  }

  .modal-cart-wrapper .product-item__mob-group {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .modal-cart-wrapper .product-item__about {
    display: block;
  }

  .modal-cart-wrapper .product-item__services-group {
    max-width: 100%;
  }

  .modal-cart-wrapper .product-item__services-group {
    min-height: 40px;
  }

  .modal-wishlist-wrapper .product-item__sku, 
  .modal-cart-wrapper .product-item__sku {
    font-size: 14px;
  }

  .modal-cart-wrapper .product-item__main-group {
    grid-template-columns: max-content 1fr;
  }

  .modal-cart-wrapper__similiar-order-group {
    padding-top: 40px;
  }

}

@media (max-width: 580.99px) {

  .catalog-menu-mob-menu__close-btn,
  .modal-wishlist-wrapper__close-btn, 
  .modal-cart-wrapper__close-btn {
    right: 6px;
  }

  .modal-wishlist-wrapper, 
  .modal-cart-wrapper {
    overflow-y: auto;
    padding: 24px 0;
  }

  .modal-cart-wrapper__main-block {
    overflow-y: unset;
  }

  .modal-cart-wrapper__total-group {
    margin-top: 0;
    position: sticky;
    bottom: -24px;
    left: 0;
    display: block;
    background: #FFFFFF;
    padding: 24px;
    z-index: 1111;
  }

  .modal-cart-wrapper .total-group__checkout-btn {
    max-width: 100%;
  }

  .modal-cart-wrapper .total-group__coninue-btn {
    display: none;
  }

  .modal-cart-wrapper .total-group__total-price-group {
    width: 100%;
    justify-content: space-between;
  }

  .modal-wishlist-wrapper__top-group, 
  .modal-cart-wrapper__top-group {
    padding: 0 24px;
  }


  .modal-cart-wrapper__similiar-order-group {
    padding: 0 24px;
    padding-top: 50px;
  }

  .modal-cart-wrapper .similiar-order-group__title {
    font-size: 18px;
  }
  .modal-wishlist-wrapper__products-list,
  .modal-cart-wrapper__products-list {
    padding-bottom: 24px;
  }

  .modal-cart-wrapper .similiar-order-group__slider-block {
    padding: 8px 12px;
    border-radius: 20px;
  }

  .modal-cart-wrapper .similiar-order-group .item__img {
    width: 80px;
    height: 86px;
  }

  .modal-wishlist-wrapper .product-item__main-group {
    grid-template-columns: max-content 1fr;
    grid-gap: 0 15px;
  }
  .modal-wishlist-wrapper .product-item__price-block,
  .modal-wishlist-wrapper .product-item__price {
    grid-column: 1/3;
  }

  .modal-wishlist-wrapper .product-item__price-block {
    flex-direction: unset;
    align-items: flex-end;
  }
}

@media (max-width: 430.99px) {
  .modal-cart-wrapper .similiar-order-group__title {
    font-size: 16px;
  }

  .modal-wishlist-wrapper, 
  .modal-cart-wrapper {
    padding: 16px 0;
  }

  .modal-wishlist-wrapper__top-group, 
  .modal-cart-wrapper__top-group {
    padding: 0 16px;
  }

  .modal-cart-wrapper__similiar-order-group {
    padding: 0 16px;
    padding-top: 30px;
    padding-bottom: 16px;
  }

  .modal-wishlist-wrapper__products-list,
  .modal-cart-wrapper__products-list {
    padding-bottom: 16px;
  }
}

/* Product-card
   ========================================================================== */
.pr-item {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border-radius: 20px;
  padding: 12px;
  height: 100%;
  justify-content: space-between;
  
}

.pr-item.loading {
  position: relative;
  overflow: hidden;
}

.pr-item.loading:before {
  content: unset;
}

.pr-item__thumb {
  display: block;
  width: 100%;
  position: relative;
}

.pr-item__img {
  display: block;
  width: 100%;
  max-height: 250px;
  object-fit: contain;
  object-position: center;
}

.pr-item__img-link {
  display: block;
  width: 100%;
}

.pr-item__compare-btn,
.pr-item__wishlist-btn,
.pr-item__difference-sticker {
  position: absolute;
  top: 0;
}

.pr-item__difference-sticker {
  left: 0;
}

.pr-item__compare-btn {
  right: 35px;
}

.pr-item__wishlist-btn {
  right: 0;
  font-size: 0;
}

.pr-item__about-group {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}

.pr-item__cart-btn[data-status="update"]:not(.btn-loading) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 8px;
}

.pr-item__cart-btn[data-status="update"]:not(.btn-loading):after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFFFFF;
}


.pr-item__sku {
  display: block;
  line-height: 1.25;
  font-weight: 500;
  font-size: 12px;
  color: #999999;
}

.pr-item__name {
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #262626;
  line-height: 1.25;
}

.pr-item__name-link {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.pr-item__cart-btn {
  margin-top: 16px;
}

.pr-item__price-group {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pr-item__price-group.sale {
  align-items: flex-end;
}

.pr-item__price-block {
  display: flex;
  flex-direction: column;
  gap: 3px 0;
}


.pr-item__old-price,
.pr-item__new-price,
.pr-item__price {
  display: inline-block;
  line-height: 1;
}

.pr-item__new-price,
.pr-item__price {
  font-weight: 500;
  font-size: 18px;
}

.pr-item__new-price {
  color: #FF4141;
}

.pr-item__old-price {
  font-weight: 500;
  font-size: 14px;
  text-decoration: line-through;
  color: #999999;
}

.pr-item__payments {
  display: flex;
  gap: 0 8px;
}

.pr-item__payments img {
  display: block;
  width: 30px;
  height: 30px;
}

@media (max-width: 580.99px) {
  .pr-item__new-price, .pr-item__price {
    font-size: 16px;
  }

  .pr-item__payments img {
    width: 26px;
    height: 26px;
  }

  .pr-item__payments {
    gap: 0 4px;
  }

  .pr-item {
    border-radius: 14px;
  }
}

.woocommerce-NoticeGroup-updateOrderReview {
    display: none;
}