@charset "UTF-8";
:root {
  --black:#2E2E2E;
  --white:#FFFFFF;
  --pink:#E40177;
  --light-pink:#F280BB;
  --gray:#7B7B7B;
  --bg-pink:rgba(229, 9, 127, 0.05);
  --havy-line:rgba(228, 1, 119, 0.3);
  --line:rgba(228, 1, 119, 0.15);
  --green:#60AF77;
  --yellow:#FFCB5B;
  --light-gray:#A7A7A7;
  --low-gray:#E4E4E4;
}

body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: var(--light-gray);
  background-color: var(--white);
}

/* Chrome, Edge, and Safari */
html::-webkit-scrollbar {
  width: 8px;
}

html::-webkit-scrollbar-track {
  background: rgba(35, 35, 35, 0.75);
}

html::-webkit-scrollbar-thumb {
  background-color: #E40177;
  border-radius: 10px;
  border: 0px solid rgba(35, 35, 35, 0.75);
}

/* Chrome, Edge, and Safari */
.moverlinner::-webkit-scrollbar {
  width: 4px;
}

.moverlinner::-webkit-scrollbar-track {
  background: #FFF;
}

.moverlinner::-webkit-scrollbar-thumb {
  background-color: var(--black);
  border-radius: 10px;
  border: 0px solid #FFF;
}

a, a:hover, a:focus, a:visited {
  text-decoration: none;
  transition: 0.3s;
}

.markline {
  display: flex;
  align-items: center;
  height: 36px;
  overflow: hidden;
  background-color: var(--black);
}

/* Анимация двигает весь контейнер */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  } /* -50% потому что контент задублирован */
}
.marquee {
  display: flex;
  gap: 89px;
  animation: marquee 15s linear infinite;
}
.marquee p {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--light-gray);
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

.topline {
  width: 100%;
  background-color: var(--white);
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  z-index: 3;
}

.menuline {
  height: 84px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.container-xl {
  max-width: 100%;
}

.topline-left, .topline-right {
  width: calc(50% - 45px);
  display: flex;
  align-items: center;
}

.topline-left {
  gap: 20px;
}

.topinner-left {
  display: flex;
  gap: 12px;
  align-items: center;
}

.catalobbut {
  display: flex;
  align-items: center;
  height: 44px;
  gap: 10px;
  outline: none;
  border-radius: 30px;
  padding: 0 20px;
  color: var(--pink);
  background-color: var(--bg-pink);
  border: 1px solid var(--havy-line);
  transition: 0.3s;
  font-size: 14px;
  font-weight: 500;
}
.catalobbut:hover {
  color: var(--white);
  background-color: var(--pink);
  border-color: var(--pink);
  transition: 0.3s;
}

.catalobbut.active {
  position: relative;
  z-index: 4;
  background-color: var(--white);
  color: var(--black);
  border-color: var(--white);
}

.but1 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--gray);
  border: 1px solid var(--line);
}
.but1:hover {
  background-color: var(--pink);
  color: var(--white);
  border-color: var(--pink);
}

.topinner-right {
  width: -webkit-fill-available;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  gap: 126px;
}
.topinner-right li {
  list-style: none;
}
.topinner-right li a {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
}
.topinner-right li a:hover {
  color: var(--pink);
}

.banner {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}

.bannerslider {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.bannerslider picture {
  width: 100%;
}
.bannerslider picture img {
  width: 100%;
}

.banner-over {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
}

.slidercontainer {
  display: flex;
  flex-direction: column;
  gap: 45px;
  width: 569px;
  max-width: 100%;
}

.slidercontainer2 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
.slidercontainer2 p {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}

.sliderbadge {
  height: 27px;
  align-items: center;
  display: flex;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid var(--light-pink);
  font-family: "Philosopher", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--pink);
}

.bannerheader {
  font-family: "Philosopher", sans-serif;
  padding: 0;
  margin: 0;
  font-size: 40px;
  font-weight: 400;
  line-height: 120%;
  color: var(--black);
}
.bannerheader span {
  color: var(--pink);
}

.butholder {
  display: flex;
  align-items: center;
  gap: 20px;
}

.but2 {
  height: 52px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  gap: 10px;
  border-radius: 30px;
  background-color: var(--pink);
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: var(--white);
}
.but2:hover {
  background-color: var(--white);
  color: var(--pink);
}

.but3 {
  height: 52px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  gap: 10px;
  border-radius: 30px;
  background-color: var(--white);
  color: var(--pink);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: var(--pink);
}
.but3:hover {
  background-color: var(--pink);
  color: var(--white);
}

.iconbut1::before {
  width: 20px;
  content: "";
  height: 20px;
  color: var(--white);
  background-color: var(--white);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83203 4.16663L14.1654 4.16663' stroke='black' stroke-width='1.75' stroke-linecap='round'/%3E%3Cpath d='M3.33203 10L16.6654 10' stroke='black' stroke-width='1.75' stroke-linecap='round'/%3E%3Cpath d='M5.83203 15.8333L14.1654 15.8333' stroke='black' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83203 4.16663L14.1654 4.16663' stroke='black' stroke-width='1.75' stroke-linecap='round'/%3E%3Cpath d='M3.33203 10L16.6654 10' stroke='black' stroke-width='1.75' stroke-linecap='round'/%3E%3Cpath d='M5.83203 15.8333L14.1654 15.8333' stroke='black' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.iconbut1:hover:before {
  background-color: var(--pink);
}

.iconbut2::before {
  width: 20px;
  content: "";
  height: 20px;
  color: var(--white);
  background-color: var(--pink);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7435 10.705C15.4489 11.8242 14.0569 12.615 11.2728 14.1967C8.58134 15.7258 7.23564 16.4903 6.15116 16.183C5.7028 16.0559 5.29429 15.8146 4.96484 15.4822C4.16797 14.6783 4.16797 13.1188 4.16797 10C4.16797 6.88117 4.16797 5.32175 4.96484 4.51777C5.29429 4.18537 5.7028 3.94407 6.15116 3.81702C7.23564 3.50971 8.58134 4.27423 11.2728 5.80327C14.0569 7.38497 15.4489 8.17583 15.7435 9.29502C15.865 9.75699 15.865 10.243 15.7435 10.705Z' stroke='%23E40177' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7435 10.705C15.4489 11.8242 14.0569 12.615 11.2728 14.1967C8.58134 15.7258 7.23564 16.4903 6.15116 16.183C5.7028 16.0559 5.29429 15.8146 4.96484 15.4822C4.16797 14.6783 4.16797 13.1188 4.16797 10C4.16797 6.88117 4.16797 5.32175 4.96484 4.51777C5.29429 4.18537 5.7028 3.94407 6.15116 3.81702C7.23564 3.50971 8.58134 4.27423 11.2728 5.80327C14.0569 7.38497 15.4489 8.17583 15.7435 9.29502C15.865 9.75699 15.865 10.243 15.7435 10.705Z' stroke='%23E40177' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.iconbut2:hover:before {
  background-color: var(--white);
}

.pagabs {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 2;
  bottom: 30px;
}

.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--line);
  opacity: 1;
  margin: 0 !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  width: 20px;
  content: "";
  border-radius: 8px;
  display: flex;
  height: 6px;
  background-color: var(--pink);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
  background-color: var(--line);
  opacity: 1;
  border-radius: 8px;
}

.bublespot {
  display: flex;
  align-items: center;
  gap: 6px;
}
.bublespot span {
  display: block;
}

.categoryloop {
  padding-top: 60px;
}

h2, .h2 {
  padding: 0;
  margin: 0;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.sblcont {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 37px;
  align-items: flex-start;
}

.tovslcontrols {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.leftrightsl {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gray);
}
.leftrightsl.ltor {
  transform: scaleX(-1);
}
.leftrightsl:hover {
  color: var(--white);
  background-color: var(--pink);
  border-color: var(--pink);
}

.sl2-cont {
  width: 100%;
}

.cat_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
}

.cat_container:hover .imgcontainer img {
  transform: scale(1.03);
}

.imgcontainer {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 6px;
}
.imgcontainer img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
}

.clname {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.tovinsl {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 10px;
}
.tovinsl .img-container {
  width: 100%;
    padding: 24px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.tovinsl .img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.3s;
}

.tovinsl:hover .img-container img {
  transform: scale(1.03);
  transition: 0.3s;
}

.tovinslcont {
  width: 100%;
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.tovinslcont2 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}

.starholder {
  display: flex;
  align-items: center;
  gap: 2px;
}
.starholder span {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99903 0.625C6.52366 0.625 6.93692 1.02127 7.20075 1.55596L8.08176 3.33258C8.10847 3.38756 8.17181 3.46499 8.26701 3.53582C8.36211 3.60657 8.45525 3.64561 8.51652 3.6559L10.1113 3.92306C10.6874 4.01987 11.1703 4.30225 11.327 4.79395C11.4836 5.28525 11.2542 5.7958 10.8399 6.21082L10.8395 6.21123L9.60053 7.46043C9.55143 7.50994 9.49642 7.60321 9.46192 7.72472C9.42766 7.84541 9.42462 7.95534 9.44016 8.02637L9.44037 8.02736L9.79484 9.57269C9.94185 10.2159 9.89314 10.8537 9.43952 11.1871C8.98433 11.5217 8.36232 11.3734 7.79724 11.0368L6.30225 10.1445C6.23948 10.107 6.13166 10.0766 6.00152 10.0766C5.87234 10.0766 5.76226 10.1066 5.6954 10.1455L5.69445 10.146L4.20242 11.0366C3.638 11.3743 3.01675 11.52 2.56153 11.1851C2.10822 10.8516 2.05705 10.215 2.20453 9.57236L2.55893 8.02736L2.55914 8.02637C2.57468 7.95534 2.57164 7.84541 2.53738 7.72472C2.50288 7.60321 2.44787 7.50994 2.39876 7.46043L1.1589 6.21032C0.7473 5.79532 0.51858 5.2852 0.67395 4.79463C0.829773 4.30262 1.31169 4.0199 1.88814 3.92303L3.48164 3.6561L3.48214 3.65601C3.54056 3.64588 3.63233 3.60728 3.72721 3.53634C3.82228 3.46527 3.88577 3.38768 3.91254 3.33258L3.91388 3.32983L4.79379 1.55549L4.79414 1.55479C5.06046 1.02054 5.47499 0.625 5.99903 0.625Z' fill='%23FFCB5B'/%3E%3C/svg%3E%0A");
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: contain;
}
.starholder span.empty {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99903 0.625C6.52366 0.625 6.93692 1.02127 7.20075 1.55596L8.08176 3.33258C8.10847 3.38756 8.17181 3.46499 8.26701 3.53582C8.36211 3.60657 8.45525 3.64561 8.51652 3.6559L10.1113 3.92306C10.6874 4.01987 11.1703 4.30225 11.327 4.79395C11.4836 5.28525 11.2542 5.7958 10.8399 6.21082L10.8395 6.21123L9.60053 7.46043C9.55143 7.50994 9.49642 7.60321 9.46192 7.72472C9.42766 7.84541 9.42462 7.95534 9.44016 8.02637L9.44037 8.02736L9.79484 9.57269C9.94185 10.2159 9.89314 10.8537 9.43952 11.1871C8.98433 11.5217 8.36232 11.3734 7.79724 11.0368L6.30225 10.1445C6.23948 10.107 6.13166 10.0766 6.00152 10.0766C5.87234 10.0766 5.76226 10.1066 5.6954 10.1455L5.69445 10.146L4.20242 11.0366C3.638 11.3743 3.01675 11.52 2.56153 11.1851C2.10822 10.8516 2.05705 10.215 2.20453 9.57236L2.55893 8.02736L2.55914 8.02637C2.57468 7.95534 2.57164 7.84541 2.53738 7.72472C2.50288 7.60321 2.44787 7.50994 2.39876 7.46043L1.1589 6.21032C0.7473 5.79532 0.51858 5.2852 0.67395 4.79463C0.829773 4.30262 1.31169 4.0199 1.88814 3.92303L3.48164 3.6561L3.48214 3.65601C3.54056 3.64588 3.63233 3.60728 3.72721 3.53634C3.82228 3.46527 3.88577 3.38768 3.91254 3.33258L3.91388 3.32983L4.79379 1.55549L4.79414 1.55479C5.06046 1.02054 5.47499 0.625 5.99903 0.625Z' fill='%23A7A7A7'/%3E%3C/svg%3E%0A");
}

.tovinslcont3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.tovslname {
  width: 100%;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  color: var(--pink);
  text-transform: uppercase;
  text-align: center;
  font-family: "Philosopher", sans-serif;
}

.tovsldesc {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 44px;
}

.tovinslcont4 {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  color: var(--green);
}

.badge {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  border-radius: 0 0 6px 0;
  height: 27px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  color: var(--black);
}
.badge.orange {
  background-color: var(--yellow);
}
.badge.green {
  background-color: var(--green);
  color: var(--white);
}
.badge.pink {
  background-color: var(--pink);
  color: var(--white);
}

.centered {
  text-align: center;
  width: 100%;
}

.logowrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}

.logocontainer {
  width: calc(20% - 8px);
  height: 150px;
  border-radius: 6px;
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
  overflow: hidden;
}
.logocontainer img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.logocontainer.six {
  width: calc(16.66% - 9px);
}

.adv-wrapper {
  width: 100%;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.adv-item {
  width: calc(33.33% - 7px);
  border-radius: 8px;
  border: 1px solid var(--line);
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.advtext {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: center;
}

.advtext-1 {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.advtext-2 {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
  color: rgba(35, 35, 35, 0.6);
}

.threebanners-wrap {
  width: 100%;
  display: flex;
  gap: 20px;
}

.threebanners-item.threebanners-item:nth-child(2) {
  width: calc(40% - 14px);
}
.threebanners-item {
  width: calc(30% - 14px);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  -o-object-position: right;
     object-position: right;
}
.threebanners-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.banover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 25px;
}

.bannercompound1 {
  width: 320px;
  display: flex;
  flex-direction: column;
  gap: 29px;
  align-items: flex-start;
  max-width: 100%;
}

.bantext1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bantext2 {
  width: 100%;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}
.bantext2 span {
  color: pink;
}

.bantext3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: #7B7B7B;
  width: 100%;
}

.reviewitem {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--low-gray);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.reviewimg {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 6px;
  background-color: rgba(228, 1, 119, 0.05);
}
.reviewimg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.rtextblock {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.rtextblock2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

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

.reviewer2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.reviewer3 {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--light-gray);
}

.jcenter {
  justify-content: center;
}

.bloitem {
  width: 100%;
  padding-bottom: 4px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.bloitem:hover .blogitemimg img {
  transform: scale(1.03);
  transition: 0.3s;
}

.blogitemimg {
  width: 100%;
  height: 207px;
  border-radius: 8px;
  overflow: hidden;
}
.blogitemimg img {
  transition: 0.3s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blogtextcont {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.blogtextcont2 {
  width: 100%;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

.bl_t1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--light-gray);
}
.bl_t1 span {
  color: var(--pink);
}

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

.bl_t2 {
  display: flex;
  gap: 3px;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--light-gray);
}
.bl_t2.active svg path
{
    fill:#E40177;
}
.blogbadge {
  height: 27px;
  align-items: center;
  display: flex;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid var(--light-pink);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--pink);
  font-family: "Philosopher", sans-serif;
}

.simpletext {
  padding-top: 60px;
  padding-bottom: 60px;
}

.textcontainer {
  width: 100%;
  max-height: 200px;
  transition: max-height 0.7s ease;
  text-align: center;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}

.textcontainer.active {
  max-height: 800px;
}

.butholder2 {
  width: 100%;
  display: flex;
  justify-content: center;
}

.but4 {
  display: flex;
  height: 37px;
  align-items: center;
  padding: 0 35px;
  border-radius: 4px;
  border: 1px solid var(--line);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: var(--pink);
}
.but4:hover {
  background-color: var(--pink);
  border-color: var(--pink);
  color: var(--white);
}

footer {
  margin-bottom: 30px;
}

.footercontainer {
  border: 1px solid var(--line);
  border-radius: 12px;
  gap: 30px;
  display: flex;
  flex-direction: column;
  background-color: var(--bg-pink);
}

.footerrow {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.footerform {
  width: 300px;
  background-color: var(--bg-pink);
  border: 1px solid var(--line);
  padding: 16px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.formtext {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.formtext1 {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.formtext2 {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}

.formbuts {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}

.forminps {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.inp1 {
  width: 100%;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  outline: none;
  background-color: var(--white);
  border: 1px solid var(--havy-line);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}

.inp1::-moz-placeholder {
  color: var(--light-gray);
}

.inp1::placeholder {
  color: var(--light-gray);
}

.but5 {
  width: 100%;
  height: 37px;
  align-items: center;
  display: flex;
  border:none;
    outline:none;
  border-radius: 4px;
  background-color: var(--pink);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: var(--white);
  justify-content: center;
}
.but5:hover {
  background-color: #c20366;
}

.leftfooter {
  width: calc(100% - 320px);
  display: flex;
  gap: 20px;
}

.fl-col {
  width: calc(33.33% - 13px);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fl-col ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.fl-col ul li {
  list-style: none;
}
.fl-col ul li a {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}
.fl-col ul li a:hover {
  color: var(--black);
}

.menuheader {
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.fcontactwrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.fcontactwrap2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.contacttitle {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: var(--light-gray);
}

.fcontlink {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
}
.fcontlink:hover {
  color: var(--pink);
}

.scadule {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  color: var(--gray);
}
.scadule span {
  color: var(--black);
}

.footer-lasline {
  width: 100%;
  border-top: 1px solid var(--line);
  padding: 18px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.copyright {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}

.devby {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}
.devby img {
  mix-blend-mode: darken;
}

.menuoverlay {
  background-color: rgba(46, 46, 46, 0.75);
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 3;
  display: none;
}

.menuoverlay.active {
  display: block;
}

.catalogmenu {
  width: 100%;
  border-radius: 12px;
  padding: 20px;
  background-color: var(--white);
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
}
.catalogmenu ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 0;
  margin: 0;
}
.catalogmenu ul li {
  list-style: none;
  width: 100%;
}
.catalogmenu ul li a {
  display: flex;
  gap: 20px;
  align-items: center;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--white);
}
.catalogmenu ul li a span {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
  width: calc(100% - 90px);
}
.catalogmenu ul li a:hover {
  border-color: var(--havy-line);
}
.catalogmenu ul li a .menu_img {
  width: 70px;
  height: 70px;
  border-radius: 4px;
  background-color: rgba(228, 1, 119, 0.05);
  overflow: hidden;
}
.catalogmenu ul li a .menu_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.hiddenmobmonu {
  position: relative;
  width: 100%;
  display: none;
}

.hiddenmobmonu.active {
  display: block;
}

.hiddenmobmonu2 {
  position: relative;
  width: 100%;
  display: none;
  justify-content: center;
}

.hiddenmobmonu2.active {
  display: flex;
}

.search_container {
  width: 882px;
  max-width: 100%;
  top: -64px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 20px;
  flex-direction: column;
  position: absolute;
  z-index: 3;
}

.searchblock {
  width: 100%;
  height: 44px;
  background-color: var(--white);
  display: flex;
  align-items: center;
  gap: 16px;
  border-radius: 30px;
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
}

.truncsearch {
  position: absolute;
  right: 16px;
  top: 9px;
  display: none;
}

.truncsearch2 {
  position: absolute;
  right: -28px;
  top: -31px;
}

.searcginp {
  width: -webkit-fill-available;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
}

.searchresults {
  background-color: var(--white);
  border-radius: 12px;
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.productrow {
  width: 100%;
  border-top: 1px solid var(--line);
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  gap: 20px;
  align-items: center;
}
.productrow:first-child {
  padding-top: 0;
  border-top: none;
}
.productrow:last-child {
  padding-bottom: 0;
}

.but6 {
  height: 52px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  outline: none;
  gap: 10px;
  border: 1px solid var(--light-pink);
  border-radius: 30px;
  background-color: var(--white);
  transition: 0.3s;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: var(--pink);
}
.but6:hover {
  transition: 0.3s;
  background-color: var(--pink);
  border-color: var(--pink);
  color: var(--white);
}

.s_tovcontainer {
  width: calc(100% - 217px);
  display: flex;
  gap: 20px;
}

.tov_s_img {
  width: 74px;
  height: 74px;
  border-radius: 6px;
  overflow: hidden;
}
.tov_s_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.tovinfoholder {
  width: calc(100% - 94px);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tovinfoholder2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tovinfoholder3 {
  display: flex;
  align-items: center;
  gap: 20px;
  align-items: center;
}

.tovinfoholder4 {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: var(--light-gray);
}

.tovsname {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
}
.tovsname span {
  color: var(--pink);
}

.stovprice {
  display: flex;
  align-items: center;
  gap: 7px;
}

.pricemain {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--green);
}

.priceold {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--light-gray);
  text-decoration: line-through;
}

.tovinslcont2.wmins {
  width: auto;
  justify-content: flex-start;
}

.on1024 {
  display: none;
}

.mobileoverlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background-color: rgba(35, 35, 35, 0.75);
  overflow: hidden;
  z-index: 4;
  display: none;
  left: 0;
  top: 0;
}

.mobileoverlay.active {
  display: block;
}

.mobileoverlay2 {
  width: 372px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--white);
  padding: 15px 0px;
  display: flex;
}

.closemob {
  position: absolute;
  right: -44px;
  top: 0;
}

.moverlinner {
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.imagemenu {
  width: 100%;
  padding: 0 15px;
}
.imagemenu ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.imagemenu ul li {
  list-style: none;
  width: 100%;
}
.imagemenu ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
}
.imagemenu ul li a::after {
  content: "";
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12' stroke='%237B7B7B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.imagemenu ul li a .img_link {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "Philosopher", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
}
.imagemenu ul li a .img_link span {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  overflow: hidden;
  background-color: rgba(228, 1, 119, 0.07);
}
.imagemenu ul li a .img_link span img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.separator {
  width: 100%;
  height: 1px;
  background-color: var(--line);
}

.mobsecmenu {
  width: 100%;
  border-top: 1px solid var(--line);
  padding: 0 15px;
  padding-top: 15px;
}
.mobsecmenu ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mobsecmenu ul li {
  list-style: none;
}
.mobsecmenu ul li a {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}

.footermobmenu {
  border-top: 1px solid var(--line);
  padding: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}

.mcopr {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}

.dev2 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}

.authm .modal-content {
  border-radius: 12px;
}

.authm .modal-content .modal-body {
  padding: 15px;
}

.modalinner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.mheader {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}

.mheader2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mheader2 span {
  width: calc(100% - 25px);
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}
.mheader2 a {
  color: var(--pink);
}
.mheader2 a:hover {
  color: var(--black);
}

.mheader3 {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}
.mheader3 a {
  color: var(--pink);
}
.mheader3 a:hover {
  text-decoration: underline;
}

.holdeinputs {
  width: 100%;
  gap: 15px;
  display: flex;
  flex-direction: column;
}

.myformcontrol {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
    position: relative;
}
.opent 
{
    position: absolute;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    gap:8px;
    padding: 10px;
    border: 1px solid var(--havy-line);
    border-radius: 4px;
    z-index: 2;
    top:68px;
    left: 0;
    width: 100%;
}
.opent a 
{
    font-size: 14px;
    color: var(--black);
}
.opent a:hover
{
    color: #c20366;
}
.mylabel {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}

.myinput {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  height: 44px;
  background-color: transparent;
  outline: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--light-gray);
  color: var(--black);
  border: 1px solid var(--havy-line);
}
.myinput::-moz-placeholder {
  color: var(--light-gray);
}
.myinput::placeholder {
  color: var(--light-gray);
}

.flex2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.checkb {
  position: relative;
}
.checkb input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.checkb input + label {
  position: relative;
  display: flex;
  gap: 7px;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}
.checkb input + label::before {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  content: "";
  border: 1px solid var(--line);
  background-color: var(--white);
}
.checkb input:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='13' viewBox='0 0 18 13' fill='none'%3E%3Cpath d='M6.54961 12.4452L0.849609 6.74517L2.27461 5.32017L6.54961 9.59517L15.7246 0.420166L17.1496 1.84517L6.54961 12.4452Z' fill='%23E40177'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center center;
}

.checkb2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--pink);
}
.checkb2:hover {
  text-decoration: underline;
}

.buttonmodalf {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 52px;
  gap: 10px;
  background-color: var(--pink);
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
    border: none;
    outline: none;
  color: var(--white);
  border-radius: 30px;
}
.buttonmodalf:hover {
  background-color: #c20366;
}

.ortrrue {
  width: 100%;
  justify-content: center;
  display: flex;
  position: relative;
}
.ortrrue span {
  background-color: var(--white);
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
  position: relative;
  z-index: 2;
}
.ortrrue::after {
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: var(--line);
  left: 0;
  content: "";
  top: 6px;
  position: absolute;
}

.googlbut {
  width: 100%;
  height: 52px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 30px;
  gap: 10px;
  border: 1px solid var(--light-pink);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: var(--black);
}
.googlbut:hover {
  background-color: var(--pink);
  border-color: var(--pink);
  color: var(--white);
}

.holdeinputs.gap15 {
  flex-wrap: wrap;
  flex-direction: row;
  gap: 15px;
}

.myformcontrol.holder50 {
  width: calc(50% - 8px);
}

.brcrholder {
  padding: 30px 0;
}

.brcrholderwrapper ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.brcrholderwrapper ul li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
}
.brcrholderwrapper ul li a {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--pink);
}
.brcrholderwrapper ul li a:hover {
  text-decoration: underline;
}
.brcrholderwrapper ul li:has(a)::after {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25003 3.5C5.25003 3.5 8.74999 6.07771 8.75 7.00003C8.75001 7.92234 5.25 10.5 5.25 10.5' stroke='%23A7A7A7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 2px;
}

.category-wrapper {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.category-wrapper h1 {
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
  padding: 0;
  margin: 0;
}

.category-contleft {
  width: 290px;
}

.category-contright {
  width: calc(100% - 310px);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.catwrapper2 {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.prefilter {
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid var(--line);
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: space-between;
}

.prefilter2 {
  display: flex;
  align-items: center;
  gap: 7px;
}

.prefilter-name {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}

.prelink {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--pink);
}
.prelink.active {
  color: var(--black);
}
.prelink:hover {
  color: var(--black);
}

.vertsep {
  width: 1px;
  height: 15px;
  border-right: 1px solid var(--black);
}

.product-loop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 30px;
}

.tov-wrap-cont {
  width: calc(25% - 8px);
  position: relative;
}

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

.prew-page {
  border: 1px solid var(--line);
  border-radius: 8px 0 0 8px;
  height: 54px;
  width: 161px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--gray);
}
.prew-page:hover {
  color: var(--pink);
  border-color: var(--pink);
}

.next-page {
  border: 1px solid var(--line);
  border-radius: 0px 8px 8px 0px;
  height: 54px;
  width: 161px;
  justify-content: center;
  display: flex;
  align-items: center;
  color: var(--gray);
}
.next-page:hover {
  color: var(--pink);
  border-color: var(--pink);
}

.pagin-item {
  height: 54px;
  align-items: center;
  padding: 0 24px;
  display: flex;
  justify-content: center;
  min-width: 54px;
  border: 1px solid var(--line);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: var(--black);
}
.pagin-item:hover {
  color: var(--pink);
  border-color: var(--pink);
}
.pagin-item.active {
  color: var(--pink);
  border-color: var(--pink);
}

.mdots {
  height: 54px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  align-items: flex-end;
  padding-bottom: 17px;
  display: flex;
  flex: 1;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: var(--light-gray);
}

.mt30 {
  margin-top: 30px;
}

.catdesc-inner {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
  padding-top: 30px;
}

.category-contleft {
  border-radius: 8px;
  border: 1px solid var(--line);
  overflow: hidden;
}

.ocfilterblock {
  width: 100%;
  border-top: 1px solid var(--line);
}
.ocfilterblock:first-child {
  border-top: none;
}

.ofilterheader {
  padding: 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
  cursor: pointer;
}
.ofilterheader .itemname {
  width: calc(100% - 25px);
}
.ofilterheader .itemicon {
  color: var(--pink);
}

.ocfilterblock.active .ofilterheader .itemicon {
  color: var(--light-gray);
  transform: scaleY(-1);
}

.ofilterbody {
  width: 100%;
  padding: 15px;
  display: none;
  flex-direction: column;
  gap: 15px;
}

.ocfilterblock.active .ofilterbody {
  display: flex;
}

.fiteml {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fiteml span {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--light-gray);
}
.fiteml .checkb input + label {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.fiteml:hover .checkb label {
  color: var(--pink);
}

.moref {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: var(--pink);
}
.moref:hover {
  color: var(--black);
}

.filrsearch {
  height: 36px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--line);
  padding: 0 10px;
}
.filrsearch input {
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}
.filrsearch input::-moz-placeholder {
  color: var(--light-gray);
}
.filrsearch input::placeholder {
  color: var(--light-gray);
}

.price-filter {
  width: 100%;
  max-width: 320px;
}

/* верхняя строка */
.price-inputs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: 400;
  color: var(--light-gray);
}

.price-inputs input[type=number]::-webkit-outer-spin-button,
.price-inputs input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.price-inputs input[type=number] {
  -moz-appearance: textfield;
}

.price-inputs input {
  outline: none;
  width: 80px;
  height: 34px;
  padding: 0px 10px;
  border: 1px solid var(--line);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--black);
}

/* ползунок */
.price-slider {
  position: relative;
  height: 20px;
}

/* фон */
.slider-track {
  position: absolute;
  height: 3px;
  background: #ddd;
  width: 100%;
  top: 40%;
  transform: translateY(-40%);
  border-radius: 2px;
}

/* активная часть */
.price-slider input[type=range] {
  position: absolute;
  width: 100%;
  pointer-events: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}

.price-slider input[type=range]::-webkit-slider-thumb {
  pointer-events: all;
  -webkit-appearance: none;
          appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--white);
  border: 1px solid var(--light-pink);
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.faqwrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.faqitem {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.faqheader {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 20px;
}
.faqheader:hover .faqquestion {
  color: var(--pink);
}
.faqheader:hover .faqicon {
  color: var(--pink);
}

.faqquestion {
  width: calc(100% - 44px);
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.faqicon {
  color: var(--light-gray);
}

.faqcontent {
  width: 100%;
  max-height: 0;
  transition: max-height 0.5s ease;
  overflow: hidden;
}

.faqitem.active {
  border-color: var(--havy-line);
}
.faqitem.active .faqheader .faqquestion {
  color: var(--pink);
}
.faqitem.active .faqheader .faqicon {
  color: var(--pink);
  transform: scaleY(-1);
}

.faqitem.active .faqcontent {
  max-height: 1000px;
}

.faqcontent2 {
  border-top: 1px solid var(--line);
  width: 100%;
  padding: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}

.prefilter3 {
  display: none;
}

.prefilter4 {
  display: none;
}

.tovp-container {
  width: 100%;
  display: flex;
  gap: 20px;
}

.tovleft, .tovright {
  width: calc(50% - 10px);
}

.tovright {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

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

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

.instock {
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0 12px;
  gap: 8px;
  border-radius: 4px;
  border: 1px solid var(--green);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: var(--green);
}

.articuls {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--light-gray);
}

.starholder.bigstars span {
  width: 14px;
  height: 14px;
}

.tovinslcont2.wmins.f14 {
  font-size: 14px;
}

.tovtext {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tovtext2 {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 6px;
}

.tovtext3 {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: var(--pink);
  font-family: "Philosopher", sans-serif;
}

.tovheader {
  margin: 0;
  padding: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
}

.tovdesc1 {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}

.tovchars {
  display: flex;
  align-items: center;
  gap: 20px;
}

.tovchars2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tovchars2 .charitem {
  height: 34px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid var(--line);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--light-gray);
}
.tovchars2 .charitem:hover {
  color: var(--pink);
  border-color: var(--havy-line);
}
.tovchars2 .charitem.active {
  color: var(--pink);
  border-color: var(--havy-line);
}

.tovchars3 {
  display: flex;
  align-items: center;
}

.minus_left {
  height: 34px;
  width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px 0 0 6px;
  border: 1px solid var(--line);
  color: var(--gray);
  line-height: normal;
}
.minus_left:hover {
  border-color: var(--havy-line);
  color: var(--pink);
}

.minus_right {
  height: 34px;
  width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px 6px 6px 0px;
  border: 1px solid var(--line);
  color: var(--gray);
  line-height: normal;
}
.minus_right:hover {
  border-color: var(--havy-line);
  color: var(--pink);
}

.numbertov {
  height: 34px;
  width: 64px;
  border: none;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  text-align: center;
  outline: none;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: var(--black);
}

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

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

.pricecontainer2 {
  display: flex;
  align-items: flex-end;
  gap: 7px;
}

.pricecontainer3 {
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  color: var(--green);
}

.pricecontainer4 {
  padding-bottom: 3px;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--light-gray);
  text-decoration: line-through;
}

.twoprices {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.discountedprice {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--light-gray);
  text-decoration: line-through;
}

.discount {
  height: 27px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 4px;
  background-color: var(--yellow);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: var(--black);
}

.consultblock {
  display: flex;
  gap: 20px;
  align-items: center;
}

.but7 {
  height: 52px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  border-radius: 30px;
  gap: 10px;
  background-color: var(--pink);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: var(--white);
  border: none;
  outline: none;
}
.but7:hover {
  background-color: #c20366;
}

.but8 {
  height: 52px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  border-radius: 30px;
  gap: 10px;
  border: 1px solid var(--green);
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: var(--green);
}
.but8:hover {
  background-color: var(--green);
  color: var(--white);
}

.but1.wh52 {
  width: 52px;
  height: 52px;
}

.tovifo {
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}
.tovifo div {
  width: calc(100% - 30px);
}
.tovifo span {
  color: var(--pink);
}

.tovleft {
  display: flex;
  gap: 10px;
  overflow: hidden;
  align-items: flex-start;
}

.thumbholder {
  width: 65px;
  height: 100%;
}

.bigholder {
  width: calc(100% - 75px);
  border-radius: 8px;
  border: 1px solid var(--line);
  aspect-ratio: 1/1;
}

.slide1to1 {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  padding: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slide1to1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.thumbsl {
  padding: 4px;
  aspect-ratio: 1/1;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--line);
}
.thumbsl img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.thumbsl.swiper-slide-thumb-active {
  border-color: var(--pink);
}

.tabcontent {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  position: sticky;
  top: 54px;
  z-index: 2;
}

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

.tabcontent2 {
  width: 100%;
  overflow: hidden;
  display: flex;
  padding-bottom: 2px;
  padding-top: 2px;
  align-items: center;
}
.tabcontent2 a {
  background-color: var(--white);
  height: 44px;
  display: flex;
  align-items: center;
  border: 1px solid var(--line);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: var(--gray);
  justify-content: center;
  flex: 1;
}
.tabcontent2 a:hover {
  color: var(--pink);
}
.tabcontent2 a.active {
  color: var(--pink);
}
.tabcontent2 a:first-child {
  border-radius: 8px 0 0 8px;
  width: 273px;
  flex: 0 0 273px;
}
.tabcontent2 a:last-child {
  border-radius: 0px 8px 8px 0px;
}

.content-tov {
  width: 100%;
  display: flex;
  gap: 30px;
  flex-direction: column;
}

.content-tov2 {
  padding-bottom: 30px;
  border-bottom: 1px solid #E4E4E4;
}
.content-tov2 h2 {
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}

.shortdesc {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}
.shortdesc p strong {
  color: var(--black);
}
.shortdesc p {
  margin: 0;
  padding-bottom: 16px;
}
.shortdesc p ul {
  padding: 0;
  padding-bottom: 16px;
  margin: 0;
}
.shortdesc p ul li {
  list-style: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
  font-style: italic;
  padding-bottom: 14px;
}
.shortdesc p ul li::before {
  content: "- ";
}
.shortdesc p ul:last-child {
  padding-bottom: 0;
}
.shortdesc ul {
  padding: 0;
  padding-bottom: 16px;
  margin: 0;
}
.shortdesc ul li {
  padding-bottom: 14px;
  list-style: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
  font-style: italic;
}
.shortdesc ul li::before {
  content: "- ";
}
.shortdesc ul:last-child {
  padding-bottom: 0;
}

.tabledesc {
  width: 100%;
}
.tabledesc table {
  width: 100%;
}
.tabledesc table tr:nth-child(even) {
  background: #ffffff;
}
.tabledesc table tr:nth-child(odd) {
  background: var(--bg-pink);
}
.tabledesc table tr td {
  padding: 20px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}
.tabledesc table tr td:first-child {
  width: 320px;
  border-right: 1px solid var(--line);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: var(--black);
}

.shortdesc h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: var(--pink);
  font-family: "Philosopher", sans-serif;
  padding: 0;
  margin: 0;
  padding-bottom: 10px;
}

.shortdesc.noitalic ul li {
  font-style: normal;
}

.reviewblock {
  width: 100%;
  gap: 20px;
  display: flex;
}

.reviewblock_right {
  width: 370px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.reviewblock_left {
  width: calc(100% - 390px);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.formheader1 {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.tovr_holder {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.inputarea {
  width: 100%;
  height: 124px;
  padding: 12px;
  outline: none;
  max-height: 300px;
  border-radius: 4px;
  border: 1px solid var(--havy-line);
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
}
.inputarea::-moz-placeholder {
  color: var(--light-gray);
}
.inputarea::placeholder {
  color: var(--light-gray);
}

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

.rateme2 {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}

[data-star-rating] .gl-star-rating--stars > span {
  width: 20px;
  height: 20px;
}

.gl-star-rating--stars[class*=" s"] > span {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.25'%3E%3Cpath d='M9.99577 1.04175C10.8702 1.04175 11.5589 1.70219 11.9986 2.59334L13.467 5.55438C13.5115 5.64602 13.6171 5.77507 13.7757 5.89311C13.9343 6.01104 14.0895 6.07609 14.1916 6.09325L16.8496 6.53852C17.8098 6.69986 18.6145 7.17049 18.8757 7.99C19.1368 8.80883 18.7543 9.65975 18.0639 10.3515L18.0632 10.3521L15.9983 12.4341C15.9164 12.5166 15.8248 12.6721 15.7673 12.8746C15.7102 13.0758 15.7051 13.259 15.731 13.3774L15.7314 13.379L16.3221 15.9546C16.5671 17.0265 16.486 18.0895 15.7299 18.6452C14.9713 19.2029 13.9346 18.9557 12.9928 18.3948L10.5012 16.9076C10.3965 16.8451 10.2168 16.7944 9.99994 16.7944C9.78463 16.7944 9.60116 16.8444 9.48972 16.9092L9.48815 16.9102L7.00143 18.3944C6.06073 18.9573 5.02531 19.2001 4.26661 18.6419C3.5111 18.0861 3.42581 17.0251 3.67162 15.954L4.26227 13.379L4.26263 13.3774C4.28853 13.259 4.28346 13.0758 4.22635 12.8746C4.16886 12.6721 4.07718 12.5166 3.99534 12.4341L1.9289 10.3506C1.2429 9.65894 0.861696 8.80875 1.12065 7.99113C1.38035 7.17112 2.18355 6.69992 3.1443 6.53847L5.80012 6.09358L5.80097 6.09343C5.89833 6.07654 6.05128 6.01221 6.20942 5.89399C6.36786 5.77553 6.47368 5.64621 6.51829 5.55438L6.52054 5.54981L7.98704 2.59256L7.98762 2.59139C8.43149 1.70098 9.12239 1.04175 9.99577 1.04175Z' fill='%23FFCB5B'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
}

.gl-star-rating--stars[class*=" s"] > span.gl-active, .gl-star-rating--stars[class*=" s"] > span.gl-active.gl-selected {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99577 1.04175C10.8702 1.04175 11.5589 1.70219 11.9986 2.59334L13.467 5.55438C13.5115 5.64602 13.6171 5.77507 13.7757 5.89311C13.9343 6.01104 14.0895 6.07609 14.1916 6.09325L16.8496 6.53852C17.8098 6.69986 18.6145 7.17049 18.8757 7.99C19.1368 8.80883 18.7543 9.65975 18.0639 10.3515L18.0632 10.3521L15.9983 12.4341C15.9164 12.5166 15.8248 12.6721 15.7673 12.8746C15.7102 13.0758 15.7051 13.259 15.731 13.3774L15.7314 13.379L16.3221 15.9546C16.5671 17.0265 16.486 18.0895 15.7299 18.6452C14.9713 19.2029 13.9346 18.9557 12.9928 18.3948L10.5012 16.9076C10.3965 16.8451 10.2168 16.7944 9.99994 16.7944C9.78463 16.7944 9.60116 16.8444 9.48972 16.9092L9.48815 16.9102L7.00143 18.3944C6.06073 18.9573 5.02531 19.2001 4.26661 18.6419C3.5111 18.0861 3.42581 17.0251 3.67162 15.954L4.26227 13.379L4.26263 13.3774C4.28853 13.259 4.28346 13.0758 4.22635 12.8746C4.16886 12.6721 4.07718 12.5166 3.99534 12.4341L1.9289 10.3506C1.2429 9.65894 0.861696 8.80875 1.12065 7.99113C1.38035 7.17112 2.18355 6.69992 3.1443 6.53847L5.80012 6.09358L5.80097 6.09343C5.89833 6.07654 6.05128 6.01221 6.20942 5.89399C6.36786 5.77553 6.47368 5.64621 6.51829 5.55438L6.52054 5.54981L7.98704 2.59256L7.98762 2.59139C8.43149 1.70098 9.12239 1.04175 9.99577 1.04175Z' fill='%23FFCB5B'/%3E%3C/svg%3E%0A") !important;
}

.taligncenter {
  text-align: center;
}

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

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

.but10 {
  display: none;
}

.reviewheader2 {
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.reviewcounter {
  height: 28px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: var(--pink);
}

.tovreviewitem {
  width: 100%;
  border-radius: 8px;
  padding: 20px;
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.tovreviewitem2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}

.treviewheader {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.tovreviewtext {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: #7E7E7E;
}

.but9 {
  display: flex;
  align-items: center;
  height: 27px;
  padding: 0 12px;
  border-radius: 4px;
  border: 1px solid var(--line);
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  color: var(--pink);
  outline: none;
  background-color: transparent;
}
.but9:hover {
  background-color: var(--pink);
  border-color: var(--pink);
  color: var(--white);
}

.adminreply {
  width: 100%;
  border-left: 1px solid var(--havy-line);
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.morereview {
  width: 100%;
  display: flex;
  align-items: center;
  height: 52px;
  justify-content: center;
  gap: 10px;
  border-radius: 30px;
  border: 1px solid var(--line);
  outline: none;
  background-color: var(--white);
  transition: 0.3s;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: var(--pink);
}
.morereview:hover {
  background-color: var(--pink);
  border-color: var(--pink);
  color: var(--white);
  transition: 0.3s;
}

.padb60 {
  padding-bottom: 60px;
}

#p1, #p2, #p3, #p4, #p5, #p6 {
  scroll-margin-top: 150px;
}

.on1100 {
  display: none;
}

.blogcontainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}

.blockheader {
  width: 875px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.blockheader h1 {
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 30px;
  font-weight: 400;
  line-height: 120%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
  text-align: center;
}
.blockheader p {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
  text-align: center;
  padding: 0;
  margin: 0;
}
.blockheader p span {
  color: var(--pink);
}

.blogitemcontainer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 30px;
}

.bloginnerwr {
  width: calc(25% - 8px);
}

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

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

.artheadercont-left, .artheadercont-right {
  width: calc(50% - 15px);
}

.artheadercont-left img {
  width: 100%;
  border-radius: 8px;
}

.artheadercont-right {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.artheadercont-right h1 {
  padding: 0;
  margin: 0;
  font-size: 40px;
  font-weight: 400;
  line-height: 120%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.artheadercont_1 {
  display: flex;
  align-items: center;
  gap: 20px;
}

.blogtextcont2.flstart {
  justify-content: flex-start;
}

.artheaderdesc {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
.artheaderdesc p {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
  padding: 0;
  margin: 0;
}

.butholder4 {
  display: flex;
  align-items: center;
  gap: 20px;
}

.butholder4 .but4 {
  height: 27px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
}
.butholder4 .but4.active 
{
    background-color: var(--pink);
    border-color: var(--pink);
    color: var(--white);
}
.maincont_wrap {
  width: 100%;
  display: flex;
  gap: 20px;
}

.maincont_wrap_right {
  width: 275px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.maincont_wrap_left {
  width: calc(100% - 295px);
}

.art_menu {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.artmenuitems {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.artmenuitems a {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}
.artmenuitems a:hover {
  color: var(--black);
}

.maincont_wrap_left {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.maincont_wrap_left h2 {
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
}
.maincont_wrap_left h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
  padding: 0;
  margin: 0;
  padding-bottom: 10px;
}
.maincont_wrap_left p {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: #7E7E7E;
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
}
.maincont_wrap_left p:last-child {
  padding-bottom: 0;
}
.maincont_wrap_left ul {
  padding: 0;
  padding-bottom: 20px;
  margin: 0;
}
.maincont_wrap_left ul li {
  padding-bottom: 14px;
  list-style: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}
.maincont_wrap_left ul li::before {
  content: "- ";
}
.maincont_wrap_left ol {
  padding: 0;
  padding-bottom: 20px;
  margin: 0;
  padding-left: 15px;
}
.maincont_wrap_left ol li {
  padding-bottom: 14px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}

.articleblock2 {
  display: flex;
  gap: 20px;
    padding-bottom: 25px;
}
.articleblock img 
{
    max-width: 100%;
}
.articleblock2_right {
  width: 355px;
}
.articleblock2_right img {
  width: 100%;
  border-radius: 8px;
}

.articleblock2_left {
  width: calc(100% - 375px);
}

.comments {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.comments .reviewblock_right {
  width: 275px;
}

.comments .reviewblock_left {
  width: calc(100% - 295px);
}

.treviewheader {
  position: relative;
}
.treviewheader .dat {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--light-gray);
}

.pb60 {
  padding-bottom: 60px;
}

.centered_h {
  text-align: center;
}
.centered_h p {
  text-align: center;
}

.blogitemcontainer.compare .search_inneritem {
  width: 300px;
  padding: 0 5px;
}

.search_inneritem {
  position: relative;
  width: calc(20% - 8px);
}

.articlesloop {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  row-gap: 30px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-bottom: 60px;
}

.errsec {
  width: 100%;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  display: flex;
}

.errorcontainer {
  width: 600px;
  max-width: 100%;
  padding-top: 80px;
  padding-bottom: 64px;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.searchblock.pinkborder {
  border: 1px solid var(--havy-line);
}

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

.errortext1 {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
  text-align: center;
}

.errorimg {
  width: 100%;
  text-align: center;
}
.errorimg img {
  max-width: 100%;
}

.errorbutholder {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.googlbut.wauto {
  width: auto;
  padding: 0 40px;
  color: var(--pink);
}
.googlbut.wauto:hover {
  color: var(--white);
}

.successbl {
  margin-bottom: 30px;
  width: 537px;
  max-width: 100%;
  align-items: center;
  border-radius: 12px;
  border: 1px solid var(--green);
  padding: 30px 50px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-left: auto;
  margin-right: auto;
}

.success_text1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.success_text1 h1 {
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 25px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}
.success_text1 p {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}

.successbl.fail {
  border-color: var(--pink);
}

.cartholder {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.cartholder_right {
  width: 370px;
  position: sticky;
  top: 90px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cartholder_left {
  width: calc(100% - 390px);
}

.cartholder1 {
  border-radius: 8px;
  border: 1px solid var(--low-gray);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cartheder1 {
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.promoholder {
  display: flex;
  align-items: center;
  gap: 15px;
}
.promoholder button {
  display: flex;
  align-items: center;
  height: 37px;
  padding: 0 35px;
  border-radius: 4px;
  border: 1px solid var(--line);
  background-color: var(--white);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: var(--pink);
  outline: none;
  transition: 0.3s;
}
.promoholder button:hover {
  background-color: var(--pink);
  border-color: var(--pink);
  color: var(--white);
  transition: 0.3s;
}
.promoholder input {
  width: calc(100% - 156px);
  height: 36px;
  border-radius: 4px;
  border: 1px solid var(--havy-line);
  padding: 0 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
  outline: none;
  background-color: transparent;
}
.promoholder input::-moz-placeholder {
  color: var(--light-gray);
}
.promoholder input::placeholder {
  color: var(--light-gray);
}

.cartholder_text1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.cartholder_text2 {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}
.cartholder_text2 span {
  color: var(--pink);
}

.cartholder_text3 {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  color: var(--green);
}

.chbuttons {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 27px;
}

.chbuttons .googlbut.wauto {
  width: 100%;
  padding: 0 35px;
}

.cartholder_left {
  display: flex;
  flex-direction: column;
}

.cartheader {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
}
.cartheader h1 {
  font-size: 25px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
  padding: 0;
  margin: 0;
}
.cartheader p {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
  padding: 0;
  margin: 0;
}
.cartheader p span {
  color: var(--pink);
}

.cartheader.checkheader {
  border-bottom: none;
  padding-bottom: 0;
}

.tov_cart_container {
  width: 100%;
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
}

.tov_cart_item {
  width: calc(50% - 15px);
  border-bottom: 1px solid var(--line);
  padding: 20px 0;
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}

.tcartimg {
  width: 100px;
  height: 100px;
  border-radius: 6px;
  border: 1px solid var(--line);
  overflow: hidden;
}
.tcartimg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.tovsecl {
  width: calc(100% - 120px);
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.tcart_close {
  position: absolute;
  right: 0;
  top: 20px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid var(--line);
  color: var(--pink);
}
.tcart_close:hover {
  background-color: var(--pink);
  border-color: var(--pink);
  color: var(--white);
}

.tovsecl_top {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

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

.cartprice-wrapper2 {
  display: flex;
  gap: 20px;
  align-items: center;
}

.plusminus {
  display: flex;
  align-items: center;
}
.plusminus input {
  height: 27px;
  width: 64px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  border-left: none;
  border-right: none;
  background-color: transparent;
  outline: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: var(--black);
  text-align: center;
}

.plusminus2 {
  height: 27px;
  width: 27px;
  border: 1px solid var(--line);
  border-radius: 6px 0 0 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gray);
}
.plusminus2:hover {
  background-color: var(--pink);
  border-color: var(--pink);
  color: var(--white);
}

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

.plusminus2.rightp {
  border-radius: 0 6px 6px 0;
}

.subtotal {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}

.subtprice {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  color: var(--green);
}

.checkoutholder {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 20px;
}

.cartuserdata {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--line);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.inputsgroup {
  display: flex;
  gap: 20px;
}

.inputsgroup2 {
  width: calc(50% - 10px);
}

.myselect {
  width: 100%;
  height: 44px;
  border-radius: 4px;
  border: 1px solid var(--havy-line);
  padding-left: 15px;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  outline: none;
  appearance: none; /* убираем стандартную стрелку */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75006 0.750091C8.75006 0.750091 5.80411 4.75005 4.75003 4.75006C3.69595 4.75007 0.750061 0.75006 0.750061 0.75006' stroke='%23A7A7A7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 6px;
  padding-right: 30px;
}

.myarea {
  resize: vertical;
  max-height: 300px;
  width: 100%;
  height: 160px;
  border-radius: 4px;
  border: 1px solid var(--havy-line);
  padding: 12px 15px;
  outline: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
}
.myarea::-moz-placeholder {
  color: var(--light-gray);
}
.myarea::placeholder {
  color: var(--light-gray);
}

.allowedsymb {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}
.allowedsymb span {
  color: var(--pink);
}

.cabinet {
  padding-bottom: 60px;
}

.cabinetwrapper {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.leftmenu {
  width: 290px;
  border-radius: 8px;
  display: flex;
  position: sticky;
  top: 90px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
}
.leftmenu a {
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid var(--line);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  color: var(--black);
}
.leftmenu a:hover {
  color: var(--green);
}
.leftmenu a.active {
  color: var(--green);
}
.leftmenu a:last-child {
  color: var(--pink);
}
.leftmenu a:last-child:hover {
  color: var(--black);
}

.rightcontent {
  width: calc(100% - 310px);
}

.maininfo {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.maininfo h1 {
  padding: 0;
  margin: 0;
  font-size: 25px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.dashline {
  display: flex;
  gap: 20px;
}

.dashitem {
  width: calc(33.33% - 14px);
  border-radius: 8px;
  border: 1px solid var(--line);
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.dashitem p {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
  text-align: center;
}

.dash1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 140%;
  color: var(--pink);
}
.dash1.greens {
  color: var(--green);
}

.mytableorder {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.mytableorder2 {
  width: 100%;
  padding: 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--line);
}
.mytableorder2 div {
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}
.mytableorder3 {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}

.orderrow {
  width: 100%;
  border-bottom: 1px solid var(--line);
  padding: 15px 0;
  display: flex;
  align-items: center;
}
.orderrow:last-child {
  border-bottom: none;
}

.ordercol_f, .ordercol_s {
  width: 50%;
  display: flex;
}

.col50 {
  padding-right: 10px;
  width: 50%;
}

.nomer {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
}

.adrdel {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
}

.sum {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--green);
}

.statusbadge {
  border: 1px solid var(--light-gray);
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
  font-family: "Philosopher", sans-serif;
  height: 27px;
  border-radius: 14px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
}
.statusbadge.pink {
  border-color: var(--light-pink);
  color: var(--pink);
}
.statusbadge.green {
  border-color: var(--green);
  color: var(--green);
}

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

.caborder_holder {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.caborder_item {
  width: 100%;
  border: 1px solid #E4E4E4;
  border-radius: 8px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

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

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

.greenbut {
  height: 52px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: var(--green);
  border-radius: 30px;
  border: 1px solid var(--green);
}
.greenbut:hover {
  color: var(--white);
  background-color: var(--green);
}

.underordertext {
  width: calc(100% - 252px);
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

.underordertext2 {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray);
}
.underordertext2 span {
  color: var(--pink);
}

.underordertext3 {
  display: flex;
  align-items: center;
  gap: 7px;
}

.oldprice {
  text-decoration: line-through;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--light-gray);
}

.newprice {
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  color: var(--green);
}

.savebut {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  height: 37px;
  padding: 0 35px;
  border-radius: 4px;
  border: 1px solid var(--line);
  font-size: 14px;
  font-weight: 500;
    background-color: #FFF;
  line-height: normal;
  color: var(--pink);
}
.savebut:hover {
  color: var(--white);
  background-color: var(--pink);
  border-color: var(--pink);
}

.inputsgroup.three {
  flex-direction: row;
  gap: 20px;
}
.inputsgroup.three .inputsgroup2 {
  width: calc(33.33% - 14px);
}

.search_inneritem2 {
  width: calc(25% - 8px);
  position: relative;
}

.myreviews {
  width: 100%;
  display: flex;
  gap: 20px;
  flex-direction: column;
}

.comparetable {
  width: -moz-fit-content;
  width: fit-content;
}

.comppok td {
  width: 300px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  text-align: center;
}

.comparetable table {
  width: -moz-fit-content;
  width: fit-content;
}
.comparetable table tr td {
  padding: 16px;
  vertical-align: middle;
  text-align: center;
}

.comparetable table tr:nth-child(odd) {
  background: var(--bg-pink);
}
.comparetable table tr:nth-child(odd) tr td {
  border-top: 1px solid var(--low-gray);
  border-bottom: 1px solid var(--low-gray);
}

.comparetable table tr:nth-child(even) {
  background: #ffffff;
}

.pokaznyk {
  text-align: center;
  position: sticky;
  left: 0;
  padding: 16px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: var(--pink);
  font-family: "Philosopher", sans-serif;
  left: 50%;
  transform: translateX(-50%);
  width: -moz-max-content;
  width: max-content;
}

.pok3 {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  background: var(--bg-pink);
}

.comparetable table tr td {
  background-color: var(--white);
}

.comparetable table tr.comppok.privprice td {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  color: var(--green);
}

.buttonsbuy {
  width: 100%;
  display: flex;
  padding-top: 10px;
}

.buttonsbuy2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 25px;
  width: 300px;
  align-items: center;
  justify-content: center;
}
.buttonsbuy2 .buttonmodalf {
  width: 100%;
  max-width: 100%;
}
.buttonsbuy2 .googlbut.wauto {
  width: 100%;
  max-width: 100%;
white-space: nowrap;
}

.comparetable {
  margin-bottom: 30px;
  margin-top: 30px;
}

.reviwpwrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.reviwpwrapper h1 {
  padding: 0;
  margin: 0;
  font-size: 25px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
}

.prefilter.brdbot {
  padding-bottom: 0;
}

.reviwedtov {
  width: 100%;
}
.reviwedtov .productrow {
  padding-bottom: 0;
  border-bottom: 0;
}

.revbutholder {
  width: 100%;
  display: none;
  justify-content: center;
}

.totalsale {
  width: 100%;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.totalsale h1 {
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
  padding: 0;
  margin: 0;
}
.totalsale .undettsale {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}
.totalsale p {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
  display: flex;
  align-items: center;
  gap: 10px;
}
.totalsale p span {
  color: var(--pink);
}
.totalsale p::before {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2345_51546)'%3E%3Ccircle cx='10.0013' cy='10' r='8.33333' stroke='%23E40177' stroke-width='1.5'/%3E%3Cpath d='M10 6.66669V10L11.6667 11.6667' stroke='%23E40177' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2345_51546'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.tbrandwrapper {
  width: 100%;
  display: flex;
  gap: 20px;
  padding-bottom: 20px;
}

.tbrand_left {
  width: 290px;
  border-radius: 8px;
  border: 1px solid var(--light-pink);
  overflow: hidden;
  display: flex;
  height: 172px;
  align-items: center;
  justify-content: center;
}
.tbrand_left img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.tbrand_right {
  width: calc(100% - 310px);
}

.sertitem {
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--line);
  display: block;
  padding: 5px;
}
.sertitem img {
  width: 100%;
}

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

.contactcontainer2 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.contactcontainer2 a {
  width: calc(33.33% - 7px);
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-radius: 8px;
  border: 1px solid var(--line);
  align-items: center;
  justify-content: center;
}
.contactcontainer2 a.second_g {
  padding: 20px;
  gap: 10px;
}
.contactcontainer2 a:hover {
  background-color: #f4eaef;
}
.contactcontainer2 a .contname {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
}

.second_g_cont {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
}

.cont_sub_name {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}

.mapcont {
  width: 100%;
  height: 360px;
  border-radius: 8px;
  overflow: hidden;
}

.location {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.location:hover .locationimg img {
  transform: scale(1.03);
}

.locationimg {
  width: 100%;
  height: 207px;
  border-radius: 6px;
  overflow: hidden;
}
.locationimg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
}

.loctext {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
}

.loctext2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
  text-align: center;
}

.loctext3 {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  color: var(--gray);
}
.loctext3 span {
  color: var(--pink);
}

.formacont {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pinkformwrapper {
  width: 100%;
  border-radius: 8px;
  background-color: var(--bg-pink);
  border: 1px solid var(--line);
  padding: 50px 0;
  display: flex;
  justify-content: center;
}

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

.pinkformtext {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pinkformtext p {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}

.forminputs {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.formhalf {
  width: calc(50% - 10px);
}
.formhalf .myinput {
  background-color: var(--white);
}

.formbutholder {
  width: 100%;
  display: flex;
  justify-content: center;
}
.formbutholder .buttonmodalf {
  width: 297px;
  max-width: 100%;
}

.blockheader.w100 {
  width: 100%;
}

.aboutdesc {
  width: 100%;
}
.aboutdesc p {
  margin: 0;
  padding-top: 0;
  padding-bottom: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}
.aboutdesc p:last-child {
  padding-bottom: 0;
}
.aboutdesc h5 {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
  text-align: center;
  margin: 0;
  padding-bottom: 15px;
  padding-top: 0;
}

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

.experts-left {
  width: calc(50% - 15px);
  border-radius: 6px;
  overflow: hidden;
  height: 384px;
}
.experts-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.experts-left_second {
  width: calc(50% - 15px);
}

.experts-right {
  width: calc(50% - 15px);
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.experts-right h2 {
  font-size: 30px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
  margin: 0;
  padding: 0;
}
.experts-right div {
  width: 100%;
}
.experts-right div p {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
  margin: 0;
  padding-top: 0;
  padding-bottom: 15px;
}
.experts-right div p:last-child {
  padding-bottom: 0;
}

.buttonmodalf.autobut {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 40px;
}

.autorsname {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--pink);
  font-style: italic;
}

.experts-left_second {
  display: flex;
  gap: 30px;
}

.pic {
  width: calc(50% - 15px);
  overflow: hidden;
  border: 1px solid var(--line);
  height: 420px;
  border-radius: 6px;
}
.pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.headerpic {
  margin-top: 10px;
  margin-bottom: 30px;
  width: 100%;
  border-radius: 6px;
  height: 356px;
  overflow: hidden;
}
.headerpic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.policy {
  padding-bottom: 60px;
}

.policycontainer {
  width: 100%;
}
.policycontainer h1 {
  padding-top: 0;
  margin: 0;
  padding-bottom: 20px;
  font-size: 25px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--line);
}
.policycontainer h2, .policycontainer h3, .policycontainer h4, .policycontainer h5 {
  padding-top: 0;
  margin: 0;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  color: var(--black);
  font-family: "Philosopher", sans-serif;
  padding-top: 15px;
}
.policycontainer p {
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}
.policycontainer p a {
  text-decoration: none;
}
.policycontainer p a:hover {
  text-decoration: underline;
  color: var(--pink);
}
.policycontainer a {
  color: var(--pink);
  text-decoration: underline;
}
.policycontainer a:hover {
  color: var(--black);
}
.policycontainer ul {
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-left: 20px;
}
.policycontainer ul li {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}
.policycontainer ol {
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-left: 20px;
}
.policycontainer ol li {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: var(--gray);
}
.policycontainer ol li a {
  color: var(--pink);
  text-decoration: none;
}
.policycontainer ol li a:hover {
  text-decoration: underline;
}

.search_mob_block {
  display: none;
}

.dropdown-menu {
  z-index: 2;
}

/* контейнер */
/* основной селект */
.select2-container--default .select2-selection--single {
  height: 44px;
  border-radius: 4px;
  border: 1px solid var(--havy-line);
  padding-left: 15px;
  padding-right: 30px;
  font-size: 12px;
  font-weight: 400;
  line-height: 44px;
  color: var(--black);
  outline: none;
  background-color: #fff;
}

/* текст */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--black);
  line-height: 44px;
  padding-left: 0;
}

/* стрелка (убираем дефолтную) */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  right: 10px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  transition: 0.3s;
  border: none; /* убираем стандартный треугольник */
  width: 10px;
  height: 6px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75006 0.750091C8.75006 0.750091 5.80411 4.75005 4.75003 4.75006C3.69595 4.75007 0.750061 0.75006 0.750061 0.75006' stroke='%23A7A7A7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* кастомная стрелка */
.select2-container--default .select2-selection--single {
  /* background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75006 0.750091C8.75006 0.750091 5.80411 4.75005 4.75003 4.75006C3.69595 4.75007 0.750061 0.75006 0.750061 0.75006' stroke='%23A7A7A7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 10px center;
   background-size: 10px 6px;*/
}

/* dropdown */
.select2-dropdown {
  border-radius: 4px;
  border: 1px solid var(--havy-line);
  font-size: 12px;
}

/* опции */
.select2-results__option {
  padding: 10px 15px;
}

/* hover */
.select2-results__option--highlighted {
  background-color: #f5f5f5;
  color: var(--black);
}

/* фокус */
.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: var(--black);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--pink);
  color: white;
}

.select2-container--focus:not(.select2-container--open) .select2-selection--single {
  border-color: var(--havy-line);
}

.overflowed {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 30px;
}

.blogitemcontainer.compare {
  flex-wrap: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0;
}

/* Для Webkit браузеров (Chrome, Safari, Edge) */
.overflowed::-webkit-scrollbar {
  height: 4px; /* высота горизонтального скролла */
}

.overflowed::-webkit-scrollbar-track {
  background: #f0f0f0; /* цвет дорожки */
  border-radius: 2px;
}

.overflowed::-webkit-scrollbar-thumb {
  background-color: #FF69B4; /* цвет ползунка */
  border-radius: 2px;
  border: 1px solid #f0f0f0; /* отступ, чтобы было аккуратно */
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(-180deg);
}

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

.reviewdat {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--light-gray);
}

.dropitem.show svg {
  transform: rotate(-180deg);
}

.dropitem svg {
  transition: 0.3s;
}

.swiper-slide {
  position: relative;
}

.tolike {
  position: absolute;
  right: 7px;
  top: 9px;
  width: 15px;
  height: 15px;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3021 1.57883C13.0674 0.208057 11.117 0.760461 9.94529 1.64038C9.46487 2.00116 9.22466 2.18156 9.08333 2.18156C8.942 2.18156 8.7018 2.00117 8.22138 1.64038L8.22137 1.64038C7.04968 0.760461 5.09924 0.208057 2.86453 1.57883C-0.0682762 3.37781 -0.731899 9.31274 6.03294 14.3198C7.32143 15.2735 7.96568 15.7504 9.08333 15.7504C10.201 15.7504 10.8452 15.2735 12.1337 14.3198C18.8986 9.31274 18.2349 3.37781 15.3021 1.57883Z' stroke='%237B7B7B' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.tolike.active {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3021 1.57883C13.0674 0.208057 11.117 0.760461 9.94529 1.64038C9.46487 2.00116 9.22466 2.18156 9.08333 2.18156C8.942 2.18156 8.7018 2.00117 8.22138 1.64038L8.22137 1.64038C7.04968 0.760461 5.09924 0.208057 2.86453 1.57883C-0.0682762 3.37781 -0.731899 9.31274 6.03294 14.3198C7.32143 15.2735 7.96568 15.7504 9.08333 15.7504C10.201 15.7504 10.8452 15.2735 12.1337 14.3198C18.8986 9.31274 18.2349 3.37781 15.3021 1.57883Z' stroke='%23E40177' fill='%23E40177' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.tolike:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3021 1.57883C13.0674 0.208057 11.117 0.760461 9.94529 1.64038C9.46487 2.00116 9.22466 2.18156 9.08333 2.18156C8.942 2.18156 8.7018 2.00117 8.22138 1.64038L8.22137 1.64038C7.04968 0.760461 5.09924 0.208057 2.86453 1.57883C-0.0682762 3.37781 -0.731899 9.31274 6.03294 14.3198C7.32143 15.2735 7.96568 15.7504 9.08333 15.7504C10.201 15.7504 10.8452 15.2735 12.1337 14.3198C18.8986 9.31274 18.2349 3.37781 15.3021 1.57883Z' stroke='%23E40177' fill='%23E40177' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.text-danger 
{
        font-size: 12px;
    font-weight: 400;
}
.myalert 
{
    position: fixed;
    bottom: 0;
    z-index: 10000;
    right: 0;
}
.myalert a, .myalert a:hover
{
    color: var(--pink);
}
.btn-close {
  

    box-sizing: content-box;

    width: 16px;
    height: 16px;

    padding: 4px;

    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center / 10px 10px no-repeat;

    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity);
}
.alert.alert-dismissible 
{
    font-size: 13px;
}
.alert-dismissible .btn-close {

    padding: 18px 12px;
}
@media (min-width: 576px) {
  .modal-dialog.authm {
    max-width: 420px;
  }
}
@media (min-width: 1200px) {
  .container-xl {
    max-width: 1198px;
  }
}
@media (min-width: 1600px) {
  .container-xl {
    max-width: 1568px;
  }
}
@media (max-width: 1599px) {
  .tov_cart_container {
    width: 100%;
    display: flex;
    -moz-column-gap: 0px;
         column-gap: 0px;
    flex-direction: column;
  }
  .tov_cart_item {
    width: 100%;
  }
  .headerpic {
    height: 270px;
  }
  .experts-right h2 {
    font-size: 25px;
  }
  .experts-right div p {
    font-size: 14px;
  }
  .experts-right {
    gap: 15px;
  }
  .pic {
    height: 330px;
    width: calc(50% - 5px);
  }
  .experts-left_second {
    gap: 10px;
  }
  .experts-left {
    height: 330px;
  }
  .pinkformwrapper2 {
    width: 610px;
  }
  .contactcontainer2 a .contname {
    font-size: 16px;
  }
  .tbrand_right {
    width: calc(100% - 292px);
  }
  .tbrand_left {
    width: 272px;
    height: 160px;
  }
  .buttonsbuy2 {
    width: 285px;
  }
  .comppok td {
    width: 285px;
  }
  .search_inneritem2 {
    width: calc(33.33% - 7px);
  }
  .rightcontent {
    width: calc(100% - 290px);
  }
  .leftmenu {
    width: 270px;
  }
  .cartholder_right {
    width: 316px;
  }
  .cartholder_left {
    width: calc(100% - 326px);
  }
  .chbuttons {
    padding: 0;
  }
  .errorcontainer {
    padding-top: 64px;
    gap: 64px;
  }
  .blogitemcontainer.compare .search_inneritem {
    width: 285px;
  }
  .search_inneritem {
    width: calc(25% - 8px);
  }
  .comments .reviewblock_left {
    padding-top: 20px;
    border-top: 1px solid var(--line);
  }
  .but10.disppc {
    display: flex;
    border: none;
    height: 37px;
    display: flex;
    align-items: center;
    padding: 0 30px;
    border-radius: 4px;
    background-color: var(--pink);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: var(--white);
  }
  .reviewblock_right.disppc {
    display: none;
  }
  .artheadercont-right h1 {
    font-size: 30px;
  }
  .artheaderdesc p {
    font-size: 14px;
  }
  .artheadercont-right {
    gap: 20px;
  }
  .bloginnerwr {
    width: calc(33.33% - 7px);
  }
  .tovheader {
    font-size: 24px;
  }
  .tovdesc1 {
    font-size: 14px;
  }
  .consultblock {
    gap: 15px;
  }
  .category-contleft {
    width: 272px;
  }
  .category-contright {
    width: calc(100% - 292px);
  }
  .tov-wrap-cont {
    width: calc(33.33% - 7px);
  }
  .threebanners-item {
    min-height: 196px;
  }
  .topinner-right {
    gap: 60px;
  }
  .logocontainer {
    height: 130px;
  }
  .totalsale .undettsale {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .reviewblock_left {
    width: 100%;
  }
  .reviewblock_right {
    display: none;
  }
  .but10 {
    border: none;
    height: 37px;
    display: flex;
    align-items: center;
    padding: 0 30px;
    border-radius: 4px;
    background-color: var(--pink);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: var(--white);
  }
  .but10:hover {
    background-color: #c20366;
  }
  .reviewp_w .reviewblock_right {
    display: flex;
  }
}
@media (max-width: 1300px) {
  .bannerslider {
    height: 480px;
  }
  .bannerslider img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media (max-width: 1200px) {
  .prefilter3 {
    display: flex;
    gap: 7px;
    align-items: center;
  }
  .dropitem {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    color: var(--pink);
  }
  .topinner-right {
    gap: 20px;
  }
  .prefilter2 {
    display: none;
  }
}
@media (max-width: 1100px) {
  .buttonsbuy2 {
    padding: 0 10px;
  }
  .buttonsbuy2 .googlbut.wauto {
    padding: 0 0;
  }
  .buttonsbuy2 .buttonmodalf {
    padding: 0 0;
  }
  .tabcontent2 a {
    padding-top: 2px;
  }
  .tovp-container {
    flex-wrap: wrap;
  }
  .tovleft {
    width: 100%;
    flex-direction: row-reverse;
  }
  .tovright {
    width: 100%;
  }
  .tovtopholder {
    justify-content: center;
    gap: 20px;
  }
  .tovtext3 {
    text-align: center;
  }
  .tovheader, .tovdesc1 {
    text-align: center;
  }
  .tovchars, .pricecontainer, .consultblock {
    justify-content: center;
  }
  .tovright {
    gap: 20px;
  }
  .tovifo {
    justify-content: center;
  }
  .tovifo div {
    width: auto;
  }
  .no1100 {
    display: none;
  }
  .on1100 {
    display: block;
  }
  .tabcontent.on1100 {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .brcrholder {
    padding: 20px 0;
  }
  .tovifo {
    padding: 20px 0;
    border-bottom: 1px solid var(--line);
  }
  .tovp-container {
    padding-bottom: 20px;
  }
  .content-tov2 h2 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .shortdesc {
    font-size: 12px;
  }
  .content-tov2 {
    padding-bottom: 20px;
  }
  .content-tov {
    gap: 20px;
  }
  .tabledesc table tr td {
    padding: 12px;
  }
  .tabledesc table tr td:first-child {
    font-size: 12px;
    width: 240px;
  }
  .tabledesc table tr td {
    font-size: 12px;
  }
  .shortdesc h3 {
    font-size: 16px;
  }
  .shortdesc ul li {
    font-size: 12px;
  }
  .tabcontent {
    top: 85px;
  }
  .tabcontent2 a {
    font-size: 14px;
  }
  .tabcontent2 a:first-child {
    width: auto;
    padding-left: 18px;
    padding-right: 18px;
    flex: auto;
  }
  .tabcontent2 {
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .tabcontent2 a {
    white-space: nowrap;
    flex: auto;
    width: auto;
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media (max-width: 1024px) {
  .truncsearch2 {
    position: absolute;
    right: 13px;
    top: -43px;
  }
  .textcontainer {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
  }
  .textcontainer.active {
    display: block;
  }
  .search_mob_block {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    gap: 8px;
    justify-content: center;
  }
  .no1024 {
    display: none;
  }
  .topline-right {
    justify-content: flex-end;
  }
  .on1024 {
    display: flex;
  }
  .burgermenu {
    display: flex;
    height: 44px;
    align-items: center;
    padding: 0 20px;
    border-radius: 30px;
    border: 1px solid var(--line);
    color: var(--black);
    gap: 10px;
  }
  .burgermenu span {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: var(--black);
  }
}
@media (max-width: 991px) {
  .search_container {
    width: 100%;
    left: 0;
    transform: none;
    position: relative;
  }
  .truncsearch2 {
    position: absolute;
    right: 13px;
    top: -35px;
  }
  .searchresults {
    height: calc(100vh - 107px);
    overflow-y: auto;
    padding: 15px;
  }
  .cartholder_right {
    position: unset;
    top: auto;
  }
  .maininfo .cabineheader {
    justify-content: center;
  }
  .tbrandwrapper .totalsale h1 {
    text-align: center;
  }
  .tbrandwrapper .totalsale .undettsale {
    text-align: center;
  }
  .tbrandwrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .tbrand_left {
    width: 202px;
    height: 120px;
  }
  .tbrand_right {
    width: 100%;
  }
  .revbutholder {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .revbutholder .buttonmodalf {
    max-width: 100%;
    width: 300px;
  }
  .reviewp_w h1 {
    text-align: center;
  }
  .reviewp_w .prefilter.prefilter.brdbot {
    justify-content: center;
  }
  .reviewp_w .reviewblock_right {
    display: none;
  }
  .rightcontent {
    width: 100%;
  }
  .cabinetwrapper {
    flex-direction: column;
  }
  .maininfo h1 {
    text-align: center;
  }
  .leftmenu {
    width: 100%;
    overflow-x: auto;
    flex-direction: row;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    position: relative;
    top: auto;
    -ms-overflow-style: none;
  }
  .leftmenu a {
    width: -moz-fit-content;
    width: fit-content;
    padding: 16px;
    white-space: nowrap;
    border-bottom: none;
    border-right: 1px solid var(--line);
  }
  .relativesv {
    position: relative;
    padding-top: 90px;
    padding-bottom: 107px;
  }
  .relativesv.relativesv2 {
    padding-top: 57px;
  }
  .mheader3.taligncenter {
    width: 100%;
  }
  .chbuttons {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    flex-direction: row;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .chbuttons .buttonmodalf {
    max-width: 276px;
  }
  .chbuttons .googlbut.wauto {
    max-width: 276px;
  }
  .cartholder_right {
    width: 170px;
  }
  .cartholder {
    gap: 15px;
  }
  .cartholder_left {
    width: calc(100% - 185px);
  }
  .promoholder {
    flex-direction: column;
    gap: 15px;
  }
  .promoholder input {
    width: 100%;
  }
  .promoholder button {
    width: 100%;
  }
  .cartholder1 {
    padding: 15px;
  }
  .cartheder1 {
    font-size: 16px;
  }
  .cartheader {
    position: absolute;
    width: calc(100% - 32px);
    flex-direction: column;
    left: 16px;
    top: 0;
  }
  .checkoutholder {
    padding-top: 0;
  }
  .errorcontainer {
    width: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    gap: 100px;
  }
  .blogitemcontainer.compare .search_inneritem {
    width: 236px;
  }
  .search_inneritem {
    width: calc(33.33% - 7px);
  }
  .maincont_wrap_left ul li {
    font-size: 12px;
  }
  .comments .reviewblock_left {
    width: 100%;
  }
  .artheadercont {
    gap: 15px;
  }
  .artheadercont-left {
    width: 300px;
    height: 227px;
    overflow: hidden;
    border-radius: 8px;
  }
  .artheadercont-left img {
    border-radius: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .artheadercont-right {
    width: calc(100% - 315px);
    gap: 15px;
  }
  .articlecontainer {
    gap: 15px;
  }
  .maincont_wrap_right {
    display: none;
  }
  .maincont_wrap_left {
    width: 100%;
    gap: 15px;
  }
  .maincont_wrap_left p {
    font-size: 12px;
  }
  .maincont_wrap_left h2 {
    font-size: 18px;
    padding-bottom: 15px;
  }
  .articleblock2_right {
    width: 300px;
    height: 207px;
    border-radius: 8px;
    overflow: hidden;
  }
  .articleblock2_right img {
    border-radius: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .artheadercont-right h1 {
    font-size: 25px;
  }
  .artheaderdesc p {
    font-size: 12px;
  }
  .articleblock2 {
    gap: 15px;
    align-items: center;
  }
  .articleblock2_left {
    width: calc(100% - 315px);
  }
  .maincont_wrap_left h3 {
    font-size: 14px;
  }
  .maincont_wrap_left ol li {
    font-size: 12px;
  }
  .category-contleft {
    display: none;
  }
  .category-contright {
    width: 100%;
  }
  .prefilter4 {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    color: var(--pink);
  }
  .footerform {
    width: 100%;
    gap: 15px;
  }
  .logocontainer {
    height: 90px;
  }
  .formbuts, .forminps {
    flex-direction: row;
    gap: 15px;
  }
  .forminps {
    width: calc(66% - 8px);
  }
  .but5 {
    width: calc(33.33% - 8px);
  }
  .inp1 {
    width: calc(50% - 8px);
  }
  .leftfooter {
    width: 100%;
  }
  .menuheader, .fl-col ul li, .contacttitle, .fcontlink, .scadule {
    text-align: center;
  }
  .item2 {
    order: 2;
  }
  .item3 {
    order: 3;
  }
  .buttonsbuy2 {
    width: 236px;
  }
  .buttonsbuy2 .buttonmodalf {
    width: 226px;
    max-width: 100%;
    padding: 0px 15px;
  }
  .buttonsbuy2 .googlbut.wauto {
    width: 226px;
    max-width: 100%;
    padding: 0px 15px;
  }
}
@media (max-width: 768px) {
  .policycontainer h1 {
    text-align: center;
  }
  .headerpic {
    height: 168px;
    margin-top: 8px;
    margin-bottom: 20px;
  }
  .aboutdesc p {
    padding-bottom: 12px;
  }
  .aboutdesc h5 {
    padding-bottom: 10px;
    font-size: 16px;
  }
  .experts {
    gap: 20px;
  }
  .experts-left {
    width: calc(50% - 10px);
    height: 311px;
  }
  .experts-right {
    width: calc(50% - 10px);
  }
  .experts-right {
    gap: 10px;
  }
  .experts-right h2 {
    font-size: 18px;
  }
  .experts-right div p {
    font-size: 12px;
  }
  .experts-left_second {
    width: calc(50% - 10px);
  }
  .pic {
    height: 317px;
  }
  .autorsname {
    font-size: 12px;
  }
  .contactcontainer2 a .contname {
    font-size: 14px;
  }
  .cont_sub_name {
    font-size: 12px;
  }
  .contactcontainer2 a {
    padding: 20px;
  }
  .articlesloop {
    row-gap: 20px;
  }
  .blogitemcontainer {
    row-gap: 20px;
  }
  .mapcont {
    height: 240px;
  }
  .bloginnerwr {
    width: calc(50% - 5px);
  }
  .blockheader p {
    text-align: center;
    font-size: 12px;
  }
  .blockheader {
    width: 643px;
  }
  .blogcontainer {
    gap: 20px;
  }
  .blockheader h1 {
    font-size: 25px;
  }
  .categoryloop {
    padding-top: 40px;
  }
  .simpletext {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .logocontainer {
    padding: 0 10px;
  }
  .totalsale h1 {
    text-align: center;
  }
  .totalsale .undettsale {
    text-align: center;
    font-size: 12px;
  }
  .totalsale p {
    width: 100%;
    justify-content: center;
    font-size: 12px;
  }
}
@media (max-width: 750px) {
  .tov_cart_item {
    position: relative;
    padding-bottom: 52px;
  }
  .cartprice-wrapper {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
  }
  .plusminus2 {
    height: 22px;
    width: 22px;
  }
  .plusminus2 svg {
    width: 8px;
  }
  .plusminus input {
    height: 22px;
    width: 56px;
  }
}
@media (max-width: 700px) {
  .experts {
    flex-wrap: wrap;
    gap: 10px;
  }
  .experts-left {
    height: 311px;
  }
  .experts-left, .experts-right, .experts-left_second {
    width: 100%;
  }
  .blogitemcontainer.compare .search_inneritem {
    width: 236px;
  }
  .comppok td {
    width: 236px;
  }
  .comparetable table {
    width: auto;
  }
  .buttonsbuy2 {
    width: 236px;
  }
  .buttonsbuy2:nth-child(5), .buttonsbuy2:nth-child(4) {
    display: flex;
  }
  .comppok td:nth-child(5), .comppok td:nth-child(4) {
    display: table-cell;
  }
  .blogitemcontainer.compare .search_inneritem:nth-child(5), .blogitemcontainer.compare .search_inneritem:nth-child(4) {
    display: flex;
  }
  .blogitemcontainer.compare {
    flex-wrap: nowrap;
    width: -moz-fit-content;
    width: fit-content;
  }
  .comparetable, .comparetable table {
    width: -moz-fit-content;
    width: fit-content;
  }
  .overflowed {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .underorder {
    flex-direction: column;
    gap: 15px;
    align-items: center;
    justify-content: center;
  }
  .underordertext {
    flex-direction: column;
    gap: 5px;
    width: auto;
    align-items: center;
    justify-content: center;
  }
  .underordertext2 {
    font-size: 12px;
  }
  .oldprice {
    font-size: 12px;
  }
  .newprice {
    font-size: 20px;
  }
  .burgermenu span {
    display: none;
  }
  .burgermenu {
    width: 44px;
    border-radius: 50%;
    padding: 0;
    align-items: center;
    justify-content: center;
  }
  .but1.on1024 {
    display: none;
  }
  .catdesc-inner {
    padding-top: 20px;
  }
  .category-wrapper h1 {
    font-size: 18px;
    text-align: center;
  }
  .pagin-item {
    min-width: 40px;
    height: 40px;
    padding: 0 16px;
  }
  .mdots {
    height: 40px;
  }
  .prew-page, .next-page {
    height: 40px;
    width: 40px;
  }
  .catdesc-inner {
    text-align: center;
    font-size: 12px;
  }
  .brcrholderwrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .brcrholderwrapper ul li {
    white-space: nowrap;
  }
  .brcrholderwrapper ul li a {
    white-space: nowrap;
  }
  .mdots {
    padding-bottom: 11px;
    font-size: 12px;
  }
  .pagin-item {
    font-size: 12px;
  }
  .faqquestion {
    font-size: 16px;
  }
  .faqheader {
    padding: 13px;
  }
  .faqcontent2 {
    padding: 15px;
    font-size: 12px;
  }
  .pinkformwrapper {
    padding: 30px 15px;
  }
  .pinkformwrapper2 {
    width: 100%;
    gap: 20px;
  }
}
@media (max-width: 600px) {
  .truncsearch {
    display: block;
  }
  .reviwedtov .but6 {
    width: 100%;
    justify-content: center;
  }
  .cartheader.checkheader {
    border-bottom: none;
    padding-bottom: 15px;
  }
  .relativesv.relativesv2 {
    padding-top: 0px;
  }
  .product-loop {
    row-gap: 15px;
  }
  .policycontainer h1 {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .policycontainer a {
    color: var(--pink);
    text-decoration: underline;
  }
  .policycontainer p {
    font-size: 12px;
    padding-bottom: 15px;
  }
  .policycontainer ul {
    gap: 15px;
  }
  .policycontainer ul li {
    font-size: 12px;
  }
  .policycontainer h2, .policycontainer h3, .policycontainer h4, .policycontainer h5 {
    font-size: 14px;
    padding-bottom: 7px;
    padding-top: 0;
  }
  .headerpic {
    height: 82px;
    margin-top: 0;
    margin-bottom: 12px;
  }
  .blockheader p {
    font-size: 10px;
  }
  .aboutdesc h5 {
    font-size: 14px;
  }
  .experts {
    flex-wrap: wrap;
    gap: 10px;
  }
  .experts-left, .experts-right, .experts-left_second {
    width: 100%;
  }
  .experts-right {
    align-items: center;
  }
  .experts-right h2 {
    text-align: center;
  }
  .buttonmodalf.autobut {
    margin-top: 5px;
  }
  .categoryloop.secrp {
    padding-top: 30px;
  }
  .categoryloop.secrp .experts {
    flex-direction: column-reverse;
  }
  .pic {
    height: 240px;
  }
  .autorsname {
    font-size: 10px;
    text-align: center;
  }
  .experts-right div p {
    font-size: 10px;
    text-align: center;
  }
  .experts-left {
    height: 311px;
  }
  .pinkformtext p {
    font-size: 12px;
  }
  .forminputs {
    -moz-column-gap: 10px;
         column-gap: 10px;
    row-gap: 15px;
  }
  .formhalf {
    width: calc(50% - 5px);
  }
  .formbutholder .buttonmodalf {
    width: 100%;
  }
  .contactcontainer {
    gap: 15px;
  }
  .mapcont {
    height: 200px;
  }
  .contactcontainer2 a {
    width: calc(50% - 5px);
    padding: 20px 15px;
  }
  .contactcontainer2 a:nth-child(2) {
    width: 100%;
    order: 1;
  }
  .contactcontainer2 a:nth-child(3) {
    order: 3;
  }
  .contactcontainer2 a:nth-child(4) {
    order: 4;
  }
  .contactcontainer2 a:nth-child(1) {
    order: 2;
  }
  .contactcontainer2 a:nth-child(5) {
    width: 100%;
    order: 6;
  }
  .contactcontainer2 a:nth-child(6) {
    order: 5;
  }
  .contactcontainer2 a.second_g {
    padding: 20px 15px;
  }
  .totalsale h1 {
    font-size: 18px;
    text-align: center;
  }
  .reviewp_w h1 {
    font-size: 18px;
  }
  .reviewp_w .prefilter.prefilter.brdbot {
    padding-top: 10px;
  }
  .productrow {
    flex-wrap: wrap;
    gap: 15px;
  }
  .s_tovcontainer {
    width: 100%;
  }
  .tovsname {
    font-size: 14px;
  }
  .myreviews {
    gap: 15px;
  }
  .cabineheader {
    width: 100%;
    justify-content: center;
  }
  .search_inneritem2 {
    width: calc(50% - 5px);
  }
  .inputsgroup {
    gap: 10px;
  }
  .inputsgroup2 {
    width: calc(50% - 5px);
  }
  .inputsgroup.three {
    flex-direction: row;
    row-gap: 12px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    flex-wrap: wrap;
  }
  .inputsgroup.three .inputsgroup2 {
    width: calc(50% - 5px);
  }
  .inputsgroup.three .inputsgroup2:first-child {
    width: 100%;
  }
  .orderinnerholder .cartheder1 {
    text-align: left;
  }
  .leftmenu a {
    padding: 10px 12px;
    font-size: 12px;
  }
  .cabinetwrapper {
    gap: 15px;
  }
  .maininfo h1 {
    font-size: 18px;
  }
  .maininfo {
    gap: 15px;
  }
  .cartuserdata {
    padding: 15px;
    gap: 12px;
  }
  .dashline {
    gap: 10px;
    flex-wrap: wrap;
  }
  .mytableorder2 {
    display: none;
  }
  .mytableorder3 {
    padding: 0 15px;
  }
  .ordercol_s {
    flex-direction: column;
    gap: 10px;
  }
  .ordercol_f {
    flex-direction: column;
    gap: 16px;
  }
  .ordercol_f {
    width: calc(100% - 115px);
  }
  .cabinet {
    padding-bottom: 30px;
  }
  .col50 {
    width: 100%;
  }
  .nomer {
    font-size: 12px;
    color: var(--gray);
  }
  .ordercol_s {
    width: 115px;
  }
  .dashitem {
    padding: 15px;
    width: calc(50% - 5px);
  }
  .dashitem:last-child {
    width: 100%;
  }
  .dashitem p {
    font-size: 12px;
  }
  .relativesv {
    padding-top: 0;
  }
  .cartheader {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
  }
  .cartholder {
    flex-wrap: wrap;
    gap: 15px;
  }
  .cartholder_left, .cartholder_right {
    width: 100%;
  }
  .cartheader h1 {
    font-size: 18px;
  }
  .cartheader p {
    font-size: 10px;
    text-align: center;
  }
  .cartheader {
    padding-bottom: 15px;
  }
  .tov_cart_item {
    padding-top: 15px;
    padding-bottom: 47px;
    gap: 15px;
  }
  .tcartimg {
    width: 80px;
    height: 80px;
  }
  .tovsecl {
    width: calc(100% - 95px);
  }
  .tovsecl_top .tovsname {
    font-size: 14px;
  }
  .cartprice-wrapper2 .pricemain {
    font-size: 14px;
  }
  .cartprice-wrapper2 .priceold {
    font-size: 10px;
  }
  .subtotal {
    font-size: 10px;
  }
  .subtprice {
    font-size: 16px;
  }
  .cartprice-wrapper2 {
    gap: 15px;
  }
  .plusminus input {
    font-size: 12px;
    width: 37px;
  }
  .cartprice-wrapper {
    bottom: 15px;
  }
  .tcart_close {
    width: 22px;
    height: 22px;
  }
  .tcart_close svg {
    width: 7px;
  }
  .cartholder1 {
    gap: 15px;
  }
  .promoholder {
    flex-direction: row;
    gap: 10px;
  }
  .promoholder button {
    width: auto;
    padding: 0 25px;
  }
  .promoholder input {
    width: calc(100% - 131px);
  }
  .cartheder1 {
    text-align: center;
  }
  .cartholder_right {
    gap: 15px;
  }
  .chbuttons {
    flex-direction: column;
    gap: 15px;
    align-items: center;
  }
  .relativesv {
    padding-bottom: 168px;
  }
  .success_text1 h1 {
    font-size: 18px;
  }
  .success_text1 p {
    font-size: 12px;
  }
  .errorcontainer {
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    gap: 80px;
    padding-bottom: 64px;
  }
  .errorbutholder {
    flex-direction: column;
    gap: 15px;
  }
  .errorbutholder .but7 {
    min-width: 255px;
    justify-content: center;
  }
  .errorbutholder .googlbut.wauto {
    min-width: 255px;
  }
  .errortext1 {
    font-size: 12px;
  }
  .articlesloop {
    row-gap: 15px;
  }
  .blogitemcontainer {
    row-gap: 15px;
  }
  .search_inneritem {
    width: calc(50% - 5px);
  }
  .articlesloop .search_inneritem {
    width: 100%;
  }
  .articlesloop {
    padding-bottom: 30px;
  }
  .artheadercont {
    flex-direction: column;
  }
  .artheadercont-left, .artheadercont-right {
    width: 100%;
  }
  .artheadercont-left {
    overflow: visible;
    height: auto;
  }
  .artheadercont-left img {
    border-radius: 8px;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .articleblock2 {
    flex-wrap: wrap;
  }
  .articleblock2_left, .articleblock2_right {
    width: 100%;
  }
  .articleblock2_right {
    overflow: visible;
    height: auto;
  }
  .articleblock2_right img {
    border-radius: 8px;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .bloginnerwr {
    width: 100%;
  }
  .blockheader h1 {
    font-size: 18px;
  }
  .tovleft {
    flex-wrap: wrap;
  }
  .thumbsl {
    width: 55px;
    aspect-ratio: 1/1;
    border-radius: 4px;
  }
  .thumbholder {
    height: auto;
    order: 2;
  }
  .slide1to1 {
    padding: 48px;
  }
  .tovtopholder {
    flex-direction: column;
    gap: 15px;
  }
  .tovtopholder1 {
    flex-direction: column-reverse;
    gap: 15px;
  }
  .tovright {
    gap: 15px;
  }
  .tovtext3 {
    font-size: 14px;
  }
  .tovheader {
    font-size: 18px;
  }
  .tovdesc1 {
    font-size: 12px;
  }
  .tovchars {
    flex-direction: column;
    gap: 15px;
  }
  .consultblock {
    flex-wrap: wrap;
    gap: 10px;
  }
  .consultblock .but7 {
    width: 100%;
    justify-content: center;
  }
  .consultblock .but8 {
    order: 3;
  }
  .consultblock .ordlast {
    order: 4;
  }
  .tovifo div {
    width: calc(100% - 30px);
    padding-left: 20px;
    border-left: 1px solid var(--line);
  }
  .tovp-container {
    padding-bottom: 15px;
  }
  .tabledesc table tr td:first-child {
    width: 150px;
  }
  .reviewheader_un .tovinslcont2 {
    display: none;
  }
  .reviewblock_left {
    gap: 10px;
  }
  .tovreviewitem {
    padding: 15px;
  }
  .thumbholder, .bigholder {
    width: 100%;
  }
  .tabcontent.on1100 {
    padding-bottom: 10px;
  }
  .prefilter-name {
    display: none;
  }
  .tov-wrap-cont {
    width: calc(50% - 5px);
  }
  .mobileoverlay2 {
    width: calc(100% - 44px);
  }
  .topinner-left .catalobbut {
    display: none;
  }
  .but1.no1024:first-child {
    display: flex;
  }
  .topinner-left .but1:nth-child(2), .topinner-left .but1:nth-child(3) {
    display: none;
  }
  .menuline {
    height: 68px;
  }
  h2, .h2 {
    font-size: 18px;
  }
  .leftrightsl {
    width: 32px;
    height: 32px;
  }
  .leftrightsl svg {
    width: 4px;
  }
  .tovslname, .tovsldesc {
    font-size: 12px;
  }
  .logocontainer, .logocontainer.six {
    width: calc(25% - 8px);
  }
  .logocontainer:nth-child(6) {
    width: calc(50% - 5px);
  }
  .sblcont {
    gap: 10px;
  }
  .adv-item {
    width: 100%;
    padding: 20px 10px;
  }
  .threebanners-wrap {
    flex-wrap: wrap;
    gap: 10px;
  }
  .threebanners-item {
    width: 100%;
  }
  .categoryloop.lesspad {
    padding-top: 10px;
  }
  .threebanners-item.threebanners-item:nth-child(2) {
    width: 100%;
  }
  .advtext-1 {
    font-size: 14px;
  }
  .advtext-2, .reviewer3 {
    font-size: 10px;
  }
  .reviewer2 {
    font-size: 14px;
  }
  .reviewitem {
    padding: 15px 10px;
    gap: 10px;
  }
  .blogitemimg {
    height: 230px;
  }
  .simpletext {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .item3 {
    order: 2;
  }
  .item2 {
    order: 3;
  }
  .leftfooter {
    flex-wrap: wrap;
  }
  .fl-col.item2 {
    width: 100%;
  }
  .fl-col:first-child, .fl-col:nth-child(2) {
    width: calc(50% - 10px);
  }
  .footerrow {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
  }
  .footerform {
    padding: 15px 10px;
  }
  .formbuts {
    flex-wrap: wrap;
  }
  .forminps {
    width: 100%;
    gap: 10px;
  }
  .inp1 {
    width: calc(50% - 5px);
  }
  .formbuts {
    justify-content: center;
  }
  .but5 {
    width: auto;
    padding: 0 25px;
  }
  .footercontainer {
    gap: 10px;
  }
  .footer-lasline {
    padding: 13px 10px;
    flex-wrap: wrap;
    gap: 11px;
    justify-content: center;
  }
  .copyright {
    width: 100%;
    text-align: center;
  }
  .footer-lasline a {
    order: 3;
  }
  .devby {
    order: 2;
    width: 100%;
    justify-content: center;
  }
  .cartuserdata .cartheder1 {
    text-align: left;
  }
}
@media (max-width: 530px) {
  .relativesv {
    padding-bottom: 168px;
  }
  .mheader3.taligncenter {
    padding: 0 16px;
  }
  .relativesv {
    padding-bottom: 182px;
  }
}/*# sourceMappingURL=style.css.map */