:root {
  --font-family: "Helvetica Neue", sans-serif;
  --second-family: "Dilemma", sans-serif;
  --third-family: "Mighty Brush", sans-serif;

  --milky: #fcfbe9;
  --milky-500: rgba(252, 251, 233, 0.5);
  --milky-100: rgba(252, 251, 233, 0.1);
  --dark-green: #3b5829;
  --dark-green-700: rgba(59, 88, 41, 0.7);
  --dark-green-500: rgba(59, 88, 41, 0.5);
  --light-green: #cdd895;
  --light-green-600: rgba(205, 216, 149, 0.6);
  --light-green-300: rgba(205, 216, 149, 0.3);
  --pink: #eeb2bb;
  --pink-300: rgba(238, 178, 187, 0.3);
  --orange: #d0810c;
  --orange-150: rgba(208, 129, 12, 0.15);
  --beige: #e9e2cf;
  --beige-500: rgba(233, 226, 207, 0.5);
  --beige-300: rgba(233, 226, 207, 0.3);
  --brown: #653c05;
  --brown-200: rgba(101, 60, 5, 0.2);
  --grey: #7b7461;
  --grey-2: #bfbfbf;
  --red: #ad1515;
  --0: rgba(59, 88, 41, 0);
  --brown-600: rgba(101, 60, 5, 0.6);
  --white-milky: #fffff0;

  --curent-size: 1920;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
}

ul,
ol {
  list-style: none;
}

body {
  background: var(--milky);
}

header {
  position: fixed;
  top: calc((24 / var(--curent-size)) * 100vw);
  left: 0;
  width: 100%;
  z-index: 99;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000061;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999999;
  opacity: 0;
  visibility: hidden;
}

.preloader.opens {
  opacity: 1;
  visibility: visible;
}

.preloader img {
  width: calc((60 / var(--curent-size)) * 100vw);
  animation: rotate 2s linear infinite;
  transform-origin: center;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.header-nav-links {
  display: flex;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.header-nav-links a {
  padding: calc((12 / var(--curent-size)) * 100vw);
}

.header-nav-links a:last-child {
  background: var(--light-green);
  border-radius: 100px;

  padding: calc((15 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
}

.header-nav-links a:last-child p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
}
.header-nav-links a svg {
  width: calc((24 / var(--curent-size)) * 100vw);
  height: calc((24 / var(--curent-size)) * 100vw);
}

.send-message {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000061;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999999;
  opacity: 0;
  visibility: hidden;
}

.send-message.opens {
  opacity: 1;
  visibility: visible;
}

.send-message div {
  background: var(--light-green);

  padding: calc((20 / var(--curent-size)) * 100vw)
    calc((60 / var(--curent-size)) * 100vw);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  margin: 0 auto;
}

.send-message div p {
  font-family: var(--font-family);
  font-weight: 900;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

#hero {
  position: relative;
  height: calc((930 / var(--curent-size)) * 100vw);
}

.main-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}

.container {
  width: calc((1180 / var(--curent-size)) * 100vw);
  margin: 0 auto;
}

.h100 {
  height: 100%;
}

.header-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  box-shadow: 0 0 110px 0 rgba(76, 72, 0, 0.07);
  background: var(--milky);
  border-radius: 110px;
  padding: calc((12 / var(--curent-size)) * 100vw)
    calc((12 / var(--curent-size)) * 100vw)
    calc((12 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
}

.header-menu-wrapper {
  display: flex;
  align-items: center;
  gap: calc((48 / var(--curent-size)) * 100vw);
}

.header-menu {
  display: flex;
  align-items: center;
  list-style: none;
  gap: calc((48 / var(--curent-size)) * 100vw);
}

.header-menu li a {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;

  color: var(--dark-green);
}
.show .header-menu li a {
  color: var(--milky);
}

#colored .header-menu li a {
  color: var(--dark-green) !important;
}

.header-menu-wrapper > a {
  padding: calc((12 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  background: var(--light-green);
  transition: 0.3s ease;
  position: relative;
  overflow: hidden;
}

.header-menu-wrapper > a p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
  position: relative;
  z-index: 2;
  transition: 0.3s ease;
}

.header-menu-wrapper > a:after {
  content: "";
  position: absolute;
  bottom: calc((-65 / var(--curent-size)) * 100vw);
  left: 50%;
  transform: translate(-50%, 0);
  width: 50%;
  height: 150%;
  background: var(--pink);
  border-radius: 50%;
  transition: 0.3s ease;
}

.header-menu-wrapper > a:hover p {
  color: #fff;
  transition: 0.3s ease;
}

.header-menu-wrapper > a:hover:after {
  content: "";
  position: absolute;
  bottom: calc((-65 / var(--curent-size)) * 100vw);
  left: 50%;
  transform: translate(-50%, 0);
  width: 250%;
  height: 350%;
  background: var(--pink);
  border-radius: 50%;
  transition: 0.3s ease;
  z-index: 0;
}

.header-logo svg {
  width: calc((180 / var(--curent-size)) * 100vw);
}

.header-logo svg path {
  fill: #3b5829;
}

#colored .header-logo svg path {
  fill: #3b5829;
}
.show .header-logo svg path {
  fill: #fcfbe9;
}

.hero-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc((32 / var(--curent-size)) * 100vw);
  position: relative;
}

.main-text {
  width: calc((420 / var(--curent-size)) * 100vw);
}

.main-text-wrapper h2 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--milky);
}

.main-links-wrapper {
  display: flex;
  align-items: center;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.cont-btn {
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((36 / var(--curent-size)) * 100vw);
  background: var(--pink);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.cont-btn p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  position: relative;
  z-index: 2;
  transition: 0.3s ease;
}

.cont-btn:after {
  content: "";
  position: absolute;
  bottom: calc((-100 / var(--curent-size)) * 100vw);
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((90 / var(--curent-size)) * 100vw);
  height: calc((90 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--light-green);
  z-index: 1;
  transition: 0.3s ease;
}

.cont-btn:hover:after {
  content: "";
  position: absolute;
  bottom: calc((-75 / var(--curent-size)) * 100vw);
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((250 / var(--curent-size)) * 100vw);
  height: calc((250 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--light-green);
  z-index: 1;
  transition: 0.3s ease;
}

.cont-btn:hover p {
  color: var(--dark-green);
  transition: 0.3s ease;
}

.partners-btn {
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((36 / var(--curent-size)) * 100vw);
  background: var(--milky);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.partners-btn p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--pink);
  position: relative;
  z-index: 2;
  transition: 0.3s ease;
}

.partners-btn:after {
  content: "";
  position: absolute;
  bottom: calc((-100 / var(--curent-size)) * 100vw);
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((90 / var(--curent-size)) * 100vw);
  height: calc((90 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--pink);
  z-index: 1;
  transition: 0.3s ease;
}

.partners-btn:hover:after {
  content: "";
  position: absolute;
  bottom: calc((-75 / var(--curent-size)) * 100vw);
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((250 / var(--curent-size)) * 100vw);
  height: calc((250 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--pink);
  z-index: 1;
  transition: 0.3s ease;
}

.partners-btn:hover p {
  color: var(--milky);
  transition: 0.3s ease;
}

.catalog-btn {
  display: flex;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.catalog-btn p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  transition: 0.3s ease;
}

.catalog-btn div {
  position: relative;
  display: flex;
}

.arr {
  position: relative;
  z-index: 1;
  width: calc((63 / var(--curent-size)) * 100vw);
}

.circle {
  position: absolute;
  top: 50%;
  right: calc((-10 / var(--curent-size)) * 100vw);
  transform: translate(0, -50%);
  width: calc((41 / var(--curent-size)) * 100vw);
  height: calc((41 / var(--curent-size)) * 100vw);
  transition: 0.3s ease;
}

.main-shadow {
  position: absolute;
  top: 59%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc((623 / var(--curent-size)) * 100vw);
  z-index: -1;
}

.catalog-btn:hover p {
  opacity: 0.7;
  transition: 0.3s ease;
}

.log-btn {
  cursor: pointer;
}

.catalog-btn:hover div .circle {
  width: calc((55 / var(--curent-size)) * 100vw);
  height: calc((55 / var(--curent-size)) * 100vw);
  transition: 0.3s ease;
}

.catalog-btn:hover div .circle circle {
  transition: 0.3s ease;
  fill: var(--light-green);
}

.about-title-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.about-title-block p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((160 / var(--curent-size)) * 100vw);
  line-height: 110%;
  text-transform: uppercase;
  text-align: center;
}

.about-title-block img {
  margin-top: calc((-60 / var(--curent-size)) * 100vw);
  width: calc((380 / var(--curent-size)) * 100vw);
  position: relative;
  z-index: 1;
}

.green {
  color: var(--light-green);
}

.white {
  color: var(--milky);
  position: relative;
  z-index: 2;
  margin-top: calc((-170 / var(--curent-size)) * 100vw);
}

#about {
  padding: calc((0 / var(--curent-size)) * 100vw) 0
    calc((316 / var(--curent-size)) * 100vw) 0;
  position: relative;
}

.bg-green {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  object-fit: contain;
  z-index: -1;
}

.about-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((844 / var(--curent-size)) * 100vw);
  margin: calc((48 / var(--curent-size)) * 100vw) auto 0 auto;
  padding: calc((32 / var(--curent-size)) * 100vw);
  position: relative;
}

.about-text:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 102%;
  background-image: url(../img/border.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.about-text span {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
  margin-bottom: calc((24 / var(--curent-size)) * 100vw);
}

.about-text p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
}

.about-text p span {
  font-weight: 700;
}

.cake {
  width: calc((160 / var(--curent-size)) * 100vw);
  position: absolute;
  top: calc((-70 / var(--curent-size)) * 100vw);
  left: calc((-205 / var(--curent-size)) * 100vw);
}

.veg {
  width: calc((117 / var(--curent-size)) * 100vw);
  position: absolute;
  bottom: calc((-30 / var(--curent-size)) * 100vw);
  right: calc((-200 / var(--curent-size)) * 100vw);
}

#images {
  overflow: hidden;
  padding-bottom: calc((105 / var(--curent-size)) * 100vw);
}

.images-slider {
  width: calc((1180 / var(--curent-size)) * 100vw);
  overflow: visible !important;
  height: calc((440 / var(--curent-size)) * 100vw);
}

.img-slide {
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  overflow: hidden;
}

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

.swiper-scrollbar {
  background: #cdd895 !important;
  height: calc((2 / var(--curent-size)) * 100vw) !important;
  bottom: calc((-104 / var(--curent-size)) * 100vw) !important;
}

.swiper-scrollbar-drag {
  background-color: #3b5829 !important;
  height: calc((2 / var(--curent-size)) * 100vw) !important;
}

#advantages {
  padding: calc((200 / var(--curent-size)) * 100vw) 0;
}

.advantages-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.advantages-wrapper > p {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--dark-green);
}

.advantages-wrapper > span {
  font-family: var(--third-family);
  font-weight: 400;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  text-transform: uppercase;
  color: var(--light-green);
  transform: rotate(-2deg);
  margin-top: calc((-25 / var(--curent-size)) * 100vw);
}

.advantages-items {
  display: flex;
  justify-content: center;
  margin-top: calc((48 / var(--curent-size)) * 100vw);
  gap: calc((20 / var(--curent-size)) * 100vw);
  position: relative;
  width: 100%;
}

.advantages-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  padding: calc((32 / var(--curent-size)) * 100vw)
    calc((76 / var(--curent-size)) * 100vw)
    calc((47 / var(--curent-size)) * 100vw)
    calc((76 / var(--curent-size)) * 100vw);
  gap: calc((39 / var(--curent-size)) * 100vw);
  border-radius: calc((32 / var(--curent-size)) * 100vw);
  z-index: 1;
  max-width: calc((580 / var(--curent-size)) * 100vw);
  width: 100%;
}

.advantages-item > p {
  font-family: var(--font-family);
  font-weight: 900;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  padding: calc((20 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  margin: 0 auto;
}

.plus {
  box-shadow: 0 0 calc((110 / var(--curent-size)) * 100vw) 0
    rgba(76, 72, 0, 0.07);
  background: var(--milky);
}

.minus {
  background: var(--beige-300);
}

.plus > p {
  color: var(--dark-green);
  background: var(--light-green);
}

.minus > p {
  color: var(--grey);
  background: var(--beige);
}

.advantages-item ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((50 / var(--curent-size)) * 100vw);
}

.advantages-item ul li {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--grey);
  position: relative;
  padding-left: calc((56 / var(--curent-size)) * 100vw);
}

.advantages-item ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: calc((40 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  background-repeat: no-repeat;
  background-size: contain;
}

.plus ul li:before {
  background-image: url(../img/plus.svg);
}

.minus ul li:before {
  background-image: url(../img/min.svg);
}

.plus ul li {
  color: var(--dark-green);
  font-weight: 700;
}

.minus ul li {
  color: var(--dark-green);
}

.advantages-wrapper > a {
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  background: var(--dark-green);
  margin-top: calc((32 / var(--curent-size)) * 100vw);
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((90 / var(--curent-size)) * 100vw);
  transition: 0.3s ease;
  overflow: hidden;
  position: relative;
}

.advantages-wrapper > a:after {
  content: "";
  transition: 0.3s ease;
  position: absolute;
  bottom: -150%;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((100 / var(--curent-size)) * 100vw);
  height: calc((100 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--pink);
}

.advantages-wrapper > a:hover:after {
  content: "";
  transition: 0.3s ease;
  position: absolute;
  bottom: -100%;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((400 / var(--curent-size)) * 100vw);
  height: calc((400 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--pink);
}

.advantages-wrapper > a p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  position: relative;
  z-index: 1;
}

.straw {
  position: absolute;
  top: calc((-104 / var(--curent-size)) * 100vw);
  left: calc((-30 / var(--curent-size)) * 100vw);
  width: calc((138 / var(--curent-size)) * 100vw);
  z-index: 0;
}

.cake-svg {
  position: absolute;
  bottom: calc((-65 / var(--curent-size)) * 100vw);
  right: calc((-10 / var(--curent-size)) * 100vw);
  width: calc((124 / var(--curent-size)) * 100vw);
  z-index: 2;
}

#mission {
  padding-bottom: calc((100 / var(--curent-size)) * 100vw);
  position: relative;
}

#mission:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc((560 / var(--curent-size)) * 100vw);
  background: var(--light-green);
  z-index: -1;
}

#mission:before {
  content: "";
  position: absolute;
  top: calc((90 / var(--curent-size)) * 100vw);
  left: 0;
  width: 100%;
  height: calc((234 / var(--curent-size)) * 100vw);
  background-image: url(../img/miss-bg.svg);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
}

.mission-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mission-img-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.mission-img-text p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((160 / var(--curent-size)) * 100vw);
  line-height: 110%;
  text-transform: uppercase;
}

.mission-img-text p:first-child {
  margin-right: auto;
  position: relative;
}

.mission-img-text p:last-child {
  margin-left: auto;
  position: relative;
  z-index: 1;
  margin-top: calc((-170 / var(--curent-size)) * 100vw);
}

.mission-img-text img {
  width: calc((580 / var(--curent-size)) * 100vw);
  margin-top: calc((-75 / var(--curent-size)) * 100vw);
  position: relative;
}

.mission-text {
  margin-top: calc((48 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: calc((780 / var(--curent-size)) * 100vw);
}

.mission-text p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
}

.mission-text p span {
  font-weight: 700;
}

.mission-text ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: disc;
}

.mission-text ul li {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
}

.avocado {
  position: absolute;
  bottom: calc((-65 / var(--curent-size)) * 100vw);
  right: calc((-190 / var(--curent-size)) * 100vw);
  width: calc((94 / var(--curent-size)) * 100vw);
}

.pancake {
  position: absolute;
  top: calc((-130 / var(--curent-size)) * 100vw);
  left: calc((-190 / var(--curent-size)) * 100vw);
  width: calc((157 / var(--curent-size)) * 100vw);
}

#form-section {
  padding: calc((200 / var(--curent-size)) * 100vw) 0;
}

.form-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((48 / var(--curent-size)) * 100vw);
  box-shadow: 0 0 calc((110 / var(--curent-size)) * 100vw) 0
    rgba(76, 72, 0, 0.07);
  background: var(--milky);
  border-radius: calc((48 / var(--curent-size)) * 100vw);
  overflow: hidden;
  padding-bottom: calc((48 / var(--curent-size)) * 100vw);
}

.form-wrapper > img {
  width: 100%;
  height: calc((450 / var(--curent-size)) * 100vw);
  object-fit: cover;
}

.form-content {
  width: 100%;
  padding: 0 calc((48 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: stretch;
  gap: calc((77 / var(--curent-size)) * 100vw);
}

.form-content-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.form-content-text > p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--dark-green);
}

.form-content-text > span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
  margin-top: calc((24 / var(--curent-size)) * 100vw);
}

.contacts-items {
  margin-top: auto;
  display: flex;
  gap: calc((48 / var(--curent-size)) * 100vw);
}

.contacts-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((12 / var(--curent-size)) * 100vw);
}

.contacts-item div {
  display: flex;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
}

.contacts-item div p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.contacts-item div svg {
  width: calc((24 / var(--curent-size)) * 100vw);
}

.contacts-item a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((18 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

#main-form {
  width: calc((580 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: calc((24 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw);
  flex-shrink: 0;
  margin-top: calc((42 / var(--curent-size)) * 100vw);
}

.input-item {
  width: calc((280 / var(--curent-size)) * 100vw);
  height: calc((52 / var(--curent-size)) * 100vw);
  position: relative;
}

.phone-input-item {
  width: calc((184 / var(--curent-size)) * 100vw);
  height: calc((52 / var(--curent-size)) * 100vw);
  position: relative;
  flex-shrink: 0;
}

.text-input-item {
  width: 100%;
}

.input-item p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
  position: absolute;
  top: calc((16 / var(--curent-size)) * 100vw);
  left: calc((24 / var(--curent-size)) * 100vw);
  transition: 0.3s ease;
  pointer-events: none;
}

.input-item p.hidden {
  display: none;
}

.input-item input {
  width: 100%;
  height: 100%;
  padding: 0 calc((56 / var(--curent-size)) * 100vw) 0
    calc((24 / var(--curent-size)) * 100vw);
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
  background: initial;
  border: none;
  outline: none;
  border-bottom: calc((1 / var(--curent-size)) * 100vw) solid var(--dark-green);
}

.input-item:hover p {
  transition: 0.3s ease;
  opacity: 0.7;
}

.input-item-wrapper {
  display: flex;
  align-items: flex-end;
  gap: calc((8 / var(--curent-size)) * 100vw);
  width: calc((280 / var(--curent-size)) * 100vw);
}

.input-item-number {
  border: none;
  outline: none;
  border-bottom: calc((1 / var(--curent-size)) * 100vw) solid var(--dark-green);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
  height: calc((52 / var(--curent-size)) * 100vw);
  cursor: pointer;
  position: relative;
}

.input-item-number span {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: var(--milky);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--dark-green);
  overflow-y: scroll;
  padding: calc((16 / var(--curent-size)) * 100vw) 0;
  z-index: 2;
  height: calc((180 / var(--curent-size)) * 100vw);
  opacity: 0;
  visibility: hidden;
}

.dropdown.show {
  opacity: 1;
  visibility: visible;
}

.dropdown::-webkit-scrollbar {
  width: calc((4 / var(--curent-size)) * 100vw);
  background-color: #cdd895;
}

.dropdown::-webkit-scrollbar-thumb {
  background-color: #3b5829;
  border-radius: 9em;
}

.dropdown ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: calc((12 / var(--curent-size)) * 100vw);
}

.dropdown ul li {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
  transition: 0.3s ease;
}

.dropdown ul li:hover {
  opacity: 0.7;
  transition: 0.3s ease;
}

.input-item {
  position: relative;
}

.remove-btn {
  content: "";
  position: absolute;
  top: calc((16 / var(--curent-size)) * 100vw);
  right: calc((24 / var(--curent-size)) * 100vw);
  width: calc((16 / var(--curent-size)) * 100vw);
  height: calc((16 / var(--curent-size)) * 100vw);
  background-image: url(../img/kr.svg);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 222;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.remove-btn.open-kr {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.sumbit-wrapper {
  width: 100%;
  margin-top: calc((8 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
}

.sumbit-wrapper > p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((12 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green-700);
}

.sumbit-wrapper button {
  width: 100%;
  padding: calc((24 / var(--curent-size)) * 100vw) 0;
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  background: var(--dark-green);
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.sumbit-wrapper button:after {
  content: "";
  position: absolute;
  bottom: -90%;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((60 / var(--curent-size)) * 100vw);
  height: calc((60 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--pink);
  transition: 0.3s ease;
}

.sumbit-wrapper button:hover:after {
  width: calc((730 / var(--curent-size)) * 100vw);
  height: calc((730 / var(--curent-size)) * 100vw);
  transition: 0.3s ease;
  bottom: -220%;
}

.sumbit-wrapper button p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  position: relative;
  z-index: 1;
}

#line {
  background: var(--light-green);
  position: relative;
  width: 100%;
  height: calc((405 / var(--curent-size)) * 100vw);
}

.up {
  position: absolute;
  top: calc((-83 / var(--curent-size)) * 100vw);
  left: calc((400 / var(--curent-size)) * 100vw);
  z-index: 2;
  animation: move 4s linear infinite;
}

@keyframes move {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(10deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes moveinvert {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(-10deg);
  }

  100% {
    transform: rotate(0);
  }
}

.up img {
  width: calc((390 / var(--curent-size)) * 100vw);
  pointer-events: none;
}

.right img {
  width: calc((400 / var(--curent-size)) * 100vw);
  pointer-events: none;
}
.right {
  position: absolute;
  bottom: calc((-125 / var(--curent-size)) * 100vw);
  right: calc((230 / var(--curent-size)) * 100vw);
  z-index: 2;
  animation: moveinvert 4s linear infinite;
}

.lines-wrapper {
  width: calc((1322 / var(--curent-size)) * 100vw);
  overflow: hidden;
  display: flex;
  align-items: center;
  position: absolute;
  top: calc((148 / var(--curent-size)) * 100vw);
  right: 0;
}

.lines-wrapper-second {
  top: unset;
  right: unset;
  left: 0;
  bottom: calc((63 / var(--curent-size)) * 100vw);
}

.lines-wrapper div {
  display: flex;
  align-items: center;
  transform: translateX(100px);
  animation: line 120s linear infinite;
}

.lines-wrapper div img {
  flex-shrink: 0;
  width: calc((1433 / var(--curent-size)) * 100vw);
}

@keyframes line {
  0% {
    transform: translateX(0%);
  }

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

#reviews {
  background: var(--pink);
  padding: calc((220 / var(--curent-size)) * 100vw) 0
    calc((64 / var(--curent-size)) * 100vw) 0;
  width: 100%;
  position: relative;
}

#reviews:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc((208 / var(--curent-size)) * 100vw);
  background-image: url(../img/up-wave.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.reviews-nav-wrapper {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  overflow: hidden;
  border-bottom: calc((1 / var(--curent-size)) * 100vw) solid var(--milky);
  height: calc((118 / var(--curent-size)) * 100vw);
}

.reviews-btns {
  display: flex;
  align-items: center;
  gap: calc((25 / var(--curent-size)) * 100vw);
  margin-top: calc((65 / var(--curent-size)) * 100vw);
  margin-right: calc((10 / var(--curent-size)) * 100vw);
}

.arrow-rew {
  background: initial;
  border: none;
  position: relative;
  cursor: pointer;
  height: calc((20 / var(--curent-size)) * 100vw);
  transition: 0.3s ease;
}

.arrow-rew:hover:after {
  width: calc((50 / var(--curent-size)) * 100vw);
  height: calc((50 / var(--curent-size)) * 100vw);
  opacity: 0;
  transition: 0.3s ease;
}

.arrow-rew span {
  width: calc((60 / var(--curent-size)) * 100vw);
  height: calc((2 / var(--curent-size)) * 100vw);
  display: block;
  background: var(--milky);
  position: relative;
  transition: 0.3s ease;
}

.prev-btn-r span:after {
  content: "";
  position: absolute;
  left: calc((-1 / var(--curent-size)) * 100vw);
  top: calc((5 / var(--curent-size)) * 100vw);
  width: calc((18 / var(--curent-size)) * 100vw);
  height: calc((2 / var(--curent-size)) * 100vw);
  background: var(--milky);
  transform: rotate(40deg);
}

.prev-btn-r span:before {
  content: "";
  position: absolute;
  left: calc((-1 / var(--curent-size)) * 100vw);
  top: calc((-6 / var(--curent-size)) * 100vw);
  width: calc((18 / var(--curent-size)) * 100vw);
  height: calc((2 / var(--curent-size)) * 100vw);
  background: var(--milky);
  transform: rotate(-40deg);
}

.next-btn-r span:after {
  content: "";
  position: absolute;
  right: calc((-1 / var(--curent-size)) * 100vw);
  top: calc((5 / var(--curent-size)) * 100vw);
  width: calc((18 / var(--curent-size)) * 100vw);
  height: calc((2 / var(--curent-size)) * 100vw);
  background: var(--milky);
  transform: rotate(-40deg);
}

.next-btn-r span:before {
  content: "";
  position: absolute;
  right: calc((-1 / var(--curent-size)) * 100vw);
  top: calc((-6 / var(--curent-size)) * 100vw);
  width: calc((18 / var(--curent-size)) * 100vw);
  height: calc((2 / var(--curent-size)) * 100vw);
  background: var(--milky);
  transform: rotate(40deg);
}

.active span {
  width: calc((60 / var(--curent-size)) * 100vw);
}

.next-btn-r:after {
  z-index: 0;
  position: absolute;
  content: "";
  top: 50%;
  transform: translate(0, -50%);
  right: calc((-10 / var(--curent-size)) * 100vw);
  width: calc((40 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--milky-500);
}

.arrow-rew:after {
  transition: 0.3s ease;
}

.prev-btn-r:after {
  z-index: 0;
  position: absolute;
  content: "";
  top: 50%;
  transform: translate(0, -50%);
  left: calc((-10 / var(--curent-size)) * 100vw);
  width: calc((40 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--milky-500);
}

.arrow-rew.actived:after {
  content: unset;
}

.arrow-rew.actived span {
  width: calc((43 / var(--curent-size)) * 100vw);
  transition: 0.3s ease;
}

.reviews-nav-wrapper p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((160 / var(--curent-size)) * 100vw);
  line-height: 110%;
  text-transform: uppercase;
  color: var(--milky);
  position: relative;
  top: calc((0 / var(--curent-size)) * 100vw);
}

.review-wrapper-slider {
  width: 100%;
  overflow: hidden;
  margin-top: calc((48 / var(--curent-size)) * 100vw);
}

.review-slider {
  width: calc((1180 / var(--curent-size)) * 100vw);
  height: calc((524 / var(--curent-size)) * 100vw);
  margin: 0 auto;
  overflow: visible !important;
}

.review-slide {
  background: var(--milky);
  height: 100%;
  border-radius: calc((32 / var(--curent-size)) * 100vw);
  padding: calc((32 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.rev-badge {
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  padding: calc((18 / var(--curent-size)) * 100vw)
    calc((28 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--beige);
  display: flex;
  align-items: center;
}

.rew-pog {
  display: none;
}

.rev-badge img {
  width: calc((70 / var(--curent-size)) * 100vw);
}

.review-slide > svg {
  margin: calc((48 / var(--curent-size)) * 100vw) 0
    calc((32 / var(--curent-size)) * 100vw) 0;
  width: calc((24 / var(--curent-size)) * 100vw);
}

.rev-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.rev-text p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.rev-author {
  margin-top: auto;
  padding-left: calc((16 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((4 / var(--curent-size)) * 100vw);
  border-left: calc((1 / var(--curent-size)) * 100vw) solid
    var(--dark-green-500);
}

.rev-author p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.rev-author span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
  opacity: 0.5;
}

#questions {
  padding: calc((200 / var(--curent-size)) * 100vw) 0;
}

.questions-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.questions-form {
  padding: calc((48 / var(--curent-size)) * 100vw)
    calc((100 / var(--curent-size)) * 100vw);
  box-shadow: 0 0 calc((110 / var(--curent-size)) * 100vw) 0
    rgba(76, 72, 0, 0.07);
  background: var(--milky);
  border-radius: calc((48 / var(--curent-size)) * 100vw);
  width: fit-content;
}

.questions-form-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((24 / var(--curent-size)) * 100vw);
  margin-bottom: calc((32 / var(--curent-size)) * 100vw);
}

.questions-form-text p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--dark-green);
  width: calc((380 / var(--curent-size)) * 100vw);
}

.questions-form-text span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
  text-align: center;
}

.form-question {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((24 / var(--curent-size)) * 100vw);
  width: calc((380 / var(--curent-size)) * 100vw);
}

.form-question .input-item {
  width: 100%;
}

.form-question span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((12 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green-700);
}

.form-question button {
  margin-top: calc((-16 / var(--curent-size)) * 100vw);
  padding: calc((24 / var(--curent-size)) * 100vw) 0;
  width: 100%;
  background: var(--dark-green);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  border: none;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.form-question button p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  position: relative;
  z-index: 1;
}

.form-question button:after {
  content: "";
  position: absolute;
  bottom: -90%;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((60 / var(--curent-size)) * 100vw);
  height: calc((60 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--pink);
  transition: 0.3s ease;
}

.form-question button:hover:after {
  width: calc((560 / var(--curent-size)) * 100vw);
  height: calc((560 / var(--curent-size)) * 100vw);
}

.footer-wrapper {
  display: flex;
  align-items: stretch;
  width: 100%;
  justify-content: space-between;
}

.footer-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc((225 / var(--curent-size)) * 100vw);
}

.footer-item > p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
  margin-bottom: calc((24 / var(--curent-size)) * 100vw);
}

.footer-item ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
}

.footer-item ul li a {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((18 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.footer-item > a {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((18 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.footer-links {
  margin-top: calc((52 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.footer-links a {
  width: calc((48 / var(--curent-size)) * 100vw);
  height: calc((48 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--light-green);
}

.footer-links a svg {
  width: calc((24 / var(--curent-size)) * 100vw);
}

footer {
  position: relative;
  display: flex;
  flex-direction: column;
}

.footer-text {
  width: 100%;
  margin-top: calc((80 / var(--curent-size)) * 100vw);
}

.images-scrollbar {
  top: unset !important;
  left: unset !important;
  width: 100% !important;
}

.social-links-wrapper {
  position: fixed;
  bottom: calc((48 / var(--curent-size)) * 100vw);
  left: 0;
  width: 100%;
  z-index: 10;
  pointer-events: none;
}

.social-links {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc((12 / var(--curent-size)) * 100vw);
}

.social-links a {
  width: calc((64 / var(--curent-size)) * 100vw);
  height: calc((64 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--dark-green);
  box-shadow: 0 0 27px 0 rgba(66, 66, 66, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: visiblePainted;
}

.social-links a svg {
  width: calc((32 / var(--curent-size)) * 100vw);
}

.social-links a svg path {
  fill: var(--milky);
}

.imgase-btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc((25 / var(--curent-size)) * 100vw);
  margin-top: calc((44 / var(--curent-size)) * 100vw);
  margin-right: calc((10 / var(--curent-size)) * 100vw);
}

.imgase-btns button {
  background: initial;
  border: none;
  position: relative;
  cursor: pointer;
  height: calc((20 / var(--curent-size)) * 100vw);
}

.btn-arrow span {
  width: calc((59 / var(--curent-size)) * 100vw);
  height: calc((2 / var(--curent-size)) * 100vw);
  background-color: var(--dark-green);
  display: block;
  border-radius: calc((20 / var(--curent-size)) * 100vw);
  position: relative;
  transform-origin: right center;
  transition: 0.3s ease;
}

.next-btn-arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: calc((-10 / var(--curent-size)) * 100vw);
  width: calc((40 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--light-green);
  z-index: -1;
  transform-origin: center center;
  transition: 0.3s ease;
}

.btn-arrow.active:after {
  opacity: 0 !important;
}

.prev-btn-arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: calc((-10 / var(--curent-size)) * 100vw);
  width: calc((40 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--light-green);
  z-index: -1;
  transform-origin: center center;
  transition: 0.3s ease;
}

.next-btn-arrow:hover:after {
  width: calc((52 / var(--curent-size)) * 100vw);
  height: calc((52 / var(--curent-size)) * 100vw);
  background: var(--pink);
}

.prev-btn-arrow:hover:after {
  width: calc((52 / var(--curent-size)) * 100vw);
  height: calc((52 / var(--curent-size)) * 100vw);
}

.next-btn-arrow span:after {
  content: "";
  position: absolute;
  top: calc((-5 / var(--curent-size)) * 100vw);
  right: 0;
  width: calc((15 / var(--curent-size)) * 100vw);
  height: calc((2 / var(--curent-size)) * 100vw);
  transform: rotate(35deg);
  background-color: var(--dark-green);
  border-radius: calc((20 / var(--curent-size)) * 100vw);
}

.next-btn-arrow span:before {
  content: "";
  position: absolute;
  bottom: calc((-4 / var(--curent-size)) * 100vw);
  right: 0;
  width: calc((15 / var(--curent-size)) * 100vw);
  height: calc((2 / var(--curent-size)) * 100vw);
  transform: rotate(-35deg);
  background-color: var(--dark-green);
  border-radius: calc((90 / var(--curent-size)) * 100vw);
}

.prev-btn-arrow span:after {
  content: "";
  position: absolute;
  top: calc((-5 / var(--curent-size)) * 100vw);
  left: 0;
  width: calc((15 / var(--curent-size)) * 100vw);
  height: calc((2 / var(--curent-size)) * 100vw);
  transform: rotate(146deg);
  background-color: var(--dark-green);
  border-radius: calc((20 / var(--curent-size)) * 100vw);
}

.prev-btn-arrow span:before {
  content: "";
  position: absolute;
  bottom: calc((-4 / var(--curent-size)) * 100vw);
  left: 0;
  width: calc((15 / var(--curent-size)) * 100vw);
  height: calc((2 / var(--curent-size)) * 100vw);
  transform: rotate(211deg);
  background-color: var(--dark-green);
  border-radius: calc((90 / var(--curent-size)) * 100vw);
}

.btn-arrow:not(.active):hover span {
  background: var(--milky);
}

.btn-arrow:not(.active):hover span:after {
  background: var(--milky);
}

.btn-arrow:not(.active):hover span:before {
  background: var(--milky);
}

#catalog-head {
  margin-top: calc((130 / var(--curent-size)) * 100vw);
}

.catalog-head-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  position: relative;
  gap: calc((305 / var(--curent-size)) * 100vw);
}

.hover {
  background: red;
  transition: 0.3s ease;
}

.bread-crops {
  display: flex;
  align-items: center;
  width: 100%;
  gap: calc((16 / var(--curent-size)) * 100vw);
  flex-shrink: 0;
}

.bread-crops > a {
  width: calc((48 / var(--curent-size)) * 100vw);
  height: calc((48 / var(--curent-size)) * 100vw);
  background: var(--light-green);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  cursor: pointer;
}

.bread-crops > a:hover {
  background: var(--pink);
}

.bread-crops ul {
  display: flex;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
  list-style: none;
}

.bread-crops ul li a {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
  opacity: 0.5;
}

.bread-crops ul li {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.catalog-nav-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.catalog-categories {
  display: flex;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
}

.catalog-categories li {
  display: flex;
}

.catalog-categories li a {
  overflow: hidden;
  position: relative;
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  background: var(--beige);
  padding: calc((15 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw);
  cursor: pointer;
  flex-shrink: 0;
}

.catalog-categories li a:after {
  content: "";
  position: absolute;
  bottom: -150%;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((70 / var(--curent-size)) * 100vw);
  height: calc((70 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--light-green);
  z-index: 0;
  transition: 0.5s ease;
}

.catalog-categories li a:hover:after {
  width: calc((300 / var(--curent-size)) * 100vw);
  height: calc((300 / var(--curent-size)) * 100vw);
}

.catalog-categories li a p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
  cursor: pointer;
  position: relative;
  z-index: 5;
}

#catalog {
  margin-top: calc((64 / var(--curent-size)) * 100vw);
  padding-bottom: calc((200 / var(--curent-size)) * 100vw);
}

.catalog-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((64 / var(--curent-size)) * 100vw);
  width: 100%;
}

.catalog-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((32 / var(--curent-size)) * 100vw);
  width: 100%;
}

.catalog-block > p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((32 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.catalog-items {
  display: flex;
  align-items: flex-start;
  gap: calc((32 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw);
  flex-wrap: wrap;
}

.catalog-item {
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--beige);
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  padding: calc((16 / var(--curent-size)) * 100vw);
  width: calc((380 / var(--curent-size)) * 100vw);
  height: calc((544 / var(--curent-size)) * 100vw);
  background: var(--milky);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.show-more-btn {
  display: none;
}

.catalog-img {
  width: 100%;
  height: calc((384 / var(--curent-size)) * 100vw);
  overflow: hidden;
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  background: #e9e2cf;
  transition: 0.3s ease;
  position: relative;
}

.clock-arrow-text svg:first-child {
  width: calc((15 / var(--curent-size)) * 100vw);
}

.catalog-img a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: calc((16 / var(--curent-size)) * 100vw);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  background: var(--light-green);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  overflow: hidden;
}

.catalog-img a:after {
  content: "";
  position: absolute;
  bottom: -120%;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((60 / var(--curent-size)) * 100vw);
  height: calc((60 / var(--curent-size)) * 100vw);
  background: var(--pink);
  border-radius: 50%;
  transition: 0.6s ease;
}

.catalog-img a:hover:after {
  content: "";
  position: absolute;
  bottom: -120%;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((450 / var(--curent-size)) * 100vw);
  height: calc((450 / var(--curent-size)) * 100vw);
  background: var(--pink);
  border-radius: 50%;
  transition: 0.6s ease;
}

.catalog-item:hover .catalog-img > a {
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease;
}

.catalog-img a p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
  position: relative;
  z-index: 2;
  transition: 0.3s ease;
}

.catalog-img a:hover p {
  color: var(--beige);
  transition: 0.3s ease;
}

.catalog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease;
}

.catalog-item ul {
  display: flex;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
  margin: calc((24 / var(--curent-size)) * 100vw) 0
    calc((20 / var(--curent-size)) * 100vw) 0;
}

.catalog-item ul li {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  padding: calc((8 / var(--curent-size)) * 100vw)
    calc((12 / var(--curent-size)) * 100vw);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
}

.catalog-item ul li:nth-child(1) {
  color: var(--dark-green);
  background: var(--light-green-300);
}

.catalog-item ul li:nth-child(2) {
  background: var(--pink-300);
  color: var(--brown);
}

.catalog-item ul li:nth-child(3) {
  color: var(--brown);
  background: var(--orange-150);
}

.catalog-item-name-price {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.catalog-item-name-price p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--brown);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  box-orient: vertical;
}

.main-catalog-title h5 {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((32 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.catalog-item-name-price span {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--brown);
  padding: calc((8 / var(--curent-size)) * 100vw)
    calc((12 / var(--curent-size)) * 100vw);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--beige);
  border-radius: calc((8 / var(--curent-size)) * 100vw);
  flex-shrink: 0;
}

.catalog-item:hover .catalog-img img {
  transform: scale(1.1);
  transition: 0.3s ease;
}

.catalog-item:hover .catalog-img {
  background: var(--light-green-600);
  transition: 0.3s ease;
}

.clock-cake {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 50%;
  top: calc((-37 / var(--curent-size)) * 100vw);
  transform: translate(-50%, 0);
}

.clock-cake img {
  width: calc((96 / var(--curent-size)) * 100vw);
}

.double-cake-img {
  width: calc((378 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.double-cake-img-large {
  width: calc((508 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: calc((8 / var(--curent-size)) * 100vw) 0;
}

.single-cake-img.first {
  margin-bottom: calc((-66 / var(--curent-size)) * 100vw);
}

.single-cake-img.second {
  margin-top: calc((-66 / var(--curent-size)) * 100vw);
}

.clock-arrow-text {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.clock-arrow-text > p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--dark-green);
  position: absolute;
  top: 82%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.clock-arrow {
  position: absolute;
  bottom: calc((6 / var(--curent-size)) * 100vw);
  left: calc((0 / var(--curent-size)) * 100vw);
  transform-origin: bottom center;
}

.double-cake-img div {
  position: relative;
}

.double-cake-img-large div {
  position: relative;
}

.double-cake-img div img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s ease;
}

.open {
  opacity: 0 !important;
  transition: 0.3s ease !important;
}

.double-cake-img-large div img:last-child {
  position: absolute;
  top: 0;
  left: 0;
}

.single-cake-img.second {
  position: relative;
}

.single-cake-img.second img:last-child {
  position: absolute;
  top: 0;
  left: 0;
}

#single-head {
  /* height: calc((165 / var(--curent-size)) * 100vw); */
  overflow: hidden;
  position: relative;
}

#single-head-clients {
  height: calc((165 / var(--curent-size)) * 100vw);
  overflow: hidden;
  position: relative;
}

#single-head-clients .single-bread-crops > a {
  background: var(--light-green);
}

#single-head-clients .single-bread-crops > a svg path {
  stroke: var(--milky);
}

.single-clients .single-product-wrapper {
  margin-top: 0;
}

.single-head-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-top: calc((128 / var(--curent-size)) * 100vw);
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.single-head-wrapper h1 {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((30 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--milky);
}

.single-bread-crops {
  width: fit-content;
}

.single-bread-crops > a {
  background: var(--milky);
}

.single-bread-crops > a:hover {
  background: var(--milky);
  opacity: 0.4;
}

.single-bread-crops > a svg path {
  stroke: var(--light-green);
}

.partners-bread-crops ul li a {
  color: var(--milky);
}

.partners-bread-crops ul li {
  color: var(--milky);
}

.single-slider {
  width: calc((379 / var(--curent-size)) * 100vw);
  height: calc((464 / var(--curent-size)) * 100vw);
  overflow: hidden;
  border-radius: calc((24 / var(--curent-size)) * 100vw);
  margin: 0 !important;
}

.single-slide {
  background: #e9e2cf;
}

.single-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-product-slider {
  display: flex;
  align-items: flex-start;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.single-slider-pagination {
  width: calc((80 / var(--curent-size)) * 100vw) !important;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((12 / var(--curent-size)) * 100vw);
  position: static !important;
}

.single-slider-pagination span {
  width: 100%;
  height: calc((98 / var(--curent-size)) * 100vw) !important;
  border-radius: calc((16 / var(--curent-size)) * 100vw);
  background: #e9e2cf;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
}

.single-slider-pagination span.swiper-pagination-bullet-active {
  border: calc((1 / var(--curent-size)) * 100vw) solid #cdd895;
}

.single-slider-nav {
  position: absolute;
  bottom: calc((16 / var(--curent-size)) * 100vw);
  left: calc((24 / var(--curent-size)) * 100vw);
  width: calc((331 / var(--curent-size)) * 100vw);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav-btns {
  display: flex;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
}

.nav-btns button {
  border: none;
  background: initial;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((32 / var(--curent-size)) * 100vw);
  height: calc((32 / var(--curent-size)) * 100vw);
  background: var(--milky);
  border-radius: 50%;
  cursor: pointer;
}

.pagintaions-single {
  display: flex;
  align-items: center;
  border-radius: calc((32 / var(--curent-size)) * 100vw);
  background: var(--milky);
  padding: calc((13 / var(--curent-size)) * 100vw)
    calc((12 / var(--curent-size)) * 100vw);
  width: fit-content;
  gap: calc((4 / var(--curent-size)) * 100vw);
}

.pagintaions-single span {
  border-radius: 50%;
  width: calc((4 / var(--curent-size)) * 100vw);
  height: calc((4 / var(--curent-size)) * 100vw);
  background: var(--light-green-300);
  transition: 0.3s ease;
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--light-green);
}

.pagintaions-single span.active {
  transition: 0.3s ease;
  border-radius: 50%;
  background: var(--light-green);
  width: calc((6 / var(--curent-size)) * 100vw);
  height: calc((6 / var(--curent-size)) * 100vw);
}

.single-product-wrapper {
  margin-top: calc((64 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
  margin-bottom: calc((200 / var(--curent-size)) * 100vw);
}

.single-product-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: calc((435 / var(--curent-size)) * 100vw);
  width: 100%;
  margin: 0 calc((32 / var(--curent-size)) * 100vw) 0
    calc((45 / var(--curent-size)) * 100vw);
}

.single-product-content h2 {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((32 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.single-product-data-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((16 / var(--curent-size)) * 100vw);
  padding: calc((16 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
  background: var(--white-milky);
  border-radius: 32px;
  flex-shrink: 0;
}

.single-product-data-wrapper p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((28 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--dark-green);
}

.single-product-data-wrapper a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((67 / var(--curent-size)) * 100vw);
  background: var(--light-green);
  border-radius: 100px;
}

.single-product-data-wrapper .added_to_cart {
  display: none;
}

.single-product-content-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc((24 / var(--curent-size)) * 100vw);
  padding: calc((24 / var(--curent-size)) * 100vw) 0;
  border-top: calc((1 / var(--curent-size)) * 100vw) solid var(--light-green);
  border-bottom: calc((1 / var(--curent-size)) * 100vw) solid var(--light-green);
}

.single-product-content-text p,
.single-product-content-text span,
.single-product-content-text {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.single-product-content > a {
  width: calc((180 / var(--curent-size)) * 100vw);
  height: calc((68 / var(--curent-size)) * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--dark-green);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  margin: calc((32 / var(--curent-size)) * 100vw) 0 0 0;
}

.ingredients {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((24 / var(--curent-size)) * 100vw);
  margin-top: calc((32 / var(--curent-size)) * 100vw);
}

.ingredients > span {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.ingredients > ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((12 / var(--curent-size)) * 100vw);
}

.ingredients > ul li {
  padding-left: calc((24 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
  position: relative;
}

.ingredients > ul li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: calc((8 / var(--curent-size)) * 100vw);
  height: calc((8 / var(--curent-size)) * 100vw);
  background: var(--dark-green);
  border-radius: 50%;
  border: calc((4 / var(--curent-size)) * 100vw) solid var(--light-green);
}

.single-product-data {
  display: flex;
  align-items: center;
  gap: calc((12 / var(--curent-size)) * 100vw);
  flex-wrap: wrap;
  margin-top: calc((16 / var(--curent-size)) * 100vw);
}

.single-product-content > p {
  padding: calc((8 / var(--curent-size)) * 100vw)
    calc((12 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  color: var(--dark-green);
  background: var(--light-green-300);
  margin: calc((32 / var(--curent-size)) * 100vw) 0 0 0;
}

.single-product-content > span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  margin-top: calc((16 / var(--curent-size)) * 100vw);
}

.single-product-data li {
  padding: calc((8 / var(--curent-size)) * 100vw)
    calc((12 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  border-radius: calc((100 / var(--curent-size)) * 100vw);
}

.single-product-data li:nth-child(1) {
  color: var(--dark-green);
  background: var(--light-green-300);
}

.single-product-data li:nth-child(2) {
  color: var(--dark-green);
  background: var(--pink-300);
}

.single-product-data li:nth-child(3) {
  color: var(--brown);
  background: var(--orange-150);
}

.single-product-data li:nth-child(4) {
  color: var(--brown);
  background: var(--beige-300);
}

.single-product-data li:nth-child(5) {
  color: var(--brown);
  background: var(--brown-200);
}

.single-product-data li:nth-child(6) {
  color: var(--dark-green);
  background: var(--light-green-300);
}

.single-product-data li:nth-child(7) {
  color: var(--dark-green);
  background: var(--pink-300);
}

.single-product-data li:nth-child(8) {
  color: var(--brown);
  background: var(--orange-150);
}

.single-product-data li:nth-child(9) {
  color: var(--brown);
  background: var(--beige-300);
}

.single-product-data li:nth-child(10) {
  color: var(--brown);
  background: var(--brown-200);
}

.single-brocole {
  position: absolute;
  top: calc((-50 / var(--curent-size)) * 100vw);
  left: 34%;
  transform: translate(-50%, 0);
  width: calc((127 / var(--curent-size)) * 100vw);
  z-index: 100;
}

.single-cake {
  position: absolute;
  top: calc((-35 / var(--curent-size)) * 100vw);
  right: calc((-150 / var(--curent-size)) * 100vw);
  width: calc((164 / var(--curent-size)) * 100vw);
  z-index: 100;
}

.single-avocado {
  position: absolute;
  bottom: calc((-65 / var(--curent-size)) * 100vw);
  left: 53%;
  transform: translate(-50%, 0);
  width: calc((116 / var(--curent-size)) * 100vw);
}

#blog {
  padding: calc((100 / var(--curent-size)) * 100vw) 0
    calc((223 / var(--curent-size)) * 100vw) 0;
}

.blog-content {
  margin-top: calc((34 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: calc((48 / var(--curent-size)) * 100vw);
}

.blog-content h2 {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--dark-green);
}

.blog-items {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  list-style: none;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.blog-item {
  width: calc((380 / var(--curent-size)) * 100vw);
  height: calc((392 / var(--curent-size)) * 100vw);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: calc((32 / var(--curent-size)) * 100vw);
  background: var(--beige-500);
  cursor: pointer;
}

.blog-item-img {
  width: 100%;
  height: calc((192 / var(--curent-size)) * 100vw);
  position: relative;
}

.blog-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-item-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: calc((24 / var(--curent-size)) * 100vw);
  justify-content: space-between;
  height: 100%;
}

.badge {
  position: absolute;
  top: calc((16 / var(--curent-size)) * 100vw);
  left: calc((24 / var(--curent-size)) * 100vw);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  padding: calc((10 / var(--curent-size)) * 100vw);
  background: var(--milky);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((12 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.blog-item-text p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.blog-item-text span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green-700);
}

.partners-hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: calc((120 / var(--curent-size)) * 100vw);
}

.partners-hero-content .bread-crops {
  margin-right: auto;
}

#partners-hero {
  position: relative;
  height: calc((560 / var(--curent-size)) * 100vw);
  width: 100%;
}

.partners-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.partners-hero-content h1 {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--milky);
  margin-top: calc((32 / var(--curent-size)) * 100vw);
  text-align: center;
}

.partners-hero-content > p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--milky);
  margin-top: calc((24 / var(--curent-size)) * 100vw);
  text-align: center;
}

.partners-btns {
  display: flex;
  align-items: center;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.catal-btn {
  margin-top: calc((32 / var(--curent-size)) * 100vw);
  position: relative;
  overflow: hidden;
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((36 / var(--curent-size)) * 100vw);
  background-color: var(--pink);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  cursor: pointer;
  position: relative;
}

.catal-btn:after {
  content: "";
  position: absolute;
  bottom: -120%;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((70 / var(--curent-size)) * 100vw);
  height: calc((70 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--milky);
  transition: 0.3s ease;
}

.catal-btn:hover:after {
  width: calc((320 / var(--curent-size)) * 100vw);
  height: calc((320 / var(--curent-size)) * 100vw);
}

.catal-btn p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  position: relative;
  z-index: 1;
  transition: 0.3s ease;
}

.catal-btn:hover p {
  color: var(--pink);
}

.part-btn {
  margin-top: calc((32 / var(--curent-size)) * 100vw);
  position: relative;
  overflow: hidden;
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((36 / var(--curent-size)) * 100vw);
  background: var(--pink);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  cursor: pointer;
  position: relative;
}

.part-btn:after {
  content: "";
  position: absolute;
  bottom: -120%;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((70 / var(--curent-size)) * 100vw);
  height: calc((70 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background-color: var(--milky);
  transition: 0.3s ease;
}

.part-btn:hover:after {
  width: calc((320 / var(--curent-size)) * 100vw);
  height: calc((320 / var(--curent-size)) * 100vw);
}

.part-btn p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  position: relative;
  z-index: 1;
  transition: 0.3s ease;
}

.part-btn:hover p {
  color: var(--pink);
}

.partner-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((280 / var(--curent-size)) * 100vw);
  height: calc((220 / var(--curent-size)) * 100vw);
  border-radius: calc((16 / var(--curent-size)) * 100vw);
  padding: calc((32 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
  background: var(--milky);
  position: relative;
  z-index: 2;
}

.partner-item img {
  width: calc((220 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  object-fit: contain;
}

.partner-item p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
  margin: calc((24 / var(--curent-size)) * 100vw) 0
    calc((12 / var(--curent-size)) * 100vw) 0;
}

.partner-item span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green-700);
}

#partners {
  background: var(--light-green);
  padding: calc((96 / var(--curent-size)) * 100vw) 0
    calc((116 / var(--curent-size)) * 100vw) 0;
  position: relative;
  overflow: hidden;
}

.partners-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: calc((48 / var(--curent-size)) * 100vw);
  position: relative;
}

.partners-wrapper > p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--milky);
}

.partners-items {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.strow {
  position: absolute;
  bottom: calc((-205 / var(--curent-size)) * 100vw);
  left: calc((-95 / var(--curent-size)) * 100vw);
  width: calc((157 / var(--curent-size)) * 100vw);
}

.brok {
  position: absolute;
  top: calc((-160 / var(--curent-size)) * 100vw);
  left: calc((175 / var(--curent-size)) * 100vw);
  width: calc((150 / var(--curent-size)) * 100vw);
}

.cake-p {
  position: absolute;
  top: calc((-45 / var(--curent-size)) * 100vw);
  right: calc((-110 / var(--curent-size)) * 100vw);
  width: calc((176 / var(--curent-size)) * 100vw);
  z-index: 0;
}

#faq {
  padding-top: calc((200 / var(--curent-size)) * 100vw);
  padding-bottom: calc((200 / var(--curent-size)) * 100vw);
}

.faq-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((48 / var(--curent-size)) * 100vw);
  width: 100%;
}

.faq-wrapper > p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--dark-green);
}

.faq-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((16 / var(--curent-size)) * 100vw);
  width: calc((780 / var(--curent-size)) * 100vw);
}

/* 
 */

.faq-item {
  width: 100%;
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  padding: calc((16 / var(--curent-size)) * 100vw)
    calc((12 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw)
    calc((40 / var(--curent-size)) * 100vw);
  background: var(--beige-300);
  cursor: pointer;
  display: grid;
  grid-template-rows: auto 0fr;
  transition: grid-template-rows 0.3s ease;
}

.faq-item-haed {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  gap: calc((34 / var(--curent-size)) * 100vw);
}

.faq-item-haed p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
  transition: 0.3s ease;
}

.faq-item-haed button {
  width: calc((48 / var(--curent-size)) * 100vw);
  height: calc((48 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--light-green);
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  transition: 0.3s ease;
}

.faq-item-haed button svg {
  width: calc((24 / var(--curent-size)) * 100vw);
  transition: 0.3s ease;
}

.answer {
  min-height: 0;
  overflow: hidden;
  visibility: hidden;
  margin-top: 0;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
  transition: 0.3s linear;
}

.faq-item.active {
  grid-template-rows: auto 1fr;
  border-radius: calc((40 / var(--curent-size)) * 100vw);
}

.faq-item.active .answer {
  visibility: visible;
  margin-top: calc((12 / var(--curent-size)) * 100vw);
  transition: 0.3s linear;
}

.faq-item:hover .faq-item-haed p {
  color: var(--violet-l);
  transition: 0.3s ease;
}

.faq-item.active .faq-item-haed button {
  background: var(--pink);
  transition: 0.3s ease;
}

.faq-item.active .faq-item-haed button svg {
  transform: rotate(45deg);
  transition: 0.3s ease;
}

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

#error {
  position: relative;
  padding: calc((324 / var(--curent-size)) * 100vw) 0;
  height: calc((1080 / var(--curent-size)) * 100vw);
}

#error-page {
  background: var(--light-green);
}

.error-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  object-fit: contain;
  z-index: -1;
}

.error-wrapper > p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--dark-green);
  margin-top: calc((48 / var(--curent-size)) * 100vw);
}

.error-wrapper > span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
  margin: calc((16 / var(--curent-size)) * 100vw) 0
    calc((24 / var(--curent-size)) * 100vw) 0;
}

.error-wrapper > a {
  background: var(--dark-green);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((36 / var(--curent-size)) * 100vw);
  overflow: hidden;
  position: relative;
}

.error-wrapper > a:after {
  content: "";
  position: absolute;
  bottom: -180%;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((120 / var(--curent-size)) * 100vw);
  height: calc((120 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--pink);
  transition: 0.3s ease;
}

.error-wrapper > a:hover:after {
  width: calc((340 / var(--curent-size)) * 100vw);
  height: calc((340 / var(--curent-size)) * 100vw);
}

.error-wrapper > a p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  position: relative;
  z-index: 2;
}

#nav-toggle {
  display: none;
}

.modal-state {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(10px);
  background: var(--brown-200);
  display: flex;
  justify-content: center;
  z-index: 20;
  overflow-y: scroll;
  padding-bottom: calc((120 / var(--curent-size)) * 100vw);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}

.modal-state.vissible {
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease;
}

.modal-state-content {
  margin-top: calc((140 / var(--curent-size)) * 100vw);
  width: calc((980 / var(--curent-size)) * 100vw);
  background: var(--milky);
  border-radius: calc((48 / var(--curent-size)) * 100vw);
  height: fit-content;
  overflow: hidden;
}

/* СКРОЛЛБАР */

/* .modal-state-content::-webkit-scrollbar {
  width: calc((12 / var(--curent-size)) * 100vw);
  height: calc((100 / var(--curent-size)) * 100vw);
  background: var(--milky);
  border-radius: 0 120px 120px 0;
}

.modal-state-content::-webkit-scrollbar-thumb {
  background: var(--light-green);
  border-radius: 9em;
  height: calc((100 / var(--curent-size)) * 100vw);
} */

.modal-blog-img {
  width: 100%;
  height: calc((503 / var(--curent-size)) * 100vw);
  position: relative;
}

.modal-blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.close-modal-btn {
  position: absolute;
  top: calc((32 / var(--curent-size)) * 100vw);
  right: calc((64 / var(--curent-size)) * 100vw);
  border: none;
  background: var(--beige);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((40 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  cursor: pointer;
}

.close-modal-btn svg {
  width: calc((16 / var(--curent-size)) * 100vw);
  height: calc((16 / var(--curent-size)) * 100vw);
}

.modal-badge {
  position: absolute;
  top: calc((32 / var(--curent-size)) * 100vw);
  left: calc((64 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
  border-radius: calc((100 / var(--curent-size)) * 100vw);
  background: var(--beige);
  padding: calc((11 / var(--curent-size)) * 100vw)
    calc((10 / var(--curent-size)) * 100vw);
}

.modal-blog-content {
  padding: calc((40 / var(--curent-size)) * 100vw)
    calc((64 / var(--curent-size)) * 100vw)
    calc((26 / var(--curent-size)) * 100vw)
    calc((64 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((40 / var(--curent-size)) * 100vw);
}

.modal-blog-content > p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((28 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--dark-green);
  width: 100%;
  padding-bottom: calc((16 / var(--curent-size)) * 100vw);
  border-bottom: calc((1 / var(--curent-size)) * 100vw) solid var(--light-green);
}

.modal-blog-text {
  width: 100%;
}

.post-preload {
  width: calc((40 / var(--curent-size)) * 100vw);
  margin: 0 auto;
  display: flex;
}

.modal-blog-text p,
.modal-blog-text span,
.modal-blog-text div {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.modal-blog-text h2,
.modal-blog-text h3,
.modal-blog-text h4,
.modal-blog-text h5,
.modal-blog-text h6 {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.burger-wrapper {
  display: none;
}

.modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  backdrop-filter: blur(10px);
  background: var(--brown-200);
  margin: 0 auto;
  padding-top: calc((115 / var(--curent-size)) * 100vw);
  opacity: 0;
  visibility: hidden;
  overflow-y: scroll;
}

.modal-wrapper.open-modl {
  opacity: 1;
  visibility: visible;
}

#colored {
  border-bottom: calc((1 / var(--curent-size)) * 100vw) solid var(--light-green);
}

.modal-form-wrapper {
  width: calc((782 / var(--curent-size)) * 100vw);
  position: relative;
  margin: 0 auto;
}

.cl-modal {
  position: absolute;
  top: calc((24 / var(--curent-size)) * 100vw);
  right: calc((32 / var(--curent-size)) * 100vw);
  border: none;
  border-radius: 50%;
  background: var(--beige);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((40 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  cursor: pointer;
}

.cl-modal svg {
  width: calc((24 / var(--curent-size)) * 100vw);
  height: calc((24 / var(--curent-size)) * 100vw);
}

.modal-form-wrapper .form-content {
  flex-direction: column;
  align-items: center;
  gap: calc((32 / var(--curent-size)) * 100vw);
}

.modal-form-wrapper .form-content .form-content-text {
  flex-direction: column;
  align-items: center;
}

.modal-form-wrapper .form-content .form-content-text p {
  text-align: center;
}

.modal-form-wrapper > img {
  width: 100%;
  height: calc((180 / var(--curent-size)) * 100vw);
  object-fit: cover;
}

.modal-form-wrapper .form-content-text > span {
  margin-top: calc((24 / var(--curent-size)) * 100vw);
  margin-bottom: calc((32 / var(--curent-size)) * 100vw);
}

.modal-form-wrapper .contacts-items {
  width: 100%;
  display: flex;
  align-items: center;
}

.modal-form-wrapper .contacts-items .contacts-item {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.modal-form-wrapper .form-content {
  width: calc((580 / var(--curent-size)) * 100vw);
  padding: 0;
}

.modal-form-wrapper #main-form {
  width: 100%;
  gap: calc((24 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw);
  margin-top: calc((0 / var(--curent-size)) * 100vw);
}

#ajaxsearchlite1 {
  border-radius: 100px;
  background-image: none;
}

.add-to-cart-btn {
  display: none;
}

#ajaxsearchlite1 .probox,
div.asl_w .probox {
  border: none !important;
  background: var(--beige) !important;
  width: calc((246 / var(--curent-size)) * 100vw);
}

.search-wrapper #ajaxsearchlite1 .probox .proinput input::placeholder,
div.asl_w .probox .proinput input::placeholder {
  font-family: var(--font-family) !important;
  font-weight: 500 !important  ;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130% !important;
  color: var(--dark-green) !important;
}

.search-wrapper #ajaxsearchlite1 .probox .proinput input:placeholder,
div.asl_w .probox .proinput input::placeholder {
  font-family: var(--font-family) !important;
  font-weight: 500 !important  ;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130% !important;
  color: var(--dark-green) !important;
}

.search-wrapper div.asl_m .probox .proinput form {
  font-family: var(--font-family) !important;
  font-weight: 500 !important  ;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130% !important;
  color: var(--dark-green) !important;
}

.promagnifier {
  display: none !important;
}

.search-wrapper {
  position: relative;
  z-index: 2;
}

.search-icon {
  position: absolute;
  top: calc((8 / var(--curent-size)) * 100vw);
  right: calc((24 / var(--curent-size)) * 100vw);
  width: calc((24 / var(--curent-size)) * 100vw);
  height: calc((24 / var(--curent-size)) * 100vw);
  z-index: 999;
}

.proloading {
  display: none !important;
}

.proclose {
  position: relative !important;
}

.proclose:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc((24 / var(--curent-size)) * 100vw);
  height: calc((24 / var(--curent-size)) * 100vw);
  background-image: url(../img/clcl.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.proclose svg {
  display: none !important;
}

div.asl_w .probox .proloading,
div.asl_w .probox .proclose,
div.asl_w .probox .promagnifier,
div.asl_w .probox .prosettings {
  width: calc((24 / var(--curent-size)) * 100vw) !important;
  height: calc((24 / var(--curent-size)) * 100vw) !important;
  position: absolute !important;
  top: calc((12 / var(--curent-size)) * 100vw) !important;
  right: calc((24 / var(--curent-size)) * 100vw) !important;
  z-index: 9999999;
}

/*  */

.preloader-wrapper {
  background: var(--light-green);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999999999999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader-text-wrapper {
  position: relative;
}

.preload-text {
  width: calc((576 / var(--curent-size)) * 100vw);
}

.preloader-text-wrapper.show-text:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: var(--light-green);
  animation: slideInFromLeft 1s linear forwards;
}
/*  */

@keyframes slideInFromLeft {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}

@keyframes bite {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hide {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-400px);
  }
}

.show-text .bit.bite {
  animation: bite 0.1s ease-out forwards;
}

.preloader-text-wrapper.hide-text {
  animation: hide 1s ease-out forwards;
}

.up-lines {
  position: absolute;
  top: calc((-180 / var(--curent-size)) * 100vw);
  left: 0;
  width: 100%;
  object-fit: contain;
  z-index: -1;
}

.remove {
  animation: remove 1s ease-out forwards;
}

@keyframes remove {
  0% {
    height: 100vh;
    opacity: 1;
    pointer-events: none;
  }
  50% {
    height: 0vh;
    opacity: 1;
    pointer-events: none;
  }

  100% {
    opacity: 0;
    height: 0vh;
    pointer-events: none;
  }
}

#single-header {
  background: var(--light-green);
  border: none;
}

#single-header .header-menu-wrapper > a {
  background: var(--milky);
}

#business {
  padding: calc((200 / var(--curent-size)) * 100vw) 0;
}

.business-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((48 / var(--curent-size)) * 100vw);
}

.business-items {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: calc((24 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw);
}

.business-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc((380 / var(--curent-size)) * 100vw);
  height: calc((460 / var(--curent-size)) * 100vw);
  border-radius: 32px;
  overflow: hidden;
}

.business-item-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--light-green);
  gap: calc((16 / var(--curent-size)) * 100vw);
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw)
    calc((12 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  width: 100%;
  height: calc((194 / var(--curent-size)) * 100vw);
  flex-shrink: 0;
}

.business-item-head img {
  width: calc((64 / var(--curent-size)) * 100vw);
  height: calc((64 / var(--curent-size)) * 100vw);
}

.business-item-head p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
}

.business-item-under {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((16 / var(--curent-size)) * 100vw);
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  background: var(--beige-500);
  width: 100%;
  height: calc((286 / var(--curent-size)) * 100vw);
}

.business-item-under > span {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.business-item-under > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.business-item-under > div p,
.business-item-under > div span,
.business-item-under > div {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green-700);
}

.business-wrapper > p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--dark-green);
}

.business-item:nth-child(even) .business-item-head {
  background: var(--pink);
}

.business-item:nth-child(even) .business-item-head p {
  color: var(--milky);
}

.cart-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((24 / var(--curent-size)) * 100vw);
  width: 100%;
  margin-top: calc((32 / var(--curent-size)) * 100vw);
}

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

.cart-content > p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--dark-green);
}

.checkout-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((24 / var(--curent-size)) * 100vw);
  width: 100%;
  margin-top: calc((32 / var(--curent-size)) * 100vw);
}

.checkout-content .woocommerce {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.checkout-content > p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--dark-green);
}

.woocommerce-cart-form {
  width: calc((680 / var(--curent-size)) * 100vw);
}

.cart-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.cart-item-content {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  background: var(--white-milky);
  border-radius: 32px;
  padding: calc((16 / var(--curent-size)) * 100vw)
    calc((64 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw);
}

.cart_item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
  justify-content: space-between;
}

.cart-item-img {
  border-radius: calc((16 / var(--curent-size)) * 100vw);
  width: calc((120 / var(--curent-size)) * 100vw);
  height: calc((120 / var(--curent-size)) * 100vw);
  overflow: hidden;
}

.cart-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cart-item-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((8 / var(--curent-size)) * 100vw);
}

.cart-item-name > a {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--brown);
}

.cart-item-name > p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--brown-600);
}

.cart-item-name-img-wrapper {
  display: flex;
  align-items: center;
  gap: calc((24 / var(--curent-size)) * 100vw);
}

.cart-item-quantity-price {
  display: flex;
  align-items: center;
  gap: calc((48 / var(--curent-size)) * 100vw);
}

.product-remove {
  position: absolute;
  top: calc((16 / var(--curent-size)) * 100vw);
  right: calc((16 / var(--curent-size)) * 100vw);
}

.product-remove > a {
  width: calc((24 / var(--curent-size)) * 100vw) !important;
  height: calc((24 / var(--curent-size)) * 100vw) !important;
  background: var(--milky);
  border-radius: 50% !important;
  transition: none !important;
  opacity: 1 !important;
  pointer-events: visiblePainted !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.product-remove > a:hover {
  background: var(--milky) !important;
}

.product-remove > a svg {
  width: calc((12 / var(--curent-size)) * 100vw) !important;
  height: calc((12 / var(--curent-size)) * 100vw) !important;
}

.product-subtotal {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: right;
  color: var(--brown);
}

.cart-content .woocommerce {
  display: flex;
  align-items: flex-start;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.total-title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((28 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--dark-green);
}

.cart_totals {
  background: var(--white-milky);

  border-radius: 32px;
  padding: calc((32 / var(--curent-size)) * 100vw)
    calc((48 / var(--curent-size)) * 100vw);
  width: calc((480 / var(--curent-size)) * 100vw);
}

/* Описание */
.woocommerce-notices-wrapper {
  display: none;
}

.total-data-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.total-data-wrapper ul {
  display: flex;
  align-items: center;
  gap: calc((4 / var(--curent-size)) * 100vw);
}

.total-data-wrapper ul li {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: right;
  color: var(--dark-green-500);
  display: flex;
  align-items: center;
}

.total-data-wrapper ul li svg {
  width: calc((4 / var(--curent-size)) * 100vw);
  height: calc((4 / var(--curent-size)) * 100vw);
}

.order-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: calc((12 / var(--curent-size)) * 100vw) 0
    calc((36 / var(--curent-size)) * 100vw) 0;
  border-top: calc((1 / var(--curent-size)) * 100vw) solid var(--beige);
}

.order-total p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.total-dlv-sale {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: calc((32 / var(--curent-size)) * 100vw) 0
    calc((12 / var(--curent-size)) * 100vw) 0;
}

.total-dlv-sale ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: calc((8 / var(--curent-size)) * 100vw);
}

.total-dlv-sale ul li {
  padding: calc((8 / var(--curent-size)) * 100vw) 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.total-dlv-sale ul li p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green-500);
}

.total-btn-wrapper a {
  width: 100%;
  padding: calc((24 / var(--curent-size)) * 100vw) 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family) !important;
  font-weight: 700 !important;
  font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  line-height: 125% !important;
  text-align: center !important;
  color: var(--milky) !important;
  background: var(--pink) !important;
  border-radius: 100px !important;
}

.coupon-btn-wrapper {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

#cart-content {
  padding-bottom: calc((200 / var(--curent-size)) * 100vw);
}

#checkout-content {
  padding-bottom: calc((200 / var(--curent-size)) * 100vw);
}

.wc-empty-cart-message {
  width: 100%;
}

.cart-empty.woocommerce-info::before,
.cart-empty.woocommerce-info::after {
  content: none !important;
}

.cart-empty {
  background: initial !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-top: none !important;
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((30 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--dark-green);
  margin-top: calc((90 / var(--curent-size)) * 100vw);
  opacity: 0.6;
}

.product-quantity {
  display: flex;
  align-items: center;
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--brown);
  border-radius: 100px;
  padding: calc((10 / var(--curent-size)) * 100vw);
  gap: calc((10 / var(--curent-size)) * 100vw);
}

.product-quantity input {
  width: calc((32 / var(--curent-size)) * 100vw) !important;
  background: initial !important;
  border: none !important;
  outline: none !important;
  font-family: var(--font-family) !important;
  font-weight: 500 !important;
  font-size: calc((12 / var(--curent-size)) * 100vw) !important;
  line-height: 130% !important;
  color: var(--brown) !important;
}

.product-quantity span {
  cursor: pointer;
}

.product-quantity span svg {
  width: calc((12 / var(--curent-size)) * 100vw);
  height: calc((12 / var(--curent-size)) * 100vw);
}

.checkout-head-text {
  display: flex;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
  margin-bottom: calc((24 / var(--curent-size)) * 100vw);
}

.checkout-head-text svg {
  width: calc((32 / var(--curent-size)) * 100vw);
}

.checkout-head-text h3 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.woocommerce-checkout input {
  padding: calc((16 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw) !important;
  background: initial !important;
  border-radius: 12px !important;
  outline: none;
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--dark-green-500) !important;
}

#customer_details .col-2 {
  display: none !important;
}

.woocommerce-billing-fields__field-wrapper {
  width: calc((580 / var(--curent-size)) * 100vw) !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

.woocommerce-billing-fields__field-wrapper > p {
  width: 100% !important;
}

.select2-selection__rendered {
  padding: calc((16 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw)
    calc((16 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw) !important;
  background: initial !important;
  border-radius: 12px !important;
  outline: none;
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--dark-green-500) !important;
}

body .select2-container .select2-dropdown,
.select2-container .select2-selection {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--dark-green-500) !important;
}

body .select2-selection__rendered {
  background: var(--milky) !important;
}

body .select2-search__field {
  padding: calc((10 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw) !important;
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--dark-green-500) !important;
  outline: none !important;
  margin: calc((10 / var(--curent-size)) * 100vw) 0 !important;
  border-radius: 12px !important;
}

body .select2-results__option {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  line-height: 130%;
  color: var(--dark-green);
}

body .select2-selection__rendered {
  font-family: var(--font-family) !important;
  font-weight: 500 !important;
  font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  line-height: 130% !important;
  color: var(--dark-green) !important;
}

.select2-container .select2-dropdown,
.select2-container .select2-selection {
  background-color: none !important;
  border: none !important;
  border-radius: none !important;
}

.woocommerce-billing-fields__field-wrapper p {
  position: relative !important;
}

.woocommerce-billing-fields__field-wrapper p label {
  position: absolute !important;
  top: calc((-6 / var(--curent-size)) * 100vw) !important;
  left: calc((12 / var(--curent-size)) * 100vw) !important;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((12 / var(--curent-size)) * 100vw) !important;
  line-height: 130%;
  color: var(--dark-green);
  background: var(--white-milky) !important;
  padding: 0 calc((6 / var(--curent-size)) * 100vw) !important;
  transition: 0.3s ease;
  z-index: 10 !important;
}

.address-field {
  margin-bottom: 9px !important;
}

body .select2-selection__rendered {
  background: var(--white-milky) !important;
}

.woocommerce-billing-fields__field-wrapper p label.active {
  transition: 0.3s ease;
}

.woocommerce-billing-fields__field-wrapper p input {
  font-family: var(--font-family) !important;
  font-weight: 500 !important;
  font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  line-height: 130% !important;
  color: var(--dark-green) !important;
}

.woocommerce-billing-fields__field-wrapper p:first-child {
  order: -10;
}

.woocommerce-billing-fields__field-wrapper p:nth-child(8) {
  order: -8;
  width: 50% !important;
}

.woocommerce-billing-fields__field-wrapper p:nth-child(5) {
  order: -7;
}

.checkout-content .address-field {
  display: none;
}

.woocommerce-billing-fields__field-wrapper p:nth-child(9) {
  order: -9;
  width: 50% !important;
}

#payment .place-order {
  display: none !important;
}

.form-btn-paid {
  width: 100%;
}

.form-btn-paid div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  cursor: pointer;
  padding: calc((24 / var(--curent-size)) * 100vw) 0;
  border-radius: 100px;
  background: var(--pink);
  margin-top: calc((32 / var(--curent-size)) * 100vw);
}

.orders-items {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.orders-items-title {
  display: flex;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
}

.orders-items-title svg {
  width: calc((32 / var(--curent-size)) * 100vw);
}

.orders-items-title h3 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.wc_payment_method.payment_method_ngenius img {
  display: none !important;
}

.check-orders-list {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
#order_review {
  margin: calc((24 / var(--curent-size)) * 100vw) 0
    calc((16 / var(--curent-size)) * 100vw) 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#order_review > p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

#order_review > span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  color: var(--dark-green-500);
}

.shop_table.woocommerce-checkout-review-order-table {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: calc((12 / var(--curent-size)) * 100vw);
}

.shop_table.woocommerce-checkout-review-order-table > div:last-child {
  background: var(--white-milky);
  border-radius: 32px;
  padding: calc((32 / var(--curent-size)) * 100vw)
    calc((48 / var(--curent-size)) * 100vw);
  width: calc((680 / var(--curent-size)) * 100vw);
}

.shop_table.woocommerce-checkout-review-order-table > div:first-child {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.woocommerce-checkout-review-order-table .cart_item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((12 / var(--curent-size)) * 100vw);
  width: fit-content;
}

.cart_item .product-thumbnail {
  border-radius: 12px;
  width: calc((140 / var(--curent-size)) * 100vw);
  height: calc((156 / var(--curent-size)) * 100vw);
  overflow: hidden;
}

.cart_item .product-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cart_item > p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
  width: calc((140 / var(--curent-size)) * 100vw);
}

.shop_table.woocommerce-checkout-review-order-table {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.check-orders-items {
  display: flex;
  align-items: flex-start;
  gap: calc((20 / var(--curent-size)) * 100vw);
  flex-wrap: wrap;
  margin-top: calc((12 / var(--curent-size)) * 100vw);
}

.payment-wrapper {
  background: var(--white-milky) !important;
  border-radius: 32px !important;
  padding: calc((32 / var(--curent-size)) * 100vw)
    calc((48 / var(--curent-size)) * 100vw) !important;
  width: calc((680 / var(--curent-size)) * 100vw) !important;
  margin-top: calc((20 / var(--curent-size)) * 100vw) !important;
}

.form-billing-wrapper {
  background: var(--white-milky) !important;
  border-radius: 32px !important;
  padding: calc((32 / var(--curent-size)) * 100vw)
    calc((48 / var(--curent-size)) * 100vw) !important;
  width: calc((680 / var(--curent-size)) * 100vw) !important;
}

.wc_payment_methods.payment_methods.methods li {
  display: flex;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
}

.checkbox-pay {
  width: calc((24 / var(--curent-size)) * 100vw);
  height: calc((24 / var(--curent-size)) * 100vw);
  position: relative;
}

.checkbox-pay input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.checkbox-pay input {
  /* Изменение цвета акцента (работает в современных браузерах) */
  accent-color: #015a01; /* красный цвет */
}

.wc_payment_methods.payment_methods.methods {
  padding: 0 !important;
  margin-top: calc((24 / var(--curent-size)) * 100vw) !important;
  border: none !important;
}

.wc_payment_methods.payment_methods.methods li {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.payment-title {
  display: flex;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
}

.payment-title svg {
  width: calc((32 / var(--curent-size)) * 100vw);
}

.payment-title p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.woocommerce-checkout-payment.payment-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.woocommerce .col2-set .col-1 {
  width: 100% !important;
}

.checkout_coupon.woocommerce-form-coupon {
  display: block !important;
}

/* Или более специфичный селектор */
#woocommerce-checkout-form-coupon {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  border-radius: 32px;
  padding: calc((32 / var(--curent-size)) * 100vw)
    calc((48 / var(--curent-size)) * 100vw) !important;
  width: calc((480 / var(--curent-size)) * 100vw) !important;
  height: fit-content !important;
  background: var(--white-milky);
  border: none !important;
  margin: 0 !important;
}

.do-order {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.do-order p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((28 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--dark-green);
}

.do-order ul {
  display: flex;
  align-items: center;
  gap: calc((4 / var(--curent-size)) * 100vw);
}

.do-order ul li {
  display: flex;
  align-items: center;
  justify-content: center;
}

.do-order ul li {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: right;
  color: var(--dark-green-500);
}

.do-order ul li svg {
  width: calc((4 / var(--curent-size)) * 100vw);
}

.order-information {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: calc((24 / var(--curent-size)) * 100vw);
  gap: calc((8 / var(--curent-size)) * 100vw);
  padding-bottom: calc((4 / var(--curent-size)) * 100vw);
  border-bottom: calc((1 / var(--curent-size)) * 100vw) solid var(--beige);
}

.order-information li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: calc((8 / var(--curent-size)) * 100vw) 0;
}

.order-information li p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green-500);
}

.total-price-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: calc((12 / var(--curent-size)) * 100vw) 0;
  margin-bottom: calc((24 / var(--curent-size)) * 100vw);
}

.total-price-wrapper p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.coupon-wrapper-content {
  width: 100%;
  position: relative;
}

.coupon-wrapper-content input {
  width: 100%;
  padding: calc((14 / var(--curent-size)) * 100vw)
    calc((58 / var(--curent-size)) * 100vw)
    calc((14 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green-500);
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--dark-green-500);
  border-radius: 12px;
  background: initial;
  outline: none;
}

.coupon-wrapper-content input::placeholder {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green-500);
}

.coupon-wrapper-content button {
  position: absolute !important;
  top: calc((14 / var(--curent-size)) * 100vw) !important;
  right: calc((24 / var(--curent-size)) * 100vw) !important;
  width: calc((24 / var(--curent-size)) * 100vw) !important;
  height: calc((24 / var(--curent-size)) * 100vw) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
}

.coupon-wrapper-content button svg {
  width: calc((16 / var(--curent-size)) * 100vw) !important;
  height: calc((16 / var(--curent-size)) * 100vw) !important;
}

.xoo-wsc-sc-subt {
  display: none;
}

.xoo-wsc-sc-bki {
  font-size: unset;
}

.xoo-wsc-icon-bag1:before {
  content: "";
  width: calc((24 / var(--curent-size)) * 100vw);
  height: calc((24 / var(--curent-size)) * 100vw);
  background-image: url(../img/cr.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
}

span.xoo-wsc-sc-count,
span.xoo-wsch-items-count {
  border-radius: 50%;
  height: 18px;
  line-height: 18px;
  width: 18px;
  display: inline-block;
  text-align: center;
  right: calc((-18 / var(--curent-size)) * 100vw);
  position: absolute;
  top: unset;
  bottom: calc((-14 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((13 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.xoo-wsc-sc-count {
  background-color: initial;
  color: var(--dark-green);
}

.xoo-wsc-basket {
  display: none;
}

.xoo-wsch-section.xoo-wsch-sec-left {
  display: none;
}

.xoo-wsc-header,
.xoo-wsc-body,
.xoo-wsc-footer {
  background: var(--milky);
}

.xoo-wsc-psavings {
  display: none;
}

.xoo-wsc-pname a {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((14 / var(--curent-size)) * 100vw) !important;
  line-height: 125%;
  color: var(--dark-green) !important;
}

.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product {
  padding: 10px 15px;
  margin: 10px 15px;
  box-shadow: 0 2px 2px #00000005;
  background: var(--milky);
  box-sizing: 24px;
  border: calc((1 / var(--curent-size)) * 100vw) solid #3b58294d;
}

.xoo-wsc-footer-txt,
.xoo-wsc-ft-amt.xoo-wsc-ft-amt-savings.xoo-wsc-less {
  display: none !important;
}

.xoo-wsc-ft-amt.xoo-wsc-ft-amt-subtotal span {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  line-height: 125%;
  color: var(--dark-green) !important;
}

.xoo-wsc-ft-buttons-cont a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  line-height: 125%;
  text-align: center;
  color: var(--milky) !important;
  padding: calc((20 / var(--curent-size)) * 100vw) !important;
  background: var(--light-green) !important;
  border-radius: 100px;
  outline: none !important;
  border: none !important;
}

.xoo-wsc-qty-price span {
  font-family: var(--second-family);
  font-weight: 300;
  font-size: calc((16 / var(--curent-size)) * 100vw) !important;
  line-height: 125%;
  color: var(--dark-green) !important;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover,
.xoo-wsc-container .xoo-wsc-btn:hover {
  border: none !important;
}

.xoo-wsc-btn:hover .amount {
  color: var(--milky) !important;
}

.registrations-wrappper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  display: flex;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  padding-top: calc((180 / var(--curent-size)) * 100vw);
  z-index: 99;
}

.registrations-wrappper::-webkit-scrollbar {
  width: 0;
}

.registrations-wrappper.show {
  opacity: 1;
  visibility: visible;
}

.registrations-content {
  border-radius: 48px;
  padding: calc((48 / var(--curent-size)) * 100vw);
  width: calc((516 / var(--curent-size)) * 100vw);
  height: fit-content;
  position: relative;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((32 / var(--curent-size)) * 100vw);
  background: var(--milky);
  box-shadow: 4px 2px 12px -5px #00000029;
}

.registrations-content.show {
  display: flex;
}

.registrations-content > p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--dark-green);
  width: 100%;
}

.close-registrations {
  position: absolute;
  top: calc((32 / var(--curent-size)) * 100vw);
  right: calc((32 / var(--curent-size)) * 100vw);
  width: calc((40 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--beige);
  border: none;
  cursor: pointer;
  z-index: 2;
}

.close-registrations svg {
  width: calc((16 / var(--curent-size)) * 100vw);
  height: calc((16 / var(--curent-size)) * 100vw);
}

.login-content {
  border-radius: 48px;
  padding: calc((48 / var(--curent-size)) * 100vw);
  width: calc((516 / var(--curent-size)) * 100vw);
  height: fit-content;
  position: relative;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((32 / var(--curent-size)) * 100vw);
  background: var(--milky);
  box-shadow: 4px 2px 12px -5px #00000029;
}

.login-content.show {
  display: flex;
}

.login-content > p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  text-align: center;
  color: var(--dark-green);
  width: 100%;
}

.close-login {
  position: absolute;
  top: calc((32 / var(--curent-size)) * 100vw);
  right: calc((32 / var(--curent-size)) * 100vw);
  width: calc((40 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--beige);
  border: none;
  cursor: pointer;
  z-index: 2;
}

.close-login svg {
  width: calc((16 / var(--curent-size)) * 100vw);
  height: calc((16 / var(--curent-size)) * 100vw);
}

#woocommerce-registration-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((24 / var(--curent-size)) * 100vw);
}

#woocommerce-login-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((24 / var(--curent-size)) * 100vw);
}

.form-group {
  width: 100%;
}

.form-group input {
  width: 100%;
  padding: calc((16 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
  background: initial;
  outline: none;
  border: none;
  border-bottom: calc((1 / var(--curent-size)) * 100vw) solid var(--dark-green);
}

.form-group input::placeholder {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.checkbox-group {
  width: 100%;
  display: flex;
  align-items: center;
  gap: calc((8 / var(--curent-size)) * 100vw);
}

.reg-checkbox {
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--dark-green-500);
  border-radius: 8px;
  width: calc((24 / var(--curent-size)) * 100vw);
  height: calc((24 / var(--curent-size)) * 100vw);
  position: relative;
  overflow: hidden;
  background: initial;
}

.reg-checkbox.check {
  background: #3b5829;
}

.reg-checkbox input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.reg-checkbox svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}

.reg-checkbox.check svg {
  opacity: 1;
  visibility: visible;
}

.checkbox-group p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

#woocommerce-registration-form button {
  width: 100%;
  padding: calc((24 / var(--curent-size)) * 100vw) 0;
  border-radius: 100px;
  background: var(--dark-green);

  border: none;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  transition: 0.3s ease;
}

#woocommerce-registration-form button p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  position: relative;
  z-index: 2;
}

#woocommerce-registration-form button:before {
  content: "";
  position: absolute;
  bottom: calc((-36 / var(--curent-size)) * 100vw);
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((30 / var(--curent-size)) * 100vw);
  height: calc((30 / var(--curent-size)) * 100vw);
  background: var(--pink);
  border-radius: 50%;
  transition: 0.3s ease;
  pointer-events: none;
}

#woocommerce-registration-form button:hover:before {
  width: calc((500 / var(--curent-size)) * 100vw);
  height: calc((500 / var(--curent-size)) * 100vw);
  transition: 0.3s ease;
  bottom: calc((-100 / var(--curent-size)) * 100vw);
}

#woocommerce-registration-form button:hover p {
  color: var(--dark-green);
  transition: 0.3s ease;
}

.log-reg-btn {
  cursor: pointer;
}

.form-links {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.form-links a {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

#logins-button {
  width: 100%;
  padding: calc((24 / var(--curent-size)) * 100vw) 0;
  border-radius: 100px;
  background: var(--dark-green);

  border: none;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  transition: 0.3s ease;
}

#logins-button p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  position: relative;
  z-index: 2;
}

#logins-button:before {
  content: "";
  position: absolute;
  bottom: calc((-36 / var(--curent-size)) * 100vw);
  left: 50%;
  transform: translate(-50%, 0);
  width: calc((30 / var(--curent-size)) * 100vw);
  height: calc((30 / var(--curent-size)) * 100vw);
  background: var(--pink);
  border-radius: 50%;
  transition: 0.3s ease;
  pointer-events: none;
}

#logins-button:hover:before {
  width: calc((500 / var(--curent-size)) * 100vw);
  height: calc((500 / var(--curent-size)) * 100vw);
  transition: 0.3s ease;
  bottom: calc((-100 / var(--curent-size)) * 100vw);
}

#logins-button:hover p {
  color: var(--dark-green);
  transition: 0.3s ease;
}

.show-registration {
  cursor: pointer;
}

#user-page {
  padding: calc((200 / var(--curent-size)) * 100vw) 0;
}

.under-menu-wrapper {
  display: none;
}

.checkout-content section {
  display: none;
}

.thx-order {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc((90 / var(--curent-size)) * 100vw);
  gap: calc((60 / var(--curent-size)) * 100vw);
}

.thx-order > p {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((30 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--dark-green);
  opacity: 0.6;
}

.thx-list {
  display: flex;
  align-items: center;
  gap: calc((60 / var(--curent-size)) * 100vw);
}

.thx-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((6 / var(--curent-size)) * 100vw);
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.thx-list li p:first-child {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.thx-list li p:last-child {
  font-family: var(--second-family);
  font-weight: 900;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-transform: uppercase;
  color: var(--dark-green);
}

.woocommerce ul.order_details::after,
.woocommerce ul.order_details::before {
  content: none;
  display: table;
}

.coupon-error-notice {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((12 / var(--curent-size)) * 100vw);
  line-height: 130%;
}

.user-page-wrapper .woocommerce {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.left-panel {
  width: calc((380 / var(--curent-size)) * 100vw);
  border-radius: 32px;
  padding: calc((24 / var(--curent-size)) * 100vw);
  background: var(--white-milky);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((40 / var(--curent-size)) * 100vw);
}

.woocommerce-MyAccount-content {
  /* width: calc((780 / var(--curent-size)) * 100vw); */
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.user-data {
  display: flex;
  align-items: center;
  width: 100%;
  gap: calc((20 / var(--curent-size)) * 100vw);
  position: relative;
}

.notify {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.notify div {
  background: #ad1515;
  width: calc((16 / var(--curent-size)) * 100vw);
  height: calc((16 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc((20 / var(--curent-size)) * 100vw);
  right: calc((-3 / var(--curent-size)) * 100vw);
  color: #fff;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((12 / var(--curent-size)) * 100vw);
  line-height: 130%;
}

.user-data > p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.user-icon {
  width: calc((80 / var(--curent-size)) * 100vw);
  height: calc((80 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  background: var(--pink);
}

.notify-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  padding-top: calc((280 / var(--curent-size)) * 100vw);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: var(--brown-200);
  z-index: 90;
  opacity: 0;
  visibility: hidden;
}

.notify-wrapper.show {
  opacity: 1;
  visibility: visible;
}

.notify-content {
  border-radius: 48px;
  padding: calc((32 / var(--curent-size)) * 100vw)
    calc((48 / var(--curent-size)) * 100vw);
  width: calc((812 / var(--curent-size)) * 100vw);
  height: fit-content;
  background: var(--milky);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.notify-content ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((20 / var(--curent-size)) * 100vw);
  width: 100%;
  margin-top: calc((32 / var(--curent-size)) * 100vw);
}

.notify-content ul li {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((16 / var(--curent-size)) * 100vw);
  background: var(--light-green-300);
  border-radius: 24px;
  padding: calc((24 / var(--curent-size)) * 100vw);
}

.notify-content ul li p:first-child {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.notify-content ul li p:last-child {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.close-notify {
  width: calc((40 / var(--curent-size)) * 100vw);
  height: calc((40 / var(--curent-size)) * 100vw);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: var(--beige);
  margin-left: auto;
}

.close-notify svg {
  width: calc((16 / var(--curent-size)) * 100vw);
  height: calc((16 / var(--curent-size)) * 100vw);
}

.notify-content > a {
  margin: calc((32 / var(--curent-size)) * 100vw) auto 0 auto;
  background: var(--light-green);
  border-radius: 100px;
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((36 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
}

.not-noti {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.not-noti img {
  width: calc((126 / var(--curent-size)) * 100vw);
}

.not-noti p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
}

.account-contentbar {
  border-radius: 32px;
  padding: calc((24 / var(--curent-size)) * 100vw);
  width: calc((380 / var(--curent-size)) * 100vw);
  height: fit-content;
  background: var(--white-milky);
}

.orders-content {
  width: calc((780 / var(--curent-size)) * 100vw);
  height: fit-content;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((32 / var(--curent-size)) * 100vw);
}

.order-header {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.order-header div {
  display: flex;
  align-items: center;
  gap: calc((24 / var(--curent-size)) * 100vw);
}

.order-header > p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: right;
  color: var(--brown);
}

.order-header div span {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--brown);
}

.order-header div p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--brown-600);
}

.order-list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: calc((16 / var(--curent-size)) * 100vw);
  border-radius: 32px;
  padding: calc((32 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
  background: var(--white-milky);
}

.order-list-item:not(:first-child) {
  margin-top: calc((20 / var(--curent-size)) * 100vw);
}

.order-all-items {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: calc((12 / var(--curent-size)) * 100vw)
    calc((20 / var(--curent-size)) * 100vw);
}

.order-all-item {
  display: flex;
  align-items: flex-start;
  gap: calc((24 / var(--curent-size)) * 100vw);
  position: relative;
  padding: calc((16 / var(--curent-size)) * 100vw);
  background: var(--milky);
  border-radius: 32px;
}

.order-all-item > p {
  position: absolute;
  bottom: calc((16 / var(--curent-size)) * 100vw);
  right: calc((16 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: right;
  color: var(--brown);
}

.order-all-item .product-thumb {
  border-radius: 16px;
  width: calc((120 / var(--curent-size)) * 100vw);
  height: calc((120 / var(--curent-size)) * 100vw);
  overflow: hidden;
}

.order-all-item .product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.order-data-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((8 / var(--curent-size)) * 100vw);
  width: calc((180 / var(--curent-size)) * 100vw);
}

.order-data-text p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--brown);
}

.order-data-text span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--brown-600);
}

.orders-nav {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((15 / var(--curent-size)) * 100vw);
  padding: calc((24 / var(--curent-size)) * 100vw);
  border-radius: 32px;
  background: var(--white-milky);
}

.orders-nav > p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((28 / var(--curent-size)) * 100vw);
  line-height: 120%;
  color: var(--brown);
}

.orders-nav div {
  display: flex;
  align-items: center;
  background: var(--beige);
  border-radius: 100px;
}

.orders-nav div p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
  padding: calc((15 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
  cursor: pointer;
}

.orders-nav div p.clicked {
  background: var(--light-green);
  border-radius: 100px;
}

.orders-btns-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((24 / var(--curent-size)) * 100vw);
  width: 100%;
}

.orders-btns-wrapper > p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--brown-600);
}

.orders-btns-wrapper div {
  display: flex;
  align-items: center;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.orders-btns-wrapper div span {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  border-radius: 100px;
  background: var(--pink);
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((36 / var(--curent-size)) * 100vw);
  cursor: pointer;
}

.orders-btns-wrapper div a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--pink);
  border-radius: 100px;
  background: var(--milky);
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((36 / var(--curent-size)) * 100vw);
  cursor: pointer;
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--pink);
}

.no-orders-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.no-order {
  width: calc((200 / var(--curent-size)) * 100vw);
}

.no-orders-wrapper > p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
  margin-top: calc((32 / var(--curent-size)) * 100vw);
}

.no-orders-wrapper > span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--dark-green-500);
  margin: calc((16 / var(--curent-size)) * 100vw) 0
    calc((32 / var(--curent-size)) * 100vw) 0;
}

.no-orders-wrapper > a {
  background: var(--pink);
  border-radius: 100px;
  padding: calc((24 / var(--curent-size)) * 100vw)
    calc((36 / var(--curent-size)) * 100vw);
}

.no-orders-wrapper > a p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
}

.orders-list-wrapper {
  width: 100%;
}

.orders-list-wrapper.hidden {
  display: none;
}

.personal-info-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.personal-info-wrapper p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.change-user-data {
  cursor: pointer;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
  padding: calc((8 / var(--curent-size)) * 100vw)
    calc((12 / var(--curent-size)) * 100vw);
  border-radius: 100px;
  background: var(--light-green-600);
}

.personal-data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-bottom: calc((16 / var(--curent-size)) * 100vw);
  border-bottom: calc((1 / var(--curent-size)) * 100vw) solid var(--beige);
}

#update-account-simple {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((12 / var(--curent-size)) * 100vw);
  margin-top: calc((16 / var(--curent-size)) * 100vw);
  width: 100%;
}

#update-account-simple.show {
  display: flex;
}

.user-input-item {
  width: 100%;
  position: relative;
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--dark-green-500);
  border-radius: 12px;
  padding: calc((8 / var(--curent-size)) * 100vw)
    calc((24 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((4 / var(--curent-size)) * 100vw);
}

.user-input-item label {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((12 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.user-input-item input {
  width: 100%;
  background: initial;
  border: none;
  outline: none;

  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

#update-account-simple button {
  width: 100%;
  padding: calc((16 / var(--curent-size)) * 100vw) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--dark-green);
  border-radius: 12px;
}

#update-account-simple button p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((18 / var(--curent-size)) * 100vw);
  line-height: 125%;
  text-align: center;
  color: var(--milky);
  border-radius: 100px;
  cursor: pointer;
}

.user-data-text {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc((8 / var(--curent-size)) * 100vw) 0;
  margin-top: calc((16 / var(--curent-size)) * 100vw);
}

.user-data-text.hiden {
  display: none;
}

.user-data-text p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.shipping-address {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc((20 / var(--curent-size)) * 100vw);
  gap: calc((16 / var(--curent-size)) * 100vw);
}

.shipping-address > p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((20 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.shipping-adress-item {
  border: calc((1 / var(--curent-size)) * 100vw) solid var(--beige);
  border-radius: 24px;
  padding: calc((24 / var(--curent-size)) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((16 / var(--curent-size)) * 100vw);
  position: relative;
  width: 100%;
}

.shipping-adress-item p:first-child {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.shipping-adress-item p:last-child {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.shipping-adress-item span {
  position: absolute;
  top: calc((24 / var(--curent-size)) * 100vw);
  right: calc((24 / var(--curent-size)) * 100vw);
  cursor: pointer;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
  padding: calc((8 / var(--curent-size)) * 100vw)
    calc((12 / var(--curent-size)) * 100vw);
  border-radius: 100px;
  background: var(--light-green-600);
}

.main-catalog-item {
  display: flex;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

#policy {
  padding: calc((140 / var(--curent-size)) * 100vw) 0
    calc((200 / var(--curent-size)) * 100vw) 0;
}

#policy h1 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: calc((40 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
  margin-bottom: calc((24 / var(--curent-size)) * 100vw);
}

.policy-wrapper div,
.policy-wrapper div p,
.policy-wrapper div span,
.policy-wrapper div ul li,
.policy-wrapper div ol li {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.xoo-wsc-empty-cart span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((16 / var(--curent-size)) * 100vw);
  line-height: 125%;
  color: var(--dark-green);
}

.policy-wrapper {
  margin: calc((24 / var(--curent-size)) * 100vw) auto 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--white-milky);
  border-radius: 32px;
  padding: calc((48 / var(--curent-size)) * 100vw)
    calc((100 / var(--curent-size)) * 100vw);
  width: calc((780 / var(--curent-size)) * 100vw);
  gap: calc((30 / var(--curent-size)) * 100vw);
}

.policy-wrapper div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: calc((20 / var(--curent-size)) * 100vw);
}

.cookies-wrapper {
  position: fixed;
  bottom: calc((48 / var(--curent-size)) * 100vw);
  left: 20%;
  transform: translate(-50%, 0);
  width: calc((600 / var(--curent-size)) * 100vw);
  padding: calc((30 / var(--curent-size)) * 100vw);
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: calc((20 / var(--curent-size)) * 100vw);
  background: rgba(233, 226, 207, 1);
  border-radius: 30px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}

.cookies-wrapper.show {
  display: flex;
  opacity: 1;
  visibility: visible;
}

.cookies-wrapper p {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((18 / var(--curent-size)) * 100vw);
  line-height: 130%;
  color: var(--dark-green);
}

.cookies-btns {
  display: flex;
  align-items: center;
  gap: calc((20 / var(--curent-size)) * 100vw);
  margin-left: auto;
}

.cookies-btns button {
  background: var(--light-green);
  border-radius: 100px;
  padding: calc((10 / var(--curent-size)) * 100vw)
    calc((32 / var(--curent-size)) * 100vw);
  font-family: var(--font-family);
  font-weight: 500;
  font-size: calc((14 / var(--curent-size)) * 100vw);
  line-height: 130%;
  text-align: center;
  color: var(--dark-green);
  border: none;
  cursor: pointer;
}