@charset "UTF-8";

/*========= VARIABLES ==========*/
:root {
  --bg-primary-main: #fff;
  --bg-primary-second: #ecf3fb;
  --bg-primary-third: #c3d0df;
  --bg-primary-stroke: #c3d0df;
  --bg-alt-main: #222534;
  --bg-alt-second: #171a23;
  --bg-alt-third: #353535;
  --bg-alt-stroke: #4c4c4c;
  --text-primary-head: #171a23;
  --text-primary-main: #262932;
  --text-primary-second: #676970;
  --text-alt-head: #fff;
  --text-alt-main: #eee;
  --text-alt-second: #9e0e0e;
  --colors-main: #668bc2;
  --colors-second: #fe6604;
  --hover-main: #455e86;
  --hover-second: #c21567;
  --additional-main: #fff;
  --additional-second: #fff;
  --additional-third: #fff;
  --font-family: "Google Sans", sans-serif;
  --second-family: "Onest", sans-serif;
  --third-family: "Golos Text", sans-serif;
  --font3: "Raleway", sans-serif;
  --font4: "Manrope", sans-serif;
  --font5: "Inter Tight", sans-serif;
  --font6: "Inter", sans-serif;
  --font7: "Avenir Next Cyr", sans-serif;
  --font8: "Oswald", sans-serif;

  --transition: 0.4s all ease-in-out;
}

/*============= ALIGNES ===============*/
.alignwide {
  width: 100%;
}

.alignfull {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  max-width: 1920px;
}

@media only screen and (min-width: 1920px) {
  .alignfull {
    width: 100vw !important;
    max-width: unset;
  }
}

/* =========== BASE CONFIG =========== */
html {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font-family: var(--font-family), sans-serif;
  box-sizing: inherit;
}

body {
  background-color: var(--bg-primary-main);
  overflow-x: hidden;
  margin: 0 auto;
  width: auto;
}

body::-webkit-scrollbar {
  width: 0px;
}

body::-webkit-scrollbar-track {
  background: var(--backgroundPrimary);
}

body::-webkit-scrollbar-thumb {
  background-color: var(--colors-main);
}

a {
  text-decoration: none;
  color: var(--text-primary-head);
  transition: var(--transition);
}

ul li {
  list-style-position: inside;
  color: var(--text-primary-head);
}

ul li::marker {
  color: #1f2f47;
}

ol li {
  list-style-position: inside;
  color: var(--text-primary-head);
  font-size: 18px;
  line-height: 26px;
}

p {
  color: var(--text-primary-head);
  font-size: 18px;
  line-height: 26px;
}

h1.page-title {
  margin-bottom: 40px;
}

h1,
.h1 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(1.625rem, 1.2rem + 2.125vw, 3.75rem);
  line-height: 110%;
  color: var(--bg-alt-second);
}

h2,
.h2 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(1.5rem, 1.275rem + 1.125vw, 2.625rem);
  line-height: 110%;
  color: var(--bg-alt-second);
}

h3,
.h3,
.woocommerce-cart .price-wrapper bdi *,
.woocommerce-cart .price-wrapper bdi,
.woocommerce-cart .woocommerce-info,
div.product .product__right .price ins *,
div.product .product__right .price ins,
div.product .product__right .price *,
div.product .product__right .price {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(1.25rem, 1.1rem + 0.75vw, 2rem);
  line-height: 110%;
  color: var(--bg-alt-second);
}

h4,
.h4,
li.product .price del *,
li.product .price del,
li.product .price * {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  line-height: 110%;
  color: var(--bg-alt-second);
}

h5,
.wp-editor h3,
.h5,
.woocommerce-cart .product-name a,
form.woocommerce-checkout #shipping_method li label,
form.woocommerce-checkout .wc_payment_method label,
li.product-category .woocommerce-loop-category__title,
#footer .address *,
#footer .footer__work-time * {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  line-height: 110%;
  color: var(--bg-alt-second);
}

h6,
.woocommerce-cart .last-price bdi,
.woocommerce-cart .last-price bdi span,
.h6,
.filters-widget .accordeon-block-header-title,
#footer .footer__menu .nav-menu-element a,
#header .header__nav .nav-menu-element.has-childs .sub-menu a {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: var(--bg-alt-second);
}

.p1,
.woocommerce-cart ins bdi,
.woocommerce-cart ins bdi span,
.woocommerce-cart bdi,
.woocommerce-cart bdi span,
.woocommerce-checkout .total-price *,
.theme-modal .file span {
  font-family: var(--third-family);
  font-weight: 400;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  line-height: 120%;
  color: var(--bg-alt-second);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 130%;
  letter-spacing: 0%;
}

.p2,
.woocommerce-cart .count-price-title,
.woocommerce-cart .prices-title,
.woocommerce-cart .original-price,
.woocommerce-cart del bdi,
.woocommerce-cart del bdi span,
.woocommerce-cart del *,
div.product .product__right .price del *,
div.product .product__right .price del,
.woocommerce-checkout .checkout__privacy a,
.woocommerce-checkout .checkout__privacy,
#footer .footer__menu a,
#footer .footer__menu .sub-menu a,
#header #mobile-mnu .mobile__menu a,
.wp-editor p,
.wp-editor li,
.input__placeholder,
input::placeholder,
textarea::placeholder,
input,
textarea {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--bg-alt-second);
}

.p3,
.woocommerce-cart .clear-button,
.woocommerce-cart .favorite-btn .favor-added,
.woocommerce-cart .favorite-btn .favor-removed,
.filters-widget .clear-btn button,
li.product .price ins *,
li.product .price ins,
.form__privacy {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: var(--bg-alt-second);
}

.breadcrumbs span,
.breadcrumbs {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--text-primary-second);
}

.p4,
#header .shop-btn__counter,
.input__wrapper.focus .input__placeholder {
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: var(--bg-alt-second);
}

.menu,
#header .header__nav .nav-menu-element a {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: var(--bg-alt-second);
}

.button,
.btn {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: var(--bg-alt-second);
}

.number {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 50px;
  line-height: 120%;
  color: var(--bg-alt-second);
}

.breadcrumbs {
  padding: 30px 0;
  color: var(--text-primary-second);
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
  column-gap: 10px;
  align-items: center;
}

.breadcrumbs span {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.breadcrumbs span.current-item {
  color: var(--colors-main);
}

.breadcrumbs .separator {
  display: block;
  width: 8px;
  height: 8px;
  background: var(--colors-main);
}

.breadcrumbs a {
  color: inherit;
}

.breadcrumbs a:hover {
  color: #000;
}

.breadcrumbs a.current-item {
  color: var(--colors-main);
  pointer-events: none;
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 30px;
}

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

@media screen and (max-width: 1550px) {
  .container {
    padding: 0 15px;
  }
}

.btn-reset {
  background: unset;
  border: none;
  outline: none;
}

.btn {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  border: 0;
  background: var(--colors-main);
  color: var(--bg-primary-main);
  outline: none;
  cursor: pointer;
  transition: var(--transition);
  border-radius: 5px;
  padding: 22px;
  height: 60px;
  box-sizing: border-box;
}

.btn svg path {
  transition: var(--transition);
}

.btn:hover {
  background-color: var(--hover-main);
  border-color: var(--hover-main);
}

.btn.white {
  background: var(--bg-primary-main);
  color: var(--bg-alt-second);
  padding: 15px;
  height: 50px;
}

.btn.white:hover {
  border-color: var(--hover-main);
  background: var(--hover-main);
  color: var(--bg-primary-main);
}

.btn.invert {
  background: transparent;
  color: var(--text-primary-head);
  border: 1px solid var(--bg-primary-stroke);
}

.btn.invert:hover {
  background: var(--hover-main);
  color: var(--bg-primary-main);
  border-color: var(--hover-main);
}

.btn.grey {
  background: var(--bg-primary-stroke);
  border-color: var(--bg-primary-stroke);
  color: var(--text-primary-head);
}

.btn.grey:hover {
  background: var(--hover-main);
  color: var(--card);
  border-color: var(--hover-main);
}

input,
textarea {
  width: 100%;
  outline: none;
  transition: var(--transition);
  border-radius: 5px;
  padding: 22px;
  max-height: 60px;
  background: var(--bg-alt-second);
  border: 0;
}

input.error,
textarea.error {
  border-color: red !important;
}

input.error+label,
textarea.error+label {
  color: red;
}

.form__privacy input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--text-primary-main);
  background: transparent;
  border-radius: 5px;
  padding: 4px;
  width: 24px;
  height: 24px;
  min-width: 16px;
  padding: 0;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  z-index: 0;
}

.form__privacy input[type=checkbox]:hover {
  border-color: var(--hover-main);
  background: transparent;
}

.form__privacy input[type=checkbox].error,
.form__privacy .woocommerce-billing-fields__field-wrapper p.woocommerce-invalid input[type=checkbox],
.woocommerce-billing-fields__field-wrapper p.woocommerce-invalid .form__privacy input[type=checkbox],
.form__privacy .woocommerce-shipping-fields__field-wrapper p.woocommerce-invalid input[type=checkbox],
.woocommerce-shipping-fields__field-wrapper p.woocommerce-invalid .form__privacy input[type=checkbox] {
  border-color: red;
}

.form__privacy input[type=checkbox]:checked {
  background: var(--colors-main);
  border-color: var(--colors-main);
}

.form__privacy input[type=checkbox]:checked::after {
  opacity: 1;
}

.form__privacy input[type=checkbox]::after {
  content: "✔";
  position: absolute;
  color: var(--bg-primary-main);
  font-size: 12px;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: var(--transition);
}

textarea {
  resize: none;
  width: 100%;
  max-height: 160px;
  min-height: 160px;
}

.inputs__holder {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.input__wrapper {
  position: relative;
  width: 100%;
}

.input__wrapper:has(textarea) .input__placeholder {
  position: absolute;
  left: 18px;
  top: 20.5px;
  color: var(--bg-primary-main);
  line-height: 1 !important;
  background: transparent;
  transition: var(--transition);
  font-family: var(--font-family);
  padding: 4px;
}

.input__placeholder {
  position: absolute;
  left: 18px;
  top: 17.5px;
  color: var(--bg-primary-main);
  line-height: 1 !important;
  background: transparent;
  transition: var(--transition);
  font-family: var(--font-family);
  padding: 4px;
}

.input__wrapper:hover :is(input, textarea) {
  background: var(--bg-primary-main);
}

.input__wrapper.focus .input__placeholder {
  top: 4px;
  font-family: var(--font-family);
  font-size: 12px;
}

.input__wrapper:is(.write, .focus) :is(input, textarea) {
  color: var(--text-primary-head);
  background: var(--bg-primary-main);
}

.input__wrapper:is(.write, .focus) :is(input, textarea)::placeholder {
  color: var(--text-primary-head);
}

.input__wrapper:is(.write, .focus, :hover) .input__placeholder {
  color: var(--text-primary-second);
}


input[type=file] {
  display: none;
}

.file span {
  position: relative;
  display: block;
  transition: 0.3s;
  cursor: pointer;
  text-align: center;
}

.file {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}

.file svg path {
  transition: var(--transition);
}

.file:hover svg path {
  fill: var(--bg-primary-main);
}

.soc-holder {
  display: flex;
  align-items: center;
  gap: 10px;
}

.soc {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid var(--bg-primary-third);
  backdrop-filter: blur(30px);
  transition: var(--transition);
}

.soc img,
.soc svg {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
  object-fit: cover;
}
.soc img{
	filter: invert(1);
}
.soc:hover img{
	filter: unset;
}
.soc:hover {
  /* background: var(--hover-main);
  border-color: var(--hover-main); */
  background: var(--bg-primary-main);
  border: 1px solid var(--bg-primary-third);
}

.soc:hover svg path {
  fill: var(--bg-alt-main);
}

.soc:first-child:hover svg path {
  fill: var(--hover-main) !important;
}

.soc svg path {
  transition: var(--transition);
}

.img-holder img,
.img-holder svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#main,
#primary {
  min-height: 63vh;
}

section,
.woocommerce-cart .cart-wrapper,
div.product div.summary,
div.product .product__content {
  margin-bottom: clamp(2.5rem, 1.75rem + 3.75vw, 6.25rem) !important;
}

.block-padding {
  padding: 100px 0;
}

.section__title {
  margin-bottom: 30px;
}

.section__title span {
  color: var(--colors-main);
}

.swiper__bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  align-items: center;
}

.swiper__bottom .nav-holder {
  margin-top: 0;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  margin-top: 30px;
}

@media screen and (max-width: 500px) {
  .pagination {
    gap: 20px;
    justify-content: space-between;
  }
}

.pagination span.page-numbers.next svg path,
.pagination span.page-numbers.prev svg path {
  fill: var(--bg-primary-second);
}

.pagination span.page-numbers {
  background: var(--hover-main);
  color: var(--bg-primary-main);
}

.pagination span.page-numbers.dots {
  background: none;
  color: var(--text-primary-head);
}

.pagination a.page-numbers:hover {
  background: var(--hover-main);
  color: var(--bg-primary-main);
}

.pagination a.page-numbers.next:hover:hover,
.pagination a.page-numbers.prev:hover:hover {
  background: var(--hover-main);
  border-color: var(--hover-main);
  border-color: var(--hover-main);
}

.pagination a.page-numbers.next:hover:hover svg path,
.pagination a.page-numbers.prev:hover:hover svg path {
  stroke: var(--bg-primary-main);
}

.pagination .page-numbers {
  display: flex;
  justify-content: center;
  color: var(--bg-alt-second);
  align-items: center;
  border-radius: 3px;
  flex-shrink: 0;
  height: 30px;
  width: 30px;
}

.pagination .pagination-numbers {
  display: flex;
  align-items: center;
  gap: 5px;
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev {
  position: static;
  inset: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  transition: var(--transition);
  background: var(--colors-main);
  border-radius: 5px;
  width: 60px;
  height: 60px;
}

.pagination .page-numbers.disabled {
  background: var(--bg-primary-second);
}

.pagination .page-numbers.disabled svg path {
  stroke: var(--bg-primary-stroke);
}

.swiper-pagination {
  position: relative !important;
  top: unset !important;
  left: unset !important;
  bottom: unset !important;
  width: fit-content !important;
  display: flex;
  align-items: center;
  gap: 10px;
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  border-radius: 100% !important;
  background: var(--bg-primary-main) !important;
  opacity: 0.4 !important;
  margin: 0 !important;
  width: 10px;
  height: 10px;
  transition: var(--transition);
}

.swiper__btns {
  display: flex;
  align-items: center;
  gap: 10px;
}

.swiper-pagination-bullet-active {
  border-radius: 10px !important;
  width: 10px !important;
  height: 10px !important;
  opacity: 1 !important;
  background: var(--bg-primary-main) !important;
}

.swiper-pagination.main .swiper-pagination-bullet {
  border-radius: 1px !important;
  background: var(--bg-primary-third) !important;
}

.swiper-pagination.main .swiper-pagination-bullet-active {
  background: var(--hover-main) !important;
}

.slider-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--bg-primary-main);
  background: var(--bg-primary-main);
  border-radius: 5px;
  width: 60px;
  height: 60px;
  z-index: 1;
  cursor: pointer;
  transition: var(--transition);
  flex-shrink: 0;
}

.slider-btn:hover {
  border-color: var(--hover-main);
  background: var(--hover-main);
}

.slider-btn svg {
  transition: var(--transition);
}

.slider-btn:hover svg path {
  stroke: var(--bg-primary-main);
}

.slider-btn.primary {
  border: 1px solid var(--colors-main);
}

.slider-btn.primary.swiper-button-disabled {
  background: var(--bg-primary-second);
  border-color: var(--bg-primary-second);
}

.slider-btn.main {
  border: 1px solid var(--colors-main);
  background: var(--colors-main);
}

.slider-btn.main:hover {
  border: 1px solid var(--hover-main);
  background: var(--hover-main);
}

.slider-btn.main svg path {
  stroke: var(--bg-primary-main)
}

.slider-btn.main.swiper-button-disabled {
  background: var(--bg-primary-second);
  border-color: var(--bg-primary-second);
  opacity: 1;
}

.slider-btn.main.swiper-button-disabled svg path {
  stroke: var(--bg-primary-stroke);
  opacity: 1;
}

.slider-btn.swiper-button-disabled {
  pointer-events: none;
  backdrop-filter: blur(30px);
  background: var(--bg-primary-main);
  opacity: 0.4;
}

.slider-btn.swiper-button-disabled svg path {
  opacity: 0.4;
}

.archive__title {
  max-width: 880px;
}

.archive__wrapper-doctors {
  padding-top: 0;
}

.nav__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 30px;
}

.nav__link {
  box-sizing: border-box;
  display: block;
  color: var(--text-primary-head);
  transition: var(--transition);
  padding: 17px;
  background: var(--bg-primary-second) !important;
  border: 1px solid var(--bg-primary-third) !important;
}

.nav__link:hover,
.nav__link.current {
  background: var(--hover-main) !important;
  border-color: var(--hover-main) !important;
  color: var(--bg-primary-main) !important;
}

.nav__link.current {
  pointer-events: none;
}

.form__privacy {
  color: var(--text-primary-second);
}

.form__privacy a {
  color: var(--colors-second);
  text-decoration: underline;
}

.form__privacy {
  display: flex;
  align-items: center;
  gap: 10px;
}

.form__privacy-text {
  color: var(--secondary-text);
}

.form__privacy-text a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--bg-alt-second);
}

.form__privacy-text a:hover {
  text-decoration: none;
}

/*====== NAVIGATION ===========*/
.navigation.pagination {
  width: 100%;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  text-align: center;
}

.navigation.pagination .nav-links {
  display: flex;
  justify-content: center;
  text-align: center;
}

.navigation.pagination .page-numbers {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1c0130;
  margin: 0 10px;
}

.navigation.pagination .page-numbers.current {
  font-weight: 750;
}

.navigation.pagination a.prev {
  margin-right: 100px;
  margin-left: -100px;
}

.navigation.pagination a.next {
  margin-right: -100px;
  margin-left: 100px;
}

.swiper-holder {
  position: relative;
}

.nav-holder {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  margin-top: 30px;
}

.nav-holder .nav-btns {
  display: flex;
  align-items: center;
}

.nav-holder .slider-button {
  position: static;
  inset: 0;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  border: 1px solid var(--bg-primary-stroke);
  transition: var(--transition);
  background: transparent;
}

.nav-holder .slider-button svg,
.nav-holder .slider-button img {
  width: 20px;
  height: 20px;
  -o-object-fit: cover;
  object-fit: cover;
}

.nav-holder .slider-button svg path,
.nav-holder .slider-button img path {
  transition: var(--transition);
}

.nav-holder .slider-button::after {
  display: none;
}

.nav-holder .slider-button:hover {
  background: var(--hover-main);
}

.nav-holder .slider-button:hover svg path {
  stroke: var(--bg-primary-main);
}

.swiper-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  inset: 0 !important;
  position: static !important;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.swiper-pagination-bullet {
  opacity: 1 !important;
  margin: 0 !important;
  width: 8px;
  height: 8px;
  background: var(--bg-primary-third) !important;
  border-radius: unset !important;
  transition: var(--transition);
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
  opacity: 1 !important;
}

.swiper-holder {
  z-index: 0;
}

.swiper-holder:hover .nav-holder {
  opacity: 1;
}

.swiper-holder .nav-holder {
  opacity: 0;
  transition: var(--transition);
  margin-top: 0;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: -70px;
  right: -70px;
  transform: translatey(-50%);
}

.swiper-holder .nav-holder .nav-btns {
  width: 100%;
  justify-content: space-between;
}

.glogo {
  width: 111px;
  height: 17px;
  -webkit-mask-image: url("../images/gmask.png");
  mask-image: url("../images/gmask.png");
  -webkit-mask-origin: border-box;
  mask-origin: border-box;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--text-primary-second);
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.glogo:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: red;
  transform: translateX(100%);
  transition: transform 0.7s ease-in;
  background: linear-gradient(90deg, #fe6604 10%, #ee0a76 30%, #ee0a76 60%, #fe6604 101%) repeat-x 0 0;
  background-size: 100px;
  animation-duration: 5s;
  animation-name: slideUp;
  animation-iteration-count: infinite;
  animation-delay: 3s;
  overflow: hidden;
}

.glogo:hover:before {
  /*transform: translateY(-100%);*/
  animation-name: unset;
  transform: translateX(0);
}

.page.privacy-policy .wp-block-heading {
  margin-top: 30px;
  margin-bottom: 20px;
}

.page.privacy-policy p {
  margin-bottom: 10px;
}

.page.privacy-policy main {
  margin-bottom: 40px;
}

.wp-editor p:first-child {
  margin: 0 o !important;
}

.wp-editor p:last-child {
  margin-bottom: 0 !important;
}

.wp-editor p,
.wp-editor li {
  color: var(--text-primary-main);
}

.wp-editor p {
  margin-bottom: 10px;
}

.wp-editor ul {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wp-editor ul li {
  list-style: none;
  padding-left: 20px;
  position: relative;
}

.wp-editor ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 12px;
  height: 12px;
  background: url("../images/li-icon.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

.wp-editor h2,
.wp-editor h3,
.wp-editor h4,
.wp-editor h5,
.wp-editor h6,
.wp-editor .woocommerce-cart .last-price bdi,
.woocommerce-cart .last-price .wp-editor bdi,
.wp-editor .woocommerce-cart .last-price bdi span,
.woocommerce-cart .last-price bdi .wp-editor span {
  margin-top: 20px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1840px) {
  .swiper-holder:hover .nav-holder {
    z-index: 1;
    left: 30px;
    right: 30px;
  }

  .swiper-holder .nav-holder {
    left: 30px;
    right: 30px;
  }
}

@media screen and (max-width: 1200px) {
  .block-padding {
    padding: 40px 0;
  }
}

@media screen and (max-width: 992px) {
  .pagination .page-numbers.prev {
    margin-right: 0;
  }

  .pagination .page-numbers.next {
    margin-left: 0;
  }
}

@media screen and (max-width: 600px) {
  .pagination .page-numbers {
    min-width: 40px;
    height: 40px;
    width: 40px;
  }
}

@media screen and (max-width: 550px) {}

@media screen and (max-width: 450px) {
  .btn {
    width: 100%;
  }

  .swiper__bottom {
    gap: 5px;
    flex-wrap: wrap;
    justify-content: center;
  }

}

@keyframes slideUp {
  0% {
    transform: translateX(-100%);
  }

  50% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/*============ HEADER =================*/
#header {
  position: sticky;
  z-index: 30;
  top: 0;
  width: 100%;
  background: var(--bg-primary-second);
  border: 1px solid var(--bg-primary-main);
  padding-bottom: 10px;
}

#header .phones-holder {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-end;
}

#header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
}

#header .header__inner {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 30px;
}


#header .header__nav-holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 10px;
}

#header .header__top {
  display: flex;
  justify-content: space-between;
  height: fit-content;
  width: 100%;
  gap: 25px;
}

#header .header__top .email,
#header .header__top .phone,
#header .header__top .address {
  color: var(--text-primary-head);
  transition: var(--transition);
}

#header .header__top .header__work-time,
#header .header__top .email__name {
  color: var(--text-primary-main);
}

#header .header__top a:hover {
  color: var(--hover-main);
}

.email-item,
.phone__holder {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  white-space: nowrap;
  gap: 5px;
}

#header .header__bottom {
  padding: 0 30px;
  padding-right: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

#header .header__btns {
  display: flex;
  gap: 0;
  align-items: center;
}

#header .header__btn {
  height: 60px;
}

#header .header__contacts {
  display: flex;
  gap: 20px;
  align-items: center;
}

#header .header__right {
  width: 100%;
  flex-basis: 100%;
}

#header .header__logo {
  max-width: 192px;
  max-height: 115px;
  width: 100%;
  height: 100%;
  display: flex;
}

#header .header__nav {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--bg-primary-third);
  backdrop-filter: blur(30px);
  align-items: center;
  border-radius: 5px;
  list-style: none;
  padding: 5px;
}

#header .header__nav li {
  line-height: 100%;
  transition: var(--transition);
}

#header .header__nav li a {
  color: var(--text-alt-main);
  padding: 10px 15px;
  border-radius: 5px;
  /* white-space: nowrap; */
}

#header .header__nav .nav-menu-element.has-childs .nav-menu-element.has-childs>a,
#header .header__nav .nav-menu-element.has-childs .nav-menu-element>a {
  padding: 0;
  color: var(--text-primary-main);
}

#header .header__nav .nav-menu-element.has-childs .nav-menu-element.has-childs:hover>a,
#header .header__nav .nav-menu-element.has-childs .nav-menu-element:hover>a {
  /* color: var(--bg-alt-main); */
}

#header .header__nav li:hover+a,
#header .header__nav li a:hover {
  background: var(--bg-primary-main);
  color: var(--hover-main) !important;
}

#header .header__nav li.active+a {
  background: var(--bg-primary-main);
  color: var(--hover-main) !important;
}

#header .header__nav li.active:not(li.has-childs) a {
  background: var(--bg-primary-main);
  color: var(--hover-main);
}

#header .work-time__container {
  display: flex;
  gap: 10px;
}

#header .work-time * {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
  line-height: 130%;
}

#header .header__btn {
  white-space: nowrap;
}

.mobile-panel {
  position: sticky;
  bottom: 0;
  width: 100%;
  z-index: 20;
  display: none;
  padding: 10px 15px;
  box-shadow: 0 6px 24px 0 rgba(149, 157, 165, 0.3);
  background: var(--bg-primary-main);
}

.mobile__list-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}

.mobile__list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.mobile__img {
  display: flex;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.mobile__name {
  color: var(--text-primary-main);
}

#header .header__nav>.nav-menu-element>a {
  white-space: nowrap;
}

#header .header__nav .nav-menu-element {
  position: relative;
  list-style: none;
}

#header .header__nav .nav-menu-element a {
  color: var(--text-primary-main);
  display: flex;
  gap: 5px;
  align-items: center;
}

#header .header__nav .nav-menu-element a:hover {
  color: var(--hover-main);
}

#header.home .header__nav .nav-menu-element.has-childs.active>a {
  color: var(--bg-alt-main);
}

#header .header__nav .sub-menu:before {
  content: "";
  width: 100%;
  height: 20px;
  top: -10px;
  left: 0;
  position: absolute;
}

#header .header__nav .nav-menu-element.has-childs.active:not(.sub-menu .nav-menu-element.has-childs.active)>a {
  color: var(--hover-main);
  background: var(--bg-primary-main);
}

#header .header__nav .nav-menu-element.has-childs.active .nav-menu-element.active>a {
  background: transparent;
  color: var(--hover-main);
}

#header .header__nav .nav-menu-element.has-childs {
  position: relative;
}

#header .header__nav .nav-menu-element.has-childs>a::after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  background: url("../images/drop-arrow.svg") no-repeat center/contain;
  transition: var(--transition);
}

#header .header__nav .nav-menu-element.has-childs.active>a::after {
  background: url("../images/drop-upw.svg") no-repeat center/contain;
}

#header .header__nav .nav-menu-element.has-childs .nav-menu-element.has-childs>a::after {
  background: url("../images/drop-arrow-sub.svg") no-repeat center/contain;
}

#header .header__nav .nav-menu-element.has-childs>a {
  /* background: var(--bg-primary-main); */
}

#header .header__nav .nav-menu-element.has-childs:hover>a {
  color: var(--hover-main);
  background: var(--bg-primary-main);
}

#header .header__nav .nav-menu-element.has-childs .nav-menu-element.has-childs:hover>a {
  color: var(--bg-alt-main);
  text-decoration: underline;
  background: transparent;
}

#header .header__nav .nav-menu-element.has-childs:hover>a::after {
  transform: rotate(180deg);
  background: url("../images/drop-upw.svg") no-repeat center/contain;
}

#header .header__nav .nav-menu-element.has-childs:hover>.sub-menu {
  opacity: 1;
  visibility: visible;
}

#header .header__nav .nav-menu-element.has-childs .sub-menu {
  display: grid;
  grid-template-columns: 1fr;
  position: absolute;
  align-items: start;
  top: 44px;
  left: -6px;
  width: -moz-max-content;
  width: max-content;
  max-width: 292px;
  border-bottom: 1px solid var(--bg-primary-third);
  border-left: 1px solid var(--bg-primary-third);
  border-right: 1px solid var(--bg-primary-third);
  backdrop-filter: blur(100.30000305175781px);
  background: var(--bg-primary-second);
  border-radius: 0 0 5px 5px;
  padding: 20px 30px 30px;
  z-index: 100;
  opacity: 0;
  gap: 10px;
  visibility: hidden;
  transition: var(--transition);
}

/* #header .header__nav .nav-menu-element.has-childs .sub-menu::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 30px;
} */

#header .header__nav .nav-menu-element.has-childs .sub-menu li {
  /* padding: 10px 0; */
  /* border-bottom: 1px solid var(--bg-alt-stroke); */
}

#header .header__nav .nav-menu-element.has-childs .sub-menu li:first-child {
  padding-top: 0;
}

#header .header__nav .nav-menu-element.has-childs .sub-menu li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

#header .header__nav .nav-menu-element.has-childs .sub-menu a {
  color: var(--text-primary-main);
  justify-content: space-between;
}

#header .header__nav .nav-menu-element.has-childs .sub-menu a:hover {
  color: var(--hover-main) !important;
  background: transparent;
}

#header .header__nav .nav-menu-element.has-childs .sub-menu .nav-menu-element.has-childs .sub-menu {
  position: static;
  border: none;
  padding: 0;
  opacity: 0;
  max-height: 0;
  visibility: hidden;
  transition: var(--transition);
}

#header .header__nav .nav-menu-element.has-childs .sub-menu .nav-menu-element.has-childs .sub-menu .nav-menu-element {
  padding: 0 0 10px 0;
  border-bottom: 0;
  border-top: 0;
  transition: var(--transition);
}

#header .header__nav .nav-menu-element.has-childs .sub-menu .nav-menu-element.has-childs .sub-menu .nav-menu-element:first-child {
  padding-top: 10px;
  transition: var(--transition);
}

#header .header__nav .nav-menu-element.has-childs .sub-menu .nav-menu-element.has-childs .sub-menu .nav-menu-element:last-child {
  padding-bottom: 0;
  transition: var(--transition);
}

#header .header__nav .nav-menu-element.has-childs .sub-menu .nav-menu-element.has-childs:hover>.sub-menu {
  opacity: 1;
  max-height: 500px;
  visibility: visible;
  transition: var(--transition);
}

#header .woo-icons {
  display: flex;
  gap: 0;
  align-items: center;
}

#header .shop-btn {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: var(--transition);
  position: relative;
  border: 1px solid var(--bg-primary-stroke);
}

#header .shop-btn:hover {
  background: var(--hover-main);
  border-color: var(--hover-main);
}

#header .shop-btn:hover svg path {
  fill: var(--bg-primary-main);
}

#header .shop-btn__icon {
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.5s;
  transition: var(--transition);
}

#header .shop-btn__icon svg path {
  transition: var(--transition);
}

#header .shop-btn__counter {
  padding: 1px 4px;
  position: absolute;
  top: -4px;
  left: 50%;
  right: 50%;
  transform: translatex(-50%);
  border-radius: 100px;
  background: var(--colors-main);
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0%;
  text-align: center;
  color: var(--bg-primary-main);
  min-width: 20px;
  min-height: 16px;
  display: flex;
  justify-content: center;
  text-align: center;
  place-content: center;
}

#header .shop-btn__counter.not-empty {
  display: none;
}

#header .shop-btn__counter[data-count="0"] {
  display: none;
}

.header__socs {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translatey(-50%);
  background: var(--bg-primary-main);
  padding: 20px;
  padding-right: 10px;
  z-index: 11;
}

.header__socs .soc-holder {
  flex-direction: column;
}

/*================ MOBILE MNU =============*/
#header .mobile__nav {
  list-style: none;
  margin-bottom: 20px;
}

#header .mobile__nav a {
  color: var(--card);
}

#header .logo-holder {
  margin-bottom: 20px;
}

#header .burger.open_menu {
  display: none;
  flex-direction: column;
  background-color: transparent;
  height: 24px;
  width: 24px;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  border-radius: 2px;
  flex-shrink: 0;
  cursor: pointer;
}

#header .burger.open_menu span {
  background-color: var(--text-primary-second);
  border-radius: 10px;
  width: 24px;
  height: 2px;
  transition: var(--transition);
}

#header .burger.open_menu span:last-child {
  width: 15px;
}

#header #mobile-mnu {
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 390px;
  background-color: var(--bg-primary-main);
  padding: 30px;
  padding-bottom: 80px;
  transition: all 0.3s ease-in;
  transform: translateX(-390px);
  z-index: 9999;
  overflow-y: auto;
  overflow-x: hidden;
}

#header #mobile-mnu #close-mnu {
  position: absolute;
  right: 30px;
  top: 33px;
  cursor: pointer;
  display: block;
}

#header #mobile-mnu #close-mnu svg path {
  transition: var(--transition);
}

#header #mobile-mnu #close-mnu:hover svg path {
  fill: var(--hover-main);
}

#header #mobile-mnu .mobile__menu {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: auto;
}

#header #mobile-mnu .mobile__menu a {
  color: var(--text-primary-second);
}

#header #mobile-mnu .mobile__menu a:hover {
  color: var(--hover-main);
}

#header #mobile-mnu .mobile__menu-title {
  margin-bottom: 30px;
}

#header #mobile-mnu .mobile__btn {
  width: 100%;
}

#header #mobile-mnu .phones-holder {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

#header #mobile-mnu .soc-holder {
  margin-bottom: 20px;
}

#header #mobile-mnu .address-holder {
  margin-bottom: 20px;
}

#header #mobile-mnu .address-holder p {
  color: var(--card);
}

#header #mobile-mnu.opened {
  transform: translateX(0);
}

#header .dgwt-wcas-search-wrapp {
  width: 100%;
  width: 20.833vw;
  max-width: 400px;
}

#header .dgwt-wcas-search-wrapp input {
  border-radius: unset;
}

#header .dgwt-wcas-sf-wrapp {
  min-height: 60px;
}

@media screen and (max-width: 1600px) {
  #header .btn.white {
    display: none;
  }
}

@media screen and (max-width: 1450px) {
  #header .soc-holder:not(#mobile-mnu .soc-holder) {
    display: none;
  }
}

@media screen and (max-width: 1400px) {
  #header .header__top .address-holder {
    display: none;
  }
}

@media screen and (max-width: 1260px) {
  #header .header__nav {
    display: none;
  }

  .mobile-panel {
    display: flex;
  }

  #header .burger.open_menu {
    display: flex;
  }

  #header .header__top {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 700px) {
  #header .header__btn {
    display: none;
  }

  #header {
    border-bottom: 1px solid var(--bg-primary-main);
  }
}

@media screen and (max-width: 600px) {
  #header .header__top .email-item {
    display: none;
  }
}

@media screen and (max-width: 500px) {
  #header #mobile-mnu {
    width: 320px;
  }

  #header .header__logo {
    min-width: unset;
    padding: 5px;
  }

  #header .header__logo img {
    -o-object-fit: contain;
    object-fit: contain;
  }

  .header__socs {
    top: unset;
    bottom: 0;
  }
}

@media screen and (max-width: 400px) {
  #header .shop-btn {
    height: 50px;
    width: 50px;
  }

  #header .dgwt-wcas-search-wrapp {
    margin-right: 0;
  }

  #header .shop-btn {
    min-width: 30px;
    min-height: 30px;
  }

  #header .container {
    padding: 0 5px;
  }
}

/*============ FOOTER ===============*/
#footer {
  position: relative;
  background: var(--bg-alt-main);
  padding-top: clamp(2.5rem, 1.75rem + 3.75vw, 6.25rem);
  z-index: 0;
}

#footer .footer__top {
  padding-top: 100px;
  padding-bottom: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid var(--bg-alt-stroke);
}

#footer .footer__top .emails-holder {
  margin-bottom: 0;
}

#footer .footer__top .phone,
#footer .footer__top .email {
  color: var(--text-alt-head);
}

#footer .footer__middle {
  padding-top: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem);
  padding-bottom: clamp(1.875rem, 1.25rem + 3.125vw, 5rem);
}

#footer .menu__title {
  color: var(--bg-primary-main);
}

#footer .footer__column {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 233px;
}

#footer .footer__column .phone,
#footer .footer__column .email,
#footer .footer__column .address {
  color: var(--text-alt-main);
}

#footer .footer__column-first {
  display: flex;
  width: 100%;
  min-width: 360px;
  gap: 10px;
  flex-direction: column;
  justify-content: space-between;
}

#footer .footer__column-title {
  margin-bottom: 20px;
  color: var(--bg-primary-main);
}

#footer .footer__subtitle {
  color: var(--bg-primary-main);
  border: 1px solid var(--bg-primary-main);
  padding: 10px 20px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: 20px;
}

#footer .footer__title {
  margin-bottom: 15px;
  color: var(--text-alt-head);
}

#footer .footer__descr {
  margin-bottom: 40px;
  color: var(--text-alt-head);
}

#footer .footer__logo {
  width: 100%;
  height: 100%;
  max-width: 193px;
  max-height: 115px;
}

#footer .footer__left {
  max-width: 650px;
}

#footer .footer__right {
  max-width: 500px;
}

#footer .footer__requisites {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#footer .footer__requisites p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--text-alt-main);
}

#footer .footer__bottom {
  padding-top: 20px;
  padding-bottom: 25px;
  border-top: 1px solid var(--bg-alt-stroke);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

#footer .footer__dev {
  display: flex;
  color: var(--text-primary-second);
  gap: 13px;
}

#footer .footer__dev .glogo {
  transition: var(--transition);
}

#footer .footer__dev:hover {
  color: var(--colors-main);
}

#footer .footer__dev:hover .glogo {
  background-color: var(--colors-main);
}

#footer .footer__copyright {
  color: var(--text-primary-second);
}

#footer .footer__menu {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

#footer .footer__menu .nav-menu-element a {
  color: var(--text-alt-main);
}

#footer .footer__menu .nav-menu-element a:hover {
  color: var(--colors-main);
}

#footer .footer__menu .nav-menu-element a[href="#"] {
  pointer-events: none;
}

#footer .footer__menu .sub-menu {
  margin-top: 20px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#footer .footer__menu .sub-menu a {
  color: var(--bg-primary-stroke);
}

#footer .footer__menu .sub-menu a:hover {
  color: var(--bg-primary-main);
}

#footer .footer__menu a {
  color: var(--text-primary-second);
}

#footer .footer__work-time {
  margin-bottom: 10px;
}

#footer .footer__contacts {
  min-width: 270px;
}

#footer .footer__middle {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 60px;
}

#footer .footer__contacts-gallery {
  display: flex;
  gap: 10px;
}

#footer .footer__contacts-title {
  margin-bottom: 20px;
  color: var(--bg-primary-main);
}

#footer .footer__contacts-icon {
  max-height: 20px;
}

#footer .footer__soc svg path {
  transition: var(--transition);
}

#footer .footer__soc:hover svg path {
  fill: var(--colors-main);
}

#footer .phones-holder,
#footer .emails-holder {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#footer .footer__contacts-holder {
  display: flex;
  flex-direction: column;
  gap: 10px
}

#footer .phone,
#footer .email {
  max-width: -moz-fit-content;
  max-width: fit-content;
  transition: var(--transition);
}

#footer .phone:hover,
#footer .email:hover {
  color: var(--colors-main) !important;
}

#footer .address-holder {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 20px;
}

#footer .address,
#footer .footer__work-time {
  color: var(--text-primary-second);
}

#footer .address *,
#footer .footer__work-time * {
  color: var(--text-primary-second);
}

#footer .email {
  color: var(--bg-primary-main);
}

#footer .privacy-policy {
  color: var(--text-primary-second);
  text-decoration: underline;
}

#footer .privacy-policy:hover {
  color: var(--colors-main);
}

#footer::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
  background-image: url("../images/footer-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

#footer .form-holder {
  display: flex;
  gap: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem);
  border-radius: 10px;
  padding: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem);
  background: var(--bg-alt-second);
  /* max-height: 461px; */
  position: relative;
  z-index: 1;
  overflow: hidden;
}

#footer .form__left-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 420px;
  gap: 20px;
  position: relative;
  z-index: 2;
}

#footer .form__title-holder {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

#footer .form__title {
  color: var(--text-alt-head);
}

#footer .soc {
  border: 0;
  background: rgba(240, 240, 229, 0.1);
  backdrop-filter: blur(30px);
}

#footer .soc svg path {
  fill: var(--bg-primary-main);
}

#footer .soc:hover {
  background: var(--bg-primary-main) !important;
}

#footer .soc:hover svg path {
  fill: var(--bg-alt-main);
}

#footer .form__desc {
  color: var(--text-alt-main);
}

#footer .soc__wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

#footer .soc__title {
  color: var(--text-alt-main);
}

#footer .form__middle-wrapper {
  border-radius: 10px;
  padding: clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem);
  backdrop-filter: blur(30px);
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
  max-width: 490px;
  position: relative;
  z-index: 2;
}

#footer .form__middle-wrapper .form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 55px;
}

#footer .form__block-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 20px;
}

#footer .form__block-bottom {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

#footer .form__block-bottom .btn.brown {
  max-width: unset;
}

#footer .form__img {
  height: 100%;
}

#footer .form__right-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  max-width: 780px;
}

@media screen and (max-width: 1550px) {
  #footer .footer__column-first {
    min-width: unset;
  }
}

@media screen and (max-width: 900px) {
  #footer .form-holder {
    flex-direction: column;
    max-height: unset;
  }

  #footer .form__left-wrapper {
    max-width: unset;
  }

  #footer .input__wrapper {
    max-width: unset;
  }

  #footer .form__middle-wrapper {
    max-width: unset;
  }

  #footer .form__right-wrapper {
    display: none;
  }
}


@media screen and (max-width: 1440px) {
  #footer .footer__middle {
    justify-content: space-between;
    gap: 40px;
  }

  #footer .footer__column-first {
    max-width: unset;
    width: fit-content;
  }

  #footer .footer__menu {
    min-width: unset;
  }
}

@media screen and (max-width: 1350px) {
  #footer .footer__middle {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 1050px) {
  #footer .footer__middle {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 992px) {
  #footer .footer__top {
    flex-direction: column;
  }
}

@media screen and (max-width: 850px) {
  #footer .footer__column {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

  #footer .footer__bottom {
    flex-direction: column;
  }
}

@media screen and (max-width: 600px) {
  #footer .footer__middle {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px;
  }

  #footer .footer__middle * {
    align-items: center;
    text-align: center;
  }
}

/* ============== MODAL ============= */
.wpcf7 .wpcf7-response-output,
.wpcf7 .wpcf7-not-valid-tip {
  display: none;
}

.wpcf7 .ajax-loader {
  display: none;
}

.wpcf7 .wpcf7-spinner {
  display: none;
}

.form.form-v2 button,
.form.form-v2 .btn {
  width: 100%;
}

.form.form-v2 .form-subtitle {
  text-transform: uppercase;
  color: var(--text-primary-main);
}

.form.form-v2 .checkbox-holder {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 25px;
  /* Checked */
  /* Hover */
}

.form.form-v2 .checkbox-holder .form-line {
  height: 20px;
  width: 3px;
  display: block;
  background: var(--text-primary-second);
}

.form.form-v2 .checkbox-holder .form_radio input[type=radio] {
  display: none;
}

.form.form-v2 .checkbox-holder .form_radio label {
  display: inline-block;
  cursor: pointer;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-right: 0;
  line-height: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: var(--text-primary-second);
  transition: var(--transition);
}

.form.form-v2 .checkbox-holder .form_radio label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid var(--text-primary-second);
  background: #fff;
  transition: var(--transition);
}

.form.form-v2 .checkbox-holder .form_radio input[type=radio]:checked+label:before {
  background: var(--hover-main);
  border-color: var(--card);
  box-shadow: 0 0 0 1px var(--hover-main);
}

.form.form-v2 .checkbox-holder .form_radio input[type=radio]:checked:before {
  background: var(--hover-main);
  border-color: var(--card);
  box-shadow: 0 0 0 1px var(--hover-main);
}

.form.form-v2 .checkbox-holder .form_radio input[type=radio]:checked+label {
  color: var(--hover-main);
}

.form.form-v2 .checkbox-holder .form_radio label:hover:before {
  background: var(--hover-main);
  border-color: var(--card);
  box-shadow: 0 0 0 1px var(--hover-main);
}

.form.form-v2 .checkbox-holder .form_radio label:hover {
  color: var(--hover-main);
}

#modal-success,
#modal-error {
  max-width: 100%;
}

#modal-success .btn,
#modal-error .btn {
  width: 100%;
}

.theme-modal {
  display: none;
}

.theme-modal.fancybox__content {
  background: var(--bg-primary-main);
  box-sizing: border-box;
  border-radius: 10px;
  position: relative;
  padding: 30px;
  width: 625px;
}

.theme-modal.fancybox__content>.f-button.is-close-btn svg path {
  transition: stroke 0.3s ease-in;
}

.theme-modal.fancybox__content>.f-button.is-close-btn:hover svg path {
  stroke: var(--colors-main);
}

.theme-modal input[type="file"] {
  display: none;
}

.theme-modal button {}

.theme-modal .file span {
  position: relative;
  display: block;
  transition: 0.3s;
  cursor: pointer;
  color: var(--text-primary-head);
}

.theme-modal .file span:hover {
  color: var(--hover-main);
}

.theme-modal .file__holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.theme-modal .file__right {
  display: flex;
  align-items: center;
  gap: 20px;
}

.theme-modal .form__item {
  text-transform: uppercase;
  color: var(--text-primary-second);
}

.theme-modal .close-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
  background: transparent;
  border-radius: 5px;
  cursor: pointer;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
}

.theme-modal .close-modal:hover {
  border-color: var(--hover-main);
  background: var(--hover-main);
}

.theme-modal .close-modal:hover svg path {
  stroke: var(--bg-primary-main);
}

.theme-modal .close-modal svg {
  transition: var(--transition);
  flex-shrink: 0;
  width: 9px;
  height: 9px;
}

.theme-modal .form__title {
  display: flex;
  align-items: flex-start;
  color: var(--text-primary-head);
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 10px;
}

.theme-modal .form__descr {
  margin-bottom: 30px;
  color: var(--text-primary-main);
}

#modal-success .form__descr {
  margin-bottom: 0;
}

.theme-modal input,
.theme-modal textarea {
  border: 1px solid var(--bg-primary-stroke);
  background: var(--bg-primary-main);
}

/* .theme-modal input:hover,
.theme-modal textarea:hover{
  background: var(--bg-primary-second);
} */

.theme-modal .input__placeholder {
  color: var(--text-primary-second);
  background: var(--bg-primary-main);
}

.theme-modal .input__wrapper:hover .input__placeholder {
  background: var(--bg-primary-second);
  color: var(--text-primary-main);
}

.theme-modal .input__wrapper:is(.write, .focus) .input__placeholder {
  background: transparent;
}

.theme-modal .input__wrapper:is(.write, .focus, :hover) input,
.theme-modal .input__wrapper:is(.write, .focus, :hover) textarea {
  background: var(--bg-primary-second);
}

.theme-modal .form__privacy {
  margin-bottom: 20px;
}

.theme-modal .f-button.is-close-btn {
  display: none;
}

.theme-modal .inputs__holder {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

#modal-review-single .review__item-text {
  display: block;
}

#modal-review-single .review__link {
  display: none;
}

#modal-review-single .review__date {
  margin-right: 40px;
}

[form-send][disabled] {
  opacity: 0.5;
}

@media screen and (max-width: 510px) {
  .theme-modal.fancybox__content {
    padding: 40px 20px;
  }

  .theme-modal .close-modal {
    top: 20px;
    right: 20px;
  }
}

/* SERVICE-CAT */
.services__holder .container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.nav__service-cat-wrapper {
  display: flex;
  flex-wrap: wrap;

  gap: 15px;
}

.service-cat__item {
  transition: var(--transition);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

#category-block .btn {
  margin-top: 30px;
}

.category__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.service-cat__img {
  position: relative;
  display: flex;
  z-index: 1;
  transition: var(--transition);
  min-height: 200px;
  height: 100%;
}

.service-cat__img::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
  background: linear-gradient(180deg,
      rgba(34, 27, 25, 0) 0%,
      rgba(34, 27, 25, 0.7) 100%);
}

.service-cat__title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  position: absolute;
  left: clamp(0.9375rem, 0.75rem + 0.9375vw, 1.875rem);
  bottom: clamp(0.9375rem, 0.75rem + 0.9375vw, 1.875rem);
  width: calc(100% - clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem));
  z-index: 2;
}

.service-cat__title-wrapper .arrow__holder svg {
  width: 16px;
  height: 16px;
}

.service-cat__title-wrapper .arrow__holder svg path {
  stroke: var(--bg-primary-main);
}

.service-cat__title-wrapper .arrow__holder {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--bg-primary-main);
  border-radius: 5px;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  transition: var(--transition);
}

.service-cat__title {
  color: var(--text-alt-head);
}

.service-cat__item:hover .service-cat__img {
  transform: scale(1.1);
}

.service-cat__item:hover .service-cat__title-wrapper .arrow__holder {
  background: var(--hover-main);
  border-color: var(--hover-main);
}

.service-cat__item:hover .service-cat__title-wrapper .arrow__holder svg path {
  stroke: var(--bg-primary-main);
}

@media screen and (max-width: 900px) {
  .service-cat__title-wrapper .arrow__holder {
    width: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 850px) {
  .category__wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}

/* SINGLE SERVICE CARD */
.services__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.service__item {
  display: flex;
  flex-direction: column;
  background: var(--bg-primary-second);
  border: 1px solid var(--bg-primary-third);
  justify-content: space-between;
  transition: var(--transition);
  border-radius: 10px;
  padding: 20px;
  gap: 40px;
}

.service__item:hover {
  background: var(--bg-primary-main);
  border: 1px solid var(--hover-main);
}

.service__item:hover .service__title {
  color: var(--colors-main);
}

.service__item:hover .service__bottom {
  background: var(--bg-primary-second);
}

.service__item:hover .arrow__holder {
  background: var(--hover-main);
  border-color: var(--hover-main);
}

.service__item:hover .arrow__holder svg path {
  stroke: var(--bg-primary-main);
}

.service__card-top {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.service__img-holder {}

.service__img {
  width: 100%;
  height: 100%;
  max-height: 141px;
  border-radius: 5px;
  overflow: hidden;
}


.service__title {
  color: var(--bg-alt-second);
  transition: var(--transition);
}

.service__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--bg-primary-main);
  border-radius: 5px;
  padding: 10px;
}

.service__price-holder {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.work__title {
  color: var(--text-primary-second);
}

.price {
  color: var(--text-primary-head);
}

.service__bottom .arrow__holder {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--colors-main);
  background: var(--bg-primary-main);
  transition: var(--transition);
  border-radius: 5px;
  flex-shrink: 0;
  height: clamp(2.8125rem, 2.625rem + 0.9375vw, 3.75rem);
  width: clamp(2.8125rem, 2.625rem + 0.9375vw, 3.75rem);
}

.arrow__holder svg {
  transition: var(--transition);
}

.arrow__holder svg path {
  stroke: var(--text-primary-head)
}

@media screen and (max-width: 1350px) {
  .services__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 1150px) {
  .services__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 600px) {
  .services__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .nav__service-cat-item {
    width: 100%;
  }

  .nav__link.button {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
  }
}


/* REVIEW */
.reviews__wrapper {
  display: flex;
  gap: 30px;
}

.reviews__wrapper .btn.brown:hover {
  background: var(--bg-primary-main);
  border-color: var(--bg-primary-main);
  color: var(--bg-alt-main) !important;
}

.reviews__wrapper-inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.reviews__wrapper .widjet__item {
  min-width: 360px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: var(--bg-alt-main);
  border-radius: 10px;
  padding: clamp(1.25rem, 1rem + 1.25vw, 2.5rem);
  gap: 30px;
  position: sticky;
  top: 160px;
}

.widjet__inner {
  display: flex;
  height: 100%;
}

.widjet__title-holder {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.archive__reviews .widjet__title {
  color: var(--text-alt-head);
}

.widjet__desc {
  color: var(--text-alt-main);
}

.reviews__wrapper .swiper-slide {
  box-sizing: border-box;
  height: auto;
}

.review__item {
  display: flex;
  flex-direction: column;
  background: var(--bg-primary-main);
  border: 1px solid var(--bg-primary-third);
  border-radius: 10px;
  height: 100%;
  padding: clamp(0.9375rem, 0.75rem + 0.9375vw, 1.875rem);
  gap: 35px;
}

.gallery-counter {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  /* width: 56px;
  height: 56px; */
  background: var(--bg-primary-main);
  z-index: 1;
}

#modal-review-single .form__holder {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#modal-review-single .gallery-counter {
  background: var(--bg-primary-second);
}

.review__title-holder {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.avatar {
  border-radius: 100px;
  width: 50px;
  height: 50px;
}

.review__top {
  display: flex;
  align-items: center;
  gap: 15px;
}

.review__bottom {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 20px;
}

.review__type-img {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid var(--bg-primary-third);
  position: relative;
  cursor: pointer;
  z-index: 1;
}

.review__type-img::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.25);
  transition: var(--transition);
  z-index: 1;
  opacity: 0;
}

.review__type-img .plus {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  background: var(--hover-main);
  transition: var(--transition);
  border-radius: 5px;
  height: 50px;
  width: 50px;
  z-index: 2;
  opacity: 0;
  left: 50%;
  top: 50%;
}

.review__type-img .plus svg {
  width: 14px;
  height: 14px;
}

.review__type-img:hover::before {
  opacity: 1;
}

.review__type-img:hover .plus {
  opacity: 1;
}

.review__date {
  color: var(--text-primary-main);
}

.review__item-title {
  color: var(--bg-alt-main);
}

.review__item-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
}

.review__item-text.full {
  display: block;
}

.review__text-holder {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 10px;
}

.review__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--colors-main);
  transition: var(--transition);
  cursor: pointer;
  gap: 5px;
}

.review__link:hover {
  color: var(--hover-main);
}

.review__link:hover svg path {
  stroke: var(--bg-primary-stroke);
}

.review__gallery {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.review__img,
.review__video {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  width: 66px;
  height: 66px;
  cursor: pointer;
  z-index: 1;
}

.review__img::before,
.review__video::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}

.review__img img,
.review__video img {
  border-radius: 6px;
  overflow: hidden;
  display: flex;
}

.play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
}

.play svg path {
  stroke: var(--bg-primary-main);
}

@media (max-width: 1400px) {
  .reviews__wrapper-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1100px) {
  .reviews__wrapper-inner {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 800px) {
  .reviews__wrapper {
    flex-direction: column-reverse;
  }

  .widjet__item {
    position: relative;
    top: unset;
  }

  .review__item {
    padding: 15px;
  }
}

@media (max-width: 550px) {
  .widjet__item .btn.brown {
    width: 100%;
    max-width: unset;
  }

  .reviews__wrapper .widjet__item {
    min-width: unset;
  }

  .widjet__item {
    min-width: unset;
  }
}

/* PORTFOLIO ITEM */
.portfolio__wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.portfolio__item {
  display: flex;
  background: var(--bg-primary-second);
  border-radius: 10px;
  min-width: 0;
}

@media screen and (min-width: 1500px) {
  .portfolio__item {
    max-height: 428px;
  }
}

.left__portfolio-item {
  position: relative;
  display: flex;
  max-width: 765px;
}

.portfolio__item .swiper {
  border-radius: 10px;
  width: 50%;
}

.portfolio__item .swiper-pagination-bullet-active {
  width: 10px !important;
  opacity: 1 !important;
}

.portfolio__item .swiper-slide {
  box-sizing: border-box;
  height: auto;
}

.gallery__img {
  display: flex;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.right__portfolio-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
}

.right__portfolio-top {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.right__portfolio-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.portfolio__title-holder {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.portfolio__title {
  color: var(--bg-alt-second);
}

.portfolio__desc {
  color: var(--text-primary-main);
}

.portfolio__item .lists__wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.portfolio__item .list__item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.list__name {
  font-weight: 500;
  color: var(--bg-alt-second);
}

.list__text {
  color: var(--text-primary-main);
}

.price__holder {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.price__title {
  color: var(--bg-alt-second);
}

.price {
  color: var(--bg-alt-second);
}

.portfolio__item .slider__holder {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: calc(100% - 40px);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.portfolio__item .btn.white {
  border-radius: 5px;
  padding: 20px 30px;
  width: 100%;
  height: 100%;
  max-width: 327px;
  max-height: 56px;
  background: var(--bg-primary-main);
  color: var(--bg-alt-second);
}

.portfolio__item .btn.white:hover {
  background: var(--hover-main);
  color: var(--bg-primary-main);
}

@media screen and (max-width: 1400px) {
  .right__portfolio-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

@media screen and (max-width: 1350px) {
  .portfolio__item .list__item {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 800px) {
  .portfolio__item {
    display: flex;
    flex-direction: column;
  }

  .portfolio__item .swiper {
    width: 100%;
  }

  .right__portfolio-item {
    gap: 20px;
  }

  .right__portfolio-bottom {
    flex-direction: row;
  }

  .list__item {
    flex-direction: row;
  }
}

@media screen and (max-width: 600px) {
  .right__portfolio-item {
    padding: 20px;
  }
}

@media screen and (max-width: 550px) {
  .right__portfolio-bottom {
    flex-direction: column;
  }

  .list__item {
    flex-direction: column;
  }

  .portfolio__item .slider-btn {
    width: 40px;
    height: 40px;
  }
}


.stocks__holder {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1240px) {
  .stocks__holder {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 992px) {
  .stocks__holder {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 600px) {
  .stocks__holder {
    grid-template-columns: 1fr;
  }
}

.reviews__form-holder {
  display: flex;
  gap: 30px;
  margin-bottom: 50px;
}

.reviews__form-left {
  flex-basis: 100%;
}

.reviews__form-right {
  flex-basis: 100%;
  padding: 40px;
  background: var(--background-thirdly);
}

.reviews__form-right .form__title,
.reviews__form-right .form__descr {
  color: var(--text-primary-main);
}

.reviews__form-right .form__title {
  margin-bottom: 20px;
}

.reviews__form-right .form__descr {
  margin-bottom: 45px;
}

.reviews__form-right .inputs__holder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.reviews__form-right .input__wrapper:last-child {
  grid-column: 2 span;
}

.reviews__form-right .file__holder {
  margin-bottom: 20px;
}

.reviews__holder {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

@media screen and (max-width: 1240px) {
  .reviews__form-holder {
    flex-direction: column;
  }

  .reviews__holder {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 992px) {
  .reviews__holder {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 700px) {
  .reviews__holder {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 500px) {
  .reviews__form-right {
    padding: 20px;
  }

  .reviews__form-right .inputs__holder {
    grid-template-columns: 1fr;
  }

  .reviews__form-right .input__wrapper:last-child {
    grid-column: 1 span;
  }
}

/* SINGLE ARTICLE */
.article__content-inner {
  display: flex;
  justify-content: space-between;
  gap: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem);
}

.article__content-left {
  display: flex;
  flex-direction: column;
  max-width: 1105px;
  min-width: 0;
  width: 100%;
  gap: 30px;
}

.article__content-left-inner {
  display: flex;
  flex-direction: column;
  max-width: 1010px;
  width: 100%;
  gap: 30px;
}

.article__content-img-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.article__content-img {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-height: 440px;
}

.article__content-img-desc {
  color: var(--text-primary-second);
}

.article__content {
  display: flex;
  flex-direction: column;
  background: var(--bg-primary-second);
  border-radius: 10px;
  padding: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem);
  gap: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem);
}

.article__content .h2 {
  margin-bottom: 40px;
}

.article__content .h3 {
  margin-bottom: 35px;
}

.article__content .h4 {
  margin-bottom: 30px;
}

.article__content .h5 {
  margin-bottom: 25px;
}

.article__content .h6 {
  margin-bottom: 20px;
}

.article__content p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--text-primary-main);
}

.second__desc {
  display: flex;
  flex-direction: column;
  background: var(--bg-primary-second);
  border-radius: 10px;
  padding: 50px;
  gap: 20px;
}

.articles__gal-wrapper {
  display: flex;
  width: 100%;
}

.articles__gal-wrapper .swiper-slide {
  box-sizing: border-box;
  height: auto;
}

.gal__item {
  display: flex;
  flex-direction: column;
  max-height: 310px;
  height: 100%;
  gap: 15px;
}

.gal__img {
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}

.img__desc {
  color: var(--text-primary-second);
}

.article__content-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #dedede;
  padding-top: 20px;
  gap: 20px;
}

.article__btn {
  display: flex;
  align-items: center;
  font-family: var(--font-family);
  transition: var(--transition);
  color: var(--colors-main);
  line-height: 100%;
  font-weight: 500;
  font-size: 16px;
  gap: 5px;
}

.article__btn svg {
  transition: var(--transition);
}

.article__btn:hover {
  color: var(--hover-main);
}

.article__btn:hover svg path {
  stroke: var(--hover-main);
}

.article__date {
  color: var(--text-primary-second);
}

.article__content-right {}

.article__intresting {
  display: flex;
  flex-direction: column;
  position: sticky;
  min-width: 320px;
  top: 150px;
  gap: 20px;
}

.article__intresting-title {
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--bg-primary-third);
}

.article__intresting-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 360px;
  width: 100%;
  gap: 20px;
}

.article__intresting-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid var(--bg-primary-third);
  transition: var(--transition);
  padding-bottom: 20px;
  gap: 5px;
}

.item-title {
  color: var(--bg-alt-second);
  transition: var(--transition);
}

.article__intresting-item:hover {
  border-color: var(--hover-main);
}

.article__intresting-item:hover .item-title {
  color: var(--hover-main);
}

.article__content-left .slider__holder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.article-date {}

.item-title {}

@media screen and (max-width: 920px) {
  .article__content-inner {
    flex-direction: column;
  }

  .article__intresting-wrapper {
    max-width: unset;
  }
}

@media screen and (max-width: 500px) {
  .article__intresting {
    min-width: unset;
  }
}


/* ARTICLE CARD */
.articles__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.article__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--bg-primary-second);
  border-radius: 10px;
  padding: clamp(0.9375rem, 0.75rem + 0.9375vw, 1.875rem);
  /* max-height: 569px; */
  /* height: 100%; */
  height: 570px;
  gap: 20px;
}

.article__top {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.article__title {
  transition: var(--transition);
  color: var(--bg-alt-second);
}

.short__desc {
  color: var(--text-primary-main);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.article__bottom {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.article__info-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.article__info-tag {
  display: flex;
  align-items: center;
  background: var(--bg-primary-main);
  border-radius: 5px;
  padding: 5px 10px;
  gap: 10px;
}


.article__time-to-read {
  color: var(--text-primary-main);
}

.article__img-inner {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  height: 260px;
}

.article__img {
  display: flex;
  transition: var(--transition);
  width: 100%;
  height: 100%;
}

.article__item:hover .article__title {
  color: var(--hover-main);
}

.article__item:hover .article__img {
  transform: scale(1.05);
}

@media screen and (max-width: 1250px) {
  .articles__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .article__item {
    height: 100%;
  }
}

@media screen and (max-width: 850px) {
  .articles__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* VACANCIES CARD */

.vacancies__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.vacancie__item {
  border: 1px solid transparent;
  border-radius: 10px;
  background: var(--bg-primary-main);
  transition: var(--transition);
  cursor: pointer;
}

.vacancie__item .item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f6f6f6;
  border-radius: 10px;
  padding: 15px;
  gap: 10px;
}

.vacancie__item .left__header {
  display: flex;
  align-items: center;
  gap: clamp(0.625rem, 0.3125rem + 1.5625vw, 2.1875rem);
}


.vacancie__item .item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-primary-main);
  border-radius: 5px;
  flex-shrink: 0;
  height: 44px;
  width: 44px;
}

.vacancie__item .item__status svg {
  transition: var(--transition);
}

.vacancie__item:is(.active, :hover) .item__status {
  background: var(--hover-main);
  border-color: var(--hover-main);
}

.vacancie__item.active {
  border-color: var(--bg-primary-third);
}

.vacancie__item.active .item__status svg {
  transform: rotate(180deg);
}

.vacancie__item.active .item__header {
  background: var(--bg-primary-second);
}

.vacancie__item .item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--colors-main);
  transition: var(--transition);
  border-radius: 5px;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}

.vacancie__item .item__content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem) clamp(1.25rem, 0.5625rem + 3.4375vw, 4.6875rem);
  display: none;
}

.item__title {}

.item__status {}

.job__wrapper {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.job__title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: var(--bg-alt-second);
}

.job__value {
  font-weight: 400;
  line-height: 130%;
  color: var(--text-primary-main);
}

.salary__title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: var(--bg-alt-second);
}

.salary {
  font-weight: 400;
  line-height: 130%;
  color: var(--text-primary-main);
}

.work_skills-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.work_skills-wrapper p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--text-primary-main);
}

.work_skills-wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.work_skills-wrapper ul li {
  display: flex;
  align-items: baseline;
  list-style: none;
  gap: 10px;
}

.work_skills-wrapper ul li::before {
  content: '';
  position: relative;
  width: 7px;
  height: 7px;
  flex-shrink: 0;
  border-radius: 100%;
  border: 1px solid var(--colors-main);
}

.btns__wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
}

.vacancie__btn {
  color: var(--text-primary-head);
  border: 1px solid var(--colors-main);
  background: transparent;
}

.vacancie__btn:hover {
  color: var(--bg-primary-main);
}

@media screen and (max-width: 450px) {
  .vacancie__item .item__icon {
    display: none;
  }

  .btns__wrapper {
    flex-direction: column;
    gap: 10px;
  }

  .vacancie__item .item__status {
    width: 40px;
    height: 40px;
  }

  .vacancie__item .item__title {
    font-size: 14px;
  }
}


.error-page .error__content {
  min-height: 670px;
  padding: 145px 0 232px 0;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 0;
}

.error-page .error__img {
  width: 100%;
  height: 100%;
  max-width: 562px;
  max-height: 270px;
}

.error-page .error__title {
  margin-bottom: 15px;
  color: var(--bg-primary-main);
}

.error-page .error__descr {
  color: var(--bg-primary-main);
}

.error-page .error__bg {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}

/* .error-page .error__bg::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
  background: #1f1f1f;
  opacity: 0.8;
} */

/* .error-page .error__bg::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
} */

.error__wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
}

.error__left {
  width: 100%;
  display: flex;
  max-width: 640px;
  flex-direction: column;
  gap: 30px;
}

.error__left-title-holder {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media screen and (max-width: 992px) {
  .error-page .error__img img {
    -o-object-fit: contain;
    object-fit: contain;
  }

  .error__wrapper {
    flex-direction: column-reverse;
    align-items: center;
  }

  .error__left {
    align-items: center;
  }

  .error-page .error__descr,
  .error-page .error__title {
    text-align: center;
  }

  .error-page .error__content {
    padding: 130px 0;
  }
}

/*========= SHOP BASE CONFIG ==========*/
.woocommerce-notices-wrapper {
  width: 100%;
}

.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message {
  padding: 10px;
  width: 100%;
  border-top: 3px solid var(--colors-main);
  border-radius: 3px;
  background-color: white;
  color: var(--colors-main);
  margin-bottom: 10px;
  box-shadow: 0 0 20px rgba(64, 34, 24, 0.1);
  margin-top: 10px;
}

.woocommerce-notices-wrapper .woocommerce-error {
  border-top-color: red;
  color: red;
}

.woocommerce-notices-wrapper .woocommerce-error li {
  list-style-type: none;
}

ul.products {
  list-style: none;
  display: grid;
  gap: 30px;
}

ul.products.columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

ul.products.columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

ul.products.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

ul.products.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

ul.products.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

ul.products.columns-1 {
  grid-template-columns: repeat(1, 1fr);
}

li.product {
  /* padding: 20px; */
  height: 100%;
  list-style: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

li.product a{
	display: flex;
	flex-direction: column;
	height: 100%
}

li.product .product__price-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
	margin-top: auto;

}

li.product .product__price-holder {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

li.product .product__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-primary-main);
  color: var(--bg-alt-second);
  border-radius: 5px;
  padding: 22px;
  height: 60px;
}

li.product .product__title-holder {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--bg-primary-third);
  padding-bottom: 20px;
  gap: 10px;
}

li.product .woocommerce-loop-product__title {
  color: var(--text-primary-head);
  transition: var(--transition);
}

li.product .product__attributes-title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--text-primary-second);
}

li.product .product__bottom-wrapper {
  display: flex;
  flex-direction: column;
  background: var(--bg-primary-second);
  padding: 20px 30px 30px;
  border-radius: 10px;
 flex: 1;
  gap: 20px;
}

li.product .image-holder {
  width: 100%;
  height: 250px;
  position: relative;
  overflow: hidden;
  background: var(--bg-primary-main);
  border: 1px solid var(--bg-primary-third);
  border-radius: 15px;
  margin-bottom: 10px;
}

li.product .hover__img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  transition: var(--transition);
  z-index: 1;
  opacity: 0;
}

li.product .image-holder img {
  -o-object-fit: contain;
  object-fit: contain;
}

li.product img {
  transition: var(--transition);
}

li.product:has(.hover__img):hover .image-holder:not(.hover__img) img {
  opacity: 0;
}

li.product:hover .hover__img {
  opacity: 1 !important;
}

li.product:hover .hover__img img {
  opacity: 1 !important;
}

li.product:hover .product__btn {
  background: var(--hover-main);
  color: var(--bg-primary-main);
}

li.product .add_to_cart_wrapper {
  display: flex;
  align-items: center;
}

li.product .add_to_cart_button {
  width: 100%;
  background: var(--colors-main);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  transition: var(--transition);
}

li.product .add_to_cart_button svg path {
  transition: var(--transition);
}

li.product .add_to_cart_button:hover {
  background: var(--hover-main) !important;
}

li.product:hover .woocommerce-loop-product__title {
  color: var(--colors-main);
}

li.product .product_card_bottom {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: space-between;
}

li.product .product-card__attributes {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 20px;
}

li.product .product-card__attributes-item {
  display: flex;
  /* flex-wrap: wrap; */
  gap: 5px;
  position: relative;
  color: var(--bg-alt-second);
}

li.product .product-card__attributes-item::before {
  content: '•';
  height: 10px;
  width: 10px;
  flex-shrink: 0;
}

/* li.product .product-card__attributes-item:last-child::before {
  display: none;
} */

li.product .product-card__attributes-item-line {
  flex-grow: 1;
  align-self: flex-end;
  border-bottom: 1px dashed var(--bg-primary-stroke);
}

li.product .product-card__attributes-item__name {
  white-space: nowrap;
}

li.product .product-card__attributes-item__name,
li.product .product-card__attributes-item__value {}

li.product .price {
  display: flex;
  flex-direction: column-reverse;
  gap: 4px;
  justify-content: start;
  color: var(--text-primary-head);
}

li.product .price ins,
li.product .price del {
  text-decoration: unset;
}

li.product .price ins {
  color: var(--text-primary-second);
  text-decoration: line-through;
}

li.product .price ins * {
  color: var(--text-primary-second);
}

li.product .price del {
  color: var(--text-primary-head);
}

li.product .price del * {
  color: var(--text-primary-head);
}

li.product-category {
  box-sizing: border-box;
  height: 100%;
  transition: var(--transition);
  padding: 0;
}

li.product-category a {
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 300px;
  box-sizing: border-box;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border: 0;
}

li.product-category .product-category__img {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

li.product-category .product-category__img::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
  background: linear-gradient(180deg, rgba(31, 31, 31, 0) 59.57%, rgba(31, 31, 31, 0.7) 100%);
  z-index: 1;
}

li.product-category .category-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem));
  position: absolute;
  bottom: clamp(0.9375rem, 0.75rem + 0.9375vw, 1.875rem);
  z-index: 1;
  left: clamp(0.9375rem, 0.75rem + 0.9375vw, 1.875rem);
  gap: 5px;
}

li.product-category .category-info .arrow__holder {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--bg-primary-main);
  border-radius: 5px;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  transition: var(--transition);
}

li.product-category .category-info .arrow__holder svg path {
  stroke: var(--bg-primary-main);
}

li.product-category:hover .category-info .arrow__holder {
  background: var(--hover-main);
  border-color: var(--hover-main);
}

li.product-category .woocommerce-loop-category__title {
  transition: var(--transition);
  color: var(--bg-primary-main);
}

li.product-category:hover .woocommerce-loop-category__title,
li.product-category:hover .woocommerce-loop-category__descr {
  color: var(--bg-primary-main);
}

li.product-category:hover .product-category__img img {
  transform: scale(1.04);
}

.sub-cats-list {
  margin-bottom: 20px;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.sub-cats-list .product-subcategory {
  list-style: none;
}

.sub-cats-list .product-subcategory a {
  display: flex;
  height: 100%;
  padding: 17px;
  border: 1px solid var(--bg-primary-third);
  background: var(--bg-primary-second);
  transition: var(--transition);
  color: var(--bg-alt-second);
  border-radius: 5px;
}

.sub-cats-list .product-subcategory a:hover,
.sub-cats-list .product-subcategory a.active {
  background: var(--hover-main);
  color: var(--bg-primary-main);
  border-color: var(--hover-main);
}

.sub-cats-list .product-subcategory__name {
  display: flex;
  gap: 5px;
  align-items: center;
}

.sub-cats-list .category__icon {
  max-height: 30px;
  max-width: 60px;
  transition: var(--transition);
}

.favorite-btn {
  width: 60px;
  height: 60px;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  background: var(--bg-primary-main);
  border: 1px solid var(--bg-primary-stroke);
  outline: none;
  transition: var(--transition);
}

.favorite-btn svg {
  width: 20px;
  height: 20px;
}

.favorite-btn svg path {
  transition: var(--transition);
}

.favorite-btn-second {
  border: none !important;
  width: 24px;
  height: 24px;
  background: transparent;
  min-width: 24px;
}

.favorite-btn:hover {
  background: var(--colors-second);
  border-color: var(--colors-second);
}

.favorite-btn:hover svg path {
  fill: var(--bg-primary-main);
}

.favorite-btn.favorite-remove {
  background: var(--bg-primary-main);
  border: 1px solid var(--bg-primary-stroke);
}

.favorite-btn.favorite-remove svg path {
  background: var(--danger);
  fill: var(--danger);
  opacity: 1;
}

li.product .tags-holder {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  flex-direction: column;
}

.tags-holder {
  display: flex;
  gap: 5px;
}

.tag {
  padding: 2px 6px;
  background: var(--colors-fifth);
  color: var(--bg-primary-main);
  display: flex;
  align-items: center;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.tag.hit {
  background: var(--colors-fourth);
}

.tag.novinka {
  background: var(--colors-third);
}

.tag__icon {
  max-width: 20px;
  max-height: 20px;
}

#noticer {
  position: fixed;
  top: 250px;
  right: 0;
  background: var(--bg-primary-main);
  border: 1px solid var(--colors-main);
  padding: 10px;
  border-radius: 10px 0px 0px 10px;
  transition: 0.5s;
  opacity: 0;
  z-index: 100;
  transform: translateX(100%);
  font-size: 14px;
}

#noticer.active {
  transform: unset;
  opacity: 1;
}

.woocommerce .archive__wrapper {
  display: flex;
  gap: 30px;
}

.woocommerce .archive__right {
  width: 100%;
}


.quantity {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
  background: var(--bg-primary-main);
  border: 1px solid var(--bg-primary-stroke);
  padding: 5px;
  width: 100%;
  min-width: 150px;
  height: 60px;
}

.qty-wrapper .qty-button {
  display: none;
}

.quantity .quantityDown,
.quantity .quantityUp {
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  cursor: pointer;
  border: 1px solid var(--colors-main);
  transition: var(--transition);
}

.quantity .quantityDown svg path,
.quantity .quantityUp svg path {
  fill: var(--colors-main);
  transition: var(--transition);
}

.quantity .quantityDown:hover,
.quantity .quantityUp:hover {
  background: var(--colors-second);
  border-color: var(--colors-second);
}

.quantity .quantityDown:hover svg path,
.quantity .quantityUp:hover svg path {
  fill: var(--bg-primary-main);
}

.quantity .quantityDown:focus,
.quantity .quantityUp:focus {
  outline: none;
}

.quantity .quantityDown.disabled,
.quantity .quantityUp.disabled {
  pointer-events: none;
  background: var(--bg-primary-third);
  border-color: var(--bg-primary-third);
}

.quantity .quantityDown.disabled svg path,
.quantity .quantityUp.disabled svg path {
  fill: var(--bg-primary-stroke);
}

.quantity .qty {
  background: none;
  border: none;
  max-width: 30px;
  overflow-x: auto;
  text-align: center;
  padding: 0;
  margin: 0;
  color: var(--text-primary-head);
  text-align: center;
}

.quantity .qty::-moz-placeholder {
  color: var(--text-primary-head);
  text-align: center;
}

.quantity .qty::placeholder {
  color: var(--text-primary-head);
  text-align: center;
}

.quantity .qty:focus {
  outline: none;
}

.quantity .qty::-webkit-outer-spin-button,
.quantity .qty::-webkit-inner-spin-button {
  display: none;
}

.quantity .qty *[type=number] {
  -moz-appearance: textfield;
}

@media screen and (max-width: 1400px) {
  ul.products.columns-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  ul.products.columns-5 {
    grid-template-columns: repeat(4, 1fr);
  }

  ul.products.columns-4 {
    grid-template-columns: repeat(3, 1fr);
  }

  li.product .image-holder {
    max-height: 400px;
  }
}

@media screen and (max-width: 1299px) {
  ul.products.columns-6 {
    grid-template-columns: repeat(4, 1fr);
  }

  ul.products.columns-5 {
    grid-template-columns: repeat(3, 1fr);
  }

}

.archive__left {
  width: 100%;
  max-width: 360px;
}

@media screen and (max-width: 1025px) {
  .woocommerce .archive__wrapper {
    gap: 0;
  }

  .archive__left {
    width: 0;
  }
}

@media screen and (max-width: 900px) {
  ul.products.columns-6 {
    grid-template-columns: repeat(3, 1fr);
  }

  ul.products.columns-5 {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media screen and (max-width: 600px) {
  ul.products.columns-6 {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media screen and (max-width: 580px) {
  ul.products.columns-5 {
    grid-template-columns: 1fr;
  }

  li.product-category .category-info .arrow__holder {
    width: 45px;
    height: 45px;
  }
}

@media screen and (max-width: 450px) {
  ul.products.columns-6 {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  li.product .product__price-wrapper {
    flex-direction: column;
  }

}

@media screen and (max-width: 1120px) {
  ul.products.columns-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 600px) {
  ul.products.columns-3 {
    grid-template-columns: 1fr;
  }

  ul.products.columns-4 {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 500px) {
  .sub-cats-list .product-subcategory {
    width: 100%;
  }

  .sub-cats-list .product-subcategory a {
    justify-content: center;
  }
}

.woocommerce .sidebar {
  min-width: 276px;
}

.woocommerce .sidebar #open-filter {
  position: fixed;
  background: var(--colors-main);
  color: #fff;
  padding: 15px 5px;
  cursor: pointer;
  transition: background-color 0.3s ease-in;
  writing-mode: vertical-lr;
  left: 0;
  top: 50%;
  display: none;
  transform: translateX(300px);
}

.woocommerce .sidebar #open-filter:hover {
  background-color: #fff;
  color: #07060b;
}

.woocommerce .sidebar #open-filter.active {
  opacity: 0.9;
}



/* filter start */
/*! nouislider - 12.1.0 - 10/25/2018 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
  transition: unset;
}

.noUi-target {
  position: relative;
  direction: ltr;
  width: 93%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  margin-bottom: 8px;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
    */
.noUi-connects {
  overflow: visible;
  z-index: 0;
  background: var(--bg-primary-stroke);
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: -1px;
  left: 0;
  height: 100%;
  width: 100%;
  transform-origin: 0 0;
}

/* Offset direction
    */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

/* Give origins 0 height/width so they don't interfere with clicking the
    * connect elements.
    */
.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  position: absolute;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
    */
.noUi-horizontal {
  height: 1px;
}

.noUi-handle.noUi-handle-lower {
  right: 0px !important;
}

.noUi-horizontal .noUi-handle {
  outline: none;
  width: 8px;
  height: 8px;
  left: -17px;
  top: -3px;
  background: var(--colors-main);
  border-radius: 100%;
  box-shadow: unset;
  cursor: pointer;
}

.noUi-vertical {
  width: 1px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -7px;
  left: auto;
}

/* Styling;
    * Giving the connect element a border radius causes issues with using transform: scale
    */
.noUi-target {
  background: var(--bg-primary-stroke);
  /* background: #FAFAFA;
       border-radius: 4px;
       border: 1px solid #D3D3D3;
       box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; */
}

.noUi-connects {
  height: 2px;
  top: 0px;
}

.noUi-connect {
  background: var(--colors-main);
  height: 3px;
  top: -1px;
}

/* Handles and cursors;
    */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border-radius: 3px;
  background: #fff;
  cursor: default;
  box-shadow:
    inset 0 0 1px #fff,
    inset 0 1px 7px #ebebeb,
    0 3px 6px -3px #bbb;
}

.noUi-active {
  box-shadow:
    inset 0 0 1px #fff,
    inset 0 1px 7px #ddd,
    0 3px 6px -3px #bbb;
}

/* Handle stripes;
    */
/* .noUi-handle:before,
   .noUi-handle:after {
       content: "";
       display: block;
       position: absolute;
       height: 14px;
       width: 1px;
       background: #E8E7E6;
       left: 14px;
       top: 6px;
   } */
/* .noUi-handle:after {
       left: 17px;
   } */
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
    */
[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
    *
    */
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
    *
    */
.noUi-value {
  position: absolute;
  card-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
    *
    */
.noUi-marker {
  position: absolute;
  background: #ccc;
}

.noUi-marker-sub {
  background: #aaa;
}

.noUi-marker-large {
  background: #aaa;
}

/* Horizontal layout;
    *
    */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
    *
    */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  card-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}


.filters-widget {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: var(--bg-primary-second-thirdly);
  padding: var(--twenty);
  width: 100%;
}

.filters-widget .filters-form {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--bg-primary-third);
  border-radius: 10px;
  border-radius: 20px;
  max-width: 360px;
  padding: 30px;
  padding: 30px;
  gap: 30px;
}

.woocommerce .sidebar.active .filters-widget .filters-form {
  border: 0;
}

.filters-widget .filter-block {
  margin: 0px;
}

.filters-widget .padding-box {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 10px;
  gap: 10px;
}

.filters-widget .local-search input {
  width: 100%;
}

.filters-widget .filter-block+.filter-block {
  margin-top: 30px;
}

.filters-widget .filter-block .filter-block-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-align: center;
  align-items: center;
  padding: 0px;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin: 0px 0px 15px 0px;
}

.filters-widget .filter-block .filter-block-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.filters-widget .filter-block .filter-block-content input[type=number] {
  appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.filters-widget .filter-block .filter-block-content input[type=number]::-webkit-outer-spin-button,
.filters-widget .filter-block .filter-block-content input[type=number]::-webkit-inner-spin-button {
  appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.filters-widget .filter-block .filter-block-content .range-slider+.inputs {
  margin-top: 20px;
}

.filters-widget .filter-block .filter-block-content .noUi-horizontal {
  height: 1px;
  margin: 10px;
  border-radius: 2px;
  background-color: #e09542;
}

.filters-widget .filter-block .filter-block-content .noUi-horizontal .noUi-base,
.filters-widget .filter-block .filter-block-content .noUi-horizontal .noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.filters-widget .filter-block .filter-block-content .noUi-horizontal .noUi-connect,
.filters-widget .filter-block .filter-block-content .noUi-horizontal .noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform-origin: 0 0;
}

.filters-widget .filter-block .filter-block-content .noUi-horizontal .noUi-connect {
  top: -2px;
  height: 5px;
  border-radius: 2px;
  background-color: #e09542;
}

.filters-widget .filter-block .filter-block-content .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

.filters-widget .filter-block .filter-block-content .noUi-horizontal .noUi-handle {
  position: absolute;
  top: -8px;
  left: auto;
  right: -8px;
  width: 17px;
  height: 17px;
  background-color: var(--colors-main);
  outline: none;
  cursor: pointer;
}

.filters-widget .filter-block .filter-block-content .inputs.range {
  display: flex;
  flex-direction: row;
}

.filters-widget .filter-block .filter-block-content .inputs.range .group {
  display: inline-flex;
  flex-direction: column;
  flex-align: start;
  align-items: flex-start;
  width: calc(50% - 5px);
}

.filters-widget .filter-block .filter-block-content .inputs.range .group input {
  width: 100%;
  padding: 5px;
  color: #c4c4c4;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e09542;
  border-radius: 2px;
  position: relative;
  z-index: 1;
}

.filters-widget .filter-block .filter-block-content .inputs.range .group input[name] {
  color: #000;
}

.filters-widget .filter-block .filter-block-content .inputs.range .group+.group {
  margin-left: 10px;
}

.filters-widget .filter-block .filter-block-content .inputs.checkboxes {
  display: flex;
  flex-direction: column;
}

.filters-widget .filter-block .filter-block-content .inputs.checkboxes .group {
  display: flex;
  flex-direction: column;
}

.filters-widget .filter-block .filter-block-content .inputs.checkboxes .group label {
  display: flex;
  flex-align: center;
  align-items: center;
  padding-left: 35px;
  position: relative;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  min-height: 24px;
}

.filters-widget .filter-block .filter-block-content .inputs.checkboxes .group label .indicator {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #e09542;
  border-radius: 2px;
}

.filters-widget .filter-block .filter-block-content .inputs.checkboxes .group label .indicator:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background-color: #e09542;
  opacity: 0;
  transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -webkit-transition: opacity 0.1s linear;
}

.filters-widget .filter-block .filter-block-content .inputs.checkboxes .group label:hover .indicator:before {
  opacity: 0.2;
}

.filters-widget .filter-block .filter-block-content .inputs.checkboxes .group input {
  display: none;
}

.filters-widget .filter-block .filter-block-content .inputs.checkboxes .group input:checked+label .indicator:before {
  opacity: 1;
}

.filters-widget .filter-block .filter-block-content .inputs.checkboxes .group+.group {
  margin-top: 5px;
}

.filters-widget .price__block {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.filters-widget input {
  border: 1px solid var(--bg-primary-stroke);
  min-width: 76px;
  height: 34px;
  text-align: center;
  padding: 1px 10px;
  border: 1px solid var(--bg-primary-stroke);
  background: transparent;
  border-radius: 4px;
  font-family: var(--font5);
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: var(--text-primary-head);
}

.filters-widget .inputs.price.range {
  display: flex;
  flex-direction: row;
  gap: 5px;
  color: var(--bg-primary-stroke);
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  width: 98.5%;
  align-items: center;
  justify-content: space-between;
}

.filters-widget .inputs.price.range .price-dep,
.filters-widget .inputs.price.range .range-dep {
  width: 100%;
  height: 1px;
  background: var(--bg-primary-stroke);
  display: block;
}

.filters-widget .accordeon-block-header {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: var(--colors-main-text-primary);
}

.filters-widget .price__block .accordeon-block-header {
  padding: unset;
  margin: unset;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: var(--2016);
  line-height: 120%;
  letter-spacing: -0.02em;
  color: var(--head);
  margin-bottom: var(--twenty);
}

.filters-widget .group-label {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: var(--1614);
  line-height: 130%;
  color: var(--text-primary-main);
  cursor: pointer;
  width: 100%;
}

/* .filters-widget .inputs.checkboxes.list .group:hover .group-label {
  color: var(--main-text);
} */
/* .filters-widget .inputs.checkboxes.list .group:has(input:checked) .group-label {
  color: var(--main-text);
} */
.filters-widget .accordeon-block {
  cursor: pointer;
  background: var(--colors-background-secondary);
  transition: all 0.5s;
  overflow: clip;
  /* margin-bottom: 20px; */
}

.filters-widget .filter-holder {
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: auto;
}

@media (max-width: 900px) {
  .filters-widget .filter-holder {
    max-height: 100%;
  }
}

/* .filters-widget .accordeon-block.opend {
   background: var(--card);
   border: 1px solid var(--background-dark);
 } */
.filters-widget .accordeon-block svg {
  transition: all 0.5s;
  pointer-events: none;
}

.filters-widget .accordeon-block.opend svg {
  transform: rotate(180deg);
}

/* .filters-widget .accordeon-block-header:hover .accordeon-block-header-title {
  color: white;
} */
/* .filters-widget .accordeon-block-header:hover svg path {
  fill: white;
}

.filters-widget .accordeon-block-header:hover svg {
  transform: rotate(180deg);
} */
.filters-widget .accordeon-block-header-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 110%;
  color: var(--bg-alt-second);
}

.filters-widget .buttons {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.filters-widget .buttons .btn {
  margin: 0 auto;
  text-align: center;
  align-items: center;
  place-content: center;
  width: 100%;
}

.filters-widget .content__toggler {
  display: flex;
  pointer-events: none;
}

.filters-widget .clear-btn {
  display: flex;
  /* gap: 5px; */
  flex-direction: row;
  /* align-items: center; */
  justify-content: center;
  cursor: pointer;
  transition: var(--transition);
}

.filters-widget .clear-btn svg {
  transition: var(--transition);
  width: 18px;
  height: 18px;
}

.filters-widget .clear-btn svg path {
  transition: var(--transition);
}

.filters-widget .clear-btn button {
  border: unset;
  background: unset;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  transition: var(--transition);
}

.filters-widget .clear-btn:hover {
  color: var(--hover-main);
}

.filters-widget .clear-btn:hover svg {
  transform: rotate(180deg);
}

.filters-widget .clear-btn:hover svg path {
  stroke: var(--hover-main);
}

.filters-widget .clear-btn:hover button {
  color: var(--hover-main);
}

.filters-widget .accordeon-block .padding-box {
  margin-top: 15px;
  transition: unset;
}

.filters-widget .inputs.checkboxes.list {
  display: flex;
  max-height: 92px;
  overflow-y: auto;
  flex-direction: column;
  gap: 10px;
}

.filters-widget .inputs.checkboxes.list::-webkit-scrollbar {
  width: 2px;
}

.filters-widget .inputs.checkboxes.list::-webkit-scrollbar-track {
  background: var(--bg-primary-stroke);
}

.filters-widget .inputs.checkboxes.list::-webkit-scrollbar-thumb {
  background: var(--colors-main);
}

.filters-widget .inputs.checkboxes.list.tags {
  display: none;
}

.filters-widget .inputs.checkboxes.list .group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.filters-widget .inputs.checkboxes.list .group input {
  all: initial;
  background: transparent;
  border: 1px solid var(--text-primary-main);
  border-radius: 5px;
  width: 22px;
  height: 22px;
  display: flex;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  transition: var(--transition);
}

.filters-widget .inputs.checkboxes.list .group:hover input {
  border-color: var(--hover-main);
}

.filters-widget .inputs.checkboxes.list .group input::before {
  content: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.3333 4L5.99996 11.3333L2.66663 8' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  position: absolute;
  color: var(--colors-main);
  font-size: 12px;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  opacity: 0;
  transition: var(--transition);
}

.filters-widget .inputs.checkboxes.list .group input:checked {
  background: var(--colors-main);
  border-color: var(--colors-main);
}

.filters-widget .inputs.checkboxes.list .group input:checked::before {
  opacity: 1;
}

.woocommerce #openFilter {
  width: clamp(2.8125rem, 2.625rem + 0.9375vw, 3.75rem);
  height: clamp(2.8125rem, 2.625rem + 0.9375vw, 3.75rem);
  display: flex;
  align-items: center;
  place-content: center;
  border-radius: 10px;
  background: white;
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  left: var(--thirty);
  cursor: pointer;
  z-index: 13000;
  display: none;
}

.woocommerce #openFilter svg path {
  fill: black;
}

.woocommerce #openFilter svg {
  max-width: 24px;
  max-height: 24px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  margin: auto auto;
  pointer-events: none;
}

.woocommerce #openFilter.active {
  background: black;
  bottom: 80px;
}

.products-list__category-holder:has(.sidebar.active) #openFilter {
  bottom: 30px;
}

.woocommerce #openFilter.active svg path {
  fill: white;
}

@media screen and (max-width: 1025px) {
  .woocommerce .sidebar {
    min-width: 300px;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 300px;
    transform: translateX(-300px);
    transition: transform 0.3s ease-in;
    z-index: 31;
    background-color: #fff;
    padding: 0;
  }

  .woocommerce .sidebar.active {
    transform: translateX(0);
  }

  .woocommerce .sidebar .filters-widget {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    /* padding: 10px; */
  }

  .woocommerce .sidebar .filters-widget .filter-block.filter-block-price {
    border: none;
    padding: 0;
    background: #fff;
  }

  .woocommerce .sidebar .filters-widget .filter-block .filter-block-header .filter-block-title {
    font-size: 16px;
    line-height: 20px;
  }

  .woocommerce .sidebar .filters-widget .buttons {
    justify-content: center;
    align-items: center;
  }

  .woocommerce .sidebar .filters-widget .buttons .btn {
    width: 100%;
    margin-bottom: 10px;
  }

  .woocommerce .sidebar .filters-widget .category__block .block__title {
    font-size: 16px;
    line-height: 20px;
  }

  .woocommerce .sidebar #open-filter {
    display: block;
  }
}

.woocommerce-checkout .content>.woocommerce .woocommerce-notices-wrapper {
  width: 100%;
}

.woocommerce-checkout form.checkout {
  display: flex;
  width: 100%;
  gap: 30px;
  padding-bottom: 40px;
  align-items: flex-start;
}

.woocommerce-checkout form .form-left-side {
  width: calc(76% - 30px);
  display: flex;
  flex-direction: column;
}

.form-checkout-title {
  margin-bottom: 30px;
  color: var(--head-primary);
}

.form-checkout-title span {
  color: var(--ten);
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.woocommerce-billing-fields__field-wrapper .input__placeholder,
.woocommerce-shipping-fields__field-wrapper .input__placeholder {
  background: var(--background);
  color: var(--main-text-secondary);
}

.woocommerce-billing-fields__field-wrapper .input__wrapper.focus input,
.woocommerce-shipping-fields__field-wrapper .input__wrapper.focus input {
  color: var(--main-text-secondary);
}

.woocommerce-billing-fields__field-wrapper .input__wrapper.write input,
.woocommerce-shipping-fields__field-wrapper .input__wrapper.write input {
  color: var(--success);
}

.woocommerce-billing-fields__field-wrapper p,
.woocommerce-shipping-fields__field-wrapper p {
  width: 100%;
}

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

.woocommerce .woocommerce-checkout label {
  display: none;
}

.woocommerce-billing-fields__field-wrapper input,
.woocommerce-shipping-fields__field-wrapper input {
  display: block;
}

.woocommerce-checkout .form-row.place-order {
  display: none;
}

#ship-to-different-address {
  display: none;
}

.form-checkout-left-side {
  width: 100%;
  max-width: 1250px;
}

.col2-set,
.form-checkout-left-side {
  display: flex;
  flex-direction: column;
}

.col2-set {
  border: 1px solid var(--bg-primary-stroke);
  padding: 30px;
  background: var(--bg-primary-second);
}

#customer_details {
  gap: 40px;
}

#shipping_method,
form.woocommerce-checkout .wc_payment_methods {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  list-style: none;
}

form.woocommerce-checkout .wc_payment_methods {
  grid-template-columns: repeat(2, 1fr);
}

form.woocommerce-checkout #shipping_method li,
.woocommerce-checkout li.wc_payment_method {
  width: 100%;
}

form.woocommerce-checkout #shipping_method li:has(input.free) {
  position: relative;
}

form.woocommerce-checkout #shipping_method li:has(input.free):before {
  content: "(Бесплатно)";
  top: 60px;
  left: 75px;
  position: absolute;
  width: 100px;
  height: 11px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--main-text-primary);
  z-index: 1;
  pointer-events: none;
  transition: 0.5s;
}

form.woocommerce-checkout #shipping_method li:has(input.free:checked):before {
  color: var(--main-text-primary);
}

form.woocommerce-checkout #shipping_method li input,
form.woocommerce-checkout .wc_payment_method input {
  display: contents;
}

form.woocommerce-checkout #shipping_method li label,
form.woocommerce-checkout .wc_payment_method label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  padding: 20px;
  padding-right: 50pxs;
  overflow: hidden;
  background: var(--bg-primary-main);
  border: 1px solid var(--bg-primary-stroke);
  transition: 0.5s;
  cursor: pointer;
  height: 100%;
  justify-content: center;
  border-radius: 5px;
  color: var(--text-primary-head);
}

form.woocommerce-checkout .wc_payment_method label span,
form.woocommerce-checkout #shipping_method label span,
form.woocommerce-checkout #shipping_method label span bdi {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--main-text-primary);
  transition: 0.5s;
}

form.woocommerce-checkout #shipping_method li label:before,
form.woocommerce-checkout .wc_payment_method label:before {
  content: "";
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  position: absolute;
  border-radius: 100%;
  background: transparent;
  border: 1px solid var(--bg-primary-stroke);
  transition: 0.3s;
  box-sizing: border-box;
  color: var(--background);
}

form.woocommerce-checkout #shipping_method li label:after,
form.woocommerce-checkout .wc_payment_method label:after {
  content: "";
  width: 8px;
  height: 8px;
  top: 50%;
  transform: translateY(-50%);
  right: 28px;
  position: absolute;
  border-radius: 100%;
  background: transparent;
  transition: 0.3s;
}

form.woocommerce-checkout #shipping_method li input:checked+label span,
form.woocommerce-checkout .wc_payment_method input:checked+label span {
  color: var(--main-text-secondary);
}

form.woocommerce-checkout #shipping_method li input:checked+label bdi,
form.woocommerce-checkout #shipping_method li input:checked+label bdi span {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--background);
}

form.woocommerce-checkout #shipping_method li input:checked+label:before,
form.woocommerce-checkout .wc_payment_method input:checked+label:before {
  border-color: var(--bg-primary-stroke);
  background: var(--colors-main);
}

form.woocommerce-checkout #shipping_method li input:checked+label:after,
form.woocommerce-checkout .wc_payment_method input:checked+label:after {
  background: var(--bg-primary-main);
}

.commect-block label {
  display: none;
}

.commect-block p {
  width: 100%;
  display: flex;
}

.commect-block span:has(#order_comments) {
  width: 100%;
  display: flex;
}

.woocommerce-checkout #order_comments {
  display: block;
  height: 124px;
  resize: none;
  outline: none;
  width: 100%;
  padding: 20px;
  transition: 0.5s;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  box-sizing: border-box;
}

.woocommerce-checkout #order_comments:hover {
  border-color: var(--colors-main);
}

.woocommerce-checkout .form-checkout-right-side {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 360px;
  min-width: 360px;
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  top: 170px;
  background: var(--bg-primary-second);
  border: 1px solid var(--bg-primary-stroke);
  padding: 30px;
}

.woocommerce-checkout .product-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 10px 0;
  border-bottom: 1px solid var(--background-secondary);
  color: var(--card);
}

.woocommerce-checkout .product-row-left {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: var(--card);
}

.woocommerce-checkout .product-row-left span {
  color: var(--head-secondary);
}

.woocommerce-checkout .checkout__privacy {
  margin-top: 10px;
  text-align: center;
  color: var(--main-text-secondary);
}

.woocommerce-checkout .checkout__privacy a {
  color: var(--colors-main);
}

.woocommerce-checkout .form-checkout-right-side .btn {
  width: 100%;
}

.woocommerce-checkout .custom-shipping-cost {
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.woocommerce-checkout .cart__sale {
  display: flex;
  margin-bottom: 10px;
}

.woocommerce-checkout .cart__sale-span {
  margin-right: auto;
}

.woocommerce-checkout .totals-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: var(--main-text-primary);
}

.woocommerce-checkout .woo__blocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.woocommerce-checkout .woo__block {
  background: var(--background);
  padding: 20px;
  border-radius: 10px;
  position: relative;
  min-height: 220px;
  display: flex;
  flex-direction: column;
}

.woocommerce-checkout .woo__block:hover .woo__block-link {
  color: var(--colors-main);
}

.woocommerce-checkout .woo__block-icon {
  max-width: 24px;
  max-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.woocommerce-checkout .woo__block-title {
  margin-bottom: 20px;
  color: var(--main-text-primary);
}

.woocommerce-checkout .woo__block-link {
  margin-top: auto;
  transition: var(--transition);
}

.woocommerce-checkout .woo__block-link::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: 100%;
  transform: translate(-50%, -50%);
}

.woocommerce-checkout .total-count {
  color: var(--main-text-primary);
  display: flex;
  gap: 5px;
  align-items: center;
  border-top: 1px solid var(--bg-primary-stroke);
}

.woocommerce-checkout .counter {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  color: var(--text-primary-head);
  margin-bottom: 40px;
}

.woocommerce-checkout .product-count-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  color: var(--text-primary-main);
}

.woocommerce-checkout .product-count-total input::-moz-placeholder,
.woocommerce-checkout .product-count-total textarea::-moz-placeholder {
  color: var(--text-primary-main);
}

.woocommerce-checkout .total-price * {
  color: var(--text-primary-head);
}

.woocommerce-NoticeGroup {
  width: 100%;
  margin-bottom: 10px;
}

.woocommerce-error {
  display: flex;
  flex-direction: column;
}

.woocommerce-error li a {
  font-size: 12px;
  color: var(--text-primary-head);
}

.woocommerce-error li a strong {
  font-size: 12px;
  color: red;
}

@media screen and (max-width: 1240px) {

  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media screen and (max-width: 1100px) {
  .woocommerce-checkout form.checkout {
    flex-direction: column;
    gap: 30px;
  }

  .form-checkout-left-side,
  .woocommerce-checkout .form-checkout-right-side {
    width: 100%;
    min-width: 100%;
  }

  .woocommerce-checkout .woo__block {
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

@media screen and (max-width: 1220px) {

  #shipping_method,
  form.woocommerce-checkout .wc_payment_methods {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .form-checkout-title {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 500px) {

  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper,
  #shipping_method,
  form.woocommerce-checkout .wc_payment_methods {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  form.woocommerce-checkout #shipping_method li,
  .woocommerce-checkout li.wc_payment_method {
    width: 100%;
  }
}

div.product .product__content {
  display: flex;
  gap: 30px;
}

div.product div.summary {
  float: unset !important;
  width: 100% !important;
}

div.product .product__left {
  /* flex-basis: 100%; */
}

div.product .text__block-text {
  color: var(--mainTextPrimary);
}

div.product .product__center {
  max-width: 520px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

div.product .product__center .tags-holder {
  margin-bottom: 20px;
}

div.product .product__center-btn {
  border: 1px solid var(--bg-primary-stroke);
  background: var(--bg-primary-main);
  color: var(--text-primary-head);
  display: flex;
  flex-shrink: 0;
  padding: 22px;
  gap: 5px;
  justify-content: center;
  height: 60px;
  cursor: pointer;
  transition: var(--transition);
}

div.product .product__center-btn svg path {
  transition: var(--transition);
}

div.product .product__center-btn:hover {
  background: var(--colors-second);
  color: var(--bg-primary-main);
}

div.product .product__center-btn:hover svg path {
  stroke: var(--bg-primary-main);
}

div.product .product__right {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

div.product .price__product {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

div.product .price__wrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

div.product .price__wrapper .price__value {
  display: flex;
  align-items: baseline;
  gap: 5px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 24px;
  line-height: 110%;
  color: var(--bg-alt-second);
}

div.product .price__wrapper .price__value :is(bdi, span) {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 24px;
  line-height: 110%;
  color: var(--bg-alt-second);
}

div.product .price__title {
  color: var(--text-primary-second);
}

div.product .product__right .quantity {
  margin-bottom: 20px;
}

div.product .line-bottom {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--bg-primary-stroke);
}

div.product .product__right .price {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  color: var(--text-primary-head);
  text-decoration: none;
}

div.product .product__right .price * {
  color: var(--text-primary-head);
  text-decoration: none;
}

div.product .product__right .price ins {
  color: var(--text-primary-head);
  text-decoration: none;
}

div.product .product__right .price ins * {
  color: var(--text-primary-head);
  text-decoration: none;
}

div.product .product__right .price del {
  color: var(--text-primary-second);
  text-decoration: line-through;
}

div.product .product__right .price del * {
  color: var(--text-primary-second);
}

div.product .delivery__list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

div.product .delivery__item {
  display: flex;
  gap: 15px;
  align-items: center;
}

div.product .delivery__item-icon {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

div.product .delivery__item-title {
  color: var(--text-primary-head);
}

div.product .delivery__item-descr {
  color: var(--text-primary-second);
}

div.product .product__btn {
  cursor: pointer;
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

div.product .product__characteristics-title {
  margin-bottom: 25px;
}

div.product .product__sku {
  color: var(--headPrimary);
  margin-bottom: 35px;
}

div.product .product__sku span {
  color: var(--mainTextPrimary);
}

div.product .product__characteristics-list {}

div.product .product__characteristics-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

div.product .product__characteristics-item .product__char-line {
  flex-grow: 1;
  align-self: flex-end;
  border-bottom: 1px dashed var(--bg-primary-stroke);
}

div.product .product__characteristics-item .product__char-value {
  color: var(--text-primary-head);
}

div.product .product__characteristics-item span {
  color: var(--text-primary-second);
}

div.product .product__characteristics-item.hidden {
  display: none;
}

div.product .product__descr-title {
  color: var(--mainTextPrimary);
}

div.product .product__block {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

div.product .product__description {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

div.product .product__characteristics {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

div.product .product__characteristics-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: start;
  gap: 20px;
}

div.product .product__characteristics-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}

div.product .product__link {
  list-style: none;
  cursor: pointer;
  transition: var(--transition);
  display: flex;
  gap: 5px;
  align-items: center;
  color: var(--colors-main);
}

div.product .product__link svg path {
  stroke: var(--colors-main);
  transition: var(--transition);
}

div.product .product__link:hover {
  color: var(--hover-main);
}

div.product .product__link:hover svg path {
  stroke: var(--hover-main);
}

div.product .product__descr {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

div.product .product__descr.full {
  display: block;
}

div.product .product__descr-link {}

div.product .product__gallery {
  position: sticky;
  top: 150px;
  display: flex;
  flex-direction: column;
  /* max-height: 482px; */
  max-width: 640px;
  gap: 22px;
}

div.product .product__gallery .swiper {
  min-width: 0;
  margin: 0;
}

div.product .product__gallery .product__swiper-thumb {
  overflow: hidden;
  max-height: 430px;
  min-width: 100px;
}

div.product .product__gallery .product__swiper-thumb .swiper-slide {
  box-sizing: border-box;
  border-radius: 10px;
  min-height: 60px;
  height: auto;
  margin: 0;
}

div.product .product__gallery .product__swiper-thumb .swiper-slide.swiper-slide-active {
  border: 1px solid var(--hover-main);
}

div.product .product__gallery .product__image-thumb,
div.product .product__gallery .product__image-main {
  height: 100%;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}

div.product .product__gallery .product__image-main {
  border-radius: 10px;
  background: var(--bg-primary-second);
}

div.product .product__gallery .product__image-thumb img,
div.product .product__gallery .product__image-main img {
  -o-object-fit: contain;
  object-fit: contain;
}

div.product .product__gallery .product__image-thumb img {
  -o-object-fit: contain;
  object-fit: contain;
}

div.product .product__gallery .product__swiper-main {
  /* max-width: 480px; */
  position: relative;
}

div.product .product__gallery .swiper-thumb-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

div.product .product__gallery .product__swiper-btns {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 10px;
}

div.product .product__gallery .swiper-button-next,
div.product .product__gallery .swiper-button-prev {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  display: flex;
  border-radius: 5px;
  align-items: center;
  justify-self: center;
  border: 1px solid var(--colors-main);
  transition: var(--transition);
  position: relative;
  inset: 0;
  margin: 0;
  padding: 0;
}

div.product .product__gallery .swiper-button-next::after,
div.product .product__gallery .swiper-button-prev::after {
  display: none;
}

div.product .product__gallery .swiper-button-next svg,
div.product .product__gallery .swiper-button-prev svg {
  width: 16px;
  height: 16px;
  transition: var(--transition);
}

div.product .product__gallery .swiper-button-next svg path,
div.product .product__gallery .swiper-button-prev svg path {
  stroke: var(--bg-alt-second);

}

div.product .product__gallery .swiper-button-next:hover,
div.product .product__gallery .swiper-button-prev:hover {
  background: var(--hover-main);
  border-color: var(--hover-main);
}

div.product .product__gallery .swiper-button-next:hover svg path,
div.product .product__gallery .swiper-button-prev:hover svg path {
  stroke: var(--bg-primary-main);
}

div.product .product__gallery .swiper-button-next.swiper-button-disabled,
div.product .product__gallery .swiper-button-prev.swiper-button-disabled {
  background: var(--bg-primary-second);
  border-color: var(--bg-primary-second);
  opacity: 1;
}

div.product .product__gallery .swiper-button-next.swiper-button-disabled svg path,
div.product .product__gallery .swiper-button-prev.swiper-button-disabled svg path {
  stroke: var(--bg-primary-third);
}

div.product .variations-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}

div.product .variations-table th,
div.product .variations-table td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

div.product .variations-table th {
  background-color: #f4f4f4;
}

div.product .variations-table form {
  display: flex;
  align-items: center;
  gap: 5px;
}

div.product .variations-table input[type=number] {
  width: 50px;
}

div.product .product-card {
  display: flex;
}

div.product .product-card .controllers {
  display: flex;
}

div.product .product-info {
  display: flex;
}

div.product .product__btns {
  display: flex;
}

div.product .product__btns .button,
div.product .product__btns .btn {
  flex-basis: 100%;
}

@media screen and (max-width: 1490px) {}

@media screen and (max-width: 1250px) {
  div.product .product__characteristics-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 1150px) {
  div.product .product__content {
    flex-direction: column;
  }

  div.product .product__gallery {
    max-width: unset;
  }
}

@media screen and (max-width: 450px) {
  div.product .price__product {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}

.woocommerce-cart .cart-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

.woocommerce-cart .cart-left-holder {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  max-width: 1140px;
}

.woocommerce-cart .woocommerce-info {
  color: var(--secondary-text);
  margin-bottom: 20px;
}

.woocommerce-cart .return-to-shop {
  margin-bottom: 40px;
}

.woocommerce-cart .cart-descs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 20px 0px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: var(--main-text-primary);
  border-bottom: 1px solid var(bg-primary-stroke);
}

.woocommerce-cart .cart-descs p {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: var(--main-text-primary);
}

.woocommerce-cart .cart-collaterals {
  flex-basis: 100%;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  height: auto;
  background: var(--bg-primary-second);
  padding: 30px;
  border-radius: 15px;
  position: sticky;
  top: 180px;
  border-radius: 5px;
  border: 1px solid var(--bg-primary-stroke);
}

.woocommerce-cart .product-count-total {
  color: var(--secondary-text);
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--bg-primary-stroke);
}

.woocommerce-cart .product-count-total * {
  color: var(--primary);
}

.woocommerce-cart .shop_table {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.woocommerce-cart .product-left {
  display: flex;
  gap: 30px;
  align-items: center;
}

.woocommerce-cart .product-right {
  display: flex;
  gap: 50px;
  align-items: center;
}

.woocommerce-cart .cart-collaterals .cart_totals {
  width: 100%;
}

.woocommerce-cart .cart_item {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 20px;
  background: var(--bg-primary-main);
  border: 1px solid var(--bg-primary-stroke);
}

.woocommerce-cart .product-thumbnail {
  display: flex;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border: 1px solid var(--bg-primary-stroke);
  flex-shrink: 0;
}

.woocommerce-cart .product-thumbnail a {
  width: 100%;
  height: 100%;
}

.woocommerce-cart .product-thumbnail img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

.woocommerce-cart .cart-item-center {
  display: flex;
  flex-direction: column;
  width: auto;
  flex-grow: 1;
  margin-right: 30px;
}

.woocommerce-cart .variation {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 30px;
}

.woocommerce-cart .variation dd {
  margin-right: 10px;
}

.woocommerce-cart .product-name a {
  color: var(--head-primary);
}

.woocommerce-cart .qty-controller {
  position: relative;
  width: 80px;
  height: 50px;
  border: 1px solid var(bg-primary-stroke);
  border-radius: 5px;
  background: var(--background-secondary);
  overflow: hidden;
}

.woocommerce-cart .qty-controller input {
  background: transparent;
  width: 44px;
  border: unset;
  height: 100%;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: var(--head-primary);
  text-align: center;
}

.woocommerce-cart .qty-btn {
  position: absolute;
  height: 25px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: var(bg-primary-stroke);
  transition: 0.5s;
}

.woocommerce-cart .qty-btn:hover {
  background: var(--primary);
}

.woocommerce-cart .qty-btn svg {
  width: 8px;
  height: 8px;
}

.woocommerce-cart .qty-down.qty-btn {
  bottom: 0;
  right: 0;
}

.woocommerce-cart .qty-up.qty-btn {
  top: 0;
  right: 0;
}

.woocommerce-cart .qty-up.qty-btn svg {
  margin-top: 5px;
}

.woocommerce-cart .cart-item-center-bottom {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 30px;
}

.woocommerce-cart .product-price-value {
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.woocommerce-cart ins bdi,
.woocommerce-cart ins bdi span {
  text-decoration: unset;
}

.woocommerce-cart del bdi,
.woocommerce-cart del bdi span,
.woocommerce-cart del * {
  text-decoration: line-through;
  color: var(--main-text-primary);
}

.woocommerce-cart del,
.woocommerce-cart ins {
  text-decoration: unset;
}

.woocommerce-cart .product-remove a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.woocommerce-cart .btn-coupon {
  margin-top: 10px;
  width: 100%;
  margin-bottom: 30px;
}

.woocommerce-cart .favorite-btn {
  display: flex;
  gap: 5px;
  align-items: center;
  background: unset;
  border: unset;
  cursor: pointer;
  transition: 0.5s;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: var(--main-text-primary);
  position: relative;
}

.woocommerce-cart .favorite-btn .favor-icon {
  width: 18px;
  height: 15px;
  display: flex;
  background-image: url(../images/cartFavor.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.5s;
}

.woocommerce-cart .favorite-btn:hover .favor-icon {
  background-image: url(../images/FavorHover.svg);
}

.woocommerce-cart .favorite-btn .favor-added,
.woocommerce-cart .favorite-btn .favor-removed {
  color: var(--main-text-primary);
  width: 180px;
  text-align: left;
  transition: 0.5s;
}

.woocommerce-cart .favorite-btn:hover .favor-added,
.woocommerce-cart .favorite-btn:hover .favor-removed {
  color: var(--primary);
}

.woocommerce-cart .favorite-btn.favorite-add .favor-removed {
  opacity: 0;
  display: none;
}

.woocommerce-cart .favorite-btn.favorite-remove .favor-added {
  opacity: 0;
  display: none;
}

.woocommerce-cart .favorite-btn.favorite-remove .favor-icon {
  background-image: url(../images/favorHover.svg);
}

.woocommerce-cart .actions {
  display: none;
}

.woocommerce-cart .price-wrapper {
  display: flex;
  gap: 5px;
  flex-direction: column;
  align-items: flex-end;
}

.woocommerce-cart .price-wrapper * {
  white-space: nowrap;
  color: var(--head-primary);
}

.woocommerce-cart .original-price {
  color: var(--text-primary-main);
  text-decoration: line-through;
}

.woocommerce-cart .cart-prices {
  display: flex;
  flex-direction: column;
}

.woocommerce-cart .cart-prices-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: var(--main-text-primary);
  padding-bottom: 20px;
  margin-left: auto;
  text-align: right;
}

.woocommerce-cart .last-price bdi,
.woocommerce-cart .last-price bdi span {
  text-align: right;
}

.woocommerce-cart .full-price {
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  text-align: right;
  color: var(--main-text-primary);
}

.woocommerce-cart .count-price-holder {
  padding-top: 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}

.woocommerce-cart .count-price-holder * {
  color: var(--primary);
}

.woocommerce-cart .count-price-title {
  color: var(--secondary-text);
}

.woocommerce-cart .count-price {
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  text-align: right;
}

.woocommerce-cart .wc-proceed-to-checkout {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 15px;
  align-items: center;
}

.woocommerce-cart .wc-proceed-to-checkout .btn {
  width: 100%;
}

.woocommerce-cart .clear-button {
  color: var(--head-primary);
  display: flex;
  align-items: center;
  gap: 5px;
}

.woocommerce-cart .clear-button:hover {
  color: var(--colors-second);
}

.woocommerce-cart .clear-button:hover svg path {
  stroke: var(--colors-second);
}

.woocommerce-cart .clear-button svg {
  margin-top: -2px;
}

.woocommerce-cart .clear-button path {
  transition: 0.3s;
}

@media screen and (max-width: 1440px) {
  .woocommerce-cart .product-right {
    gap: 15px;
  }
}

@media screen and (max-width: 1260px) {
  .woocommerce-cart .cart-collaterals {
    width: 40%;
  }

  .woocommerce-cart .cart-wrapper {
    gap: 20px;
  }
}

@media screen and (max-width: 1050px) {
  .woocommerce-cart .cart-wrapper {
    flex-direction: column-reverse;
  }

  .woocommerce-cart .cart-collaterals {
    width: 100%;
    max-width: 100%;
    position: static;
  }

  .woocommerce-cart .cart-left-holder {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .woocommerce-cart .cart_item {
    position: relative;
    padding-right: 45px;
  }

  .woocommerce-cart .cart_item .product-remove {
    position: absolute;
    top: 10px;
    right: 10px;
  }

  .woocommerce-cart .cart_item .product-remove a {
    width: 24px;
    height: 24px;
  }
}

@media screen and (max-width: 640px) {
  .woocommerce-cart .cart-item-center-bottom {
    margin-top: 20px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .woocommerce-cart .favorite-btn {
    padding: 0;
    min-height: 18px;
    min-width: 18px;
  }

  .woocommerce-cart .variation {
    gap: 0;
  }

  .woocommerce-cart .cart-item-center,
  .woocommerce-cart .product-thumbnail {
    margin-right: 0;
  }

  .woocommerce-cart .cart_item {
    gap: 10px;
  }

  .woocommerce-cart .product-thumbnail {
    width: 50px;
    height: 50px;
  }
}

@media screen and (max-width: 600px) {
  .woocommerce-cart .cart_item {
    flex-direction: column;
  }

  .woocommerce-cart .product-right {
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .woocommerce-cart .cart-collaterals {
    padding: 15px;
  }
}

@media screen and (max-width: 410px) {
  .woocommerce-cart .product-name a {
    margin-bottom: 10px;
  }

  .woocommerce-cart .variation {
    margin-bottom: 10px;
  }

  .woocommerce-cart .variation * {
    font-size: 16px;
    line-height: 110%;
  }

  .woocommerce-cart bdi,
  .woocommerce-cart bdi span {
    font-size: 16px;
    line-height: 110%;
  }

  .woocommerce-cart .favorite-btn .favor-added,
  .woocommerce-cart .favorite-btn .favor-removed {
    width: unset;
    white-space: nowrap;
  }

  .woocommerce-cart .product-price-value {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
}

/*============ THANK YOU PAGE ============*/
.woocommerce-order-details .woocommerce-table--order-details {
  border-collapse: collapse;
  border: 1px solid var(--colors-main);
  margin-bottom: 30px;
}

.woocommerce-order-details .woocommerce-table--order-details th {
  text-align: left;
}

.woocommerce-order-details .woocommerce-table--order-details td,
.woocommerce-order-details .woocommerce-table--order-details th {
  border: 1px solid var(--colors-main);
  padding: 5px;
}

.woocommerce-order-details__title,
.woocommerce-column__title {
  margin-top: 30px;
  margin-bottom: 20px;
}

.woocommerce-thankyou-order-received {
  margin-bottom: 20px;
}

.page-favorites .info-holder {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}

.page-favorites .order-count {
  display: flex;
  gap: 5px;
  align-items: center;
}

.page-favorites .info-holder-right {
  display: flex;
  gap: 20px;
  align-items: center;
}

.page-favorites .name {
  color: var(--text-primary-main);
}

.page-favorites .value {
  color: var(--text-primary-head);
}

.page-favorites .clear-favorites {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--text-primary-head);
  transition: var(--transition);
}

.page-favorites .clear-favorites svg {
  transition: var(--transition);
}

.page-favorites .clear-favorites svg path {
  transition: var(--transition);
}

.page-favorites .clear-favorites:hover {
  color: var(--hover-main);
}

.page-favorites .clear-favorites:hover svg path {
  stroke: var(--hover-main);
}

@media screen and (max-width: 980px) {
  .page-favorites .name {
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}

@media screen and (max-width: 600px) {
  .page-favorites .info-holder-right {
    flex-wrap: wrap;
  }
}

.grampus-cookie-notice {
  display: none;
  position: sticky;
  bottom: 0;
  margin: 0 auto;
  width: 80%;
  height: fit-content;
  padding: 10px 0;
  z-index: 2000;
  background-color: var(--cookie-bg, #fff);
  padding: 30px;
  border-radius: 20px;
}

.cookie-notice-container {
  flex-direction: row;
}

.grampus-cookie-notice p {
  text-align: center;
}

.grampus-cookie-accept-button {
  background-color: var(--colors-main);
  border: 1px solid var(--colors-main);
  border-radius: 10px;
}

@media (max-width: 600px) {
  .grampus-cookie-accept-button {
    width: 100%;
  }

  .cookie-notice-container {
    flex-direction: column;
  }
}

.policy-checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  border: 1px solid #000000;
  padding: 0;
}

/* Стиль для отмеченного чекбокса */
.policy-checkbox input[type="checkbox"]:checked {
  background: var(--colors-main) !important;
  border-color: var(--colors-main) !important;
}

/* Галочка внутри чекбокса */
.policy-checkbox input[type="checkbox"]:checked::after {
  content: "✓";
  position: absolute;
  color: white;
  font-size: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Стиль для ошибки (только чекбокс) */
.policy-checkbox input[type="checkbox"].error {
  border-color: red;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.2);
}

.policy-checkbox {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
}

#consent-checkbox {
  background: transparent;
  border: 1px solid var(--bg-primary-main);
  border-radius: 3px;
  flex-shrink: 0;
  padding: 4px;
  height: 24px;
  width: 24px;
}

#consent-checkbox:hover {
  border: 1px solid var(--colors-main);
}

.policy-checkbox label {
  color: var(--text-alt-main);
}

.policy-checkbox label a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--bg-primary-main);
}

.policy-checkbox label a:hover {
  color: var(--hover-main);
}

/*# sourceMappingURL=main.css.map */