* {
  padding: 0px;
  margin: 0px;
  border: none;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a,
a:link,
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
aside,
nav,
footer,
header,
section,
main {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
}
ul,
ul li {
  list-style: none;
}
img {
  vertical-align: top;
}
img,
svg {
  max-width: 100%;
  height: auto;
}
address {
  font-style: normal;
}
input,
textarea,
button,
select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
}
input::-ms-clear {
  display: none;
}
button,
input[type="submit"] {
  display: inline-block;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  background: none;
  cursor: pointer;
}
input:focus,
input:active,
button:focus,
button:active {
  outline: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
label {
  cursor: pointer;
}
legend {
  display: block;
}
canvas {
  display: block;
}
:root {
  --container-width: 1440rem;
  --container-padding: 60rem;
  --font-family: "Manrope", sans-serif;
  --second-family: "Liberation Serif", sans-serif;
  --third-family: "Inter", sans-serif;
  --font3: "Actor", sans-serif;
  --page-bg: #151516;
  --text-color: #fff;
  --accent: #29698c;
  --text-black: #000;
  --red: #ff0000;
}
@media only screen and (max-width: 767px) {
  :root {
    --container-padding: 30rem;
  }
}
@media only screen and (max-width: 600px) {
  :root {
    --container-padding: 20rem;
  }
}
html {
  scroll-behavior: smooth;
}
@font-face {
  font-family: "Liberation Serif";
  src: local("LiberationSerif-Regular"),
    url("../fonts/LiberationSerif-Regular.woff2") format("woff2"),
    url("../fonts/LiberationSerif-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body {
  background-color: var(--page-bg);
  color: var(--text-color);
  font-size: 20rem;
  font-family: var(--font-family);
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
body:has(.modal-wrap.opened) {
  max-height: 100vh;
  overflow: hidden;
}
img {
  display: block;
}
.hidden-item {
  display: none !important;
}
.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.menu-overlay.visible {
  opacity: 1;
  visibility: visible;
}
.section-offset {
  padding-top: 70rem;
  padding-bottom: 70rem;
}
.section-title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 42rem;
  text-transform: uppercase;
  color: #fff;
}
.section-descr {
  font-weight: 400;
  font-size: 20rem;
  line-height: 1.2;
  text-align: center;
  color: #000023;
}
.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8rem;
  font-weight: 500;
  font-size: 16rem;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  padding: 15rem 20rem;
  color: var(--text-black);
  background-color: var(--text-color);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn:hover {
  background-color: #b2b2b2;
}
.btn:disabled {
  cursor: not-allowed;
  opacity: 0.2;
}
.rotate-0 {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  -webkit-clip-path: inset(100%) !important;
  clip-path: inset(100%) !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
}
@media only screen and (max-width: 990px) {
  .section-offset {
    padding-top: 40rem;
    padding-bottom: 40rem;
  }
}
@media only screen and (max-width: 767px) {
  .section-offset {
    padding-top: 30rem;
    padding-bottom: 30rem;
  }
  .section-title {
    font-size: 30rem;
  }
  .section-descr {
    font-size: 18rem;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: calc(100vw / 1440);
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw / 480);
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  html {
    font-size: calc(100vw / 1200);
  }
}
.none {
  display: none !important;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.no-scroll {
  overflow-y: hidden;
}
.container {
  padding: 0 var(--container-padding);
  max-width: var(--container-width);
  margin: 0 auto;
}
.container-right {
  padding-left: calc(
    (100% - var(--container-width)) / 2 + var(--container-padding)
  );
}
@media (max-width: 1400px) {
  .container-right {
    padding-left: var(--container-padding);
  }
}
.header {
  padding: 25rem 0;
}
.header:has(+ .main > .hero) {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
.header__catalog {
  position: static;
}
.header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 27rem;
  border-bottom: 0.5rem solid #b1b1b1;
  width: 100%;
}
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.header__logo-img {
  width: 207rem;
  height: 52rem;
}
.header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40rem;
}
.header__link {
  font-weight: 400;
  font-size: 16rem;
  line-height: 1.2;
  color: var(--text-color);
  position: relative;
}
.header__link:hover {
  text-decoration: underline;
}
.header__link.active {
  text-decoration: underline;
}
.header__tel {
  font-weight: 400;
  font-size: 16rem;
  line-height: 1.2;
  color: var(--text-color);
  white-space: nowrap;
}
.header__tel:hover {
  text-decoration: underline;
}
.header__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 30rem;
  width: 16%;
}
.header__navigation-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.header__navigation-link svg {
  width: 28rem;
  height: 28rem;
}
.header__navigation-link:hover svg path {
  fill: #b2b2b2;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.header__navigation-link:hover .header__navigation-count {
  background: #b2b2b2;
}
.header__navigation-count {
  position: absolute;
  top: -5rem;
  right: -5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20rem;
  height: 20rem;
  padding: 4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--text-color);
  color: #323232;
  font-size: 12rem;
  font-weight: 500;
  line-height: 120%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.header__menu {
  top: 0;
  right: -150%;
  width: 50%;
  height: 100%;
  position: fixed;
  padding: 40rem;
  padding-top: 90rem;
  background: url("../images/bg.webp") no-repeat center center;
  background-size: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 5;
}
.header__menu.active {
  right: 0;
}
@media (max-width: 1200px) {
  .header {
    position: sticky;
    top: -1rem;
    z-index: 4;
    background-color: var(--page-bg);
    border-bottom: 0.5rem solid #b1b1b1;
  }
  .header:has(+ .main > .hero) {
    position: sticky;
    top: -1rem;
    z-index: 4;
    background-color: var(--page-bg);
    border-bottom: 0.5rem solid #b1b1b1;
  }
  .header__content {
    width: 100%;
    padding-bottom: 0rem;
    border-bottom: none;
  }
  .header__nav {
    display: none;
  }
  .header__navigation {
    margin-left: auto;
    margin-right: 50rem;
    width: 100%;
  }
  .menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30rem;
  }
  .menu__link {
    font-weight: 400;
    font-size: 24rem;
    line-height: 1.2;
    color: var(--text-color);
    display: block;
  }
  .menu__link.active {
    text-decoration: underline;
  }
  .menu__logo {
    margin-top: auto;
  }
  .header__menu.open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .header {
    padding: 15rem 0;
  }
  .header__logo {
    gap: 10rem;
  }
  .header__logo-icon {
    height: 40rem;
  }
  .header__logo-name {
    width: 190rem;
    height: 50rem;
  }
  .header__tel {
    display: none;
  }
  .header__navigation {
    gap: 15rem;
  }
  .header__navigation-count {
    width: 18rem;
    height: 18rem;
    font-size: 10rem;
  }
  .header__right {
    margin-right: 50rem;
  }
  .header__menu {
    width: 100%;
  }
  .menu__list {
    gap: 20rem;
  }
  .menu__link {
    font-size: 24rem;
  }
  .hero__swiper .hero__swiper-pagination {
    gap: 20rem;
  }
}
.breadcrumbs {
  margin-bottom: 32rem;
}
.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.breadcrumbs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16rem;
  font-weight: 400;
  color: #b2b2b2;
}
.breadcrumbs__item:last-child a {
  color: var(--text-color);
}
.breadcrumbs__link {
  color: #b2b2b2;
  font-size: 14rem;
  font-weight: 400;
  white-space: nowrap;
}
.breadcrumbs__link:hover {
  text-decoration: underline !important;
}
.breadcrumbs__item + li:before {
  content: "/";
  padding: 0 5rem;
  color: #b2b2b2;
}
@media (max-width: 1200px) {
  .breadcrumbs {
    margin: 30rem 0;
  }
}
@media (max-width: 767px) {
  .breadcrumbs {
    margin: 20rem 0;
  }
  .breadcrumbs__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .breadcrumbs__link {
    font-size: 16rem;
  }
}
.hero {
  position: relative;
  overflow-x: hidden;
}
.hero__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  max-height: 100%;
}
.hero__swiper {
  width: 100%;
  position: relative;
}
.hero__swiper-prev,
.hero__swiper-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 19%;
  height: 100%;
  position: absolute;
  z-index: 10;
  cursor: pointer;
  outline: none;
}
.hero__swiper-prev::after,
.hero__swiper-next::after {
  display: none;
}
.hero__swiper-next {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: url("../images/icon/arrow-hero.svg") 60 0, pointer;
}
.hero__swiper-prev {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 0;
  left: 0;
  cursor: url("../images/icon/arrow-hero-left.svg") 60 0, pointer;
  bottom: 0;
}
.hero__slide {
  padding-top: 163rem;
  height: 100vh;
  width: 100%;
}
.hero__slide-1 {
  background: url("../images/banner-main.webp") no-repeat center center;
  background-size: cover;
}
.hero__slide-2 {
  background: url("../images/banner-main1.webp") no-repeat center center;
  background-size: cover;
}
.hero__slide-3 {
  background: url("../images/banner-main2.webp") no-repeat center center;
  background-size: cover;
}
.hero__slide-4 {
  background: url("../images/banner-main3.webp") no-repeat center center;
  background-size: cover;
}
.hero__text {
  position: relative;
  max-width: 621rem;
  z-index: 20;
}
.hero__text-title {
  margin-bottom: 10rem;
}
.hero__text-descr {
  font-weight: 400;
  font-size: 16rem;
  line-height: 1.2;
  margin-bottom: 30rem;
  max-width: 446rem;
}
.hero__text-btn {
  max-width: 185rem;
  width: 100%;
}
.marquee {
  position: absolute;
  bottom: 40rem;
  overflow: hidden;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: auto;
  z-index: 2;
}
.marquee-inner {
  display: inline-block;
  -webkit-animation-duration: 200s;
  animation-duration: 200s;
  -webkit-animation-name: marquee;
  animation-name: marquee;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 160rem;
  text-transform: uppercase;
  color: var(--text-coclor);
  opacity: 0.77;
}
@-webkit-keyframes marquee {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes marquee {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.hero__swiper .hero__swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 42rem;
}
.hero__swiper .hero__swiper-pagination .swiper-pagination-bullet {
  width: 100%;
  max-width: 100rem;
  height: 3rem;
  border-radius: 30rem;
  background: #c9c9c9;
  opacity: 1;
}
.hero__swiper .hero__swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 20rem !important;
}
@media (max-width: 1200px) {
  .hero__slide {
    padding-top: 100rem;
    height: 650rem;
    width: 100%;
  }
  .hero__swiper .hero__swiper-pagination {
    gap: 30rem;
  }
}
@media (max-width: 990px) {
  .marquee {
    bottom: 30rem;
  }
  .marquee-inner {
    font-size: 80rem;
  }
}
@media (max-width: 767px) {
  .hero__slide {
    padding-top: 40rem;
    height: 550rem;
    width: 100%;
  }
  .hero__slide-3 {
    background-position: bottom right;
  }
  .hero__text-title {
    margin-bottom: 20rem;
  }
  .hero__text-descr {
    max-width: 250rem;
  }
  .hero__text-btn {
    max-width: 250rem;
  }
  .hero__swiper .hero__swiper-pagination {
    gap: 10rem;
  }
  .hero__swiper .hero__swiper-pagination .swiper-pagination-bullet {
    width: 100%;
    max-width: 60rem;
    height: 3rem;
  }
  .marquee {
    bottom: 30rem;
  }
  .marquee-inner {
    font-size: 52rem;
  }
}
.new-products {
  padding-top: 120rem;
  padding-bottom: 70rem;
}
.new-products__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.new-products__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 60rem;
}
.new-products__header-descr {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  max-width: 634rem;
}
.new-products__content {
  display: grid;
  grid-template-columns: 1.2fr 0.85fr;
  gap: 40rem;
  margin-bottom: 42rem;
}
.new-products__link {
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.new-products__link-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 436rem;
  padding: 40rem 60rem;
  border-radius: 8rem;
  background: url("../images/bg.webp") no-repeat center center;
  background-size: cover;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  margin-bottom: 24rem;
  border: 0.5rem solid #fff;
}
.new-products__link-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.new-products__link:hover .new-products__link-title {
  text-decoration: underline;
}
.new-products__link-title {
  color: var(--text-color);
  font-weight: 700;
  font-size: 24rem;
  text-transform: uppercase;
  margin-bottom: 16rem;
}
.new-products__link-text {
  color: var(--text-color);
  font-weight: 400;
  font-size: 16rem;
  max-width: 630rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.new-products__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-products__bottom button {
  max-width: 185rem;
  width: 100%;
}
@media (max-width: 1200px) {
  .new-products {
    padding: 60rem 0;
  }
  .new-products__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20rem;
    margin-bottom: 40rem;
  }
}
@media (max-width: 767px) {
  .new-products {
    padding: 40rem 0;
  }
  .new-products__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .new-products__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10rem;
    margin-bottom: 40rem;
  }
  .new-products__content {
    grid-template-columns: auto;
    gap: 30rem;
  }
  .new-products__link-img {
    height: 200rem;
    padding: 20rem;
    margin-bottom: 10rem;
  }
  .new-products__link-title {
    font-size: 18rem;
    margin-bottom: 10rem;
  }
  .new-products__link-text {
    font-size: 16rem;
  }
}
.visualization__swiper {
  width: 100%;
  height: 100%;
  padding-bottom: 80rem;
}
.visualization__swiper-wrapper {
  position: relative;
}
.visualization__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 40rem;
  background: var(--page-bg);
  position: relative;
}
.visualization__slide::after {
  content: "";
  position: absolute;
  right: -109rem;
  top: -21rem;
  background: url("../images/visualization-bg.webp") no-repeat center center;
  background-size: contain;
  width: 866rem;
  height: 767rem;
  z-index: -1;
}
.visualization__text {
  padding-top: 25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20rem;
  max-width: 580rem;
  width: 100%;
}
.visualization__text-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 463rem;
}
.visualization__text-title {
  margin-bottom: 31rem;
}
.visualization__text-descr {
  font-weight: 400;
  font-size: 18rem;
}
.visualization__text-bottom {
  margin-top: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 115rem;
}
.visualization__text-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.visualization__text-item__title {
  font-weight: 700;
  font-size: 18rem;
  margin-bottom: 10rem;
}
.visualization__text-item__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.visualization__text-item__item {
  font-weight: 400;
  font-size: 16rem;
  line-height: 1.2;
}
.visualization__image {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 625rem;
  max-width: 650rem;
}
.visualization__image img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 536rem;
}
.visualization__btn {
  position: absolute;
  bottom: 0rem;
  right: 16%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24rem;
  z-index: 1000;
}
.visualization__btn-prev,
.visualization__btn-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 44rem;
  height: 44rem;
  background-color: #fff;
  border-radius: 50%;
  margin-top: 0;
  position: static !important;
}
.visualization__btn-prev::after,
.visualization__btn-next::after {
  content: "";
  background: url("../images/icon/arrow-swiper.svg") no-repeat center center;
  background-size: cover;
  width: 12rem;
  height: 20rem;
}
.visualization__btn-next::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width: 1200px) {
  .visualization__slide::after {
    right: -90rem;
    top: -21rem;
    width: 720rem;
    height: 640rem;
  }
  .visualization__text {
    max-width: 500rem;
  }
  .visualization__text-top {
    max-width: 100%;
  }
  .visualization__image {
    height: 530rem;
  }
  .visualization__image img {
    height: 400rem;
  }
}
@media (max-width: 767px) {
  .visualization__container {
    display: grid;
    grid-template-columns: auto;
    gap: 10rem;
  }
  .visualization__slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20rem;
  }
  .visualization__slide::after {
    right: -74rem;
    top: auto;
    bottom: -70rem;
    width: 590rem;
    height: 510rem;
  }
  .visualization__text {
    padding: 0;
  }
  .visualization__text-top {
    max-width: 100%;
  }
  .visualization__text-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .visualization__text-title {
    margin-bottom: 20rem;
  }
  .visualization__text-descr {
    font-size: 16rem;
  }
  .visualization__text-item {
    gap: 10rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  .visualization__text-item__list {
    max-width: 160rem;
    width: 100%;
  }
  .visualization__text-item:not(:last-child) {
    padding-bottom: 10rem;
    border-bottom: 0.5rem solid #b1b1b1;
  }
  .visualization__image {
    height: 400rem;
  }
  .visualization__image img {
    height: 280rem;
  }
  .visualization__btn {
    right: 25%;
  }
}
.bestsellers {
  padding-top: 85rem;
}
.bestsellers__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 62rem;
}
.bestsellers__header-descr {
  font-weight: 400;
  font-size: 16rem;
  line-height: 1.2;
  max-width: 634rem;
}
.bestsellers__cards {
  display: grid;
  gap: 40rem;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 80rem;
}
.bestsellers__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bestsellers__bottom-btn {
  max-width: 185rem;
  width: 100%;
}
.bestsellers__card .swiper-card {
  position: relative;
  background: url("../images/bestsellers__card.png") no-repeat center center;
  background-size: cover;
  margin-bottom: 10rem;
}
.swiper-pagination-bullet {
  background-color: #fff;
  border-radius: 4rem;
  width: 32rem;
  height: 3rem;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 13rem;
}
.swiper-pagination {
  z-index: 1;
}
.bestsellers__card .swiper-slide {
  position: relative;
  width: 300rem;
  height: 288rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
}
.bestsellers__card .swiper-slide img {
  width: 68rem;
}
@media (max-width: 1200px) {
  .bestsellers__header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20rem;
    margin-bottom: 60rem;
  }
  .bestsellers__cards {
    gap: 30rem;
  }
}
@media (max-width: 990px) {
  .bestsellers {
    padding: 60rem 0;
  }
  .bestsellers__header {
    margin-bottom: 40rem;
  }
  .bestsellers__cards {
    gap: 30rem;
  }
}
@media (max-width: 767px) {
  .bestsellers {
    padding: 40rem 0;
  }
  .bestsellers__header {
    gap: 10rem;
    margin-bottom: 40rem;
  }
  .bestsellers__cards {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 40rem;
    gap: 20rem;
  }
  .bestsellers__card-info {
    max-width: 100%;
  }
  .bestsellers__card-btn {
    max-width: 100%;
  }
}
.aromas {
  padding-top: 80rem;
  padding-bottom: 120rem;
}
.aromas__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.aromas__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 56rem;
}
.aromas__header-descr {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  max-width: 634rem;
}
.aromas__content-wrapper {
  position: relative;
}
.aromas__content-btn {
  position: absolute;
  bottom: -80rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24rem;
}
.aromas__content-btn__prev,
.aromas__content-btn__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 44rem;
  height: 44rem;
  background-color: #fff;
  border-radius: 50%;
  margin-top: 0;
  position: static !important;
}
.aromas__content-btn__prev-disabled,
.aromas__content-btn__next-disabled {
  opacity: 0.5;
  cursor: auto;
  pointer-events: none;
}
.aromas__content-btn__prev::after,
.aromas__content-btn__next::after {
  content: "";
  background: url("../images/icon/arrow-swiper.svg") no-repeat center center;
  background-size: cover;
  width: 12rem;
  height: 20rem;
}
.aromas__content-btn__next::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.aromas__content-item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 142rem;
  grid-column-gap: 266rem;
}
.aromas__content-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15rem;
  max-width: 435rem;
}
.aromas__content-card__img {
  width: 80rem;
  height: 80rem;
}
.aromas__content-card__right {
  justify-self: flex-end;
}
.aromas__content-card__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
}
.aromas__content-card__title {
  font-size: 18rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.aromas__content-card__descr {
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.revers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15rem;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 234rem;
  -webkit-perspective: 1000rem;
  perspective: 1000rem;
}
.revers-object {
  position: relative;
  -webkit-transition: 1.5s ease;
  transition: 1.5s ease;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
  height: 409rem;
}
.revers-object img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.revers-object__front,
.revers-object__back {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.revers.flipped .revers-object {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.revers-object__back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media (max-width: 1200px) {
  .aromas {
    padding-top: 60rem;
  }
  .aromas__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20rem;
    margin-bottom: 40rem;
  }
  .aromas__content-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 90rem;
    grid-column-gap: 220rem;
  }
  .revers-object img {
    height: 90%;
    width: 80%;
  }
}
@media (max-width: 990px) {
  .aromas {
    padding-top: 40rem;
    padding-bottom: 120rem;
  }
  .aromas__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20rem;
    margin-bottom: 40rem;
  }
  .aromas__content-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 45rem;
    grid-column-gap: 60rem;
  }
  .aromas__content-item__center {
    top: 115%;
  }
  .revers-object img {
    width: 70%;
    height: 80%;
  }
}
@media (max-width: 767px) {
  .aromas {
    padding-top: 40rem;
    padding-bottom: 120rem;
  }
  .aromas__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20rem;
    margin-bottom: 40rem;
  }
  .aromas__content-item {
    display: grid;
    grid-template-columns: auto;
    grid-row-gap: 30rem;
  }
  .aromas__content-item__center {
    top: auto;
    bottom: -90rem;
  }
  .aromas__content-card {
    max-width: 100%;
  }
  .aromas__content-card__right {
    justify-self: unset;
  }
  .aromas__content-card__descr {
    font-size: 16rem;
  }
  .revers {
    display: none;
  }
}
.section-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.about__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.about__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 40rem;
  margin-bottom: 60rem;
}
.about__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 526rem;
}
.about__text-title {
  margin-bottom: 35rem;
}
.about__text-descr {
  font-weight: 400;
  font-size: 18rem;
}
.about__text-descr:first-of-type {
  margin-bottom: 10rem;
}
.about__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40rem;
}
.about__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  padding: 20rem;
  width: 188rem;
  height: 293rem;
  background: url("../images/bg.webp") no-repeat center center;
  background-size: cover;
}
.about__card img {
  height: 237rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.about__card-2 {
  width: 299rem;
  height: 424rem;
}
.about__card-2 img {
  height: 295rem;
}
.about__info {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 44rem;
}
.about__info-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16rem;
  padding: 0 60rem;
  position: relative;
}
.about__info-card:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: var(--text-color);
  width: 1rem;
  height: 80rem;
}
.about__info-card__number {
  font-family: var(--second-family);
  font-size: 42rem;
  font-weight: 400;
}
.about__info-card__descr {
  font-size: 18rem;
  font-weight: 400;
  text-align: center;
}
.about__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.about__bottom-btn {
  max-width: 185rem;
  width: 100%;
}
@media (max-width: 1200px) {
  .about__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25rem;
  }
  .about__card {
    padding: 25rem;
    width: 150rem;
    height: 260rem;
  }
  .about__card img {
    height: 170rem;
  }
  .about__card-2 {
    width: 220rem;
    height: 350rem;
  }
  .about__card-2 img {
    height: 260rem;
  }
  .about__info-card {
    padding: 0 40rem;
  }
}
@media (max-width: 990px) {
  .about__top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 80rem;
  }
  .about__text {
    max-width: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 60rem;
  }
  .about__text-title {
    grid-column: span 2;
  }
  .about__text-descr {
    max-width: 100%;
  }
  .about__cards {
    max-width: 100%;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .about__card {
    padding: 25rem;
    width: 170rem;
    height: 260rem;
  }
  .about__card img {
    height: 170rem;
  }
  .about__card-2 {
    width: 270rem;
    height: 370rem;
  }
  .about__card-2 img {
    height: 260rem;
  }
}
@media (max-width: 767px) {
  .about__top {
    gap: 40rem;
  }
  .about__text {
    grid-template-columns: auto;
  }
  .about__text-title {
    margin-bottom: 10rem;
    grid-column: span 1;
  }
  .about__text-descr {
    font-size: 16rem;
  }
  .about__cards {
    gap: 15rem;
  }
  .about__card {
    padding: 15rem;
    width: 140rem;
    height: 170rem;
  }
  .about__card img {
    height: 120rem;
  }
  .about__card-2 {
    width: 200rem;
    height: 230rem;
  }
  .about__card-2 img {
    height: 170rem;
  }
  .about__info {
    grid-template-columns: repeat(2, 1fr);
  }
  .about__info-card {
    padding: 20rem;
  }
  .about__info-card__number {
    font-size: 24rem;
  }
  .about__info-card__descr {
    font-size: 14rem;
  }
  .about__info-card:not(:last-child)::after {
    display: none;
  }
  .about__info-card:nth-child(1),
  .about__info-card:nth-child(2) {
    padding-bottom: 20rem;
    border-bottom: 1rem solid var(--text-color);
  }
  .about__info-card:nth-child(1),
  .about__info-card:nth-child(3) {
    border-right: 1rem solid var(--text-color);
  }
}
.uniqueness {
  padding-top: 80rem;
  padding-bottom: 80rem;
  background: url("../images/uniqueness-bg.webp") no-repeat center center;
  background-size: cover;
}
.uniqueness__title {
  margin-bottom: 60rem;
}
.uniqueness__content {
  max-width: 640rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 35rem;
}
.uniqueness__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30rem;
  border-radius: 8rem;
  -webkit-backdrop-filter: blur(16rem);
  backdrop-filter: blur(16rem);
  -webkit-box-shadow: 0 4rem 23rem 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 4rem 23rem 0 rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 0.4);
  border: 0.5rem solid #fff;
  max-width: 301rem;
  min-height: 184rem;
  width: 100%;
}
.uniqueness__card-step {
  font-weight: 500;
  font-size: 32rem;
  color: #090909;
  margin-bottom: 18rem;
}
.uniqueness__card-text {
  font-weight: 400;
  font-size: 16rem;
  line-height: 1.2;
  color: #090909;
}
@media (max-width: 990rpx) {
  .uniqueness {
    background: url("../images/uniqueness.png") no-repeat center center;
    padding: 60rem 0;
  }
  .uniqueness__title {
    margin-bottom: 40rem;
  }
  .uniqueness__content {
    gap: 20rem;
  }
  .uniqueness__card {
    max-width: 100%;
    min-height: 160rem;
    padding: 25rem;
  }
}
@media (max-width: 767px) {
  .uniqueness {
    padding: 40rem 0;
  }
  .uniqueness__title {
    margin-bottom: 40rem;
  }
  .uniqueness__content {
    max-width: 100%;
    gap: 20rem;
  }
  .uniqueness__card {
    max-width: 100%;
    min-height: 160rem;
    padding: 25rem;
  }
  .uniqueness__card-step {
    font-size: 26rem;
    margin-bottom: 10rem;
  }
  .uniqueness__card-text {
    margin-top: auto;
  }
}
.application {
  padding: 80rem 0;
  background: url("../images/application-bg.webp") no-repeat center 50%;
  background-size: cover;
}
.application__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 44rem;
  max-width: 720rem;
}
.application__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 413rem;
  width: 100%;
}
.application__form-example {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
}
.application__form-example__label {
  font-weight: 400;
  font-size: 14rem;
}
.application__form-example input {
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(8rem);
  backdrop-filter: blur(8rem);
  padding: 15rem;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.application__form-example input::-webkit-input-placeholder {
  color: #fff;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.application__form-example input::-moz-placeholder {
  color: #fff;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.application__form-example input:-ms-input-placeholder {
  color: #fff;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.application__form-example input::-ms-input-placeholder {
  color: #fff;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.application__form-example input::placeholder {
  color: #fff;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.application__form-example:first-child {
  margin-bottom: 20rem;
}
.application__form-submit {
  margin-top: 30rem;
}
.application__form-submit__btn {
  background-color: var(--text-color) !important;
  max-width: 187rem;
}
.application__form-submit__btn:hover {
  background-color: #b2b2b2 !important;
}
@media (max-width: 1200px) {
  .application {
    padding: 80rem 0;
  }
  .application__content {
    gap: 40rem;
  }
}
@media (max-width: 767px) {
  .application {
    padding: 40rem 0;
  }
  .application__content {
    gap: 20rem;
  }
  .application__form-submit__btn {
    max-width: 100%;
  }
}
.shops {
  position: relative;
  width: 100%;
  height: 100%;
}
.shops__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 42rem;
}
.shops__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 42rem;
}
.shops__content.active {
  display: grid;
}
.shops__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40rem;
}
.shops__card:nth-child(even) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.shops__card-img {
  width: 753rem;
  height: 454rem;
  border-radius: 8rem;
  overflow: hidden;
}
.shops__card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.shops__card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20rem;
  width: 100%;
  max-width: 527rem;
  height: 454rem;
}
.shops__card-content__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32rem;
}
.shops__card-city {
  font-size: 24rem;
  font-weight: 700;
}
.shops__card-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20rem;
  padding-right: 60rem;
}
.shops__card-address__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12rem;
}
.shops__card-address__title {
  font-size: 16rem;
  font-weight: 500;
  line-height: 120%;
}
.shops__card-address__descr {
  color: #fff;
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
}
.shops__card-address a:hover {
  text-decoration: underline !important;
}
.shops__card-map {
  margin-top: auto;
  width: 527rem;
  height: 297rem;
  border-radius: 8rem;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .shops__card-content {
    width: 480rem;
    height: 420rem;
  }
  .shops__card-content__text {
    gap: 20rem;
  }
  .shops__card-img {
    height: 420rem;
  }
  .shops__card-address {
    padding: 0;
  }
  .shops__card-address__wrap {
    gap: 5rem;
  }
  .shops__card-map {
    width: 480rem;
  }
}
@media (max-width: 767px) {
  .shops__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20rem;
  }
  .shops__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20rem;
  }
  .shops__card:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20rem;
  }
  .shops__card-content {
    width: 100%;
    height: 100%;
  }
  .shops__card-content__text {
    gap: 10rem;
  }
  .shops__card-city {
    font-size: 18rem;
  }
  .shops__card-address__title,
  .shops__card-address__descr {
    font-size: 14rem;
  }
  .shops__card-map {
    width: 100%;
    height: 250rem;
  }
  .shops__card-img {
    width: 100%;
    height: 250rem;
  }
}
.footer {
  padding: 60rem 0;
  margin-top: auto;
}
.footer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30rem;
}
.footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14rem;
}
.footer__logo svg {
  width: 100%;
}
.footer__logo-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 345rem;
  height: 119rem;
}
.footer__logo-link:hover svg path {
  fill: #b2b2b2;
}
.footer__logo-descr {
  text-align: center;
  font-weight: 400;
  font-size: 16rem;
  line-height: 1.2;
}
.footer__menu {
  max-width: 214rem;
}
.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 18rem;
}
.footer__link {
  font-weight: 700;
  font-size: 16rem;
  color: var(--text-color);
}
.footer__link:hover {
  text-decoration: underline;
}
.footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40rem;
}
.footer__info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
}
.footer__info-item__title {
  font-weight: 700;
  font-size: 16rem;
}
.footer__info-item__descr {
  font-weight: 400;
  font-size: 16rem;
  line-height: 1.2;
  max-width: 260rem;
}
.footer__info-item__link {
  font-weight: 400;
  font-size: 16rem;
  line-height: 1.2;
  color: var(--text-color);
}
.footer__info-item__link:hover {
  text-decoration: underline;
}
.footer__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 18rem;
}
.footer__right-link svg {
  width: 44rem;
  height: 44rem;
}
.footer__right-link:hover svg path {
  fill: #b2b2b2;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media (max-width: 1200px) {
  .footer__menu {
    max-width: 130rem;
  }
  .footer__info {
    max-width: 250rem;
  }
  .footer__logo {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .footer {
    padding: 40rem 0;
  }
  .footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40rem;
  }
  .footer__logo {
    margin-right: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .footer__logo-link {
    height: 100rem;
  }
  .footer__menu {
    display: none;
  }
  .footer__info {
    max-width: 100%;
    gap: 20rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer__info-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer__info-item__descr,
  .footer__info-item__tel {
    width: 100%;
  }
  .footer__right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24rem;
  }
}
.burger {
  display: none;
}
.burger__line {
  width: 30rem;
  height: 2rem;
  border-radius: 5rem;
  background-color: var(--text-color);
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.burger:hover {
  cursor: pointer;
}
.burger__line:nth-child(1),
.burger__line:nth-child(2) {
  margin-bottom: 6rem;
}
.burger__menu {
  position: absolute;
  top: 70rem;
  right: 80rem;
}
.burger.active .burger__line:nth-child(1) {
  -webkit-transform: translateY(8rem) rotate(45deg);
  transform: translateY(8rem) rotate(45deg);
}
.burger.active .burger__line:nth-child(2) {
  opacity: 0;
}
.burger.active .burger__line:nth-child(3) {
  -webkit-transform: translateY(-8rem) rotate(-45deg);
  transform: translateY(-8rem) rotate(-45deg);
}
@media (max-width: 1200px) {
  .burger {
    top: 46rem;
    right: 60rem;
    position: fixed;
    z-index: 6;
    display: block;
  }
}
@media (max-width: 767px) {
  .burger {
    right: 30rem;
    top: 32rem;
  }
}
@media (max-width: 600px) {
  .burger {
    right: 20rem;
  }
}
.catalog__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 45rem;
}
.catalog__header {
  position: static;
}
.catalog__sorting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24rem;
  position: relative;
  width: 300rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.catalog__sorting-mob__btn {
  display: none;
}
.catalog__sorting-filter {
  max-width: 185rem;
}

.filter-submit {
  max-width: 185rem;

  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8rem;
  font-weight: 500;
  font-size: 16rem;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  padding: 15rem 20rem;
  color: var(--text-black);
  background-color: var(--text-color);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;

  margin: auto 40rem 0rem 40rem;
  max-width: calc(100% - 80rem);
}

.filter-submit:hover {
  background-color: #b2b2b2;
}

.filter-submit:disabled {
  cursor: not-allowed;
  opacity: 0.2;
}
.catalog__sorting-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 300rem;
  width: 100%;
}
.catalog__sorting-item {
  position: relative;
  display: inline-block;
  border-bottom: 0.5rem solid #b1b1b1;
}
.catalog__sorting-item:first-of-type {
  padding-top: 0;
}
.catalog__sorting-button {
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15rem 0;
  padding-right: 15rem;
  cursor: pointer;
  text-align: left;
  font-weight: 400;
  font-size: 16rem;
  line-height: 1.2;
}
.catalog__sorting-button::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13' viewBox='0 0 16 13' fill='none'%3E%3Cpath d='M15.8363 1.11633C15.6158 0.827761 15.2574 0.827761 15.0369 1.11633L8.00773 10.3324L0.964787 1.11633C0.744264 0.827761 0.385915 0.827761 0.165392 1.11633C-0.0551307 1.40489 -0.0551307 1.87382 0.165392 2.16238L7.59425 11.8835C7.70451 12.0278 7.84234 12.0999 7.99395 12.0999C8.13178 12.0999 8.28339 12.0278 8.39365 11.8835L15.8225 2.16238C16.0568 1.87382 16.0568 1.40489 15.8363 1.11633Z' fill='white'/%3E%3C/svg%3E");
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 16rem;
  height: 13rem;
  margin-left: 10rem;
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.catalog__sorting-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.catalog__sorting-dropdown.open {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  gap: 10rem;
  padding-top: 10rem;
  padding-bottom: 24rem;
  opacity: 1;
  overflow: visible;
  max-height: 10000rem;
}
.catalog__sorting-dropdown__item {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
}
.catalog__sorting-dropdown__item.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.catalog__sorting-dropdown__item-btn {
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-align: left;
}
.catalog__sorting-dropdown__item:hover
  > input[type="checkbox"]
  + label::before {
  background: var(--text-color);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.catalog__sorting-dropdown__item label {
  font-size: 14rem;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 100%;
}
.catalog__sorting-dropdown__item input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.catalog__sorting-dropdown__item input[type="checkbox"] + label::before {
  content: "";
  display: inline-block;
  width: 16rem;
  height: 16rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border: 1rem solid var(--text-color);
  border-radius: 4rem;
  margin-right: 10rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% 70%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.catalog__sorting-dropdown__item
  input[type="checkbox"]:checked
  + label::before {
  background-color: var(--text-color);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13 4.25L6.125 11.125L3 8' stroke='%233C3C3C' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.catalog__sorting-dropdown__enter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10rem;
}
.catalog__sorting-dropdown__enter input {
  padding: 5rem;
  max-width: 140rem;
  width: 100%;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  background: rgba(255, 255, 255, 0.4);
  color: #fff;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  -moz-appearance: textfield;
}
.catalog__sorting-dropdown__enter input::-webkit-input-placeholder {
  color: #fff;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.catalog__sorting-dropdown__enter input::-moz-placeholder {
  color: #fff;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.catalog__sorting-dropdown__enter input:-ms-input-placeholder {
  color: #fff;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.catalog__sorting-dropdown__enter input::-ms-input-placeholder {
  color: #fff;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.catalog__sorting-dropdown__enter input::placeholder {
  color: #fff;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.catalog__sorting-dropdown__enter input::-webkit-outer-spin-button,
.catalog__sorting-dropdown__enter input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.catalog__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.catalog__content-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 25rem;
  gap: 40rem;
}
.catalog__content-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 45rem;
}
.catalog__content-filter__mob {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem;
  cursor: pointer;
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 18rem;
  color: var(--text-color);
  opacity: 0.5;
}
.catalog__content-filter__select {
  width: 100%;
  outline: none;
  cursor: pointer;
}
.catalog__content-filter__select option {
  background-color: var(--page-bg);
  font-weight: 400;
  font-size: 12rem;
}
.catalog__content-filter__select option:checked {
  background-color: #e0e0e0 !important;
}
.catalog__content-filter__btn {
  cursor: pointer;
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 18rem;
  color: var(--text-color);
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.catalog__content-filter__btn.active {
  font-weight: 600;
  font-size: 18rem;
  opacity: 1;
}
.catalog__content-filter__btn:hover {
  opacity: 1;
}
.catalog__content-filter__sorting {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem;
  cursor: pointer;
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 18rem;
  color: var(--text-color);
  opacity: 0.5;
}
.catalog__content-variants {
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 18rem;
  color: var(--text-color);
  opacity: 0.5;
  margin-bottom: 40rem;
}
.catalog__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10rem;
}
.catalog__navigation-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 44rem;
  height: 44rem;
  padding: 10rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.catalog__navigation-arrow:hover {
  opacity: 0.6;
}
.catalog__navigation-arrow__prev,
.catalog__navigation-arrow__next {
  width: 20rem;
  height: 20rem;
}
.catalog__navigation-arrow__next {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.catalog__sorting-button.rotate::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.catalog__sorting-list
  .catalog__sorting-item:first-of-type
  .catalog__sorting-button {
  padding-top: 0;
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10rem;
}
.pagination > li > a {
  display: inline-block;
  padding: 2rem 20rem;
  font-size: 18rem;
  font-weight: 500;
  height: 100%;
  width: 100%;
  color: var(--text-color);
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.pagination > li:hover > a {
  opacity: 1;
}
.pagination > li.active > span {
  opacity: 1;
  display: inline-block;
  padding: 2rem 20rem;
  font-size: 18rem;
  font-weight: 500;
  height: 100%;
  width: 100%;
  color: var(--text-color);
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.pagination > .arrow-next {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.pagination > .arrow-prev,
.arrow-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 44rem;
  height: 44rem;
  padding: 10rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url("../images/icon/arrow.svg") no-repeat var(--text-color);
  background-size: 20rem 20rem;
  background-position: center;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.pagination > .arrow-prev:hover,
.arrow-next:hover {
  opacity: 0.6;
}
.pages-card__info-features-item .catalog__sorting-button {
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .catalog__container {
    gap: 35rem;
  }
  .catalog__sorting {
    width: 250rem;
  }
  .catalog__content-filter {
    gap: 25rem;
  }
  .catalog__content-filter__btn {
    font-size: 16rem;
  }
}
@media (max-width: 990px) {
  .catalog__sorting {
    top: 0;
    right: -100%;
    width: 40%;
    height: 100%;
    position: fixed;
    padding-top: 80rem;
    background: url("../images/bg.webp") no-repeat center center;
    background-size: cover;
    z-index: 10;
    overflow-y: auto;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .catalog__sorting.active {
    right: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .catalog__sorting-mob__btn {
    position: absolute;
    top: 40rem;
    right: 35rem;
    width: 30rem;
    height: 30rem;
    display: block;
  }
  .catalog__sorting-mob__btn-line-1 {
    width: 30rem;
    height: 3rem;
    border-radius: 5rem;
    background-color: #ecf0f1;
    display: block;
    margin: 5rem auto;
    -webkit-transform: translateY(4rem) rotate(45deg);
    transform: translateY(4rem) rotate(45deg);
  }
  .catalog__sorting-mob__btn-line-2 {
    width: 30rem;
    height: 3rem;
    border-radius: 5rem;
    background-color: #ecf0f1;
    display: block;
    margin: 5rem auto;
    -webkit-transform: translateY(-4rem) rotate(-45deg);
    transform: translateY(-4rem) rotate(-45deg);
  }
  .catalog__sorting-list {
    max-width: 100%;
    width: 100%;
  }
  .catalog__content-filter {
    display: none;
  }
  .catalog__content-filter__mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .catalog__content-filter__sorting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .catalog__content-filter__sorting svg {
    width: 16rem;
  }
  .catalog__content-filter__sorting.active {
    opacity: 1;
  }
  .catalog .catalog__sorting-button {
    padding: 20rem 40rem;
    font-size: 24rem;
  }
  .catalog .catalog__sorting-filter {
    margin: 0rem 40rem 40rem 40rem;
    max-width: calc(100% - 80rem);
  }
  .catalog .catalog__sorting-dropdown.open {
    padding: 20rem 40rem;
    padding-top: 10rem;
  }
  .catalog
    .catalog__sorting-dropdown__item
    input[type="checkbox"]
    + label::before {
    width: 20rem;
    height: 20rem;
  }
  .catalog .catalog__sorting-dropdown__item label {
    font-size: 20rem;
  }
  .catalog .catalog__sorting-dropdown__item-btn {
    font-size: 20rem;
  }
  .catalog .catalog__sorting-dropdown__enter {
    gap: 20rem;
  }
  .catalog .catalog__sorting-dropdown__enter input {
    max-width: 100%;
    font-size: 18rem;
    padding: 8rem;
  }
  .catalog .catalog__sorting-dropdown__enter input::-webkit-input-placeholder {
    font-size: 18rem;
  }
  .catalog .catalog__sorting-dropdown__enter input::-moz-placeholder {
    font-size: 18rem;
  }
  .catalog .catalog__sorting-dropdown__enter input:-ms-input-placeholder {
    font-size: 18rem;
  }
  .catalog .catalog__sorting-dropdown__enter input::-ms-input-placeholder {
    font-size: 18rem;
  }
  .catalog .catalog__sorting-dropdown__enter input::placeholder {
    font-size: 18rem;
  }
  .catalog__sorting-list
    .catalog__sorting-item:first-of-type
    .catalog__sorting-button {
    padding-top: 20rem;
  }
}
@media (max-width: 767px) {
  .catalog__content {
    max-width: 100%;
    width: 100%;
  }
  .catalog__content-top {
    gap: 20rem;
  }
  .catalog__content-filter__mob {
    font-size: 16rem;
    gap: 5rem;
  }
  .catalog__content-filter__sorting {
    font-size: 16rem;
  }
  .catalog__sorting {
    width: 100%;
  }
}
.catalog__cards {
  display: grid;
  gap: 40rem;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 60rem;
}
@media only screen and (max-width: 1200px) {
  .catalog__cards {
    gap: 20rem;
  }
}
@media only screen and (max-width: 990px) {
  .catalog__cards {
    gap: 20rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .catalog__cards {
    gap: 20rem;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 40rem;
  }
}
.pages-card__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.pages-card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.pages-card__top-left {
  width: 100%;
  max-width: 638rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16rem;
}
.pages-card__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 40rem;
}
.pages-card__image-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16rem;
  overflow: auto;
  padding-bottom: 15rem;
}
.pages-card__image-bottom__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5rem;
  background: url("../images/bg.webp") no-repeat center center;
  background-size: cover;
  border-radius: 8rem;
  width: 118rem !important;
  height: 113rem;
  cursor: pointer;
}
.pages-card__image-bottom__item img {
  height: 80rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.pages-card__info {
  max-width: 640rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.pages-card__info-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6rem;
  margin-bottom: 14rem;
}
.pages-card__info-rating img {
  width: 20rem;
  height: 20rem;
}
.pages-card__info-rating__quantity {
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.pages-card__info-name {
  font-weight: 500;
  font-size: 32rem;
  margin-bottom: 32rem;
  max-width: 500rem;
}
.pages-card__info-descr {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 32rem;
}
.pages-card__info-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 20rem;
  font-weight: 400;
  font-size: 42rem;
  margin-bottom: 32rem;
}
.pages-card__info-volume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 17rem;
  margin-bottom: 32rem;
}
.pages-card__info-volume span {
  font-weight: 400;
  font-size: 16rem;
  line-height: 1.2;
}
.pages-card__info-volume__sorting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12rem;
}
.pages-card__info-volume__sorting-wrap:hover > input + label {
  background: var(--text-color);
  color: #000;
}
.pages-card__info-volume__sorting-wrap label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1rem solid #fff;
  border-radius: 8rem;
  padding: 10rem;
  width: 44rem;
  height: 44rem;
  font-weight: 400;
  font-size: 16rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 1.2;
  color: #fff;
}
.pages-card__info-volume__sorting-wrap input {
  position: absolute;
  visibility: hidden;
  font-weight: 400;
  font-size: 16rem;
}
.pages-card__info-volume__sorting-wrap input:checked + label {
  background: var(--text-color);
  color: #000;
}
.pages-card__info-btn {
  max-width: 211rem;
  width: 100%;
  margin-bottom: 20rem;
}
.pages-card__info-features-item {
  border-bottom: 0.5rem solid #b1b1b1;
}
.pages-card__info-features-item__descr {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.pages-card__info-features-item__title {
  font-size: 20rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.pages-card__reviews {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.pages-card__reviews.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pages-card__reviews-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 36rem;
  margin-bottom: 20rem;
}
.pages-card__reviews-all {
  color: var(--text-color);
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline !important;
  margin-left: auto;
}
.pages-card__reviews-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14rem;
}
.pages-card__reviews-general__span {
  display: inline-block;
  font-size: 42rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
}
.pages-card__reviews-general__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6rem;
}
.pages-card__reviews-general__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
}
.pages-card__reviews-general__descr {
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.pages-card__reviews-quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6rem;
}
.pages-card__reviews-quantity__span {
  display: inline-block;
  font-size: 42rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
}
.pages-card__reviews-quantity__descr {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.pages-card__reviews-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30rem;
  margin-bottom: 46rem;
}
.pages-card__reviews-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12rem;
}
.pages-card__reviews-item__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem;
}
.pages-card__reviews-item__title {
  font-size: 16rem;
  font-weight: 700;
}
.pages-card__reviews-item__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
}
.pages-card__reviews-item__descr {
  font-size: 14rem;
  font-weight: 400;
}
.pages-card__reviews-btn {
  max-width: 211rem;
}
.pages-card__feedback {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.pages-card__feedback.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pages-card__feedback-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32rem;
}
.pages-card__feedback-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url("../images/bg.webp") no-repeat center center;
  background-size: cover;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  padding: 10rem;
  width: 118rem;
  height: 113rem;
}
.pages-card__feedback-image img {
  width: 100%;
  height: 100%;
  max-height: 80rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.pages-card__feedback-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
}
.pages-card__feedback-data__title {
  font-size: 16rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.pages-card__feedback-data__descr {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.pages-card__feedback-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.pages-card__feedback-form__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10rem;
  margin-bottom: 24rem;
}
.pages-card__feedback-form__title {
  font-size: 14rem;
  font-weight: 400;
}
.pages-card__feedback-form__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  gap: 10rem;
}
.pages-card__feedback-form__box input {
  display: none;
}
.pages-card__feedback-form__box input:hover ~ .star:before {
  background: url("../images/icon/star.svg") no-repeat;
  background-size: contain;
}
.pages-card__feedback-form__box input:checked ~ .star:before {
  background: url("../images/icon/star.svg") no-repeat;
  background-size: contain;
}
.pages-card__feedback-form__star:before {
  content: "";
  display: inline-block;
  font-size: 16rem;
  width: 20rem;
  height: 20rem;
  cursor: pointer;
  background: url("../images/icon/star-2.svg") no-repeat;
  background-size: contain;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pages-card__feedback-form__example {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
  max-width: 412rem;
  width: 100%;
  margin-bottom: 24rem;
}
.pages-card__feedback-form__example-label {
  font-size: 14rem;
  font-weight: 400;
}
.pages-card__feedback-form__example-input {
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
  border-radius: 8px;
  border: 0.5px solid #fff;
  background: rgba(255, 255, 255, 0.4);
  color: var(--text-color);
  padding: 16rem;
}
.pages-card__feedback-form__example-input::-webkit-input-placeholder {
  color: var(--text-color);
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
}
.pages-card__feedback-form__example-input::-moz-placeholder {
  color: var(--text-color);
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
}
.pages-card__feedback-form__example-input:-ms-input-placeholder {
  color: var(--text-color);
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
}
.pages-card__feedback-form__example-input::-ms-input-placeholder {
  color: var(--text-color);
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
}
.pages-card__feedback-form__example-input::placeholder {
  color: var(--text-color);
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
}
.pages-card__feedback-form__example-textarea {
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
  border-radius: 8px;
  border: 0.5px solid #fff;
  background: rgba(255, 255, 255, 0.4);
  color: var(--text-color);
  padding: 16rem;
  min-height: 114rem;
}
.pages-card__feedback-form__example-textarea::-webkit-input-placeholder {
  color: var(--text-color);
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
}
.pages-card__feedback-form__example-textarea::-moz-placeholder {
  color: var(--text-color);
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
}
.pages-card__feedback-form__example-textarea:-ms-input-placeholder {
  color: var(--text-color);
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
}
.pages-card__feedback-form__example-textarea::-ms-input-placeholder {
  color: var(--text-color);
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
}
.pages-card__feedback-form__example-textarea::placeholder {
  color: var(--text-color);
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
}
.pages-card__feedback-form__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24rem;
  width: 100%;
}
.pages-card__feedback-form__cancel,
.pages-card__feedback-form__submit {
  max-width: 211rem;
  width: 100%;
}

.pages-card__feedback-form__error {
  padding-bottom: 10rem;
  color: var(--red);
  font-size: 18rem;

  display: none;
}

.pages-card__feedback-form__error.form-error {
  display: block;
}
.pages-card__feedback-form__successfully {
  padding-top: 10rem;
  color: var(--white);
  font-size: 18rem;

  display: none;
}

.pages-card__feedback-form__successfully.form-successfully {
  display: block;
}

.main-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16rem;
}
.swiper_main {
  width: 100%;
  background: url("../images/bg.webp") no-repeat center center;
  border: 0.5rem solid #fff;
  background-size: cover;
  border-radius: 8rem;
}
.swiper_main img {
  height: 380rem;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.swiper_thumbnail {
  margin-left: 0;
  margin-right: 0;
}
.swiper_thumbnail img {
  height: 80rem;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: bottom;
}
.swiper .swiper_thumbnail .swiper-slide {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.swiper_thumbnail .swiper-slide-thumb-active {
  border: 0.5rem solid #b1b1b1;
}
.pages-card__info-price .price-new {
  font-size: 42rem;
}
.pages-card__info-price .price-old {
  font-size: 32rem;
}
.pages-card__info-price .price-old::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 20rem;
  background: red;
  width: 100%;
  height: 2rem;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
@media (max-width: 1200px) {
  .pages-card__top-left {
    max-width: 450rem;
  }
  .pages-card__image {
    height: 430rem;
  }
  .pages-card__image img {
    height: 330rem;
  }
}
@media (max-width: 990px) {
  .pages-card__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .pages-card__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .pages-card__top-left {
    max-width: 100%;
  }
  .pages-card__image {
    height: 400rem;
  }
  .pages-card__image img {
    height: 300rem;
  }
  .pages-card__info {
    max-width: 100%;
  }
  .pages-card__info-name {
    font-size: 30rem;
  }
  .pages-card__info-volume {
    margin-bottom: 30rem;
  }
  .pages-card__info-features-item__descr {
    font-size: 18rem;
  }
  .pages-card__info-btn {
    margin-bottom: 60rem;
  }
  .pages-card__feedback-form__example {
    max-width: 50%;
  }
  .pages-card__feedback-form__btns {
    max-width: 50%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .pages-card__feedback-form__cancel {
    max-width: 100%;
  }
  .pages-card__feedback-form__submit {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .pages-card__image {
    height: 350rem;
  }
  .pages-card__image img {
    height: 250rem;
  }
  .pages-card__info-rating {
    margin-bottom: 14rem;
  }
  .pages-card__info-name {
    font-size: 24rem;
    margin-bottom: 20rem;
  }
  .pages-card__info-price {
    font-size: 36rem;
    margin-bottom: 25rem;
  }
  .pages-card__info-volume {
    margin-bottom: 30rem;
  }
  .pages-card__info-btn {
    margin-bottom: 40rem;
  }
  .pages-card__feedback-form__example {
    max-width: 100%;
  }
  .pages-card__feedback-form__example-input {
    font-size: 14rem;
  }
  .pages-card__feedback-form__example-input::-webkit-input-placeholder {
    font-size: 14rem;
  }
  .pages-card__feedback-form__example-input::-moz-placeholder {
    font-size: 14rem;
  }
  .pages-card__feedback-form__example-input:-ms-input-placeholder {
    font-size: 14rem;
  }
  .pages-card__feedback-form__example-input::-ms-input-placeholder {
    font-size: 14rem;
  }
  .pages-card__feedback-form__example-input::placeholder {
    font-size: 14rem;
  }
  .pages-card__feedback-form__example-textarea {
    font-size: 14rem;
  }
  .pages-card__feedback-form__example-textarea::-webkit-input-placeholder {
    font-size: 14rem;
  }
  .pages-card__feedback-form__example-textarea::-moz-placeholder {
    font-size: 14rem;
  }
  .pages-card__feedback-form__example-textarea:-ms-input-placeholder {
    font-size: 14rem;
  }
  .pages-card__feedback-form__example-textarea::-ms-input-placeholder {
    font-size: 14rem;
  }
  .pages-card__feedback-form__example-textarea::placeholder {
    font-size: 14rem;
  }
  .pages-card__feedback-form__btns {
    max-width: 100%;
  }
  .pages-card__feedback-form__star:before {
    width: 22rem;
    height: 22rem;
  }
  .pages-card__reviews {
    position: relative;
  }
  .pages-card__reviews-top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20rem;
  }
  .pages-card__reviews-all {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-left: 0;
    text-align: left;
  }
}
.product-card {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.product-card__link {
  width: 100%;
  height: 100%;
}
.product-card__wrapper {
  padding: 30rem;
  border-radius: 8rem;
  position: relative;
  margin-bottom: 10rem;
  border: 0.5rem solid #fff;
  max-width: 100%;
  height: 288rem;
  background: url("../images/bg.webp") no-repeat center center;
  background-size: cover;
}
.product-card__wrapper img {
  display: block;
}
.product-card__wrapper img:not(:first-child) {
  display: none;
}
.product-card__images {
  max-height: 288rem;
  height: 100%;
}
.product-card__images img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: opacity 0.5s ease, -webkit-filter 0.5s ease;
  transition: opacity 0.5s ease, -webkit-filter 0.5s ease;
  transition: opacity 0.5s ease, filter 0.5s ease;
  transition: opacity 0.5s ease, filter 0.5s ease, -webkit-filter 0.5s ease;
}
.product-card-info {
  background-color: var(--page-bg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2rem;
  max-width: 262rem;
}
.product-card-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5rem;
  margin-bottom: 10rem;
}
.product-card-rating__quantity {
  color: #ccc;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.product-card-rating > li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-card-star {
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20rem;
  height: 20rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M7.52447 1.08156C7.67415 0.620903 8.32585 0.620904 8.47553 1.08156L9.5451 4.37336C9.74591 4.99139 10.3218 5.40983 10.9717 5.40983H14.4329C14.9172 5.40983 15.1186 6.02964 14.7268 6.31434L11.9266 8.34878C11.4009 8.73075 11.1809 9.4078 11.3817 10.0258L12.4513 13.3176C12.6009 13.7783 12.0737 14.1613 11.6818 13.8766L8.88168 11.8422C8.35595 11.4602 7.64405 11.4602 7.11832 11.8422L4.31815 13.8766C3.9263 14.1613 3.39906 13.7783 3.54873 13.3176L4.6183 10.0258C4.81911 9.4078 4.59913 8.73075 4.07339 8.34878L1.27323 6.31434C0.881369 6.02964 1.08276 5.40983 1.56712 5.40983H5.02832C5.67816 5.40983 6.25409 4.99139 6.4549 4.37336L7.52447 1.08156Z' stroke='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.product-card-star.active {
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20rem;
  height: 20rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M7.04894 0.92705C7.3483 0.00573921 8.6517 0.00573969 8.95106 0.92705L10.0206 4.21885C10.1545 4.63087 10.5385 4.90983 10.9717 4.90983H14.4329C15.4016 4.90983 15.8044 6.14945 15.0207 6.71885L12.2205 8.75329C11.87 9.00793 11.7234 9.4593 11.8572 9.87132L12.9268 13.1631C13.2261 14.0844 12.1717 14.8506 11.388 14.2812L8.58778 12.2467C8.2373 11.9921 7.7627 11.9921 7.41221 12.2467L4.61204 14.2812C3.82833 14.8506 2.77385 14.0844 3.0732 13.1631L4.14277 9.87132C4.27665 9.4593 4.12999 9.00793 3.7795 8.75329L0.979333 6.71885C0.195619 6.14945 0.598395 4.90983 1.56712 4.90983H5.02832C5.46154 4.90983 5.8455 4.63087 5.97937 4.21885L7.04894 0.92705Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.product-card-title {
  font-weight: 400;
  font-size: 16rem;
  line-height: 1.2;
  margin-bottom: 15rem;
  color: var(--text-color);
}
.product-card-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 10rem;
  font-weight: 700;
  font-size: 18rem;
  margin-bottom: 15rem;
  color: var(--text-color);
}
.product-card-btn {
  max-width: 185rem;
}
.indicators {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 15rem;
  left: 0;
  right: 0;
  gap: 5rem;
}
.indicator {
  width: 32rem;
  height: 3rem;
  border-radius: 4rem;
  background-color: #d9d9d9;
  opacity: 0.5;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.indicator.active {
  background-color: #fff;
  opacity: 1;
}
.favorite-btn {
  position: absolute;
  top: 14rem;
  right: 16rem;
  cursor: pointer;
  z-index: 3;
  width: 28rem;
  height: 28rem;
}
.favorite-btn svg {
  width: 28rem;
  height: 28rem;
}
.favorite-btn.active svg path {
  fill: #fff;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.price-new {
  font-weight: 700;
  font-size: 18rem;
  color: var(--text-color);
}
.price-old {
  font-weight: 700;
  font-size: 18rem;
  color: var(--text-color);
  opacity: 0.8;
  position: relative;
  font-size: 14rem;
}
.price-old::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10rem;
  background: red;
  width: 100%;
  height: 2rem;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
@media (max-width: 1200px) {
  .product-card__wrapper {
    height: 240rem;
  }
}
@media (max-width: 990px) {
  .product-card__wrapper {
    padding: 25rem;
    height: 210rem;
  }
}
@media (max-width: 767px) {
  .product-card__wrapper {
    height: 200rem;
    margin-bottom: 10rem;
  }
  .product-card-title {
    font-size: 16rem;
    margin-bottom: 10rem;
  }
  .product-card-btn {
    max-width: 100%;
    font-size: 14rem;
    padding: 10rem;
  }
  .product-card-rating {
    gap: 4rem;
  }
  .product-card-rating img {
    width: 15rem;
    height: 15rem;
  }
  .product-card-rating__quantity {
    font-size: 12rem;
  }
  .indicator {
    width: 15rem;
    height: 2rem;
    border-radius: 4rem;
    background-color: #ccc;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
  }
  .favorite-btn {
    top: 10rem;
    right: 10rem;
  }
}
.similar-products {
  padding-top: 84rem;
  padding-bottom: 60rem;
}
.similar-products__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.similar-products__title {
  margin-bottom: 60rem;
}
.similar-products__cards {
  display: grid;
  gap: 40rem;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1200px) {
  .similar-products {
    padding-top: 60rem;
    padding-bottom: 60rem;
  }
  .similar-products__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .similar-products__cards {
    gap: 30rem;
  }
}
@media (max-width: 767px) {
  .similar-products {
    padding-top: 60rem;
  }
  .similar-products__title {
    margin-bottom: 20rem;
  }
  .similar-products__cards {
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.log-in__header {
  position: static;
}

.log-in__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  gap: 40rem;
}
.log-in__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  gap: 40rem;
}

.log-in-limit {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  color: var(--red);

  display: none;
}
.log-in-limit.active {
  display: block;
}

.log-in__image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 640rem;
}
.log-in__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 40rem;
  width: 100%;
  max-width: 100%;
}
.log-in__title {
  font-family: var(--second-family);
  font-size: 42rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 40rem;
}
.log-in__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 23rem;
  max-width: 412rem;
  width: 100%;
}
.log-in__form-example {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
}
.log-in__form-example__label {
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.log-in__form-example input {
  padding: 15rem;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  background: rgba(255, 255, 255, 0.4);
  color: var(--text-color);
}
.log-in__form-example input::-webkit-input-placeholder {
  color: var(--text-color);
}
.log-in__form-example input::-moz-placeholder {
  color: var(--text-color);
}
.log-in__form-example input:-ms-input-placeholder {
  color: var(--text-color);
}
.log-in__form-example input::-ms-input-placeholder {
  color: var(--text-color);
}
.log-in__form-example input::placeholder {
  color: var(--text-color);
}
.log-in__form-example:first-child {
  margin-bottom: 15rem;
}
.log-in__form-remember:hover > input[type="checkbox"] + label::before {
  background: var(--text-color);
}
.log-in__form-remember label {
  font-size: 14rem;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 100%;
}
.log-in__form-remember input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.log-in__form-remember input[type="checkbox"] + label::before {
  content: "";
  display: inline-block;
  width: 16rem;
  height: 16rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border: 1rem solid var(--text-color);
  border-radius: 4rem;
  margin-right: 10rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% 70%;
  -webkit-transition: 0.3 ease;
  transition: 0.3 ease;
}
.log-in__form-remember input[type="checkbox"]:checked + label::before {
  background-color: var(--text-color);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13 4.25L6.125 11.125L3 8' stroke='%233C3C3C' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.log-in__form-wrapper {
  margin-top: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.log-in__form-forgot {
  color: var(--text-color);
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.log-in__form-forgot:hover {
  text-decoration: underline !important;
}
.log-in__form-submit {
  margin-top: 30rem;
  padding: 15rem 20rem;
  max-width: 200rem;
}
.log-in__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem;
}
.log-in__bottom-descr {
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.log-in__bottom-reg {
  color: var(--text-color);
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline !important;
}
@media (max-width: 1200px) {
  .log-in__image {
    max-width: 500rem;
  }
  .log-in__content {
    padding: 0;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 990px) {
  .log-in__image {
    display: none;
  }
  .log-in__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .log-in__title {
    max-width: 412rem;
  }
  .log-in__form {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .log-in__title {
    font-size: 36rem;
    margin-bottom: 20rem;
  }
  .log-in__form {
    max-width: 100%;
  }
  .log-in__form-wrapper {
    margin-top: 10rem;
    gap: 10rem;
  }
  .log-in__form-submit {
    margin-top: 20rem;
    max-width: 100%;
  }
}
.registration__header {
  position: static;
}
.registration__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40rem;

  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.registration-limit {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  color: var(--red);
  display: none;
}
.registration-limit.active {
  display: block;
}

.registration__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  gap: 40rem;
}
.registration__image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 640rem;
}
.registration__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 40rem;
  width: 100%;
  max-width: 100%;
}
.registration__title {
  font-family: var(--second-family);
  font-size: 42rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 40rem;
}
.registration__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 412rem;
  width: 100%;
}
.registration__form-example {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
}
.registration__form-example__label {
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.registration__form-example input {
  padding: 15rem;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  background: rgba(255, 255, 255, 0.4);
  color: var(--text-color);
}
.registration__form-example input::-webkit-input-placeholder {
  color: var(--text-color);
}
.registration__form-example input::-moz-placeholder {
  color: var(--text-color);
}
.registration__form-example input:-ms-input-placeholder {
  color: var(--text-color);
}
.registration__form-example input::-ms-input-placeholder {
  color: var(--text-color);
}
.registration__form-example input::placeholder {
  color: var(--text-color);
}
.registration__form-example:not(:last-child) {
  margin-bottom: 12rem;
}
.registration__form-wrapper {
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem;
}
.registration__form-question {
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.registration__form-logIn {
  color: var(--text-color);
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline !important;
}
.registration__form-submit {
  margin-top: 30rem;
  padding: 15rem 20rem;
  max-width: 211rem;
}
@media (max-width: 1200px) {
  .registration__image {
    max-width: 500rem;
  }
  .registration__content {
    padding: 0 30rem;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 990px) {
  .registration__image {
    display: none;
  }
  .registration__content {
    padding: 40rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .registration__form {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .registration__content {
    padding: 20rem;
  }
  .registration__title {
    font-size: 36rem;
    margin-bottom: 20rem;
  }
  .registration__form {
    max-width: 100%;
  }
  .registration__form-example-submit {
    margin-top: 20rem;
    padding: 15rem 20rem;
    max-width: 100%;
  }
  .registration__form-submit {
    margin-top: 20rem;
    max-width: 100%;
  }
}
.basket__header {
  position: static;
}
.basket__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.basket__title {
  margin-bottom: 42rem;
}
.basket__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 40rem;
}
.basket__products {
  max-width: 867rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.basket__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24rem;
  padding: 24rem 0;
}
.basket__product.error {
  padding: 24rem 0;
}

.basket__product.error:not(:last-child) {
  border-color: red;
}
.basket__product.error .basket__product-image {
  border-color: red;
}
.basket__product:first-child {
  padding-top: 0;
}
.basket__product:last-child {
  padding-bottom: 0;
}
.basket__product:not(:last-child) {
  border-bottom: 0.5rem solid #b1b1b1;
}
.basket__product-content {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24rem;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.basket__product-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url("../images/bg.webp") no-repeat center center;
  background-size: cover;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  padding: 10rem;
  max-width: 118rem;
  width: 100%;
  min-height: 113rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.basket__product-image img {
  width: 100%;
  height: 100%;
  max-height: 80rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.basket__product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem;
}
.basket__product-info:hover .basket__product-title {
  text-decoration: underline !important;
}

.basket__product-link {
  display: flex;
  align-items: flex-end;
  gap: 5rem;
}
.basket__product-title {
  font-size: 20rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--text-color);
}
.basket__product-info__descr {
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--text-color);
}

.basket__product-options {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}

.basket__product-option {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--text-color);
}
.basket__product-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24rem;
  margin-right: 56rem;
}
.basket__product-infoquantity {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15rem;
}
.basket__product-infoquantity__count {
  border-radius: 4rem;
  border: 1rem solid #fff;
  width: 32rem;
  height: 26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
}
.basket__product-infoquantity__minus {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.basket__product-infoquantity__minus::after {
  content: "";
  background: #ecf0f1;
  width: 16rem;
  height: 2rem;
  border-radius: 10rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.basket__product-infoquantity__minus:hover::after {
  background-color: #b2b2b2;
}
.basket__product-infoquantity__plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.basket__product-infoquantity__plus::after {
  content: "";
  background: #ecf0f1;
  width: 16rem;
  height: 2rem;
  border-radius: 10rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: relative;
}
.basket__product-infoquantity__plus::before {
  content: "";
  position: absolute;
  top: 5rem;
  left: 7rem;
  background: #ecf0f1;
  width: 2rem;
  height: 16rem;
  border-radius: 10rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.basket__product-infoquantity__plus:hover::before,
.basket__product-infoquantity__plus:hover::after {
  background-color: #b2b2b2;
}
.basket__product-price {
  font-size: 20rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100rem;
}
.basket__product-delete {
  position: absolute;
  right: 0rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30rem;
  height: 30rem;
}
.basket__product-delete-line-1 {
  width: 25rem;
  height: 3rem;
  border-radius: 5rem;
  background-color: #ecf0f1;
  display: block;
  margin: 5rem auto;
  -webkit-transform: translateY(4rem) rotate(45deg);
  transform: translateY(4rem) rotate(45deg);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.basket__product-delete-line-2 {
  width: 25rem;
  height: 3rem;
  border-radius: 5rem;
  background-color: #ecf0f1;
  display: block;
  margin: 5rem auto;
  -webkit-transform: translateY(-4rem) rotate(-45deg);
  transform: translateY(-4rem) rotate(-45deg);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.basket__product-delete:hover .basket__product-delete-line-1,
.basket__product-delete:hover .basket__product-delete-line-2 {
  background-color: #b2b2b2;
}
.basket__details {
  width: 100%;
  height: 100%;
  max-width: 413rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 32rem;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  background: rgba(255, 255, 255, 0.4);
}
.basket__details-title {
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 32rem;
}
.basket__details-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16rem;
  padding-bottom: 16rem;
  border-bottom: 0.5rem solid #b1b1b1;
}
.basket__details-center__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10rem;
}
.basket__details-center__item-title {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.basket__details-center__item-number {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.basket__details-total {
  padding: 16rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 12rem;
}
.basket__details-total__title {
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.basket__details-total__number {
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.basket__details-promocode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.basket__details-promocode-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
}
.basket__details-promocode__input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 14rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  display: block;
  -webkit-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
  -webkit-transition-property: color;
  transition-property: color;
  border: 0;
}

.basket__details-promocode__error {
  margin-top: 10rem;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.basket__details-promocode__input::-webkit-input-placeholder {
  color: var(--text-color);
}
.basket__details-promocode__input::-moz-placeholder {
  color: var(--text-color);
}
.basket__details-promocode__input:-ms-input-placeholder {
  color: var(--text-color);
}
.basket__details-promocode__input::-ms-input-placeholder {
  color: var(--text-color);
}
.basket__details-promocode__input::placeholder {
  color: var(--text-color);
}
.basket__details-promocode__delete {
  width: 30rem;
  height: 30rem;
  margin-right: 14rem;
}
.basket__details-promocode__delete-line-1 {
  width: 25rem;
  height: 3rem;
  border-radius: 5rem;
  background-color: #ecf0f1;
  display: block;
  margin: 5rem auto;
  -webkit-transform: translateY(4rem) rotate(45deg);
  transform: translateY(4rem) rotate(45deg);
}
.basket__details-promocode__delete-line-2 {
  width: 25rem;
  height: 3rem;
  border-radius: 5rem;
  background-color: #ecf0f1;
  display: block;
  margin: 5rem auto;
  -webkit-transform: translateY(-4rem) rotate(-45deg);
  transform: translateY(-4rem) rotate(-45deg);
}
.basket__details-btn {
  max-width: 100%;
  margin-top: 32rem;
}
@media (max-width: 1200px) {
  .basket__header {
    position: sticky;
  }
  .basket__product-content {
    gap: 20px;
  }
  .basket__product-delete {
    top: 10rem;
  }

  .basket__product-right {
    margin-right: 0;
  }
}
@media (max-width: 990px) {
  .basket__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .basket__products {
    max-width: 100%;
  }
  .basket__product-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20rem;
  }
  .basket__product-delete {
    top: 0rem;
  }
  .basket__details {
    max-width: 50%;
  }

  .basket__product-right {
    margin-right: 40rem;
  }
}
@media (max-width: 767px) {
  .basket__product {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 18rem;
    padding: 24rem 0;
  }
  .basket__product-delete {
    top: 10rem;
  }
  .basket__product-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10rem;
  }
  .basket__details {
    max-width: 100%;
  }
}

.basket-default {
  padding-bottom: 100rem;
}
.basket-default__header {
  position: static;
}
.basket-default__title {
  margin-bottom: 40rem;
}
.basket-default__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.basket-default__wrapper-image {
  max-width: 100rem;
  width: 100%;
  margin-bottom: 42rem;
}
.basket-default__wrapper-title {
  font-size: 32rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 24rem;
}
.basket-default__wrapper-descr {
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.basket-default__wrapper-descr a {
  color: #fff;
  text-decoration-line: underline;
}
@media (max-width: 1200px) {
  .basket-default__header {
    position: sticky;
  }
}
.order-registration__header {
  position: static;
}
.order-registration__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.order-registration__back {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--text-color);
  margin-bottom: 26rem;
}
.order-registration__back img {
  width: 24rem;
  height: 24rem;
}
.order-registration__title {
  margin-bottom: 42rem;
}
.order-registration__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 40rem;
}
.order-registration__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24rem;
}
.order-registration__info-delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.order-registration__info-delivery__title {
  font-size: 24rem;
}
.order-registration__info-payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.order-registration__info-payment__title {
  font-size: 24rem;
}
.order-registration__details {
  width: 100%;
  max-width: 413rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 32rem;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  background: rgba(255, 255, 255, 0.4);
}
.order-registration__details-title {
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 32rem;
}
.order-registration__details-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16rem;
  padding-bottom: 16rem;
  border-bottom: 0.5rem solid #b1b1b1;
}
.order-registration__details-center__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10rem;
}
.order-registration__details-center__item-title {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.order-registration__details-center__item-number {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.order-registration__details-total {
  padding: 16rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 12rem;
}
.order-registration__details-total__title {
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.order-registration__details-total__number {
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.order-registration__details-promocode {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  margin-bottom: 32rem;
}
.order-registration__details-promocode__input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 14rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  display: block;
  -webkit-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
  -webkit-transition-property: color;
  transition-property: color;
  border: 0;
}
.order-registration__details-promocode__input::-webkit-input-placeholder {
  color: var(--text-color);
}
.order-registration__details-promocode__input::-moz-placeholder {
  color: var(--text-color);
}
.order-registration__details-promocode__input:-ms-input-placeholder {
  color: var(--text-color);
}
.order-registration__details-promocode__input::-ms-input-placeholder {
  color: var(--text-color);
}
.order-registration__details-promocode__input::placeholder {
  color: var(--text-color);
}
.order-registration__details-promocode__delete {
  width: 30rem;
  height: 30rem;
  margin-right: 14rem;
}
.order-registration__details-promocode__delete-line-1 {
  width: 25rem;
  height: 3rem;
  border-radius: 5rem;
  background-color: #ecf0f1;
  display: block;
  margin: 5rem auto;
  -webkit-transform: translateY(4rem) rotate(45deg);
  transform: translateY(4rem) rotate(45deg);
}
.order-registration__details-promocode__delete-line-2 {
  width: 25rem;
  height: 3rem;
  border-radius: 5rem;
  background-color: #ecf0f1;
  display: block;
  margin: 5rem auto;
  -webkit-transform: translateY(-4rem) rotate(-45deg);
  transform: translateY(-4rem) rotate(-45deg);
}
.order-registration__details-btn {
  max-width: 100%;
}
@media (max-width: 1200px) {
  .order-registration__header {
    position: sticky;
  }
}
@media (max-width: 990px) {
  .order-registration__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .order-registration__products {
    max-width: 100%;
  }
  .order-registration__product-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20rem;
  }
  .order-registration__product-delete {
    top: 0rem;
  }
  .order-registration__details {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .order-registration__product-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20rem;
  }
  .order-registration__details {
    max-width: 100%;
  }
}
.personal-data__header {
  position: static;
}
.personal-data__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.personal-data__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 35rem;
}
.personal-data__title {
  margin-bottom: 42rem;
}
.personal-data__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8rem;
  border: 1rem solid #fff;
  max-width: 960rem;
  overflow: hidden;
  height: 100%;
  width: 100%;
  margin-bottom: 40rem;
}
.personal-data__top-item {
  height: 100%;
  max-height: 100%;
  max-width: 240rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.personal-data__top-item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  font-size: 16rem;
  font-style: normal;
  padding: 16rem 20rem;
  font-weight: 500;
  line-height: 120%;
  color: var(--text-color);
  width: 100%;
  height: 100%;
}
.personal-data__top-item:not(:last-child) {
  border-right: 1rem solid #fff;
}
.personal-data__top-item.active {
  background: #fff;
}
.personal-data__top-item.active .personal-data__top-item__title {
  color: #000;
}
.personal-data__bottom-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40rem;
}
.personal-data__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24rem;
  width: 100%;
  max-width: 571rem;
}

.personal-data__form-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
  max-width: 371rem;
  width: 100%;
}
.personal-data__form-example {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.personal-data__form-example__label {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.personal-data__form-example input {
  width: 100%;
  max-width: 371rem;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  background: rgba(255, 255, 255, 0.4);
  padding: 16rem;

  color: var(--white);

  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
}

.personal-data__form-example select {
  width: 100%;
  max-width: 371rem;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  background: rgba(255, 255, 255, 0.4);
  padding: 16rem;
  outline: none;

  color: var(--white);

  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.7098 8.20986C18.6169 8.11613 18.5063 8.04174 18.3844 7.99097C18.2625 7.9402 18.1318 7.91406 17.9998 7.91406C17.8678 7.91406 17.7371 7.9402 17.6152 7.99097C17.4934 8.04174 17.3828 8.11613 17.2898 8.20986L12.7098 12.7899C12.6169 12.8836 12.5063 12.958 12.3844 13.0087C12.2625 13.0595 12.1318 13.0856 11.9998 13.0856C11.8678 13.0856 11.7371 13.0595 11.6152 13.0087C11.4934 12.958 11.3828 12.8836 11.2898 12.7899L6.70982 8.20986C6.61685 8.11613 6.50625 8.04174 6.38439 7.99097C6.26253 7.9402 6.13183 7.91406 5.99982 7.91406C5.8678 7.91406 5.7371 7.9402 5.61524 7.99097C5.49338 8.04174 5.38278 8.11613 5.28982 8.20986C5.10356 8.39722 4.99902 8.65067 4.99902 8.91486C4.99902 9.17904 5.10356 9.4325 5.28982 9.61986L9.87982 14.2098C10.4423 14.7716 11.2048 15.0872 11.9998 15.0872C12.7948 15.0872 13.5573 14.7716 14.1198 14.2098L18.7098 9.61986C18.8961 9.4325 19.0006 9.17904 19.0006 8.91486C19.0006 8.65067 18.8961 8.39722 18.7098 8.20986Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-position-x: calc(100% - 20rem);
  background-position-y: 70%;
  background-repeat: no-repeat;
}

.personal-data__form-example option {
  background-color: var(--page-bg);
  font-weight: 400;
  font-size: 16rem;
}
.personal-data__form-example option:checked {
  background-color: #e0e0e0 !important;
}

.personal-data__form-example input::-webkit-input-placeholder {
  color: #fff;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.personal-data__form-example input::-moz-placeholder {
  color: #fff;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.personal-data__form-example input:-ms-input-placeholder {
  color: #fff;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.personal-data__form-example input::-ms-input-placeholder {
  color: #fff;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.personal-data__form-example input::placeholder {
  color: #fff;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.personal-data__main-address {
  display: flex;
  align-items: center;
  gap: 80rem;
}
.personal-data__main-address input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 60rem;
  height: 16rem;
}

.personal-data__main-address label {
  font-size: 14rem;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 100%;
}

.personal-data__main-address input + label::before {
  content: "";
  display: inline-block;
  width: 16rem;
  height: 16rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border: 1rem solid var(--text-color);
  border-radius: 4rem;
  margin-right: 10rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% 70%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.personal-data__main-address input:checked + label::before {
  background-color: var(--text-color);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M11 1L4.125 7.875L1 4.75' stroke='%233C3C3C' stroke-width='1.6666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.personal-data__main-address-item:hover > input + label::before {
  background-color: var(--text-color);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.personal-data__form-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20rem;
}
.personal-data__form-submit__wrapper {
  max-width: 371rem;
  width: 100%;
}
.personal-data__form-submit input {
  max-width: 185rem;
  width: 100%;
  background-color: #fff;
}
.personal-data__form-password {
  position: relative;
}
.personal-data__form-password__wrapper {
  width: 100%;
  max-width: 371rem;
  position: relative;
}
.personal-data__form-password-change {
  position: absolute;
  top: 120%;
  left: 0;
  text-decoration: underline !important;
  color: var(--text-color);
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 1200px) {
  .personal-data__header {
    position: sticky;
  }
}
@media (max-width: 767px) {
  .personal-data__title {
    margin-bottom: 20rem;
  }
  .personal-data__top {
    height: 55rem;
    margin-bottom: 20rem;
  }
  .personal-data__top-item__title {
    padding: 5rem 10rem;
  }
  .personal-data__form {
    gap: 20rem;
    width: 100%;
    max-width: 100%;
  }
  .personal-data__form-example {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10rem;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .personal-data__form-example__label {
    width: 100%;
    min-width: 140rem;
  }
  .personal-data__form-example input {
    width: 100%;
    min-width: 100%;
  }

  .personal-data__form-example select {
    width: 100%;
    min-width: 100%;
  }

  .personal-data__form-wrap {
    width: 100%;
    min-width: 100%;
  }
  .personal-data__form-submit__wrapper {
    width: 100%;
    min-width: 371rem;
  }
  .personal-data__form-password__wrapper {
    max-width: 100%;
  }

  .personal-data__main-address {
    margin-top: 10rem;
  }
  .personal-data__form-submit {
    max-width: 100%;
    margin-top: 20rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .personal-data__form-submit__wrapper {
    min-width: 100%;
  }
  .personal-data__form-submit input {
    max-width: 100%;
  }
  .personal-data__main-address input {
    width: 60rem;
    min-width: 60rem;
  }
}
.my-orders__header {
  position: static;
}
.my-orders__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.my-orders__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 35rem;
}
.my-orders__title {
  margin-bottom: 42rem;
}
.my-orders__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8rem;
  border: 1rem solid #fff;
  max-width: 960rem;
  overflow: hidden;
  height: 100%;
  width: 100%;
  margin-bottom: 40rem;
}
.my-orders__top-item {
  height: 100%;
  max-height: 100%;
  max-width: 240rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.my-orders__top-item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: var(--text-color);
  padding: 16rem 20rem;
  width: 100%;
  height: 100%;
}
.my-orders__top-item:not(:last-child) {
  border-right: 1rem solid #fff;
}
.my-orders__top-item.active {
  background: #fff;
}
.my-orders__top-item.active .my-orders__top-item__title {
  color: #000;
}
.my-orders__bottom-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40rem;
}
.my-orders__orders {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 38rem;
  grid-row-gap: 24rem;
}
.my-orders__order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 23rem;
  border-bottom: 0.5rem solid #b1b1b1;
}
.my-orders__order-number {
  color: #fff;
  font-size: 20rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 12rem;
}
.my-orders__order-data {
  color: #fff;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 24rem;
}
.my-orders__order-structure {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10rem;
  height: 100%;
  padding-right: 40rem;
}
.my-orders__order-structure__image {
  padding: 15rem;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  background: url("../images/bg.webp") no-repeat center center;
  background-size: cover;
  width: 76rem;
  height: 76rem;
}
.my-orders__order-structure__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 52rem;
}
.my-orders__order-structure__other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15rem;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  background: url("../images/bg.webp") no-repeat center center;
  background-size: cover;
  color: var(--text-color);
  width: 76rem;
  height: 76rem;
}
.my-orders__order-arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.my-orders__order-arrow svg {
  width: 28rem;
  height: 28rem;
}
.my-orders__order-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 32rem;
}
.my-orders__order-open__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem;
  margin-bottom: 20rem;
  cursor: pointer;
  color: var(--text-color);
}
.my-orders__order-open__back img {
  width: 24rem;
  height: 24rem;
}
.my-orders__order-open__back:hover {
  text-decoration-line: underline;
}
.my-orders__order-open__title {
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 32rem;
}
.my-orders__order-open__structure {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 40rem;
  grid-row-gap: 24rem;
}
.my-orders__order-open__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 0.5rem solid #b1b1b1;
  gap: 24rem;
  padding-bottom: 24rem;
}
.my-orders__order-open__product:hover
  .my-orders__order-open__product-info__title {
  text-decoration: underline !important;
}
.my-orders__order-open__product-content {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24rem;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.my-orders__order-open__product-image {
  background: url("../images/bg.webp") no-repeat center center;
  background-size: cover;
  border-radius: 8rem;
  border: 0.5rem solid #fff;
  padding: 10rem;
  max-width: 118rem;
  width: 100%;
  height: 113rem;
}
.my-orders__order-open__product-image img {
  width: 100%;
  height: 100%;
  max-height: 80rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.my-orders__order-open__product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem;
  width: 100%;
}
.my-orders__order-open__product-info__title {
  font-size: 20rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--text-color);
}
.my-orders__order-open__product-info__descr {
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--text-color);
}
.my-orders__order-open__product-price {
  font-size: 20rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--text-color);
}
.my-orders__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24rem;
  max-width: 49%;
}
.my-orders__details-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  gap: 20rem;
}
.my-orders__details-item__title {
  font-size: 18rem;
  font-weight: 700;
}
.my-orders__details-item__descr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
  max-width: 443rem;
  width: 100%;
}
.my-orders__details-item__descr p {
  font-size: 18rem;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .my-orders__header {
    position: sticky;
  }
  .my-orders__order-open__structure {
    display: grid;
    grid-template-columns: auto;
    gap: 24rem;
  }
  .my-orders__details {
    max-width: 100%;
  }
  .my-orders__details-item__descr {
    max-width: 600rem;
  }
}
@media (max-width: 990px) {
  .my-orders__header {
    position: sticky;
  }
  .my-orders__orders {
    grid-template-columns: auto;
  }
  .my-orders__order-open__structure {
    display: grid;
    grid-template-columns: auto;
    gap: 24rem;
  }
  .my-orders__details {
    max-width: 100%;
  }
  .my-orders__details-item__descr {
    max-width: 600rem;
  }
}
@media (max-width: 767px) {
  .my-orders__title {
    margin-bottom: 20rem;
  }
  .my-orders__top {
    height: 55rem;
    margin-bottom: 20rem;
  }
  .my-orders__top-item__title {
    padding: 5rem 10rem;
  }
  .my-orders__order-arrow {
    width: 24rem;
    height: 24rem;
  }
  .my-orders__form {
    gap: 24rem;
    width: 100%;
    max-width: 100%;
  }
  .my-orders__form-example__label {
    width: 100%;
    min-width: 140rem;
  }
  .my-orders__form-example input {
    width: 100%;
    min-width: 371rem;
  }
  .my-orders__form-submit {
    max-width: 185rem;
    margin-top: 20rem;
  }
  .my-orders__details-item {
    gap: 10rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.favourites__header {
  position: static;
}
.favourites__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.favourites__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 35rem;
}
.favourites__title {
  margin-bottom: 42rem;
}
.favourites__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8rem;
  border: 1rem solid #fff;
  max-width: 960rem;
  overflow: hidden;
  height: 100%;
  width: 100%;
  margin-bottom: 40rem;
}
.favourites__top-item {
  height: 100%;
  max-height: 100%;
  max-width: 240rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.favourites__top-item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: var(--text-color);
  padding: 16rem 20rem;
  width: 100%;
}
.favourites__top-item:not(:last-child) {
  border-right: 1rem solid #fff;
}
.favourites__top-item.active {
  background: #fff;
}
.favourites__top-item.active .favourites__top-item__title {
  color: #000;
}
.favourites__bottom {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40rem;
}
@media (max-width: 1200px) {
  .favourites__header {
    position: sticky;
  }
}
@media (max-width: 767px) {
  .favourites__title {
    margin-bottom: 20rem;
  }
  .favourites__bottom {
    grid-template-columns: repeat(2, 1fr);
    gap: 20rem;
  }
  .favourites__top {
    height: 55rem;
    margin-bottom: 20rem;
  }
  .favourites__top-item__title {
    padding: 5rem 10rem;
  }
}
.addresses__header {
  position: static;
}
.addresses__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.addresses__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 35rem;
}
.addresses__title {
  margin-bottom: 42rem;
}
.addresses__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8rem;
  border: 1rem solid #fff;
  max-width: 960rem;
  overflow: hidden;
  height: 100%;
  width: 100%;
  margin-bottom: 40rem;
}
.addresses__top-item {
  height: 100%;
  max-height: 100%;
  max-width: 240rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.addresses__top-item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  color: var(--text-color);
  line-height: 120%;
  padding: 16rem 20rem;
  width: 100%;
  height: 100%;
}
.addresses__top-item:not(:last-child) {
  border-right: 1rem solid #fff;
}
.addresses__top-item.active {
  background: #fff;
}
.addresses__top-item.active .addresses__top-item__title {
  color: #000;
}
.addresses__bottom-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40rem;
}
.addresses__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.addresses__address-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24rem;
  margin-bottom: 42rem;
  max-width: 640rem;
  width: 100%;
}
.addresses__address-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10rem;
  padding-bottom: 24rem;
  width: 100%;
  max-width: 100%;
  border-bottom: 0.5rem solid #fff;
}
.addresses__address-item input {
  max-width: 560rem;
  width: 100%;
}
.addresses__address-item__edit {
  margin-left: auto;
}
.addresses__address-item__edit img {
  width: 28rem;
  height: 28rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.addresses__address-item__del img {
  width: 28rem;
  height: 28rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.addresses__address-editable {
  font-size: 18rem;
  font-weight: 400;
}
.addresses__address-btn {
  max-width: 185rem;
}
@media (max-width: 1200px) {
  .addresses__header {
    position: sticky;
  }
}
@media (max-width: 767px) {
  .addresses__title {
    margin-bottom: 20rem;
  }
  .addresses__top {
    height: 55rem;
    margin-bottom: 20rem;
  }
  .addresses__top-item__title {
    padding: 5rem 10rem;
  }
  .addresses__address-editable {
    font-size: 16rem;
  }
  .addresses__address-btn {
    max-width: 100%;
  }
}
.contacts {
  padding: 40px 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.contacts__content {
  z-index: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url("../images/bestsellers__card.png") no-repeat center center;
  background-size: cover;
  max-width: 489px;
  width: 100%;
  min-height: 349px;
  padding: 42px;
  border-radius: 8px;
}
.contacts__content-title {
  margin-bottom: 32px;
}
.contacts__content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 18px;
}
.contacts__content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}
.contacts__content-item__title {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  min-width: 75px;
}
.contacts__content-item__descr {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.contacts__content-item__tel {
  color: var(--text-color);
}
.contacts__content-item__tel:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 990px) {
  .contacts__container {
    margin-bottom: 40px;
  }
  .contacts__content {
    position: static;
    -webkit-transform: none;
    transform: none;
  }
  .contacts__iframe {
    height: 450px;
  }
}
@media only screen and (max-width: 767px) {
  .contacts__container {
    margin-bottom: 20px;
  }
  .contacts__content {
    padding: 30px;
    min-height: 280px;
  }
  .contacts__content-title {
    margin-bottom: 25px;
  }
  .contacts__iframe {
    height: 400px;
  }
}
@media only screen and (max-width: 600px) {
  .contacts__container {
    margin-bottom: 20px;
  }
  .contacts__content {
    padding: 20px;
    min-height: 250px;
    max-width: 100%;
  }
  .contacts__content-title {
    margin-bottom: 20px;
  }
  .contacts__content-item {
    gap: 10px;
  }
  .contacts__content-item__descr {
    font-size: 14px;
  }
  .contacts__iframe {
    height: 350px;
  }
}
.reviews {
  padding: 42rem 0;
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: var(--page-bg);
}
.reviews__close {
  margin-left: auto;
  cursor: pointer;
}
.reviews__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30rem;
}
.reviews__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 42rem;
}
.reviews__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 528rem;
  width: 100%;
}
.reviews__left-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 26rem;
}
.reviews__left-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url("../images/bg.webp") no-repeat center center;
  background-size: cover;
  border-radius: 8rem;
  border: 0.5rem solid var(--text-color);
  padding: 10rem;
  width: 118rem;
  height: 113rem;
}
.reviews__left-image img {
  width: 100%;
  height: 100%;
  max-height: 80rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.reviews__left-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
}
.reviews__left-data__title {
  color: var(--text-color);
  font-size: 16rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.reviews__left-data__descr {
  color: var(--text-color);
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.reviews__left-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10rem;
  margin-bottom: 14rem;
}
.reviews__left-general__span {
  display: inline-block;
  font-size: 42rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
}
.reviews__left-general__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6rem;
}
.reviews__left-general__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
}
.reviews__left-general__descr {
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.reviews__left-quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6rem;
}
.reviews__left-quantity__span {
  display: inline-block;
  font-size: 42rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
}
.reviews__left-quantity__descr {
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.reviews__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.reviews__right-title {
  font-family: var(--second-family);
  font-size: 42rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 42rem;
}
.reviews__right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24rem;
  margin-bottom: 32rem;
}
.reviews__right-top__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6rem;
  padding: 4rem;
  width: 62rem;
  border-radius: 8px;
  border: 1px solid var(--text-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 16rem;
  font-weight: 500;
  line-height: 120%;
}
.reviews__right-top__btn::after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M7.04894 0.92705C7.3483 0.00573921 8.6517 0.00573969 8.95106 0.92705L10.0206 4.21885C10.1545 4.63087 10.5385 4.90983 10.9717 4.90983H14.4329C15.4016 4.90983 15.8044 6.14945 15.0207 6.71885L12.2205 8.75329C11.87 9.00793 11.7234 9.4593 11.8572 9.87132L12.9268 13.1631C13.2261 14.0844 12.1717 14.8506 11.388 14.2812L8.58778 12.2467C8.2373 11.9921 7.7627 11.9921 7.41221 12.2467L4.61204 14.2812C3.82833 14.8506 2.77385 14.0844 3.0732 13.1631L4.14277 9.87132C4.27665 9.4593 4.12999 9.00793 3.7795 8.75329L0.979333 6.71885C0.195619 6.14945 0.598395 4.90983 1.56712 4.90983H5.02832C5.46154 4.90983 5.8455 4.63087 5.97937 4.21885L7.04894 0.92705Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18rem;
  height: 18rem;
}
.reviews__right-top__btn.active {
  border: none;
  color: #000;
  background-color: var(--text-color);
}
.reviews__right-top__btn.active::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M7.04894 0.92705C7.3483 0.00573921 8.6517 0.00573969 8.95106 0.92705L10.0206 4.21885C10.1545 4.63087 10.5385 4.90983 10.9717 4.90983H14.4329C15.4016 4.90983 15.8044 6.14945 15.0207 6.71885L12.2205 8.75329C11.87 9.00793 11.7234 9.4593 11.8572 9.87132L12.9268 13.1631C13.2261 14.0844 12.1717 14.8506 11.388 14.2812L8.58778 12.2467C8.2373 11.9921 7.7627 11.9921 7.41221 12.2467L4.61204 14.2812C3.82833 14.8506 2.77385 14.0844 3.0732 13.1631L4.14277 9.87132C4.27665 9.4593 4.12999 9.00793 3.7795 8.75329L0.979333 6.71885C0.195619 6.14945 0.598395 4.90983 1.56712 4.90983H5.02832C5.46154 4.90983 5.8455 4.63087 5.97937 4.21885L7.04894 0.92705Z' fill='%23151516'/%3E%3C/svg%3E");
}
.reviews__right-top__btn.active .reviews__right-top__btn-star path {
  fill: #000;
}
.reviews__right-top__btn-star {
  width: 18rem;
  height: 18rem;
}
.reviews__right-list {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 26rem;
}
.reviews__right-list.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.reviews__right-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12rem;
}
.reviews__right-item__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12rem;
}
.reviews__right-item__title {
  font-size: 18rem;
  font-weight: 700;
}
.reviews__right-item__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
}
.reviews__right-item__descr {
  font-size: 16rem;
  font-weight: 400;
  line-height: 115%;
  max-width: 640rem;
}
@media (max-width: 1200px) {
  .reviews__left {
    max-width: 500rem;
  }
}
@media (max-width: 990px) {
  .reviews__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .reviews__left {
    max-width: 100%;
  }
  .reviews__right {
    max-width: 100%;
  }
  .reviews__right-item__descr {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .reviews {
    padding: 20rem 0;
  }
  .reviews__wrapper {
    gap: 20rem;
  }
  .reviews__left {
    max-width: 100%;
  }
  .reviews__right {
    max-width: 100%;
  }
  .reviews__right-title {
    margin-bottom: 20rem;
  }
  .reviews__right-top {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20rem;
  }
  .reviews__right-top__btn {
    width: 100%;
  }
  .reviews__right-item__descr {
    max-width: 100%;
  }
}
.overview__title {
  margin-bottom: 42rem;
}
.overview__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40rem;
  height: 100%;
}
.overview__card-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 364rem;
  padding: 30rem;
  border-radius: 8rem;
  background: url("../images/bg.webp") no-repeat center center;
  background-size: cover;
  border: 0.5rem solid #fff;
  margin-bottom: 24rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.overview__card-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.overview__card:hover .overview__card-title {
  text-decoration: underline;
}
.overview__card-title {
  color: var(--text-color);
  font-size: 20rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 16rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.overview__card-text {
  color: var(--text-color);
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
}
@media (max-width: 1200px) {
  .overview__content {
    grid-column-gap: 20rem;
  }
  .overview__card-img {
    height: 300rem;
  }
}
@media (max-width: 767px) {
  .overview__title {
    margin-bottom: 20rem;
  }
  .overview__content {
    grid-column-gap: 20rem;
    grid-template-columns: auto;
  }
  .overview__card-img {
    height: 200rem;
    padding: 20rem;
    margin-bottom: 10rem;
  }
  .overview__card-title {
    font-size: 18rem;
    margin-bottom: 10rem;
  }
  .overview__card-text {
    font-size: 16rem;
  }
}
.articles__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40rem;
}
.articles__title {
  margin-bottom: 42rem;
}
.articles__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 867rem;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.articles__content-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 364rem;
  padding: 30rem;
  border-radius: 8rem;
  background: url("../images/bg.webp") no-repeat center center;
  border: 0.5rem solid #fff;
  background-size: cover;
  margin-bottom: 38rem;
}
.articles__content-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.articles__content-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30rem;
}
.articles__content-info__date {
  font-size: 16rem;
  font-weight: 400;
  line-height: 120%;
}
.articles__content-info__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24rem;
}
.articles__content-info__social a:hover svg path {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  fill: #b2b2b2;
}
.articles__content-info__social a svg {
  width: 24rem;
  height: 24rem;
}
.articles__content-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30rem;
}
.articles__content-text__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
}
.articles__content-title {
  font-size: 20rem;
  font-weight: 700;
}
.articles__content-descr {
  font-size: 18rem;
  font-weight: 400;
}
.articles__other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.articles__other-title {
  font-size: 20rem;
  font-weight: 700;
  margin-bottom: 18rem;
}
.articles__other-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16rem;
}
.articles__other-card:not(:last-child) {
  margin-bottom: 24rem;
}
.articles__other-card:hover .articles__other-card__title {
  text-decoration: underline !important;
}
.articles__other-card__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 204rem;
  padding: 20rem;
  border-radius: 8rem;
  background: url("../images/bg.webp") no-repeat center center;
  border: 0.5rem solid #fff;
  background-size: cover;
}
.articles__other-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.articles__other-card__title {
  color: #fff;
  font-size: 18rem;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .articles__content {
    max-width: 700rem;
  }
}
@media (max-width: 767px) {
  .articles__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .articles__title {
    margin-bottom: 20rem;
  }
  .articles__content {
    max-width: 100%;
  }
  .articles__content-img {
    height: 230rem;
    margin-bottom: 20rem;
  }
  .articles__content-info {
    margin-bottom: 20rem;
  }
  .articles__content-info__social {
    gap: 15rem;
  }
  .articles__content-text {
    gap: 20rem;
  }
  .articles__content-text__wrap {
    gap: 5rem;
  }
  .articles__content-title {
    font-size: 16rem;
  }
  .articles__content-descr {
    font-size: 16rem;
  }
  .articles__other-card {
    gap: 10rem;
  }
  .articles__other-card__img {
    height: 190rem;
  }
}
.error {
  padding: 40rem 0;
  padding-bottom: 100rem;
}
.error__main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.error__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.error__wrapper-title {
  font-size: 32rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 24rem;
}
.error__wrapper-descr {
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 600rem;
}
.error__wrapper-descr a {
  color: #fff;
  text-decoration-line: underline;
}
.error__wrapper-descr:first-of-type {
  margin-bottom: 20rem;
}
@media (max-width: 767px) {
  .error__wrapper-title {
    font-size: 24rem;
    margin-bottom: 20rem;
    text-align: center;
  }
  .error__wrapper-descr {
    max-width: 100%;
    text-align: center;
  }
}
.about-page__title {
  margin-bottom: 42rem;
}
.about-page__img {
  width: 100%;
  height: 100%;
  margin-bottom: 42rem;
}
.about-page__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 8rem;
}
.about-page__text {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40rem;
}
.about-page__text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10rem;
}
.about-page__text-descr {
  font-size: 18rem;
  font-weight: 400;
}
.about-page__info-title {
  margin-bottom: 42rem;
}
@media (max-width: 767px) {
  .about-page__title {
    margin-bottom: 20rem;
  }
  .about-page__img {
    margin-bottom: 20rem;
  }
  .about-page__text {
    grid-template-columns: auto;
    gap: 10rem;
  }
  .about-page__text-descr {
    font-size: 16rem;
  }
}