@charset "UTF-8";
@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/Roboto-Regular.woff2") format("woff2"), url("./assets/fonts/Roboto-Regular.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/Roboto-Medium.woff2") format("woff2"), url("./assets/fonts/Roboto-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/Roboto-SemiBold.woff2") format("woff2"), url("./assets/fonts/Roboto-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/Roboto-ExtraBold.woff2") format("woff2"), url("./assets/fonts/Roboto-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./assets/fonts/Montserrat-Bold.woff2") format("woff2"), url("./assets/fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./assets/fonts/Montserrat-SemiBold.woff2") format("woff2"), url("./assets/fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./assets/fonts/Montserrat-Medium.woff2") format("woff2"), url("./assets/fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
}

ul,
ol {
  list-style: none;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

button {
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
}

input,
select,
textarea {
  font: inherit;
  color: inherit;
  border: none;
  outline: none;
  background: transparent;
}

h1, h2, h3, h4, h5, h6,
p {
  font: inherit;
  font-weight: normal;
}

html, body {
  height: 100%;
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
  background-color: white;
  color: #393939;
  scroll-behavior: smooth;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

audio,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

main {
  padding-top: 147px;
}
@media (max-width: 768px) {
  main {
    padding-top: 150px;
  }
}
@media (max-width: 430px) {
  main {
    padding-top: 113px;
  }
}

.backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: all 0.3s;
  z-index: 40;
}
.backdrop.active {
  opacity: 1;
  pointer-events: all;
}

.swiper-pagination {
  width: unset !important;
  position: static !important;
}

.topbar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px clamp(40px, 40px + (60 - 40) * (100vw - 1440px) / (1920 - 1440), 60px);
  background-color: #F7F7F7;
  border-bottom: 1px solid #F5F6FA;
}
@media (max-width: 1024px) {
  .topbar {
    padding: 12px 20px;
  }
}
@media (max-width: 430px) {
  .topbar {
    padding: 6px 20px;
  }
}
.topbar__wrapper {
  display: flex;
  align-items: center;
}
.topbar__wrapper--biggap {
  gap: 82px;
}
@media (max-width: 1024px) {
  .topbar__wrapper--biggap {
    gap: clamp(15px, 15px + (42 - 15) * (100vw - 768px) / (1024 - 768), 42px);
  }
}
.topbar__wrapper--smallgap {
  gap: 42px;
}
@media (max-width: 1024px) {
  .topbar__wrapper--smallgap {
    gap: clamp(15px, 15px + (48 - 15) * (100vw - 768px) / (1024 - 768), 48px);
  }
}
.topbar__icon-text {
  display: flex;
  align-items: center;
  gap: 8px;
}
.topbar__icon-text img {
  width: 18px;
  height: auto;
  stroke: #AEAEAE;
}
.topbar__icon-text p {
  font-size: 16px;
  font-weight: 200;
  color: #AEAEAE;
}
@media (max-width: 1024px) {
  .topbar__icon-text p {
    font-size: clamp(14px, 14px + (16 - 14) * (100vw - 768px) / (1024 - 768), 16px);
  }
}
@media (max-width: 630px) {
  .topbar__icon-text p {
    font-size: 16px;
  }
}
@media (max-width: 630px) {
  .topbar__icon-text--notablet {
    display: none;
  }
}
.topbar--menu {
  display: flex;
  flex-direction: column;
  display: none;
  align-items: flex-start;
  gap: 8px;
  padding: 0;
  background-color: #FFF;
  border-bottom: none;
}
@media (max-width: 630px) {
  .topbar--menu {
    display: flex;
  }
}

.language {
  width: 110px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  border-radius: 40px;
}
.language__item {
  width: 54px;
  height: 35px;
  position: relative;
}
.language__item p {
  position: relative;
}
.language__item.active .language__backdrop {
  background-color: #393939;
}
.language__item.active .language__backdrop--ru {
  transform: translateX(0);
}
.language__item.active .language__backdrop--ro {
  transform: translateX(0);
}
.language__item.active p {
  color: #FFF;
}
.language__backdrop {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  border-radius: 40px;
  color: #393939;
  transition: all 0.3s ease;
}
.language__backdrop--ru {
  transform: translateX(-54px);
  pointer-events: none;
}
.language__backdrop--ro {
  transform: translateX(54px);
  pointer-events: none;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 101;
}
.header__inner {
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.3s ease;
}
.header__inner::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  pointer-events: none;
  box-shadow: 0 4px 4px 0 rgba(141, 141, 141, 0.1450980392);
  z-index: 60;
}
.header__inner.scroll-down {
  transform: translateY(-100%);
}
.header__inner.scroll-up {
  transform: translateY(0);
}
.header__main {
  width: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px clamp(40px, 40px + (60 - 40) * (100vw - 1440px) / (1920 - 1440), 60px) 21px;
  background-color: #FFF;
  z-index: 50;
}
@media (max-width: 1024px) {
  .header__main {
    padding: 20px;
  }
}
@media (max-width: 430px) {
  .header__main {
    padding: 14px 20px;
  }
}
.header__leftside {
  display: flex;
  align-items: center;
  gap: clamp(50px, 50px + (175 - 50) * (100vw - 1440px) / (1920 - 1440), 175px);
}
@media (max-width: 1440px) {
  .header__leftside {
    gap: clamp(20px, 20px + (50 - 20) * (100vw - 1024px) / (1440 - 1024), 50px);
  }
}
@media (max-width: 1024px) {
  .header__leftside {
    gap: 20px;
  }
}
@media (max-width: 1024px) {
  .header__menu {
    width: 303px;
    padding: 26px 0;
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: 100vh;
    overflow-y: scroll;
    scrollbar-width: none;
    gap: 26px;
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateX(-305px);
    background-color: #FFF;
    border-bottom-right-radius: 20px;
    transition: all 0.4s ease;
  }
  .header__menu.active {
    transform: translateX(0);
  }
}
@media (max-width: 768px) {
  .header__menu {
    max-height: 482px;
  }
}
@media (max-width: 630px) {
  .header__menu {
    padding: 26px 30px;
  }
}
.header__rightside {
  display: flex;
  align-items: center;
  gap: clamp(40px, 40px + (100 - 40) * (100vw - 1440px) / (1920 - 1440), 100px);
}
@media (max-width: 1024px) {
  .header__rightside {
    gap: 33px;
  }
}
.header__logo {
  width: 153px;
  height: auto;
}
@media (max-width: 430px) {
  .header__logo {
    width: 114px;
  }
}

.menu__wrapper {
  z-index: 3;
  display: flex;
  align-items: center;
  position: relative;
  gap: clamp(30px, 30px + (56 - 30) * (100vw - 1440px) / (1920 - 1440), 56px);
}
@media (max-width: 1440px) {
  .menu__wrapper {
    gap: clamp(20px, 20px + (30 - 20) * (100vw - 1024px) / (1440 - 1024), 30px);
  }
}
@media (max-width: 1024px) {
  .menu__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 34px;
  }
}
.menu__item {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
  color: #393939;
  cursor: pointer;
  transition: all 0.3s;
}
.menu__item img {
  transition: all 0.2s;
}
.menu__item--catalog a {
  display: flex;
  align-items: center;
  gap: 6px;
}
.menu__item--catalog.active img {
  transform: rotate(-180deg);
}
.menu__item--nav {
  position: absolute;
  left: 0;
  top: 60px;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .menu__item--nav {
    position: absolute;
    left: -100%;
    top: -100%;
  }
}
.menu__item--nav.active {
  opacity: 1;
  pointer-events: all;
  position: static;
}

.catalog {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
  padding: 14px;
  background-color: #FFF;
  border-radius: 10px;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .catalog {
    align-items: center;
    gap: 16px;
    padding: 0;
  }
}
.catalog__item {
  color: #393939;
}
.catalog__item--picked {
  color: #9747FF;
}

.search {
  display: flex;
  align-items: center;
  padding: 11px 22px;
  border: 1px solid #AEAEAE;
  border-radius: 40px;
  transition: all 0.4s;
}
@media (max-width: 1440px) {
  .search {
    position: absolute;
    bottom: 19px;
    right: 40px;
    transform: scale(0);
  }
  .search.active {
    z-index: 100;
    background-color: #FFF;
    transform: scale(1);
  }
}
@media (max-width: 1024px) {
  .search {
    position: static;
    transform: none;
  }
}
.search__input {
  width: clamp(160px, 160px + (243 - 160) * (100vw - 1440px) / (1920 - 1440), 243px);
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}
@media (max-width: 1440px) {
  .search__input {
    width: clamp(125px, 125px + (150 - 125) * (100vw - 1024px) / (1440 - 1024), 150px);
  }
}
@media (max-width: 1024px) {
  .search__input {
    width: 130px;
  }
}
@media (max-width: 630px) {
  .search__input {
    width: 180px;
  }
}
.search__input::-webkit-input-placeholder {
  color: #AEAEAE;
}
.search__input::-moz-placeholder {
  color: #AEAEAE;
}
.search__input:-ms-input-placeholder {
  color: #AEAEAE;
}
.search__input *:-moz-placeholder {
  color: #AEAEAE;
}
.search__button {
  width: 18px;
  height: auto;
  stroke: #AEAEAE;
}
.search__button--laptop {
  stroke: #393939;
}
.search--laptop {
  display: none;
}
@media (max-width: 630px) {
  .search--laptop {
    display: flex;
  }
}
@media (max-width: 630px) {
  .search--desktop {
    display: none;
  }
}

.extra {
  display: flex;
  align-items: center;
  gap: clamp(20px, 20px + (30 - 20) * (100vw - 1440px) / (1920 - 1440), 30px);
}
@media (max-width: 1440px) {
  .extra {
    gap: clamp(10px, 10px + (20 - 10) * (100vw - 1024px) / (1440 - 1024), 20px);
  }
}
.extra__item {
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
}
.extra__item img {
  width: 40px;
  height: auto;
}
@media (max-width: 430px) {
  .extra__item img {
    width: 30px;
  }
}
.extra__amount {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 8px;
  font-weight: 600;
  background-color: #AEAEAE;
  color: #FFF;
  border-radius: 40px;
}
.extra__amount--active {
  background-color: #9747FF;
}
.extra__search {
  display: none;
  stroke: #393939;
  stroke-width: 1.2px;
}
@media (max-width: 1440px) {
  .extra__search {
    display: flex;
  }
}
@media (max-width: 1024px) {
  .extra__search {
    display: none;
  }
}
.extra__search svg {
  width: 30px;
  height: auto;
  flex-shrink: 0;
}

.burger {
  width: 24px;
  height: 28.29px;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s;
}
.burger.active span:nth-child(1) {
  opacity: 0;
}
.burger.active span:nth-child(2) {
  transform: translateY(6px) rotate(45deg);
}
.burger.active span:nth-child(3) {
  opacity: 0;
}
.burger.active span:nth-child(4) {
  transform: translateY(-6px) rotate(-45deg);
}
@media (max-width: 1024px) {
  .burger {
    display: flex;
    flex-direction: column;
  }
}
.burger__wrapper {
  height: 19.45px;
  width: 19.5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.3s;
}
.burger__item {
  width: 11px;
  height: 2px;
  display: block;
  background: #393939;
  border-radius: 2px;
  transition: all 0.3s;
}
.burger__item--wide {
  width: 19.5px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.hero__inner {
  position: relative;
}
.hero__image {
  height: 798px;
  pointer-events: none;
}
@media (max-width: 768px) {
  .hero__image {
    height: 680px;
  }
}
@media (max-width: 430px) {
  .hero__image {
    height: 457px;
  }
}
.hero__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1024px) {
  .hero__image img {
    -o-object-position: 56%;
       object-position: 56%;
  }
}
.hero__image::before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5647058824) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  border-radius: inherit;
  content: "";
  z-index: 2;
}
.hero__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 34px;
  position: absolute;
  top: 244px;
  left: 213px;
  z-index: 4;
}
@media (max-width: 1440px) {
  .hero__content {
    left: 130px;
  }
}
@media (max-width: 1024px) {
  .hero__content {
    left: 50px;
  }
}
@media (max-width: 768px) {
  .hero__content {
    top: 197px;
    left: 20px;
  }
}
@media (max-width: 630px) {
  .hero__content {
    top: 150px;
    gap: 22px;
  }
}
@media (max-width: 430px) {
  .hero__content {
    top: 81px;
  }
}
.hero__titles {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
@media (max-width: 630px) {
  .hero__titles {
    gap: 14px;
  }
}
.hero__titles h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 48px;
  color: #FFF;
}
@media (max-width: 430px) {
  .hero__titles h3 {
    font-size: 16px;
    font-weight: 200;
    line-height: 24px;
  }
}
.hero__titles h2 {
  max-width: 798px;
  font-size: 50px;
  font-weight: 800;
  line-height: 64px;
  color: #FFF;
}
@media (max-width: 630px) {
  .hero__titles h2 {
    max-width: 400px;
  }
}
@media (max-width: 430px) {
  .hero__titles h2 {
    max-width: 320px;
    font-size: 34px;
    font-weight: 600;
    line-height: 40px;
  }
}
.hero__button {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  border-radius: 40px;
  color: white;
}
@media (max-width: 768px) {
  .hero__button {
    padding: 10px 20px;
  }
}
@media (max-width: 430px) {
  .hero__button {
    gap: 9px;
    padding: 6px 20px;
    font-size: 12px;
    font-weight: 200;
  }
}
.hero__button svg {
  height: 20px;
  width: auto;
}
@media (max-width: 430px) {
  .hero__button svg {
    height: 16px;
  }
}
.hero__button--gradient {
  background: linear-gradient(to right, #DD4BEC 0%, #9747FF 100%);
  position: relative;
  transition: all 0.3s ease;
}
.hero__button--gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  background: #9747FF;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
}
.hero__button--gradient:hover::before {
  opacity: 1;
}
.hero__button--gradient p, .hero__button--gradient span {
  position: relative;
  z-index: 6;
}
@media (max-width: 768px) {
  .hero__button--gradient {
    padding: 14px 20px;
  }
}
@media (max-width: 430px) {
  .hero__button--gradient {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
  }
}
.hero__button--green {
  background-color: #00C48C;
  max-width: 261px;
}
.hero__button--black {
  background-color: #393939;
  max-width: 253px;
}
.hero__buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  position: absolute;
  right: 60px;
  bottom: 20px;
  z-index: 4;
}
@media (max-width: 1440px) {
  .hero__buttons {
    right: 20px;
  }
}
@media (max-width: 430px) {
  .hero__buttons {
    gap: 8px;
    bottom: 18px;
  }
}

.categories {
  max-width: 1920px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.categories__inner {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 60px 60px 0;
}
@media (max-width: 1024px) {
  .categories__inner {
    gap: 30px;
    padding: 40px 20px 0;
  }
}
@media (max-width: 430px) {
  .categories__inner {
    align-items: center;
    gap: 22px;
    padding: 30px 20px 0;
  }
}
.categories__inner--catalog {
  padding: 60px 60px;
}
@media (max-width: 1024px) {
  .categories__inner--catalog {
    padding: 40px 20px;
  }
}
@media (max-width: 430px) {
  .categories__inner--catalog {
    align-items: flex-start;
    padding: 30px 20px;
  }
}
.categories__inner--nopadding {
  padding-top: 0;
}
@media (max-width: 1024px) {
  .categories__inner--nopadding {
    padding-top: 40px;
  }
}
@media (max-width: 430px) {
  .categories__inner--nopadding {
    padding-top: 30px;
  }
}
.categories__titles {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 430px) {
  .categories__titles--align-center {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-self: center;
  }
}
.categories__title {
  font-size: 34px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .categories__title {
    font-size: clamp(24px, 24px + (34 - 24) * (100vw - 430px) / (768 - 430), 34px);
  }
}
@media (max-width: 430px) {
  .categories__title {
    text-align: center;
  }
}
@media (max-width: 430px) {
  .categories__title--main-label {
    font-size: 20px;
    font-weight: 600;
  }
}
.categories__buttons {
  display: flex;
  align-items: center;
  display: none;
  gap: 12px;
}
@media (max-width: 768px) {
  .categories__buttons {
    display: flex;
  }
}
@media (max-width: 430px) {
  .categories__buttons {
    display: none;
  }
}
@media (max-width: 430px) {
  .categories__buttons--catalog {
    display: flex;
    gap: 20px;
  }
}
.categories__swipe {
  cursor: pointer;
}
.categories__swipe svg {
  stroke: #aeaeae;
  transition: all 0.3s ease;
}
.categories__swipe svg:hover {
  stroke: #9747FF;
}
.categories__blocks {
  max-width: 100%;
}
@media (max-width: 1024px) {
  .categories__blocks {
    max-width: none;
    overflow: visible !important;
  }
}
.categories__wrapper {
  max-width: 1800px;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 0;
}
@media (max-width: 1024px) {
  .categories__wrapper {
    max-width: 984px;
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .categories__wrapper {
    gap: 0;
  }
}
@media (max-width: 430px) {
  .categories__wrapper--home {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
@media (max-width: 430px) {
  .categories__wrapper--catalog {
    max-width: clamp(1480px, 1480px + (2030 - 1480) * (100vw - 320px) / (430 - 320), 2030px);
  }
}
.categories__item {
  max-width: 340px;
  width: 100%;
  height: 180px !important;
  display: flex !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 22px;
  background-color: #f7f9ff;
  border-radius: 20px;
  transition: all 0.3s ease;
}
@media (max-width: 1024px) {
  .categories__item {
    max-width: 180px;
  }
}
.categories__item:hover {
  background-color: #ebf0ff;
}
.categories__item--tablet {
  display: none !important;
}
@media (max-width: 768px) {
  .categories__item--tablet {
    display: flex !important;
  }
}
@media (max-width: 430px) {
  .categories__item--tablet {
    display: none !important;
  }
}
.categories__item--no-desktop {
  display: none !important;
}
@media (max-width: 768px) {
  .categories__item--no-desktop {
    display: flex !important;
  }
}
@media (max-width: 430px) {
  .categories__item--home {
    max-width: none;
    width: clamp(280px, 280px + (390 - 280) * (100vw - 320px) / (430 - 320), 390px);
  }
}
@media (max-width: 430px) {
  .categories__item--catalog {
    max-width: 100%;
  }
}
.categories__text {
  padding: 0 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
}
.categories__icon {
  width: 66px;
  height: auto;
}

.whyus {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}
.whyus__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 60px;
}
@media (max-width: 1024px) {
  .whyus__inner {
    gap: 30px;
    padding: 40px 20px;
  }
}
@media (max-width: 430px) {
  .whyus__inner {
    padding: 30px 20px;
  }
}
.whyus__titles {
  font-size: 34px;
  font-weight: 600;
}
@media (max-width: 630px) {
  .whyus__titles {
    text-align: center;
  }
}
@media (max-width: 430px) {
  .whyus__titles {
    font-size: 20px;
    font-weight: 600;
  }
}
.whyus__blocks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 29px;
}
@media (max-width: 1440px) {
  .whyus__blocks {
    gap: 16px;
  }
}
@media (max-width: 1024px) {
  .whyus__blocks {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    gap: 20px;
  }
}
@media (max-width: 630px) {
  .whyus__blocks {
    display: flex;
    flex-direction: column;
  }
}
.whyus__item {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 35px;
  padding: 32px;
  border-radius: 20px;
  background-color: #ECEFF2;
  transition: all 0.2s;
}
@media (max-width: 1440px) {
  .whyus__item {
    gap: 20px;
  }
}
@media (max-width: 430px) {
  .whyus__item {
    padding: 20px;
  }
}
.whyus__item:hover {
  background-color: #F6EEFF;
}
.whyus__item:hover .whyus__text--link {
  opacity: 1;
  pointer-events: all;
}
.whyus__icon {
  width: 42px;
  height: auto;
}
@media (max-width: 430px) {
  .whyus__icon {
    width: 34px;
  }
}
.whyus__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
  gap: 35px;
}
@media (max-width: 1440px) {
  .whyus__content {
    gap: 16px;
  }
}
@media (max-width: 1024px) {
  .whyus__content {
    gap: 20px;
  }
}
.whyus__text {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}
@media (max-width: 1440px) {
  .whyus__text {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .whyus__text {
    font-size: 16px;
  }
}
@media (max-width: 430px) {
  .whyus__text {
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
  }
}
.whyus__text--title {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 1440px) {
  .whyus__text--title {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .whyus__text--title {
    font-size: 20px;
    flex-wrap: nowrap;
  }
}
@media (max-width: 430px) {
  .whyus__text--title {
    font-size: 18px;
    font-weight: 600;
  }
}
.whyus__text--link {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: clamp(14px, 14px + (16 - 14) * (100vw - 1440px) / (1920 - 1440), 16px);
  color: #9747FF;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s;
}
@media (max-width: 1024px) {
  .whyus__text--link {
    font-size: 16px;
  }
}
@media (max-width: 430px) {
  .whyus__text--link {
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
  }
}
@media (max-width: 360px) {
  .whyus__text--link {
    font-size: clamp(12px, 12px + (14 - 12) * (100vw - 320px) / (360 - 320), 14px);
  }
}
.whyus__overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-decoration: none;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.block {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}
.block--cards {
  position: relative;
  overflow: hidden;
}
.block__inner {
  display: flex;
  flex-direction: column;
  gap: 36px;
  padding: 60px 60px 0;
}
@media (max-width: 1024px) {
  .block__inner {
    padding: 40px 20px 0;
  }
}
@media (max-width: 430px) {
  .block__inner {
    align-items: center;
    gap: 22px;
    padding: 30px 20px 0;
  }
}
.block__inner--nopadding {
  padding-top: 0;
  padding-bottom: 60px;
}
@media (max-width: 1024px) {
  .block__inner--nopadding {
    padding-top: 0;
    padding-bottom: 30px;
  }
}
@media (max-width: 430px) {
  .block__inner--nopadding {
    padding-top: 0;
  }
}
.block__content--grid {
  max-width: 1800px;
  width: 100%;
  display: grid;
  grid-template-areas: "full full" "wide narrow";
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-self: center;
}
@media (max-width: 1024px) {
  .block__content--grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
@media (max-width: 430px) {
  .block__content--grid {
    gap: 20px;
  }
}
.block__content--advertising {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1024px) {
  .block__content--advertising {
    display: flex;
    flex-direction: column;
  }
}
.block__content--cards {
  margin: 0 -10px;
  padding: 10px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .block__content--cards {
    margin: 0;
    padding: 0;
    overflow: visible;
  }
}
@media (max-width: 630px) {
  .block__content--cards {
    margin-left: 10px;
  }
}
@media (max-width: 430px) {
  .block__content--cards {
    width: 100%;
    margin-left: 0;
  }
}
.block__content--recently {
  width: 100%;
  margin: 0 -10px;
  padding: 10px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .block__content--recently {
    margin: 0;
    overflow: visible;
  }
}
.block__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.block__title h3 {
  font-size: 34px;
  font-weight: 600;
}
@media (max-width: 430px) {
  .block__title h3 {
    font-size: 20px;
    font-weight: 600;
  }
}
@media (max-width: 768px) {
  .block__title--align-center {
    flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 630px) {
  .block__title--align-center h3 {
    font-size: clamp(28px, 28px + (34 - 28) * (100vw - 430px) / (630 - 430), 34px);
  }
}
@media (max-width: 430px) {
  .block__title--align-center {
    flex-direction: column-reverse;
  }
  .block__title--align-center h3 {
    font-size: 20px;
    font-weight: 600;
  }
}
@media (max-width: 430px) {
  .block__title--align-center {
    gap: 20px;
  }
}
.block__viewall {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  border-radius: 40px;
  border: 1px solid #393939;
  transition: all 0.3s ease;
}
.block__viewall p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  transition: all 0.3s ease;
}
.block__viewall svg {
  width: 16px;
  height: auto;
  fill: #393939;
  transition: all 0.3s ease;
}
.block__viewall:hover {
  background-color: #393939;
}
.block__viewall:hover p {
  color: #FFF;
}
.block__viewall:hover svg {
  fill: #FFF;
}
@media (max-width: 430px) {
  .block__viewall {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 430px) {
  .block__viewall--desktop-mobile {
    display: none;
  }
}
@media (max-width: 630px) {
  .block__viewall--desktop-tablet {
    display: none;
  }
}
.block__viewall--mobile {
  display: none;
}
@media (max-width: 430px) {
  .block__viewall--mobile {
    display: flex;
  }
}
.block__viewall--tablet {
  display: none;
}
@media (max-width: 630px) {
  .block__viewall--tablet {
    width: 375px;
    display: flex;
    justify-content: center;
    align-self: center;
  }
}
@media (max-width: 430px) {
  .block__viewall--tablet {
    width: 100%;
  }
}
.block__viewall--margin-bottom {
  margin-bottom: 10px;
}
.block__swiper {
  max-width: 100%;
  overflow: visible !important;
}
@media (max-width: 1024px) {
  .block__swiper {
    max-width: none;
    overflow: visible !important;
  }
}
.block__wrapper {
  max-width: 100%;
}
@media (max-width: 430px) {
  .block__wrapper {
    max-width: none;
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
  }
}
.block__wrapper--recent {
  max-width: 100%;
  align-items: center;
  gap: 0;
}
@media (max-width: 430px) {
  .block__wrapper--recent {
    gap: 20px;
  }
}
.block__wrapper--interesting {
  max-width: 100%;
  align-items: center;
  gap: 0;
}
@media (max-width: 430px) {
  .block__wrapper--interesting {
    gap: 20px;
  }
}
.block__wrapper--flex-row {
  display: flex;
  align-items: center;
  gap: 20px;
}
.block__arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 430px) {
  .block__arrows {
    display: none;
  }
}
.block__arrows--mobile {
  display: none;
}
@media (max-width: 430px) {
  .block__arrows--mobile {
    display: none;
  }
}
@media (max-width: 430px) {
  .block__arrows--no-mob {
    display: none;
  }
}
.block__swipeleft {
  position: absolute;
  left: 5px;
  top: 50%;
  z-index: 5;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .block__swipeleft {
    position: static;
  }
}
.block__swiperight {
  position: absolute;
  right: 5px;
  top: 50%;
  z-index: 5;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .block__swiperight {
    position: static;
  }
}
.block__swiperight, .block__swipeleft {
  fill: #aeaeae;
  transition: all 0.3s ease;
}
.block__swiperight:hover, .block__swipeleft:hover {
  fill: #9747FF;
}

.product-card {
  max-width: 428px;
  width: 100%;
  height: auto !important;
  display: flex !important;
  flex-direction: column;
  gap: 14px;
  padding: 12px;
  position: relative;
  background-color: #FFF;
  box-shadow: 0 0 6px 0 #d6d6d6;
  border-radius: 20px;
}
@media (max-width: 430px) {
  .product-card {
    max-width: 100%;
    height: 100% !important;
    gap: 4px;
    padding: 6px;
  }
}
@media (max-width: 430px) {
  .product-card--no-mobile {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .product-card--no-tablet {
    display: none !important;
  }
}
.product-card--nolimit {
  max-width: none;
}
.product-card__overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-decoration: none;
}
.product-card__image {
  width: 100%;
  height: 307px;
  position: relative;
  border-radius: 16px;
}
@media (max-width: 1440px) {
  .product-card__image {
    height: clamp(200px, 200px + (240 - 200) * (100vw - 1024px) / (1440 - 1024), 240px);
  }
}
@media (max-width: 1024px) {
  .product-card__image {
    height: 294px;
  }
}
@media (max-width: 430px) {
  .product-card__image {
    height: 134px;
  }
}
.product-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
@media (max-width: 1024px) {
  .product-card__image--narrow {
    height: clamp(240px, 240px + (294 - 240) * (100vw - 768px) / (1024 - 768), 294px);
  }
}
@media (max-width: 768px) {
  .product-card__image--narrow {
    height: 294px;
  }
}
@media (max-width: 630px) {
  .product-card__image--narrow {
    height: clamp(240px, 240px + (294 - 240) * (100vw - 430px) / (630 - 430), 294px);
  }
}
@media (max-width: 430px) {
  .product-card__image--narrow {
    height: 138px;
  }
}
.product-card__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 8px;
}
@media (max-width: 1440px) {
  .product-card__wrapper {
    align-items: flex-start;
    margin: clamp(4px, 4px + (8 - 4) * (100vw - 1024px) / (1440 - 1024), 8px);
  }
}
.product-card__offers {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 1440px) {
  .product-card__offers {
    flex-wrap: wrap;
    gap: clamp(4px, 4px + (12 - 4) * (100vw - 1024px) / (1440 - 1024), 12px);
  }
}
@media (max-width: 1024px) {
  .product-card__offers {
    gap: 12px;
  }
}
@media (max-width: 430px) {
  .product-card__offers {
    flex-direction: column;
    gap: 4px;
  }
}
.product-card__piece {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
  gap: 4px;
  color: #FFF;
  border-radius: 40px;
}
@media (max-width: 430px) {
  .product-card__piece {
    font-size: 10px;
  }
}
.product-card__piece svg {
  width: 16px;
  height: auto;
  flex-shrink: 0;
}
@media (max-width: 430px) {
  .product-card__piece svg {
    width: 9px;
  }
}
.product-card__piece--hit {
  padding: 7.5px 12px;
  background-color: #00C48C;
}
@media (max-width: 1440px) {
  .product-card__piece--hit {
    padding: clamp(4px, 4px + (7.5 - 4) * (100vw - 1024px) / (1440 - 1024), 7.5px) 12px;
  }
}
@media (max-width: 1024px) {
  .product-card__piece--hit {
    padding: 7.5px 12px;
  }
}
@media (max-width: 430px) {
  .product-card__piece--hit {
    padding: 3px 8px;
  }
}
.product-card__piece--new {
  padding: 7.5px 9px;
  background-color: #9747FF;
}
@media (max-width: 1440px) {
  .product-card__piece--new {
    padding: clamp(4px, 4px + (7.5 - 4) * (100vw - 1024px) / (1440 - 1024), 7.5px) 9px;
  }
}
@media (max-width: 1024px) {
  .product-card__piece--new {
    padding: 7.5px 9px;
  }
}
@media (max-width: 430px) {
  .product-card__piece--new {
    padding: 3px 7px;
  }
}
.product-card__favorite {
  flex-shrink: 0;
  padding: 11px 10px;
  background-color: #FFF;
  box-shadow: 0 4px 4px 0 rgba(141, 141, 141, 0.1450980392);
  border-radius: 40px;
  z-index: 2;
}
@media (max-width: 430px) {
  .product-card__favorite {
    padding: 6px 5px;
  }
}
.product-card__favorite svg {
  width: 22px;
  height: auto;
}
@media (max-width: 430px) {
  .product-card__favorite svg {
    width: 16px;
  }
}
.product-card__favorite.active svg {
  fill: #9747FF;
}
.product-card__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 16px;
  margin: 0 clamp(0px, 0px + (8 - 0) * (100vw - 1440px) / (1920 - 1440), 8px) clamp(0px, 0px + (12 - 0) * (100vw - 1440px) / (1920 - 1440), 12px);
}
@media (max-width: 430px) {
  .product-card__content {
    gap: 4px;
  }
}
.product-card__info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: auto;
}
@media (max-width: 1440px) {
  .product-card__info {
    gap: 10px;
  }
}
@media (max-width: 430px) {
  .product-card__info {
    gap: 8px;
  }
}
.product-card__name {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 430px) {
  .product-card__name {
    gap: 4px;
  }
}
.product-card__name p {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
  color: #AEAEAE;
}
@media (max-width: 430px) {
  .product-card__name p {
    font-size: 12px;
    font-weight: 200;
    line-height: 14px;
  }
}
.product-card__name h5 {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
@media (max-width: 1440px) {
  .product-card__name h5 {
    font-size: clamp(16px, 16px + (18 - 16) * (100vw - 1024px) / (1440 - 1024), 18px);
  }
}
@media (max-width: 1024px) {
  .product-card__name h5 {
    font-size: 18px;
  }
}
@media (max-width: 430px) {
  .product-card__name h5 {
    font-size: 12px;
    line-height: 14px;
    font-weight: 800;
  }
}
.product-card__price {
  display: flex;
  align-items: flex-end;
  gap: 36px;
}
@media (max-width: 430px) {
  .product-card__price {
    align-items: center;
    justify-content: space-between;
    gap: 0px;
  }
}
@media (max-width: 1440px) {
  .product-card__price--smallgap {
    gap: clamp(20px, 20px + (36 - 20) * (100vw - 1024px) / (1440 - 1024), 36px);
  }
}
@media (max-width: 630px) {
  .product-card__price--smallgap {
    gap: clamp(0px, 0px + (20 - 0) * (100vw - 430px) / (630 - 430), 20px);
  }
}
.product-card__pricetag {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
.product-card__pricetag p {
  text-decoration: line-through;
  font-weight: 200;
  color: #AEAEAE;
}
@media (max-width: 1440px) {
  .product-card__pricetag p {
    font-size: clamp(14px, 14px + (16 - 14) * (100vw - 1024px) / (1440 - 1024), 16px);
  }
}
@media (max-width: 1024px) {
  .product-card__pricetag p {
    font-size: 16px;
  }
}
@media (max-width: 430px) {
  .product-card__pricetag p {
    font-size: 12px;
    font-weight: 200;
    line-height: 14px;
  }
}
.product-card__pricetag h6 {
  font-weight: 600;
  color: #9747FF;
}
@media (max-width: 1440px) {
  .product-card__pricetag h6 {
    font-size: clamp(14px, 14px + (16 - 14) * (100vw - 1024px) / (1440 - 1024), 16px);
  }
}
@media (max-width: 1024px) {
  .product-card__pricetag h6 {
    font-size: 16px;
  }
}
@media (max-width: 430px) {
  .product-card__pricetag h6 {
    font-size: 14px;
  }
}
.product-card__discount {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  position: relative;
  background-color: #ffde73;
  border-radius: 6px;
}
@media (max-width: 430px) {
  .product-card__discount {
    padding: 3px 4px;
  }
}
.product-card__discount p {
  font-size: 14px;
  font-weight: 200;
}
@media (max-width: 430px) {
  .product-card__discount p {
    font-size: 12px;
    font-weight: 200;
  }
}
@media (max-width: 360px) {
  .product-card__discount p {
    font-size: clamp(8px, 8px + (12 - 8) * (100vw - 320px) / (360 - 320), 12px);
  }
}
.product-card__discount img {
  width: 16px;
  height: auto;
  z-index: 4;
}
@media (max-width: 430px) {
  .product-card__discount img {
    width: 12px;
  }
}
@media (max-width: 360px) {
  .product-card__discount img {
    width: clamp(8px, 8px + (12 - 8) * (100vw - 320px) / (360 - 320), 12px);
  }
}
.product-card__triangle {
  width: 15px;
  height: 20px;
  position: absolute;
  left: -10px;
  transform: rotate(-90deg);
  fill: #ffde73;
}
@media (max-width: 430px) {
  .product-card__triangle {
    left: -7px;
    z-index: 1;
  }
}
.product-card__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: auto;
  gap: 10px;
}
@media (max-width: 430px) {
  .product-card__bottom {
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
  }
}
.product-card__bottom--nowrap {
  flex-wrap: nowrap;
  gap: 30px;
}
@media (max-width: 430px) {
  .product-card__bottom--nowrap {
    gap: 10px;
  }
}
.product-card__amount {
  display: flex;
  align-items: center;
  gap: 13px;
  z-index: 2;
}
.product-card__amount a {
  flex-shrink: 0;
}
.product-card__amount svg {
  stroke: #aeaeae;
  transition: all 0.3s ease;
}
.product-card__amount svg:hover {
  stroke: #9747FF;
}
.product-card__addtocart {
  padding: clamp(10px, 10px + (14 - 10) * (100vw - 1440px) / (1920 - 1440), 14px) clamp(20px, 20px + (42.5 - 20) * (100vw - 1440px) / (1920 - 1440), 42.5px);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  border-radius: 40px;
  font-size: clamp(14px, 14px + (18 - 14) * (100vw - 1440px) / (1920 - 1440), 18px);
  color: white;
  text-align: center;
  background: linear-gradient(to right, #DD4BEC 0%, #9747FF 100%);
  z-index: 1;
  position: relative;
  transition: all 0.3s ease;
}
.product-card__addtocart::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  background: #9747FF;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
}
.product-card__addtocart:hover::before {
  opacity: 1;
}
.product-card__addtocart p, .product-card__addtocart span {
  position: relative;
  z-index: 6;
}
@media (max-width: 1024px) {
  .product-card__addtocart {
    width: unset;
    padding: 14px 35px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .product-card__addtocart {
    padding: clamp(6px, 6px + (14 - 6) * (100vw - 630px) / (768 - 630), 14px) clamp(14px, 14px + (35 - 14) * (100vw - 630px) / (768 - 630), 35px);
    font-size: clamp(14px, 14px + (16 - 14) * (100vw - 630px) / (768 - 630), 16px);
  }
}
@media (max-width: 630px) {
  .product-card__addtocart {
    padding: 14px 35px;
    font-size: 16px;
  }
}
@media (max-width: 430px) {
  .product-card__addtocart {
    width: 100%;
    font-size: 14px;
    padding: 10px 0;
  }
}
@media (max-width: 1440px) {
  .product-card__addtocart--smallfont {
    font-size: clamp(13px, 13px + (14 - 13) * (100vw - 1024px) / (1440 - 1024), 14px);
  }
}
@media (max-width: 1024px) {
  .product-card__addtocart--smallfont {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .product-card__addtocart--smallfont {
    width: 100%;
    padding: clamp(6px, 6px + (14 - 6) * (100vw - 430px) / (768 - 430), 14px) 0;
  }
}
.product-card__addtocart--nopadding {
  width: 100%;
  padding: clamp(10px, 10px + (14 - 10) * (100vw - 1440px) / (1920 - 1440), 14px) 0;
}

.gray {
  filter: grayscale(1);
}

.product-advertising {
  height: 614px;
  position: relative;
  border-radius: 20px;
}
@media (max-width: 1440px) {
  .product-advertising {
    height: clamp(500px, 500px + (550 - 500) * (100vw - 1024px) / (1440 - 1024), 550px);
  }
}
@media (max-width: 430px) {
  .product-advertising {
    border-radius: 10px;
  }
}
.product-advertising--wide {
  width: clamp(515px, 515px + (1038 - 515) * (100vw - 1024px) / (1920 - 1024), 1038px);
  grid-area: wide;
}
@media (max-width: 1024px) {
  .product-advertising--wide {
    width: 100%;
    height: 430px;
  }
}
@media (max-width: 768px) {
  .product-advertising--wide {
    height: clamp(410px, 410px + (430 - 410) * (100vw - 430px) / (768 - 430), 430px);
  }
}
@media (max-width: 430px) {
  .product-advertising--wide {
    height: 280px;
  }
}
.product-advertising--narrow {
  width: clamp(361px, 361px + (732 - 361) * (100vw - 1024px) / (1920 - 1024), 732px);
  grid-area: narrow;
}
@media (max-width: 1024px) {
  .product-advertising--narrow {
    width: 100%;
    height: 537px;
  }
}
@media (max-width: 430px) {
  .product-advertising--narrow {
    height: 250px;
  }
}
.product-advertising--full {
  max-width: 1800px;
  width: 100%;
  height: 497px;
  grid-area: full;
  position: relative;
}
@media (max-width: 430px) {
  .product-advertising--full {
    height: 230px;
  }
}
.product-advertising--middle {
  height: 655px;
}
@media (max-width: 1024px) {
  .product-advertising--middle {
    height: 459px;
  }
}
@media (max-width: 430px) {
  .product-advertising--middle {
    height: 206px;
  }
}
.product-advertising--bottom {
  height: 655px;
}
@media (max-width: 1024px) {
  .product-advertising--bottom {
    display: none;
  }
}
@media (max-width: 430px) {
  .product-advertising--bottom {
    height: 260px;
    display: block;
  }
}
.product-advertising__image {
  height: 100%;
  position: relative;
  border-radius: inherit;
}
.product-advertising__image::before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
  content: "";
  z-index: 2;
}
.product-advertising__image--light-bottom-right::before {
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.3764705882) 0%, rgba(255, 255, 255, 0) 100%);
}
.product-advertising__image--black-top::before {
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3294117647) 60%);
}
.product-advertising__image--black-left::before {
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3764705882) 60%);
}
.product-advertising__image--purple-left-bottom::before {
  background: linear-gradient(to left bottom, rgba(151, 71, 255, 0) 9%, rgba(27, 9, 52, 0.4392156863) 50%);
}
.product-advertising__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  border-radius: inherit;
}
.product-advertising__content {
  z-index: 30;
}
.product-advertising__content--top-left {
  display: flex;
  flex-direction: column;
  gap: 109px;
  position: absolute;
  top: 51px;
  left: 35px;
}
@media (max-width: 1440px) {
  .product-advertising__content--top-left {
    gap: clamp(80px, 80px + (110 - 80) * (100vw - 1024px) / (1440 - 1024), 110px);
  }
}
@media (max-width: 1024px) {
  .product-advertising__content--top-left {
    top: 34px;
    left: 28px;
    gap: 15px;
  }
}
@media (max-width: 430px) {
  .product-advertising__content--top-left {
    top: 24px;
    left: 16px;
    gap: 14px;
  }
}
.product-advertising__titles {
  display: flex;
  flex-direction: column;
  gap: 28px;
  font-family: "Montserrat", sans-serif;
  z-index: 20;
}
@media (max-width: 1024px) {
  .product-advertising__titles {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .product-advertising__titles {
    gap: 14px;
  }
}
.product-advertising__titles--bottom-left {
  gap: 16px;
  position: absolute;
  bottom: 48px;
  left: 47px;
}
@media (max-width: 768px) {
  .product-advertising__titles--bottom-left {
    left: clamp(20px, 20px + (47 - 20) * (100vw - 430px) / (768 - 430), 47px);
  }
}
@media (max-width: 430px) {
  .product-advertising__titles--bottom-left {
    gap: 12px;
    bottom: 16px;
    left: 10px;
  }
}
.product-advertising__titles--centered {
  gap: 28px;
  position: absolute;
  top: 64px;
  left: 47px;
}
@media (max-width: 1024px) {
  .product-advertising__titles--centered {
    gap: 0;
    top: 55px;
    left: 34px;
  }
}
@media (max-width: 768px) {
  .product-advertising__titles--centered {
    left: clamp(20px, 20px + (34 - 20) * (100vw - 430px) / (76 - 430), 34px);
  }
}
@media (max-width: 430px) {
  .product-advertising__titles--centered {
    gap: 12px;
    left: 10px;
    top: 16px;
  }
}
.product-advertising__extra-image {
  width: 566px;
  height: auto;
  position: absolute;
  top: 37px;
  right: 37px;
  z-index: 20;
}
@media (max-width: 1440px) {
  .product-advertising__extra-image {
    width: clamp(500px, 500px + (566 - 500) * (100vw - 1024px) / (1440 - 1024), 566px);
    right: 0;
  }
}
@media (max-width: 1024px) {
  .product-advertising__extra-image {
    width: 311px;
    right: 34px;
  }
}
@media (max-width: 768px) {
  .product-advertising__extra-image {
    top: clamp(0px, 0px + (37 - 0) * (100vw - 430px) / (768 - 430), 37px);
  }
}
@media (max-width: 430px) {
  .product-advertising__extra-image {
    width: 135px;
    top: 14px;
    right: 0;
  }
}
@media (max-width: 360px) {
  .product-advertising__extra-image {
    width: clamp(110px, 110px + (135 - 110) * (100vw - 320px) / (360 - 320), 135px);
    top: clamp(0px, 0px + (14 - 0) * (100vw - 320px) / (360 - 320), 14px);
  }
}
.product-advertising__extra-image--narrow {
  position: static;
  width: 435px;
  height: auto;
}
@media (max-width: 1024px) {
  .product-advertising__extra-image--narrow {
    width: 276px;
  }
}
@media (max-width: 430px) {
  .product-advertising__extra-image--narrow {
    width: 114px;
  }
}
.product-advertising__extra-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-advertising__name {
  max-width: 320px;
  color: #FFF;
  font-size: 30px;
  font-weight: 800;
  line-height: 58px;
}
@media (max-width: 1440px) {
  .product-advertising__name {
    line-height: 42px;
  }
}
@media (max-width: 1024px) {
  .product-advertising__name {
    max-width: 234px;
    font-size: 28px;
    font-weight: 600;
    line-height: 48px;
  }
}
@media (max-width: 430px) {
  .product-advertising__name {
    max-width: 217px;
    font-size: 22px;
    line-height: 30px;
  }
}
.product-advertising__name span {
  font-size: 40px;
}
@media (max-width: 1024px) {
  .product-advertising__name span {
    font-size: inherit;
  }
}
.product-advertising__name--title {
  max-width: 650px;
  width: 100%;
  position: absolute;
  top: 41px;
  left: 50%;
  padding: 0 20px;
  transform: translateX(-50%);
  font-family: "Roboto", sans-serif;
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  line-height: 48px;
  font-size: clamp(24px, 24px + (28 - 24) * (100vw - 1440px) / (1920 - 1440), 28px);
  line-height: 32px;
  z-index: 50;
}
@media (max-width: 430px) {
  .product-advertising__name--title {
    top: 16px;
    left: 16px;
    padding: 0 30px 0 0;
    transform: none;
    font-size: 22px;
    line-height: 30px;
    text-align: start;
  }
}
@media (max-width: 430px) {
  .product-advertising__name--centered {
    top: 9px;
    left: 50%;
    padding: 0 20px;
    transform: translateX(-50%);
    font-family: "Roboto", sans-serif;
    text-align: center;
  }
}
.product-advertising__name--wide {
  max-width: 100%;
  width: 100%;
}
@media (max-width: 430px) {
  .product-advertising__name--wide {
    font-size: 17px;
  }
}
.product-advertising__name--h1 {
  max-width: 450px;
  font-size: 50px;
  font-weight: 800;
  line-height: 64px;
}
@media (max-width: 1440px) {
  .product-advertising__name--h1 {
    font-size: clamp(32px, 32px + (50 - 32) * (100vw - 1024px) / (1440 - 1024), 50px);
  }
}
@media (max-width: 1024px) {
  .product-advertising__name--h1 {
    font-size: 50px;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .product-advertising__name--h1 {
    max-width: clamp(210px, 210px + (450 - 210) * (100vw - 430px) / (768 - 430), 450px);
    font-size: clamp(28px, 28px + (50 - 28) * (100vw - 430px) / (768 - 430), 50px);
    line-height: clamp(40px, 40px + (64 - 40) * (100vw - 430px) / (768 - 430), 64px);
  }
}
@media (max-width: 430px) {
  .product-advertising__name--h1 {
    font-size: 20px;
    line-height: 30px;
  }
}
.product-advertising__name--black {
  color: #393939;
}
.product-advertising__points {
  width: clamp(460px, 460px + (484 - 460) * (100vw - 1440px) / (1920 - 1440), 484px);
  display: flex;
  flex-direction: column;
  padding: 20px 22px;
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.0745098039);
  border-radius: 14px;
  font-size: 18px;
  font-weight: 400;
  white-space: pre-line;
  line-height: 26px;
  z-index: 50;
}
@media (max-width: 768px) {
  .product-advertising__points {
    width: clamp(330px, 330px + (460 - 330) * (100vw - 430px) / (768 - 430), 460px);
    font-size: clamp(14px, 14px + (18 - 14) * (100vw - 430px) / (768 - 430), 18px);
  }
}
@media (max-width: 430px) {
  .product-advertising__points {
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
    padding: 0 10px;
  }
}
.product-advertising__price {
  display: flex;
  flex-direction: column;
  z-index: 30;
}
.product-advertising__price--strikethrough {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: line-through;
}
.product-advertising__price--gradient {
  max-width: 185px;
  font-size: 28px;
  font-weight: 600;
  line-height: 48px;
  background: linear-gradient(to right, #DD4BEC 0%, #9747FF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 430px) {
  .product-advertising__price--gradient {
    font-size: 20px;
    line-height: 32px;
  }
}
.product-advertising__price--badge {
  position: absolute;
  right: 39px;
  bottom: 29px;
  padding: 8px 16px;
  background-color: rgba(151, 71, 255, 0.5019607843);
  color: #FFF;
  border-radius: 40px;
  font-size: 28px;
  font-weight: 600;
  line-height: 48px;
  font-weight: 500;
}
@media (max-width: 430px) {
  .product-advertising__price--badge {
    right: 16px;
    bottom: 16px;
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .product-advertising__price--right {
    right: clamp(20px, 20px + (39 - 20) * (100vw - 430px) / (768 - 430), 39px);
    font-size: clamp(22px, 22px + (28 - 22) * (100vw - 430px) / (768 - 430), 28px);
  }
}
@media (max-width: 430px) {
  .product-advertising__price--right {
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
  }
}
@media (max-width: 360px) {
  .product-advertising__price--right {
    display: none;
  }
}
.product-advertising__info {
  max-width: clamp(300px, 300px + (398 - 300) * (100vw - 1440px) / (1920 - 1440), 398px);
  width: 100%;
  height: auto;
  position: relative;
  padding: 20px 16px;
  background-color: #f7f9ff;
  border-radius: 14px;
}
@media (max-width: 1440px) {
  .product-advertising__info {
    max-width: clamp(230px, 230px + (300 - 230) * (100vw - 1024px) / (1440 - 1024), 300px);
  }
}
@media (max-width: 1024px) {
  .product-advertising__info {
    max-width: 323px;
  }
}
@media (max-width: 768px) {
  .product-advertising__info {
    max-width: clamp(170px, 170px + (323 - 170) * (100vw - 430px) / (768 - 430), 323px);
    padding: clamp(10px, 10px + (20 - 10) * (100vw - 430px) / (768 - 430), 20px) clamp(8px, 8px + (430 - 8) * (100vw - 768px) / (1920 - 768), 430px);
  }
}
@media (max-width: 430px) {
  .product-advertising__info {
    max-width: 147px;
    padding: 8.5px 7px;
  }
}
.product-advertising__info p {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}
@media (max-width: 1440px) {
  .product-advertising__info p {
    font-size: clamp(14px, 14px + (16 - 14) * (100vw - 1024px) / (1440 - 1024), 16px);
  }
}
@media (max-width: 1024px) {
  .product-advertising__info p {
    font-size: 16px;
    font-weight: 200;
    line-height: 24px;
  }
}
@media (max-width: 768px) {
  .product-advertising__info p {
    font-size: clamp(12px, 12px + (16 - 12) * (100vw - 430px) / (768 - 430), 16px);
    line-height: clamp(18px, 18px + (24 - 18) * (100vw - 430px) / (768 - 430), 24px);
  }
}
@media (max-width: 430px) {
  .product-advertising__info p {
    font-size: 8px;
    line-height: 9px;
  }
}
.product-advertising__info svg {
  width: 30px;
  height: 37px;
  position: absolute;
  top: 21px;
  right: -26px;
  fill: #f7f9ff;
  transform: rotate(90deg);
}
@media (max-width: 430px) {
  .product-advertising__info svg {
    top: 10px;
    right: -14px;
    width: 20px;
    height: 25px;
  }
}

.swiper-product {
  margin-left: 0 !important;
}
.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #AEAEAE;
  border-radius: 40px;
  transition: all 0.3s ease;
}
.swiper-pagination-bullet-active {
  background-color: #9747FF;
}
.swiper-thumbs {
  max-width: clamp(550px, 550px + (810 - 550) * (100vw - 1440px) / (1920 - 1440), 810px) !important;
  width: 100% !important;
}
@media (max-width: 1024px) {
  .swiper-thumbs {
    max-width: 549px !important;
  }
}
@media (max-width: 630px) {
  .swiper-thumbs {
    display: none !important;
  }
}
.swiper-slide-thumb-active img {
  opacity: 1 !important;
}

.product-page {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}
.product-page__inner {
  display: flex;
  padding: 40px 60px;
  gap: 105px;
}
@media (max-width: 1440px) {
  .product-page__inner {
    gap: 40px;
  }
}
@media (max-width: 1024px) {
  .product-page__inner {
    display: flex;
    flex-direction: column;
    padding: 0 20px 40px;
  }
}
@media (max-width: 430px) {
  .product-page__inner {
    gap: 20px;
    padding: 0 20px 30px;
  }
}
.product-page__overview {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1024px) {
  .product-page__overview {
    align-self: center;
    gap: 23px;
  }
}
@media (max-width: 430px) {
  .product-page__overview {
    align-items: center;
  }
}
.product-page__title-image {
  position: relative;
  width: clamp(550px, 550px + (810 - 550) * (100vw - 1440px) / (1920 - 1440), 810px) !important;
  height: clamp(650px, 650px + (810 - 650) * (100vw - 1440px) / (1920 - 1440), 810px) !important;
}
@media (max-width: 1024px) {
  .product-page__title-image {
    max-width: 549px !important;
    width: 100% !important;
    height: 549px !important;
  }
}
@media (max-width: 768px) {
  .product-page__title-image {
    height: clamp(377px, 377px + (549 - 377) * (100vw - 430px) / (768 - 430), 549px) !important;
  }
}
@media (max-width: 630px) {
  .product-page__title-image {
    max-width: clamp(320px, 320px + (549 - 320) * (100vw - 320px) / (630 - 320), 549px) !important;
  }
}
.product-page__slide {
  width: 100%;
  height: clamp(650px, 650px + (810 - 650) * (100vw - 1440px) / (1920 - 1440), 810px) !important;
}
@media (max-width: 1024px) {
  .product-page__slide {
    height: 549px !important;
  }
}
@media (max-width: 768px) {
  .product-page__slide {
    height: clamp(377px, 377px + (549 - 377) * (100vw - 430px) / (768 - 430), 549px) !important;
  }
}
.product-page__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-page__promotion {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 22px;
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 40px;
  z-index: 5;
}
.product-page__promotion--green {
  background-color: #00C48C;
  color: #FFF;
}
.product-page__promotion svg {
  width: 20px;
  height: auto;
}
.product-page__subreview {
  display: flex;
  align-items: center;
}
@media (max-width: 630px) {
  .product-page__subreview {
    display: none !important;
  }
}
.product-page__image {
  max-width: clamp(163px, 163px + (250 - 163) * (100vw - 1440px) / (1920 - 1440), 250px) !important;
  width: 100% !important;
  cursor: pointer;
}
.product-page__image img {
  width: 100%;
  opacity: 0.6;
  pointer-events: none;
  transition: all 0.3s ease;
}
@media (max-width: 1024px) {
  .product-page__image img {
    max-width: 229px;
  }
}
@media (max-width: 768px) {
  .product-page__image img {
    max-width: 100%;
  }
}
.product-page__pages {
  display: flex;
  align-items: center;
  align-self: center;
  display: none !important;
  gap: 10px;
}
@media (max-width: 630px) {
  .product-page__pages {
    display: flex !important;
  }
}
.product-page__dot {
  width: 6px;
  height: 6px;
  background-color: #AEAEAE;
  border-radius: 40px;
}
.product-page__dot.active {
  background-color: #9747FF;
}
.product-page__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 430px) {
  .product-page__content {
    gap: 16px;
  }
}
.product-page__path {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #AEAEAE;
}
@media (max-width: 1440px) {
  .product-page__path {
    font-size: 16px;
    font-weight: 200;
    line-height: 24px;
  }
}
@media (max-width: 1024px) {
  .product-page__path {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
  }
}
@media (max-width: 430px) {
  .product-page__path {
    font-size: 16px;
    font-weight: 200;
    line-height: 24px;
  }
}
@media (max-width: 360px) {
  .product-page__path {
    font-size: 12px;
    font-weight: 200;
  }
}
.product-page__info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  .product-page__info {
    gap: 20px;
  }
}
.product-page__titles {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1024px) {
  .product-page__titles {
    gap: 18px;
  }
}
.product-page__titles h1 {
  font-size: 34px;
  font-weight: 600;
}
@media (max-width: 430px) {
  .product-page__titles h1 {
    font-size: 20px;
    font-weight: 600;
  }
}
@media (max-width: 430px) {
  .product-page__titles {
    gap: 16px;
  }
}
.product-page__return {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #00C48C;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
@media (max-width: 430px) {
  .product-page__return {
    gap: 12px;
  }
}
.product-page__return svg {
  width: 32px;
  height: auto;
}
@media (max-width: 430px) {
  .product-page__return svg {
    width: 26px;
  }
}
.product-page__blocks {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 430px) {
  .product-page__blocks {
    gap: 14px;
  }
}
.product-page__item {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid #AEAEAE;
}
@media (max-width: 1024px) {
  .product-page__item {
    padding-bottom: 16px;
  }
}
.product-page__item h5 {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
.product-page__item p {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}
@media (max-width: 360px) {
  .product-page__item p {
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
  }
}
.product-page__points p {
  padding-left: 16px;
  position: relative;
}
.product-page__points p::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #393939;
}
.product-page__actions {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
@media (max-width: 1024px) {
  .product-page__actions {
    gap: 20px;
  }
}
.product-page__data {
  display: flex;
  gap: 152px;
}
@media (max-width: 1440px) {
  .product-page__data {
    gap: clamp(70px, 70px + (152 - 70) * (100vw - 1024px) / (1440 - 1024), 152px);
  }
}
@media (max-width: 1024px) {
  .product-page__data {
    gap: 152px;
  }
}
@media (max-width: 630px) {
  .product-page__data {
    gap: clamp(70px, 70px + (152 - 70) * (100vw - 430px) / (630 - 430), 152px);
  }
}
@media (max-width: 430px) {
  .product-page__data {
    justify-content: space-between;
  }
}
.product-page__group {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.product-page__group p {
  font-size: 14px;
  font-weight: 200;
  line-height: 20px;
  color: #AEAEAE;
}
.product-page__group h5 {
  font-size: 28px;
  font-weight: 600;
  line-height: 48px;
}
@media (max-width: 430px) {
  .product-page__group h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
  }
}
.product-page__prices {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
}
.product-page__prices p {
  text-decoration: line-through;
}
.product-page__discount {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  position: absolute;
  right: -80px;
  top: 40%;
  background-color: #ffde73;
  border-radius: 6px;
}
@media (max-width: 630px) {
  .product-page__discount {
    right: -60%;
  }
}
@media (max-width: 430px) {
  .product-page__discount {
    padding: 3px 4px;
  }
}
.product-page__discount p {
  font-size: 14px;
  font-weight: 200;
  text-decoration: none;
  color: black;
}
@media (max-width: 430px) {
  .product-page__discount p {
    font-size: 12px;
    font-weight: 200;
  }
}
.product-page__discount img {
  width: 16px;
  height: auto;
  z-index: 4;
}
@media (max-width: 430px) {
  .product-page__discount img {
    width: 12px;
  }
}
.product-page__counter {
  display: flex;
  align-items: center;
  gap: 17px;
}
.product-page__counter p {
  font-size: 20px;
  font-weight: 600;
  color: #393939;
}
@media (max-width: 430px) {
  .product-page__counter p {
    font-size: 16px;
    font-weight: 200;
    line-height: 24px;
  }
}
.product-page__arrows {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  border-radius: 40px;
  box-shadow: 0 0px 4px 0 rgba(213, 213, 213, 0.1450980392);
  cursor: pointer;
}
.product-page__arrows svg {
  width: 10px;
  height: auto;
  flex-shrink: 0;
  stroke: #aeaeae;
  transition: all 0.3s ease;
}
.product-page__arrows:hover svg {
  stroke: #9747FF;
}
.product-page__buttons {
  display: flex;
  align-items: center;
  gap: 48px;
}
@media (max-width: 1440px) {
  .product-page__buttons {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
@media (max-width: 1024px) {
  .product-page__buttons {
    flex-direction: row;
    align-items: center;
    gap: 48px;
  }
}
@media (max-width: 768px) {
  .product-page__buttons {
    gap: clamp(24px, 24px + (48 - 24) * (100vw - 630px) / (768 - 630), 48px);
  }
}
@media (max-width: 630px) {
  .product-page__buttons {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.product-page__button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 24px;
  border-radius: 40px;
}
@media (max-width: 430px) {
  .product-page__button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0;
  }
}
.product-page__button svg {
  width: 30px;
  height: auto;
  z-index: 5;
  position: relative;
}
.product-page__button p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
@media (max-width: 360px) {
  .product-page__button p {
    font-size: clamp(16px, 16px + (18 - 16) * (100vw - 320px) / (360 - 320), 18px);
  }
}
.product-page__button--addtocart {
  background: linear-gradient(to right, #DD4BEC 0%, #9747FF 100%);
  color: white;
  position: relative;
  transition: all 0.3s ease;
}
.product-page__button--addtocart::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  background: #9747FF;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
}
.product-page__button--addtocart:hover::before {
  opacity: 1;
}
.product-page__button--addtocart p, .product-page__button--addtocart span {
  position: relative;
  z-index: 6;
}
.product-page__button--addtofav {
  border: 1px solid transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #DD4BEC 0%, #9747FF 100%) border-box;
  position: relative;
  transition: all 0.3s ease;
}
.product-page__button--addtofav p {
  background: linear-gradient(to right, #DD4BEC 0%, #9747FF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  transition: all 0.3s ease;
}
.product-page__button--addtofav::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  background: linear-gradient(to right, #DD4BEC 0%, #9747FF 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
}
.product-page__button--addtofav svg {
  stroke: #9747FF;
}
.product-page__button--addtofav.active p,
.product-page__button--addtofav:hover p {
  background: #FFF;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product-page__button--addtofav.active svg,
.product-page__button--addtofav:hover svg {
  stroke: #FFF;
}
.product-page__button--addtofav.active::before,
.product-page__button--addtofav:hover::before {
  opacity: 1;
}
.product-page__button--addtofav p,
.product-page__button--addtofav span {
  position: relative;
  z-index: 6;
}

.category__inner {
  position: relative;
}
.category__bg-images {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
}
@media (max-width: 1024px) {
  .category__bg-images {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 430px) {
  .category__bg-images {
    grid-template-columns: repeat(4, 1fr);
  }
}
.category__image {
  width: 100%;
  height: clamp(208px, 208px + (288 - 208) * (100vw - 1024px) / (1920 - 1024), 288px);
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1024px) {
  .category__image {
    height: clamp(152px, 152px + (208 - 152) * (100vw - 768px) / (1024 - 768), 208px);
  }
}
@media (max-width: 768px) {
  .category__image {
    height: clamp(93px, 93px + (152 - 93) * (100vw - 430px) / (768 - 430), 152px);
  }
}
@media (max-width: 1024px) {
  .category__image--no-tablet {
    display: none;
  }
}
@media (max-width: 430px) {
  .category__image--no-mobile {
    display: none;
  }
}
.category__content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.category__bg-circle {
  width: 1008px;
  height: auto;
}
@media (max-width: 1440px) {
  .category__bg-circle {
    width: clamp(592px, 592px + (1008 - 592) * (100vw - 768px) / (1440 - 768), 1008px);
  }
}
@media (max-width: 768px) {
  .category__bg-circle {
    width: clamp(340px, 340px + (592 - 340) * (100vw - 430px) / (768 - 430), 592px);
  }
}
.category__search {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  position: absolute;
}
@media (max-width: 1024px) {
  .category__search {
    gap: 17px;
  }
}
.category__logo img {
  width: 148px;
  height: auto;
  margin-bottom: 11px;
}
@media (max-width: 1024px) {
  .category__logo img {
    margin-bottom: 3px;
  }
}
@media (max-width: 768px) {
  .category__logo img {
    width: clamp(69px, 69px + (148 - 69) * (100vw - 430px) / (768 - 430), 148px);
  }
}
.category__searchbar {
  display: flex;
  align-items: center;
  padding: 11px 22px;
  border: 1px solid #AEAEAE;
  background-color: #FFF;
  box-shadow: 0 0px 14px 0 #9747ff;
  border-radius: 40px;
  transition: all 0.4s;
}
@media (max-width: 768px) {
  .category__searchbar {
    padding: clamp(10px, 10px + (11 - 10) * (100vw - 430px) / (768 - 430), 11px) clamp(16px, 16px + (20 - 16) * (100vw - 430px) / (768 - 430), 20px);
  }
}
.category__input {
  width: 272px;
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}
@media (max-width: 768px) {
  .category__input {
    width: clamp(169px, 169px + (272 - 169) * (100vw - 430px) / (768 - 430), 272px);
    font-size: clamp(12px, 12px + (16 - 12) * (100vw - 430px) / (768 - 430), 16px);
    line-height: clamp(14px, 14px + (24 - 14) * (100vw - 430px) / (768 - 430), 24px);
  }
}
@media (max-width: 430px) {
  .category__input {
    font-size: 12px;
    font-weight: 200;
  }
}
.category__input::-webkit-input-placeholder {
  color: #AEAEAE;
}
.category__input::-moz-placeholder {
  color: #AEAEAE;
}
.category__input:-ms-input-placeholder {
  color: #AEAEAE;
}
.category__input *:-moz-placeholder {
  color: #AEAEAE;
}
.category__button {
  width: 18px;
  height: auto;
}
.category__found {
  color: #AEAEAE;
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}
@media (max-width: 430px) {
  .category__found {
    font-size: 12px;
    font-weight: 200;
  }
}

.layout {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 60px 0;
}
@media (max-width: 1024px) {
  .layout {
    padding: 40px 18px 0;
  }
}
.layout__titles {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .layout__titles {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
  }
}
@media (max-width: 430px) {
  .layout__titles {
    gap: 20px;
  }
}
.layout__info {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
@media (max-width: 768px) {
  .layout__info {
    gap: 16px;
  }
}
.layout__info h1 {
  font-size: 34px;
  font-weight: 600;
  line-height: 40px;
}
@media (max-width: 430px) {
  .layout__info h1 {
    font-size: 20px;
    font-weight: 600;
  }
}
.layout__path {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 430px) {
  .layout__path {
    gap: 12px;
  }
}
.layout__path a {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #AEAEAE;
}
@media (max-width: 430px) {
  .layout__path a {
    font-size: 12px;
    font-weight: 200;
  }
}
.layout__filters {
  display: flex;
  align-items: center;
  gap: 46px;
}
@media (max-width: 1024px) {
  .layout__filters {
    width: 100%;
    justify-content: space-between;
    gap: 0;
  }
}
@media (max-width: 430px) {
  .layout__filters {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 16px;
  }
}
.layout__wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 768px) {
  .layout__wrapper {
    gap: clamp(20px, 20px + (30 - 20) * (100vw - 630px) / (768 - 630), 30px);
  }
}
@media (max-width: 630px) {
  .layout__wrapper {
    gap: clamp(10px, 10px + (20 - 10) * (100vw - 430px) / (630 - 430), 20px);
  }
}
.layout__filter-button {
  display: flex;
  align-items: center;
  display: none;
  gap: 12px;
  padding: 14px 36px;
  color: #FFF;
  background-color: #00C48C;
  border-radius: 40px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.layout__filter-button:hover {
  background-color: #0a7153;
}
@media (max-width: 1024px) {
  .layout__filter-button {
    display: flex;
  }
}
@media (max-width: 630px) {
  .layout__filter-button {
    padding: 14px clamp(20px, 20px + (36 - 20) * (100vw - 430px) / (630 - 430), 36px);
  }
  .layout__filter-button p {
    display: none;
  }
}
@media (max-width: 430px) {
  .layout__filter-button {
    padding: 6px 20px;
  }
}
.layout__filter-button p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
.layout__shown {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #AEAEAE;
}
@media (max-width: 630px) {
  .layout__shown {
    font-size: clamp(14px, 14px + (16 - 14) * (100vw - 430px) / (630 - 430), 16px);
  }
}
@media (max-width: 360px) {
  .layout__shown {
    font-size: 12px;
    font-weight: 200;
  }
}
.layout__sort-button {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  padding: 15.5px 46px;
  border: 1px solid #AEAEAE;
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
  border-radius: 16px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.layout__sort-button img {
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .layout__sort-button {
    padding: 15.5px clamp(30px, 30px + (46 - 30) * (100vw - 630px) / (768 - 630), 46px);
  }
}
@media (max-width: 630px) {
  .layout__sort-button {
    padding: 15.5px clamp(20px, 20px + (30 - 20) * (100vw - 430px) / (630 - 430), 30px);
  }
}
@media (max-width: 430px) {
  .layout__sort-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.layout__sort-button:hover {
  background-color: #ECEFF2;
}
.layout__sort-button.active img {
  transform: rotate(-180deg);
}
.layout__content {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
@media (max-width: 1440px) {
  .layout__content {
    gap: 16px;
  }
}
.layout__container {
  position: relative;
}

.sort {
  position: absolute;
  top: 63px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 5;
  border: 1px solid #ECEFF2;
  border-radius: 20px;
  pointer-events: none;
}
.sort.active {
  opacity: 1;
  pointer-events: all;
}
.sort__item {
  text-align: center;
  padding: 14px 10px;
  background-color: #FFF;
  border: 1px solid #ECEFF2;
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.sort__item:first-child {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.sort__item:last-child {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.sort__item:hover {
  background-color: #ECEFF2;
}
@media (max-width: 1024px) {
  .sort__item {
    font-size: 14px;
  }
}

.filters {
  width: clamp(320px, 320px + (428 - 320) * (100vw - 1440px) / (1920 - 1440), 428px);
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 30px;
  background-color: #f7f7f7;
  border-radius: 20px;
  z-index: 50;
}
@media (max-width: 1440px) {
  .filters {
    width: clamp(260px, 260px + (320 - 260) * (100vw - 1024px) / (1440 - 1024), 320px);
  }
}
@media (max-width: 1024px) {
  .filters {
    width: 460px;
    height: 774px;
    padding: 30px 20px;
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(-200px);
    overflow-y: auto;
    scrollbar-width: none;
    border-radius: 0;
    border-bottom-right-radius: 20px;
    z-index: 50;
    transition: all 0.4s ease;
  }
}
@media (max-width: 630px) {
  .filters {
    width: clamp(283px, 283px + (460 - 283) * (100vw - 430px) / (630 - 430), 460px);
  }
}
@media (max-width: 430px) {
  .filters {
    height: 468px;
    gap: 20px;
  }
}
@media (max-width: 1024px) {
  .filters.scroll-down {
    transform: translate(-460px, 150px);
  }
}
@media (max-width: 430px) {
  .filters.scroll-down {
    transform: translate(-283px, 113.75px);
  }
}
@media (max-width: 1024px) {
  .filters.scroll-down.active {
    transform: translate(0, 150px);
  }
}
@media (max-width: 430px) {
  .filters.scroll-down.active {
    transform: translate(0, 113.75px);
  }
}
@media (max-width: 1024px) {
  .filters.scroll-up {
    transform: translate(-460px, 88px);
  }
}
@media (max-width: 430px) {
  .filters.scroll-up {
    transform: translate(-283px, 63.75px);
  }
}
@media (max-width: 1024px) {
  .filters.scroll-up.active {
    transform: translate(0, 88px);
  }
}
@media (max-width: 430px) {
  .filters.scroll-up.active {
    transform: translate(0, 63.75px);
  }
}
.filters__stub {
  width: calc(100% + 60px);
  height: 1px;
  flex-shrink: 0;
  margin: 0 -30px;
  background-color: #d9e0e7;
}
@media (max-width: 1024px) {
  .filters__stub {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 1024px) {
  .filters__stub--notablet {
    display: none;
  }
}
.filters__stub--tablet {
  display: none;
}
@media (max-width: 1024px) {
  .filters__stub--tablet {
    display: block;
  }
}
.filters__item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 430px) {
  .filters__item {
    gap: 20px;
  }
}
.filters__item--buttons {
  gap: 14px;
}
@media (max-width: 430px) {
  .filters__item--buttons {
    gap: 12px;
  }
}
.filters__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .filters__title {
    cursor: pointer;
  }
}
.filters__title--tablet {
  display: none;
}
@media (max-width: 1024px) {
  .filters__title--tablet {
    display: flex;
  }
}
.filters__title.active img {
  transform: rotate(90deg);
}
.filters__title img {
  display: none;
  transition: all 0.2s ease;
}
@media (max-width: 1024px) {
  .filters__title img {
    display: block;
  }
}
.filters__title h4 {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 430px) {
  .filters__title h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
  }
}
.filters__single-title {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 430px) {
  .filters__single-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
  }
}
.filters__slider {
    display: flex;
    align-items: flex-end;
    position: relative;
    height: 45px;
    margin-bottom: 32px;
}
.filters__price {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 430px) {
  .filters__price {
    font-size: 12px;
  }
}
.filters__price span {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
  color: #AEAEAE;
}
.filters__price--max {
  position: absolute;
  right: 0;
  top: 0;
}
.filters__price--min {
  position: absolute;
  left: 0;
  top: 0;
}
.filters__slidebar {
  width: 100%;

}
.filters__points {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 1024px) {

  .filters__points.active {
    display: flex;
  }
}
.filters__group {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;
  cursor: pointer;
}
.filters__group:hover .filters__checkbox-custom {
  border-color: #9747FF;
}
.filters__group--white .filters__checkbox-custom {
  background-color: #fff !important;
}
.filters__group--gray .filters__checkbox-custom {
  background-color: #929292 !important;
}
.filters__group--blue .filters__checkbox-custom {
  background-color: #2d7aff !important;
}
.filters__group--black .filters__checkbox-custom {
  background-color: #000000 !important;
}
.filters__group--red .filters__checkbox-custom {
  background-color: #ff2d2d !important;
}
.filters__group--yellow .filters__checkbox-custom {
  background-color: #ffea48 !important;
}
.filters__text {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
  color: #AEAEAE;
  transition: all 0.2s;
}
@media (max-width: 430px) {
  .filters__text {
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
  }
}
.filters__text--small {
  font-size: 14px;
  font-weight: 200;
  line-height: 20px;
}
@media (max-width: 1024px) {
  .filters__text--small {
    display: none;
  }
}
.filters__checkbox {
  display: none;
}
.filters__checkbox:checked + .filters__checkbox-custom {
  background-color: #9747FF;
  border-color: #9747FF;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 2.75L3.32143 4.75L6.75 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}
.filters__checkbox--color:checked + .filters__checkbox-custom {
  background-image: none;
}
.filters__checkbox--color:checked ~ .filters__text {
  color: #393939;
}
.filters__checkbox-custom {
  width: 20px;
  height: 20px;
  border: 2px solid #AEAEAE;
  border-radius: 2px;
  background: white;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.filters__checkbox-custom--color {
  border-radius: 40px;
  border-color: transparent;
}
.filters__search {
  display: flex;
  align-items: center;
  padding: 11px 22px;
  border: 1px solid #AEAEAE;
  background-color: #FFF;
  border-radius: 40px;
  transition: all 0.4s;
}
.filters__input {
  width: 100%;
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}
.filters__input::-webkit-input-placeholder {
  color: #AEAEAE;
}
.filters__input::-moz-placeholder {
  color: #AEAEAE;
}
.filters__input:-ms-input-placeholder {
  color: #AEAEAE;
}
.filters__input *:-moz-placeholder {
  color: #AEAEAE;
}
.filters__loop {
  width: 18px;
  height: auto;
  stroke: #AEAEAE;
}
.filters__button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  border-radius: 40px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.filters__button--empty {
  border: 1px solid #393939;
}
.filters__button--empty:hover {
  background-color: #393939;
  color: #FFF;
}
.filters__button--full {
  color: #FFF;
  background-color: #393939;
}
.filters__button--full:hover {
  background-color: #9747FF;
}
.filters__button--close {
  display: none;
}
@media (max-width: 1024px) {
  .filters__button--close {
    display: flex;
    border-color: #9747FF;
    color: #9747FF;
  }
}
.filters__button--close:hover {
  background: linear-gradient(to right, #DD4BEC 0%, #9747FF 100%);
}

.products {
  max-width: 1344px;
  width: 100%;
  flex: 1;
  min-width: 0;
}
.products__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.products__content {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 30px;
}
@media (max-width: 1440px) {
  .products__content {
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .products__content {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 630px) {
  .products__content {
    gap: clamp(10px, 10px + (20 - 10) * (100vw - 430px) / (630 - 430), 20px);
  }
}
.products__pagination {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 630px) {
  .products__pagination {
    gap: clamp(8px, 8px + (16 - 8) * (100vw - 430px) / (630 - 430), 16px);
  }
}
@media (max-width: 430px) {
  .products__pagination {
    display: none;
  }
}
.products__pagination svg {
  stroke: #b3c1cd;
  transition: all 0.3s ease;
}
.products__pagination svg:hover {
  stroke: #9747FF;
}
.products__switch-page {
  width: 12px;
  height: auto;
}
@media (max-width: 1024px) {
  .products__switch-page {
    width: 9px;
  }
}
.products__switch-page--prev {
  margin-right: 4px;
}
.products__switch-page--next {
  margin-left: 4px;
}
.products__page {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid #EFE1FF;
  border-radius: 40px;
  transition: all 0.3s ease;
}
.products__page.active {
  border: 1px solid transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #DD4BEC 0%, #9747FF 100%) border-box;
}
.products__page:hover {
  border-color: #9747FF;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 630px) {
  .pagination {
    gap: clamp(8px, 8px + (16 - 8) * (100vw - 430px) / (630 - 430), 16px);
  }
}
@media (max-width: 430px) {
  .pagination {
    display: none;
  }
}
.pagination--center {
  margin: 0 auto;
}
@media (max-width: 430px) {
  .pagination--center {
    display: flex;
  }
}
.pagination__switch-page {
  width: 12px;
  height: auto;
}
@media (max-width: 1024px) {
  .pagination__switch-page {
    width: 9px;
  }
}
.pagination__switch-page--prev {
  margin-right: 4px;
}
.pagination__switch-page--next {
  margin-left: 4px;
}
.pagination__page {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid #EFE1FF;
  border-radius: 40px;
}
.pagination__page.active {
  border: 1px solid transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #DD4BEC 0%, #9747FF 100%) border-box;
}

.cart {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.1254901961);
  transition: all 0.3s;
}

.cartClear {
  padding-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap:40px;
}

.cartClear span {
  font-size: 34px;
}

@media (max-width: 430px) {
  .cartClear span {
  font-size: 24px;
  }
  .cartClear img {
    max-width: 80%;
  }
}

@media (max-width: 430px) {
  .cart {
    align-items: flex-end;
  }
}
.cart.active {
  opacity: 1;
  pointer-events: all;
}
.cart.active .cart__inner {
  transform: translateY(0);
}
.cart--order {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 48px;
  position: static;
  background-color: #FFF;
  border: 1px solid #eceff2;
  border-radius: 20px;
  opacity: 1;
  pointer-events: all;
  z-index: 5;
}
.cart__inner {
  max-width: 1800px;
  width: 100%;
  max-height: 952px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin: 0 60px;
  transform: translateY(500px);
  background-color: #FFF;
  border-radius: 20px;
  transition: all 0.4s ease;
  overflow-y: auto;
}
@media (max-width: 1024px) {
  .cart__inner {
    gap: 26px;
    margin: 0 20px;
  }
}
@media (max-width: 430px) {
  .cart__inner {
    gap: 20px;
    margin: 0;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
}
.cart__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1024px) {
  .cart__content {
    gap: 26px;
  }
}
@media (max-width: 430px) {
  .cart__content {
    gap: 20px;
  }
}
.cart__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 36px 40px;
  background-color: #ECEFF2;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.cart__header h2 {
  font-size: 34px;
  font-weight: 600;
}
.cart__header svg {
  width: 30px;
  height: auto;
}
.cart__header a {
  cursor: pointer;
}
@media (max-width: 1024px) {
  .cart__header {
    padding: 27px 20px;
  }
  .cart__header h2 {
    font-size: 22px;
    font-weight: 600;
  }
  .cart__header svg {
    width: 26px;
  }
}
@media (max-width: 430px) {
  .cart__header {
    padding: 16px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .cart__header svg {
    width: 17px;
  }
}
.cart__header--padding-30 {
  padding: 36px 30px;
}
@media (max-width: 1024px) {
  .cart__header--padding-30 {
    padding: 27px 20px;
  }
}
@media (max-width: 430px) {
  .cart__header--padding-30 {
    padding: 11px 10px;
  }
}
.cart__titles {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
}
@media (max-width: 1024px) {
  .cart__titles {
    padding: 0 20px;
  }
}
.cart__titles--padding-30 {
  padding: 0 30px;
}
@media (max-width: 1024px) {
  .cart__titles--padding-30 {
    padding: 0 20px;
  }
}
@media (max-width: 430px) {
  .cart__titles--padding-30 {
    padding: 0 10px;
  }
}
.cart__points {
  display: flex;
  align-items: center;
  gap: 200px;
}
@media (max-width: 1440px) {
  .cart__points {
    gap: clamp(60px, 60px + (200 - 60) * (100vw - 1024px) / (1440 - 1024), 200px);
  }
}
@media (max-width: 1024px) {
  .cart__points {
    gap: 75px;
  }
}
@media (max-width: 768px) {
  .cart__points {
    gap: clamp(30px, 30px + (75 - 30) * (100vw - 630px) / (768 - 630), 75px);
  }
}
.cart__points--order {
  gap: clamp(15px, 15px + (323 - 15) * (100vw - 1024px) / (1920 - 1024), 323px);
  margin-right: clamp(70px, 70px + (235 - 70) * (100vw - 1024px) / (1920 - 1024), 235px);
}
@media (max-width: 1024px) {
  .cart__points--order {
    gap: 125px;
    margin-right: 110px;
  }
}
.cart__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
@media (max-width: 430px) {
  .cart__text {
    font-size: 14px;
  }
}
.cart__text--gray {
  color: #AEAEAE;
}
@media (max-width: 430px) {
  .cart__text--gray {
    line-height: 20px;
  }
}
.cart__text--V {
  color: #9747FF;
}
.cart__text--clearcart {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
  color: #9747FF;
}
.cart__text--newprice {
  font-size: 28px;
  font-weight: 800;
  line-height: 48px;
}
@media (max-width: 1024px) {
  .cart__text--newprice {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 430px) {
  .cart__text--newprice {
    font-size: 14px;
    line-height: 22px;
  }
}
.cart__text--oldprice {
  font-size: 20px;
  line-height: 23px;
  font-weight: 800;
  color: #AEAEAE;
  text-decoration: line-through;
}
@media (max-width: 1024px) {
  .cart__text--oldprice {
    font-size: 16px;
    line-height: 19px;
  }
}
@media (max-width: 430px) {
  .cart__text--oldprice {
    font-size: 10px;
    line-height: 12px;
  }
}
.cart__text--oldprice.none {
  display: none;
}
.cart__text--h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 48px;
}
@media (max-width: 430px) {
  .cart__text--h2 {
    margin-top: -14px;
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 768px) {
  .cart__text--mob {
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
  }
}
@media (max-width: 630px) {
  .cart__text--mob {
    font-size: 16px;
    font-weight: 200;
    line-height: 24px;
  }
}
@media (max-width: 430px) {
  .cart__text--mob {
    font-size: 14px;
    font-weight: 400;
  }
}
@media (max-width: 630px) {
  .cart__text--no-tablet {
    display: none;
  }
}
.cart__text--gradient {
  background: linear-gradient(to right, #DD4BEC 0%, #9747FF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.cart__text--main-labels {
  font-size: 20px;
  font-weight: 600;
}
.cart__blocks {
  padding: 0 40px;
}
.cart__blocks--limit {
  min-height: 0;
  flex: 1;
  height: 100%;
}
@media (max-width: 1024px) {
  .cart__blocks--limit {
    max-height: 393px;
  }
}
@media (max-width: 630px) {
  .cart__blocks--limit {
    max-height: 440px;
  }
}
@media (max-width: 430px) {
  .cart__blocks--limit {
    max-height: 250px;
  }
}
.cart__blocks > :first-child {
  border-top: 1px solid #ECEFF2;
}
.cart__blocks > :last-child {
  border-bottom: none;
}
@media (max-width: 1024px) {
  .cart__blocks {
    padding: 0 20px;
  }
}
.cart__blocks--padding-30 {
  padding: 0 30px;
}
@media (max-width: 1024px) {
  .cart__blocks--padding-30 {
    padding: 0 20px;
  }
}
@media (max-width: 1024px) {
  .cart__blocks--padding-30 {
    padding: 0 10px;
  }
}
.cart__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #ECEFF2;
}
@media (max-width: 430px) {
  .cart__item {
    padding: 14px 0;
  }
}
.cart__product {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1024px) {
  .cart__product {
    gap: 16px;
  }
}
@media (max-width: 630px) {
  .cart__product {
    align-items: flex-start;
  }
}
.cart__product img {
  width: 126px;
  height: 126px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
@media (max-width: 1024px) {
  .cart__product img {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 430px) {
  .cart__product img {
    width: 50px;
    height: 50px;
  }
}
.cart__product h4 {
  max-width: 275px;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 1440px) {
  .cart__product h4 {
    max-width: clamp(200px, 200px + (275 - 200) * (100vw - 1024px) / (1440 - 1024), 275px);
  }
}
@media (max-width: 1024px) {
  .cart__product h4 {
    max-width: 154px;
    font-size: 16px;
  }
}
@media (max-width: 430px) {
  .cart__product h4 {
    max-width: 151px;
    font-size: 12px;
  }
}
.cart__product-wrapper {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-top: 7px;
}
.cart__action {
  display: flex;
  align-items: center;
  gap: 190px;
}
@media (max-width: 1440px) {
  .cart__action {
    gap: clamp(50px, 50px + (190 - 50) * (100vw - 1024px) / (1440 - 1024), 190px);
  }
}
@media (max-width: 1024px) {
  .cart__action {
    gap: 105px;
  }
}
@media (max-width: 768px) {
  .cart__action {
    gap: clamp(35px, 35px + (80 - 35) * (100vw - 630px) / (768 - 630), 80px);
  }
}
@media (max-width: 630px) {
  .cart__action {
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 30px;
  }
}
@media (max-width: 430px) {
  .cart__action {
    gap: 29px;
  }
}
.cart__action--order {
  gap: clamp(20px, 20px + (367 - 20) * (100vw - 1024px) / (1920 - 1024), 367px);
  margin-right: clamp(20px, 20px + (142 - 20) * (100vw - 1024px) / (1920 - 1024), 142px);
}
@media (max-width: 1024px) {
  .cart__action--order {
    gap: 210px;
    margin-right: 60px;
  }
}
@media (max-width: 768px) {
  .cart__action--order {
    gap: 185px;
  }
}
@media (max-width: 430px) {
  .cart__action--order {
    margin-right: 20px;
  }
}
.cart__amount {
  display: flex;
  align-items: center;
  gap: 17px;
}
@media (max-width: 430px) {
  .cart__amount {
    gap: 12px;
  }
}
.cart__set-amount {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 4px 0 rgba(213, 213, 213, 0.1450980392);
}
@media (max-width: 430px) {
  .cart__set-amount {
    width: 24px;
    height: 24px;
  }
}
.cart__set-amount svg {
  width: 10px;
  height: auto;
  stroke: #aeaeae;
  transition: all 0.3s ease;
}
@media (max-width: 430px) {
  .cart__set-amount svg {
    width: 6px;
  }
}
.cart__set-amount:hover svg {
  stroke: #9747FF;
}
.cart__delete {
  width: 36px;
  height: auto;
  flex-shrink: 0;
}
.cart__delete svg {
  fill: #aeaeae;
  transition: all 0.3s ease;
}
.cart__delete:hover svg {
  fill: #9747FF;
  transform: scale(1.1);
}
@media (max-width: 430px) {
  .cart__delete {
    width: 26px;
  }
}
.cart__price {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
@media (max-width: 1024px) {
  .cart__price {
    margin-left: -40px;
  }
}
@media (max-width: 768px) {
  .cart__price {
    margin-left: -30px;
  }
}
@media (max-width: 630px) {
  .cart__price {
    margin: 0;
  }
}
@media (max-width: 630px) {
  .cart__price--no-tablet {
    display: none;
  }
}
.cart__price--tablet {
  display: none;
}
@media (max-width: 630px) {
  .cart__price--tablet {
    display: flex;
  }
}
.cart__footer {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 40px 54px;
}
@media (max-width: 1024px) {
  .cart__footer {
    padding: 0 20px 25px;
  }
}
@media (max-width: 630px) {
  .cart__footer {
    flex-direction: column-reverse;
    gap: 16px;
  }
}
.cart__button {
  padding: 14px 24px;
  border-radius: 40px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  cursor: pointer;
}
@media (max-width: 430px) {
  .cart__button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.cart__button--gradient {
  border: 1px solid transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #DD4BEC 0%, #9747FF 100%) border-box;
  position: relative;
  transition: all 0.3s ease;
}
.cart__button--gradient p {
  background: linear-gradient(to right, #DD4BEC 0%, #9747FF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.cart__button--gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  background: linear-gradient(to right, #DD4BEC 0%, #9747FF 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
}
.cart__button--gradient svg {
  stroke: #9747FF;
}
.cart__button--gradient:hover p {
  background: #FFF;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cart__button--gradient:hover svg {
  stroke: #FFF;
}
.cart__button--gradient:hover::before {
  opacity: 1;
}
.cart__button--gradient p,
.cart__button--gradient span {
  position: relative;
  z-index: 6;
}
.cart__button--green {
  background-color: #00C48C;
  color: #FFF;
  transition: all 0.3s ease;
}
.cart__button--green:hover {
  background-color: rgb(10, 113, 83);
}
.cart__total {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}
@media (max-width: 430px) {
  .cart__total {
    width: 100%;
    gap: 20px;
  }
}

.order {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 60px;
}
@media (max-width: 1024px) {
  .order {
    padding: 40px 20px;
  }
}
.order__content {
  display: flex;
  gap: clamp(15px, 15px + (29 - 15) * (100vw - 1024px) / (1920 - 1024), 29px);
}
@media (max-width: 1024px) {
  .order__content {
    flex-direction: column;
    gap: 40px;
  }
}
.order__main {
  max-width: clamp(617px, 617px + (1343 - 617) * (100vw - 1024px) / (1920 - 1024), 1343px);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1024px) {
  .order__main {
    max-width: none;
  }
}
.order__titles {
  font-size: 34px;
  font-weight: 600;
}
.order__options {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.order__block {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 430px) {
  .order__block {
    gap: 16px;
  }
}
.order__text {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 430px) {
  .order__text {
    font-size: 16px;
    line-height: 24px;
  }
}
.order__text--h1 {
  font-size: 34px;
  font-weight: 600;
}
@media (max-width: 430px) {
  .order__text--h1 {
    font-size: 20px;
    font-weight: 600;
  }
}
.order__text--green {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease, height 0.3s ease;
  color: #00C48C;
}
.order__text--card {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}
@media (max-width: 430px) {
  .order__text--card {
    font-size: clamp(12px, 12px + (16 - 12) * (100vw - 320px) / (430 - 320), 16px);
  }
}
.order__text--date {
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.order__text--time {
  cursor: pointer;
  padding: 10px;
  border-radius: 40px;
  border: 1px solid #ECEFF2;
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
  text-align: center;
}
@media (max-width: 768px) {
  .order__text--time {
    font-size: clamp(14px, 14px + (16 - 14) * (100vw - 630px) / (768 - 630), 16px);
  }
}
@media (max-width: 430px) {
  .order__text--time {
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
  }
}
.order__text--main {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 768px) {
  .order__text--margin {
    margin-left: 50px;
  }
}
@media (max-width: 630px) {
  .order__text--no-tablet {
    display: none !important;
  }
}
.order__text--tablet {
  display: none !important;
}
@media (max-width: 630px) {
  .order__text--tablet {
    display: block !important;
    align-self: flex-end;
  }
}
.order__stack {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 0 30px;
  border-radius: 20px;
  border: 2px solid;
  border-color: #FFF;
  animation: fadeIn 0.3s ease;
  transition: all 0.4s ease;
}
@media (max-width: 430px) {
  .order__stack {
    padding: 0 16px;
    border-radius: 10px;
  }
}
.order__stack.active {
  padding: 30px;
  border-color: #00C48C;
}
@media (max-width: 430px) {
  .order__stack.active {
    padding: 16px;
  }
}
.order__stack.active .order__submenu-wrapper {
  height: auto;
  margin-top: 0;
  opacity: 1;
  transform: translateY(0);
  overflow: visible;
}
.order__stack.active .order__submenu-wrapper--card {
  height: 0;
  opacity: 0;
  transform: translateY(0);
  overflow: hidden;
  margin-top: -30px;
}
@media (max-width: 430px) {
  .order__stack.active .order__submenu-wrapper--card {
    margin-top: -14px;
  }
}
.order__stack.active .order__text--green {
  opacity: 1;
  height: auto;
  overflow: visible;
}
.order__stack--big-gap.active {
  gap: 30px;
}
@media (max-width: 430px) {
  .order__stack--big-gap.active {
    gap: 14px;
  }
}
.order__free {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order__group {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 18px;
  cursor: pointer;
}
.order__group:hover .order__radio-custom {
  border-color: #6a22c7;
}
.order__group--card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  cursor: auto;
}
.order__group--number {
  grid-area: number;
}
.order__group--cvv {
  grid-area: cvv;
}
.order__group--expiry {
  grid-area: expiry;
}
.order__submenu-wrapper {
  height: 0;
  margin-left: 50px;
  margin-top: -20px;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}
@media (max-width: 430px) {
  .order__submenu-wrapper {
    margin-left: 36px;
  }
}
.order__submenu-wrapper--no-desk-margin {
  margin-left: 0;
}
@media (max-width: 768px) {
  .order__submenu-wrapper--no-margin {
    margin-left: 0;
  }
}
@media (max-width: 630px) {
  .order__submenu-wrapper--margin {
    margin-top: -38px;
  }
}
.order__submenu-wrapper.hidden {
  height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  transform: translateY(-10px) !important;
}
.order__submenu-wrapper--card.active {
  height: auto !important;
  opacity: 1 !important;
  overflow: visible !important;
  margin-top: 0 !important;
}
.order__submenu {
  width: 100%;
  margin: 0;
}
.order__submenu--search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 22px;
  border: 1px solid #AEAEAE;
  border-radius: 6px;
}
@media (max-width: 430px) {
  .order__submenu--search {
    padding: 13px 14px;
    border-radius: 10px;
  }
}
.order__submenu--courier {
  width: 79%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1440px) {
  .order__submenu--courier {
    width: 100%;
  }
}
.order__submenu--payment {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 430px) {
  .order__submenu--payment {
    gap: 14px;
  }
}
.order__submenu--addcard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 26px;
  padding-top: 30px;
}
@media (max-width: 430px) {
  .order__submenu--addcard {
    gap: 20px;
    padding-top: 20px;
  }
}
.order__radio {
  position: absolute;
  opacity: 0;
}
.order__radio:checked + .order__radio-custom::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.order__radio-custom {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  position: relative;
  border: 2px solid #9747FF;
  border-radius: 50%;
  transition: all 0.3s ease;
}
@media (max-width: 430px) {
  .order__radio-custom {
    width: 24px;
    height: 24px;
  }
}
.order__radio-custom::after {
  width: 14px;
  height: 14px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background: #9747FF;
  border-radius: 40px;
  opacity: 0;
  transition: all 0.3s ease;
}
@media (max-width: 430px) {
  .order__radio-custom::after {
    width: 11px;
    height: 11px;
  }
}
.order__adress {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 18px 36px;
}
@media (max-width: 768px) {
  .order__adress {
    gap: 16px 18px;
  }
}
@media (max-width: 430px) {
  .order__adress {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
@media (max-width: 630px) {
  .order__swiper {
    max-width: 665px;
    width: 100%;
  }
}
.order__date {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: clamp(20px, 20px + (100 - 20) * (100vw - 1024px) / (1920 - 1024), 100px);
       column-gap: clamp(20px, 20px + (100 - 20) * (100vw - 1024px) / (1920 - 1024), 100px);
}
@media (max-width: 768px) {
  .order__date {
    display: flex;
    align-items: center;
    gap: 0;
  }
}
.order__payment-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}
.order__payment-wrap img {
  width: 52px;
  height: auto;
}
.order__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
@media (max-width: 630px) {
  .order__item {
    display: flex !important;
    max-width: 113px !important;
  }
}
.order__input {
  width: 100%;
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}
@media (max-width: 630px) {
  .order__input {
    font-size: clamp(12px, 12px + (16 - 12) * (100vw - 430px) / (630 - 430), 16px);
  }
}
@media (max-width: 430px) {
  .order__input {
    font-size: 12px;
    font-weight: 200;
    line-height: 14px;
  }
}
.order__input--default {
  padding: 12px 14px;
  border-radius: 6px;
  border: 1px solid #AEAEAE;
}
.order__input--default.error {
  border: 1px solid #FF5B5B;
}
.order__input--expiry {
  display: flex;
  align-items: center;
}
.order__input--center {
  text-align: center;
}
.order__number {
  width: 100%;
  text-align: center;
}
.order__card-data {
  max-width: 344px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "number number" "expiry cvv";
  gap: 16px;
}
@media (max-width: 768px) {
  .order__card-data {
    max-width: 472px;
    gap: 20px 28px;
  }
}
@media (max-width: 430px) {
  .order__card-data {
    max-width: 100%;
    gap: 16px;
  }
}
.order__button {
  padding: 14px 40.5px;
  color: #a9a9a9;
  background-color: #ebebeb;
  border-radius: 16px;
  transition: all 0.2s;
}
@media (max-width: 430px) {
  .order__button {
    width: 100%;
  }
}
.order__button.active {
  background-color: #00C48C;
  color: #FFF;
}
.order__reciever {
  max-width: 885px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 30px;
}
@media (max-width: 1024px) {
  .order__reciever {
    max-width: none;
  }
}
@media (max-width: 768px) {
  .order__reciever {
    gap: 20px;
  }
}
@media (max-width: 430px) {
  .order__reciever {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
.order__arrows {
  display: flex;
  align-items: center;
  align-self: center;
  display: none;
  gap: 20px;
}
@media (max-width: 630px) {
  .order__arrows {
    display: flex;
  }
}
.order__swipe {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  box-shadow: 0 3px 4px 0 rgba(194, 194, 194, 0.1450980392);
  border-radius: 40px;
}

.total {
  width: clamp(268px, 268px + (428 - 268) * (100vw - 1024px) / (1920 - 1024), 428px);
}
@media (max-width: 1024px) {
  .total {
    width: 100%;
  }
}
.total__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 170px;
  gap: 30px;
  padding: 30px;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  border-radius: 20px;
}
@media (max-width: 430px) {
  .total__inner {
    padding: 24px 12px;
  }
}
.total__text {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}
@media (max-width: 430px) {
  .total__text {
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
  }
}
.total__text--main-labels {
  font-size: 20px;
  font-weight: 600;
}
.total__text--gray {
  color: #AEAEAE;
}
.total__text--maxwidth {
  max-width: 121px;
}
.total__text--end {
  text-align: end;
}
.total__text--h3 {
  font-size: 22px;
  font-weight: 600;
}
@media (max-width: 430px) {
  .total__text--h3 {
    font-size: 18px;
    font-weight: 600;
  }
}
.total__text--point {
  padding-left: 16px;
  position: relative;
}
.total__text--point::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #AEAEAE;
}
.total__text--main-mob {
  font-size: 14px;
  font-weight: 200;
  line-height: 20px;
}
.total__prices {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.total__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.total__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.total__stub {
  width: calc(100% + 60px);
  height: 1px;
  margin-right: 30px;
  margin-left: -30px;
  background-color: #d9e0e7;
}
@media (max-width: 430px) {
  .total__stub {
    width: calc(100% + 24px);
    margin-right: 12px;
    margin-left: -12px;
  }
}
.total__submit {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.total__button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #FFF;
  background: linear-gradient(to right, #DD4BEC 0%, #9747FF 100%);
  border-radius: 40px;
}
.total__group {
  display: flex;
  gap: 12px;
}
.total__checkbox {
  display: none;
}
.total__checkbox:checked + .total__checkbox-custom {
  background-color: #9747FF;
  border-color: #9747FF;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 2.75L3.32143 4.75L6.75 0.75' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}
.total__checkbox:hover + .total__checkbox-custom {
  border-color: #9747FF;
}
.total__checkbox-custom {
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #AEAEAE;
  border-radius: 2px;
  background: white;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.favorite {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 60px 60px;
}
@media (max-width: 1024px) {
  .favorite {
    padding: 40px 20px 52px;
  }
}
.favorite__titles {
  display: flex;
  align-items: center;
  gap: 82px;
}
@media (max-width: 630px) {
  .favorite__titles {
    gap: 30px;
  }
}
.favorite__titles h1 {
  font-size: 34px;
  font-weight: 600;
}
@media (max-width: 630px) {
  .favorite__titles h1 {
    font-size: 20px;
    font-weight: 600;
  }
}
.favorite__go-back {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.favorite__go-back p {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
  color: #AEAEAE;
}
.favorite__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: 30px;
}
@media (max-width: 1024px) {
  .favorite__inner {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .favorite__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}

.modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  opacity: 0;
  pointer-events: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.1254901961);
  transition: all 0.3s ease;
}
.modal.active {
  opacity: 1;
  pointer-events: all;
}
.modal__padding {
  padding: 0 20px;
}
.modal__inner {
  max-width: 554px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  background-color: #FFF;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .modal__inner {
    max-width: 522px;
  }
}
.modal__wrapper {
  display: flex;
  flex-direction: column;
  gap: 19px;
}
@media (max-width: 430px) {
  .modal__wrapper {
    gap: 24px;
  }
}
.modal__wrapper--smallgap {
  gap: 16px;
}
@media (max-width: 430px) {
  .modal__wrapper--smallgap {
    gap: 14px;
  }
}
.modal__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background-color: #ECEFF2;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
@media (max-width: 430px) {
  .modal__header {
    padding: 20px;
  }
}
.modal__titles {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.modal__titles.active p {
  display: flex;
}
.modal__titles h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 48px;
}
@media (max-width: 430px) {
  .modal__titles h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
  }
}
@media (max-width: 630px) {
  .modal__titles--smaller h2 {
    font-size: clamp(20px, 20px + (28 - 20) * (100vw - 430px) / (630 - 430), 28px);
  }
}
@media (max-width: 430px) {
  .modal__titles--smaller h2 {
    font-size: clamp(16px, 16px + (20 - 16) * (100vw - 320px) / (430 - 320), 20px);
  }
}
.modal__titles p {
  display: none;
  padding: 6px 10px;
  color: #FFF;
  background: linear-gradient(to right, #DD4BEC 0%, #9747FF 100%);
  border-radius: 40px;
  font-size: 14px;
  font-weight: 200;
  line-height: 20px;
}
.modal__close {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 25px;
}
@media (max-width: 430px) {
  .modal__close {
    gap: clamp(12px, 12px + (25 - 12) * (100vw - 320px) / (430 - 320), 25px);
  }
  .modal__close a {
    font-size: clamp(12px, 12px + (16 - 12) * (100vw - 320px) / (430 - 320), 16px);
  }
}
.modal__close a {
  cursor: pointer;
}
.modal__close.active {
  flex-direction: column;
  align-items: flex-end;
  align-self: flex-end;
  gap: 31px;
}
.modal__data {
  display: flex;
  flex-direction: column;
  gap: 19px;
}
@media (max-width: 430px) {
  .modal__data {
    gap: 14px;
  }
}
.modal__group {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (max-width: 430px) {
  .modal__group {
    gap: 12px;
  }
}
.modal__text {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}
@media (max-width: 430px) {
  .modal__text {
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
  }
}
.modal__input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #AEAEAE;
  border-radius: 6px;
}
@media (max-width: 430px) {
  .modal__input {
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
  }
}
.modal__password {
  position: relative;
}
.modal__eye {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  cursor: pointer;
}
.modal__eye svg {
  fill: #AEAEAE;
  transition: all 0.3s ease;
}
.modal__eye.active svg {
  fill: #686868;
}
.modal__enter {
  align-self: center;
  padding: 14px 74px;
  background-color: #00C48C;
  color: #FFF;
  border-radius: 40px;
  transition: all 0.3s ease;
}
@media (max-width: 430px) {
  .modal__enter {
    margin-top: 12px;
    width: 100%;
  }
}
.modal__enter:hover {
  background-color: #0a7153;
}
.modal__stub {
  display: flex;
  align-items: center;
  gap: 18px;
}
.modal__stub div {
  width: 100%;
  height: 1px;
  background-color: #AEAEAE;
}
.modal__stub p {
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
}
@media (max-width: 430px) {
  .modal__stub p {
    font-size: 14px;
  }
}
.modal__buttons {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.modal__button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 14px 0;
  border-radius: 6px;
  box-shadow: 0 0 6px 0 rgba(140, 140, 140, 0.1450980392);
  cursor: pointer;
  transition: all 0.3s ease;
}
.modal__button img {
  width: 29px;
  height: auto;
}
@media (max-width: 430px) {
  .modal__button {
    padding: 12px 0;
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
  }
  .modal__button img {
    width: 22px;
  }
}
.modal__alternative {
  align-self: center;
  padding: 0 0 24px 0;
  color: #9747FF;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
}
@media (max-width: 430px) {
  .modal__alternative {
    font-size: 14px;
  }
}

.success {
  max-width: 554px;
  max-height: 340px;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 20px;
}
@media (max-width: 1024px) {
  .success {
    max-width: 478px;
  }
}
@media (max-width: 630px) {
  .success {
    max-width: 320px;
    max-height: 224px;
  }
}
.success__close {
  position: absolute;
  top: 16px;
  cursor: pointer;
  right: 16px;
}
.success__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.success__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}
.success__content img {
  width: 126px;
  height: auto;
}
@media (max-width: 630px) {
  .success__content img {
    width: 72px;
  }
}
.success__content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #00C48C;
}
@media (max-width: 630px) {
  .success__content p {
    font-size: 14px;
    line-height: 20px;
  }
}
.success__content--error p {
  color: #FF5B5B;
}

.errpage {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 26px;
}
.errpage__button {
  padding: 14px 40px;
  background-color: #393939;
  color: #FFF;
  border-radius: 40px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  transition: all 0.3s ease;
}
.errpage__button:hover {
  background-color: #9747FF;
}
@media (max-width: 1024px) {
  .errpage img {
    width: 524px;
    height: 365px;
  }
}
@media (max-width: 630px) {
  .errpage img {
    width: 278px;
    height: 194px;
  }
}

.container {
  display: flex;
  flex-direction: row;
  gap: 30px;
  background-color: #f2f3f4;
}
@media (max-width: 1024px) {
  .container {
    gap: 20px;
  }
}
@media (max-width: 630px) {
  .container {
    flex-direction: column;
  }
}

.accountnav {
  max-width: 335px;
  width: 100%;
  min-height: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px 40px 15px 60px;
  background-color: #FFF;
}
@media (max-width: 1024px) {
  .accountnav {
    max-width: 249px;
    padding: 30px 20px 15px 20px;
    min-height: auto;
  }
}
@media (max-width: 630px) {
  .accountnav {
    max-width: 100%;
    min-height: unset;
    height: 346px;
    padding: 20px;
  }
}
.accountnav__title {
  font-size: 12px;
  font-weight: 200;
  color: #AEAEAE;
}
.accountnav__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 630px) {
  .accountnav__wrapper {
    gap: 8px;
  }
}
.accountnav__item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border-radius: 16px;
}
@media (max-width: 630px) {
  .accountnav__item {
    padding: 14px 18px;
  }
}
.accountnav__item--exit {
  margin-top: auto;
}
.accountnav__item p {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}
.accountnav__item svg {
  width: 20px;
  height: 20px;
  fill: #393939;
  flex-shrink: 0;
}
.accountnav__item.active {
  background-color: #F6EEFF;
}
.accountnav__item.active p {
  color: #9747FF;
  font-size: 16px;
  line-height: 24px;
  font-weight: 800;
}
.accountnav__item.active svg {
  fill: #9747FF;
}
@media (max-width: 630px) {
  .accountnav__item p {
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
  }
  .accountnav__item.active p {
    font-size: 14px;
  }
}

.accdata {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  padding: 40px 30px 60px 0;
}
@media (max-width: 1024px) {
  .accdata--pass {
    justify-content: flex-start;
    margin-top: 20px;
  }
}
@media (max-width: 630px) {
  .accdata--pass {
    margin-top: 0;
  }
}
@media (max-width: 1024px) {
  .accdata {
    gap: 20px;
    padding: 20px 30px 20px 0;
  }
}
@media (max-width: 630px) {
  .accdata {
    padding: 0px 20px 30px;
  }
}
.accdata__title {
  font-size: 34px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .accdata__title {
    font-size: 28px;
    font-weight: 600;
    line-height: 48px;
  }
}
@media (max-width: 630px) {
  .accdata__title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 23px;
  }
}
.accdata__content {
  max-width: 1186px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  padding: 46px;
  background-color: #FFF;
  border-radius: 20px;
}
.accdata__content--pass {
  max-width: 616px;
}
@media (max-width: 1024px) {
  .accdata__content {
    gap: 30px;
    padding: 20px;
  }
}
@media (max-width: 630px) {
  .accdata__content {
    gap: 20px;
    padding: 14px;
  }
}
.accdata__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 46px;
}
@media (max-width: 1024px) {
  .accdata__grid {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
}
.accdata__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1024px) {
  .accdata__wrapper {
    gap: 18px;
  }
}
.accdata__label {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.accdata__label span {
  font-size: 16px;
  line-height: 24px;
}
.accdata__label input {
  padding: 12px 16px;
  border: 1px solid #AEAEAE;
  border-radius: 6px;
}
.accdata__button {
  padding: 14px 24px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  background-color: #393939;
  color: #FFF;
  border-radius: 40px;
  transition: all 0.3s ease;
}
@media (max-width: 430px) {
  .accdata__button {
    width: 100%;
    text-align: center;
  }
}
.accdata__button:hover {
  background-color: #9747FF;
  color: #FFF;
}

.acchistory {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 30px;
}
@media (max-width: 1024px) {
  .acchistory {
    padding: 20px 20px 20px 0;
    gap: 20px;
  }
}
@media (max-width: 630px) {
  .acchistory {
    padding: 20px;
  }
}
.acchistory__title {
  font-size: 34px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .acchistory__title {
    font-size: 28px;
    font-weight: 600;
    line-height: 48px;
  }
}
@media (max-width: 630px) {
  .acchistory__title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 23px;
  }
}
.acchistory__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}
@media (max-width: 1600px) {
  .acchistory__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1260px) {
  .acchistory__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 840px) {
  .acchistory__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 1024px) {
  .acchistory__grid {
    gap: 20px;
  }
}
@media (max-width: 430px) {
  .acchistory__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.accorders {
  max-width: 1565px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 30px 40px 0;
}
@media (max-width: 1024px) {
  .accorders {
    padding: 20px 20px 20px 0;
    gap: 20px;
  }
}
@media (max-width: 630px) {
  .accorders {
    padding: 20px;
  }
}
.accorders__title {
  font-size: 34px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .accorders__title {
    font-size: 28px;
    font-weight: 600;
    line-height: 48px;
  }
}
@media (max-width: 630px) {
  .accorders__title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 23px;
  }
}
.accorders__topbar {
  width: 100%;
  padding: 12px 26px;
  border-bottom: 1px solid #ECEFF2;
}
@media (max-width: 1024px) {
  .accorders__topbar {
    padding: 10px;
  }
}
.accorders__top {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
  color: #AEAEAE;
}
@media (max-width: 1024px) {
  .accorders__top {
    font-size: 12px;
    font-weight: 200;
  }
}
.accorders__top--product {
  max-width: 379px;
  width: 100%;
}
@media (max-width: 1440px) {
  .accorders__top--product {
    max-width: clamp(213px, 213px + (379 - 213) * (100vw - 1024px) / (1440 - 1024), 379px);
  }
}
@media (max-width: 1024px) {
  .accorders__top--product {
    max-width: clamp(67px, 67px + (75 - 67) * (100vw - 630px) / (1024 - 630), 75px);
  }
}
.accorders__top--price {
  margin-right: 71px;
}
@media (max-width: 1440px) {
  .accorders__top--price {
    margin-right: clamp(34px, 34px + (71 - 34) * (100vw - 1024px) / (1440 - 1024), 71px);
  }
}
.accorders__wrapper {
  max-width: clamp(727px, 727px + (1108 - 727) * (100vw - 1440px) / (1920 - 1440), 1108px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1440px) {
  .accorders__wrapper {
    max-width: clamp(401px, 401px + (727 - 401) * (100vw - 1024px) / (1440 - 1024), 727px);
  }
}
@media (max-width: 1024px) {
  .accorders__wrapper {
    max-width: clamp(214px, 214px + (491 - 214) * (100vw - 630px) / (1024 - 630), 491px);
  }
}
@media (max-width: 630px) {
  .accorders__wrapper {
    max-width: clamp(239px, 239px + (502 - 239) * (100vw - 320px) / (630 - 320), 502px);
  }
}
.accorders__item {
  width: 100%;
  padding: 16px 26px;
  display: flex;
  align-items: center;
  gap: clamp(5px, 5px + (205 - 5) * (100vw - 1024px) / (1920 - 1024), 205px);
  border-bottom: 1px solid #ECEFF2;
}
.accorders__item:last-child {
  border-bottom: none;
}
@media (max-width: 1024px) {
  .accorders__item {
    gap: clamp(3px, 3px + (96 - 3) * (100vw - 630px) / (1024 - 630), 96px);
    padding: 10px;
  }
}
@media (max-width: 630px) {
  .accorders__item {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px;
  }
}
.accorders__inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accorders__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  border-radius: 20px;
}
.accorders__product {
  display: flex;
  align-items: center;
  gap: 20px;
}
.accorders__product img {
  width: 92px;
  height: 92px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.accorders__product p {
  max-width: 283px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
@media (max-width: 1440px) {
  .accorders__product {
    max-width: 230px;
    margin-right: clamp(0px, 0px + (153 - 0) * (100vw - 1200px) / (1440 - 1200), 153px);
  }
}
@media (max-width: 1024px) {
  .accorders__product {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .accorders__product img {
    width: 58px;
    height: 58px;
  }
  .accorders__product p {
    max-width: 95px;
    font-size: 12px;
    line-height: 20px;
  }
}
.accorders__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
@media (max-width: 1024px) {
  .accorders__text {
    font-size: 12px;
    line-height: 26px;
  }
}
.accorders__info {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.accorders__price--old {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-decoration: line-through;
  color: #AEAEAE;
}
.accorders__price--new {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
@media (max-width: 1024px) {
  .accorders__price--old, .accorders__price--new {
    font-size: 12px;
    line-height: 14px;
  }
}
.accorders__button {
  padding: 14px 24px;
  background-color: #393939;
  color: #FFF;
  border-radius: 40px;
  transition: all 0.3s ease;
}
@media (max-width: 1024px) {
  .accorders__button {
    padding: 8px 18px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 630px) {
  .accorders__button {
    width: 100%;
    text-align: center;
  }
}
.accorders__button:hover {
  background-color: #9747FF;
  color: #FFF;
}
.accorders__button.disabled {
  background-color: #ECEFF2;
  color: #AEAEAE;
}

.footer__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.footer__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 60px;
  background-color: #F7F7F7;
}
@media (max-width: 1024px) {
  .footer__main {
    padding: 20px 24px;
  }
}
@media (max-width: 630px) {
  .footer__main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    row-gap: 16px;
  }
}
@media (max-width: 430px) {
  .footer__main {
    display: flex;
    flex-direction: column;
  }
}
.footer__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #AEAEAE;
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}
@media (max-width: 630px) {
  .footer__item {
    align-items: center;
  }
}
.footer__item--flex-end {
  align-items: flex-end;
  text-align: end;
}
@media (max-width: 630px) {
  .footer__item--flex-end {
    align-items: center;
  }
}
.footer__logo {
  width: 153px;
  height: auto;
}
.footer__icon-link {
  display: flex;
  align-items: center;
  gap: 6px;
}
.footer__icon-link--margin-top {
  margin-top: 6px;
}
.footer__icon-link--margin-bottom {
  margin-bottom: 2px;
}
.footer__icon-link--align-start {
  align-items: flex-start;
}
.footer__icon {
  flex-shrink: 0;
}
.footer__link {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}
@media (max-width: 768px) {
  .footer__link {
    font-size: clamp(14px, 14px + (16 - 14) * (100vw - 630px) / (768 - 630), 16px);
  }
}
.footer__link--maxwidth {
  max-width: 187px;
}
@media (max-width: 768px) {
  .footer__link--maxwidth {
    max-width: clamp(144px, 144px + (187 - 144) * (100vw - 630px) / (768 - 630), 187px);
  }
}
.footer__socials {
  display: flex;
  align-items: center;
  gap: 20px;
}

.bottombar {
  width: 100%;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #393939;
  color: #FFF;
}
.bottombar p {
  font-size: 16px;
  font-weight: 200;
  line-height: 24px;
}/*# sourceMappingURL=index.css.map */

#input-quantity {
  text-align: center;
  background-color: transparent;
  outline: none;
  border: none;
}

.alert {
  padding: 10px;
  border-radius: 6px;

}

.alert-danger {
  border: 1px solid #FF5B5B;
  color: #FF5B5B;
}

.alert-success {
    border: 1px solid #00C48C;
  color: #00C48C;
}

.text-danger {
  color: #FF5B5B;
  font-size: 12px;
}

.hidden{
  display: none;
}

.description h2,
.description h3,
.description h4,
.description p,
.description ul,
.description ol {
  margin-bottom: 1.4em;
}

.description h2 {
  font-size: 200%;
}

.description h3 {
  font-size: 160%;
}


.description li {
  position: relative;
  margin-bottom: 0.7em;
}

.description li::before {
  content: ' - ';
}