@charset "UTF-8";
/* Шрифты */
@font-face {
  font-family: "Golos Text";
  src: url("../fonts/Golos_Text/GolosText-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "Golos Text";
  src: url("../fonts/Golos_Text/GolosText-Medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "Golos Text";
  src: url("../fonts/Golos_Text/GolosText-SemiBold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: "Golos Text";
  src: url("../fonts/Golos_Text/GolosText-Bold.ttf");
  font-weight: 700;
}
/* Цвета */
:root {
  --font-family: "Golos Text", sans-serif;
}

/* Исправление браузерного умолчания */
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  box-sizing: inherit;
  font-family: "GolosText";
}

body {
  margin: 0px;
  padding: 0;
  background-color: var(--bg);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DaysOne", Tahoma;
  margin: 0;
  font-size: 64px;
  color: var(--text);
  line-height: 130%; /* 104px */
  letter-spacing: 0px;
  word-break: break-word;
  font-weight: 400;
}

h1 {
  font-size: 70px;
}

p {
  margin: 0;
  font-size: 19px;
  font-weight: 500;
  line-height: 160%; /* 32px */
  color: var(--text);
}

div {
  display: block;
}

input,
button,
textarea {
  border: none;
  outline: none;
  background: none;
  outline: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; /* Отмена выделения*/
}

input,
textarea {
  resize: none;
  height: 90px;
  padding: 34px;
  width: 25%;
  background: var(--white);
  border-radius: 16px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: #949494;
}

hr {
  margin: 0;
  border: none;
  float: left; /* чтобы в IE6 устранить отступ по умолчанию */
}

img {
  vertical-align: middle;
}

ul {
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 20px;
}

li {
  line-height: 0;
  font-size: 0;
}

a,
button {
  color: var(--white);
  text-decoration: none;
  transition: 0.2s;
  cursor: pointer;
}

a,
button:hover {
  opacity: 0.8;
  cursor: pointer;
}

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

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

.DocSearch-Reset {
  display: none;
}

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

main {
  background: #f1f1f1;
}

.header {
  background: #fff;
  box-shadow: 0 0.9524vw 5.7143vw 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  z-index: 100;
}

.header-nav {
  padding: 0.8615vw 13.2813vw;
  display: flex;
  flex-direction: column;
  gap: 1.0417vw;
}

.header-nav-firstfloor {
  display: flex;
  align-items: center;
}
.header-nav-firstfloor form {
  border: 0.0521vw solid #d8d9dc;
  border-radius: 0.625vw;
  padding: 0.7896vw 1.1458vw;
  width: 100%;
  margin-right: 0.625vw;
  background: #f1f1f1;
  display: flex;
}
.header-nav-firstfloor form input {
  width: 100%;
  height: 100%;
  padding: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 100%;
  color: #a0a3bc;
  border-radius: 0;
}
.header-nav-firstfloor form input::-moz-placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 100%;
  color: #a0a3bc;
}
.header-nav-firstfloor form input::placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 100%;
  color: #a0a3bc;
}
.header-nav-firstfloor form button img {
  width: 1.0417vw;
  height: 1.0417vw;
}

.nav-firstfloor-logo {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 2.0833vw;
  line-height: 70%;
  color: #52a6a6;
  margin-right: 2.6042vw;
}
.nav-firstfloor-logo img {
  width: 13.75vw;
  height: 3.5938vw;
}

.nav-firstfloor-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 1.0417vw;
  position: relative;
}
.nav-firstfloor-link img {
  width: 1.5625vw;
  height: 1.5625vw;
}
.nav-firstfloor-link span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.625vw;
  line-height: 133%;
  color: #6e7191;
}

.header-nav-secondfloor {
  display: flex;
  gap: 1.3021vw;
}

.nav-secondfloor-mainlink {
  border-radius: 0.4167vw;
  padding: 0vw 0.625vw;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 0.7292vw;
  line-height: 214%;
  text-align: center;
  color: #fcfcfc;
  background: #52a6a6;
}

.nav-secondfloor-link {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 0.7292vw;
  line-height: 214%;
  color: #6e7191;
}

.nav-secondfloor-phone {
  margin-left: auto;
}
.nav-secondfloor-phone a {
  margin-left: auto;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 187%;
  color: #52a6a6;
  padding-left: 0.417vw;
}

.login {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8.3333vw 0;
}

.login-title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.4583vw;
  line-height: 114%;
  color: #4e4b66;
  margin-bottom: 2.0833vw;
}

.login-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-input {
  border-radius: 0.625vw;
  padding: 0.3125vw 0.625vw;
  width: 23.75vw;
  height: 2.5vw;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 100%;
  color: #a0a3bc;
  background: #fff;
}
.form-input::-moz-placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 100%;
  color: #a0a3bc;
}
.form-input::placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 100%;
  color: #a0a3bc;
}

.form-error {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.625vw;
  line-height: 133%;
  color: red;
  height: 0.8333vw;
}

.login-links {
  display: flex;
}
.login-links a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 125%;
  text-align: right;
  color: #a0a3bc;
}
.login-links p {
  margin-left: auto;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 125%;
  text-align: right;
  color: #a0a3bc;
}
.login-links p a {
  color: #52a6a6;
}

.form-button {
  border-radius: 0.625vw;
  width: 10.9375vw;
  height: 2.2917vw;
  background: #52a6a6;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 175%;
  color: #fcfcfc;
  margin-top: 2.1875vw;
  margin: 2.1875vw auto 0 auto;
  cursor: pointer;
}

footer {
  background: linear-gradient(306deg, #52a6a6 0%, #417272 100%);
  padding: 2.3958vw 13.2813vw 1.9271vw 13.2813vw;
}

.footer-first {
  display: flex;
}

.footer-first-main {
  display: flex;
  flex-direction: column;
  gap: 1.9792vw;
  width: 16.4583vw;
}
.footer-first-main p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  color: #fff;
}

.first-main-logo {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 2.0833vw;
  line-height: 70%;
  color: #fcfcfc;
}
.first-main-logo img {
  width: 13.75vw;
  height: 3.5938vw;
}

.first-links {
  display: flex;
  flex-direction: column;
  margin-left: 6.9271vw;
  gap: 0.5208vw;
}
.first-links a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.7292vw;
  line-height: 114%;
  color: #fff;
}

.first-links-text {
  margin-bottom: 0.5208vw;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 112%;
  color: #fff;
}

.first-category {
  display: flex;
  flex-direction: column;
  gap: 1.0417vw;
  margin-left: 6.7708vw;
}
.first-category div {
  display: flex;
  width: 16.875vw;
  flex-direction: column;
  gap: 0.7813vw;
  flex-wrap: wrap;
  height: 7.5vw;
  align-content: space-between;
}
.first-category div a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.7292vw;
  line-height: 114%;
  color: #fff;
}

.first-category-mainlink {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 112%;
  color: #fff;
}

.footer-fcontacts {
  display: flex;
  flex-direction: column;
  margin-left: 10.0521vw;
}
.footer-fcontacts a {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 112%;
  padding-top: 0.5208vw;
  color: #fff;
}

.footer-fcontacts-title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 112%;
  margin-bottom: -0.5208vw;
  color: #fff;
}

.footer-fcontacts-subtitle {
  padding-top: 1.0417vw;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.625vw;
  color: #fff;
}

.footer-author {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 6.7708vw;
}
.footer-author p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.625vw;
  color: #fff;
}
.footer-author p a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.625vw;
  color: #fff;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.reg-links {
  display: flex;
  align-items: center;
}
.reg-links p {
  margin: auto;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 125%;
  text-align: right;
  color: #a0a3bc;
}
.reg-links p a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 125%;
  text-align: right;
  color: #52a6a6;
}

.recovery-p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 125%;
  text-align: center;
  color: #a0a3bc;
  margin-bottom: 0.5208vw;
}

.profile {
  display: flex;
  gap: 1.5625vw;
}

.profile-link {
  display: flex;
  flex-direction: column;
  border-radius: 1.0417vw;
  padding: 0.7813vw;
  width: 18vw;
  height: 100%;
  background: #fff;
}

.profact {
  color: #52a6a6;
  background: rgba(27, 56, 107, 0.2);
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 175%;
  border-radius: 0.625vw;
  color: #6e7191;
  padding: 0.4167vw 0.625vw;
  display: flex;
  align-items: center;
}
.profact img {
  height: 1.0417vw;
  width: 1.0417vw;
  margin-right: 0.625vw;
}

.prof {
  background: #f4f4f4;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 175%;
  border-radius: 0.625vw;
  color: #6e7191;
  padding: 0.4167vw 0.625vw;
  display: flex;
  align-items: center;
}
.prof img {
  height: 1.0417vw;
  width: 1.0417vw;
  margin-right: 0.625vw;
}

.empty-basket {
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}
.empty-basket h3 {
  text-align: left;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.7708vw;
  line-height: 112%;
  color: #4e4b66;
}
.empty-basket a {
  border-radius: 0.625vw;
  padding: 0.625vw;
  background: #52a6a6;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.9375vw;
  line-height: 156%;
  color: #fcfcfc;
  margin-top: 2.7813vw;
}

.profile-main {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
.profile-main button {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 175%;
  color: #6e7191;
  border-radius: 0.625vw;
  width: 10.4167vw;
  height: 2.2917vw;
  background: #fff;
  margin-top: 1.9792vw;
}

.profile-main-title {
  width: 100%;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 1.1458vw;
  line-height: 109%;
  color: calc(infinity);
  opacity: 0.8;
}

.profile-main-block {
  margin-top: 1.25vw;
  display: flex;
  border-radius: 0.625vw;
  padding: 0.7813vw 1.6667vw 0.7813vw 2.9688vw;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5vw;
  background: #fff;
}
.profile-main-block img {
  width: 2.5vw;
  height: 2.5vw;
}

.profile-main-name {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 112%;
  color: #6e7191;
  margin-left: 0.625vw;
}

.profile-main-info {
  margin-left: 5.4688vw;
  display: flex;
  align-items: center;
}

.profile-main-sub {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.625vw;
  line-height: 133%;
  color: #6e7191;
}

.profile-main-email {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 125%;
  color: #6e7191;
  margin-left: 0.4167vw;
}

.profile-main-event {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.625vw;
  line-height: 133%;
  color: #a0a3bc;
  margin-left: 0.2325vw;
}

.profile-main-border {
  border: 0.0521vw dashed #c2c4d2;
  width: 100%;
  margin-top: 1.25vw;
}

.mobilemenu {
  display: none;
}

.burgerbutton {
  display: none;
}

.burger {
  display: none;
}

.errorpage {
  height: 52.0833vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.errorpage h2 {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 15.4167vw;
  color: #52a6a6;
}
.errorpage p {
  color: #6e7191;
  font-family: var(--font-family);
  font-weight: 600;
  margin-top: 2vw;
  font-size: 1.25vw;
}
.errorpage a {
  color: #fff;
  font-family: var(--font-family);
  font-weight: 600;
  border-radius: 0.625vw;
  background: #52a6a6;
  padding: 1vw 3vw;
  margin-top: 2vw;
  font-size: 1.6667vw;
}

.swiper {
  width: 100%;
  height: 100%;
  margin-top: 1.5625vw;
}

.swiper-pagination-bullet-active {
  background: #52a6a6;
}

.swiper-slide {
  text-align: center;
  height: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.container {
  padding: 0 13.2552vw;
  display: flex;
  flex-direction: column;
  gap: 3.6458vw;
  padding-bottom: 5.2083vw;
  padding-top: 10vw;
}

.biglinks {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5625vw;
  justify-content: space-between;
}
.biglinks div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  background-size: cover;
  background-position: center;
}
.biglinks div:nth-child(1) {
  background-image: url("../image/img/tablet1.webp");
}
.biglinks div:nth-child(2) {
  background-image: url("../image/img/tablet2.webp");
}
.biglinks div:nth-child(3) {
  background-image: url("../image/img/tablet3.webp");
}
.biglinks div:nth-child(4) {
  background-image: url("../image/img/tablet4.webp");
}
.biglinks div:nth-child(5) {
  background-image: url("../image/img/tablet5.webp");
}
.biglinks div:nth-child(6) {
  background-image: url("../image/img/tablet6.webp");
}
.biglinks div:nth-child(7) {
  background-image: url("../image/img/tablet7.webp");
}
.biglinks div:nth-child(-n+3) {
  border-radius: 0.8333vw;
  padding: 1.0417vw;
  width: 22.3438vw;
  height: 13.4896vw;
}
.biglinks div:nth-child(-n+3) a {
  border-radius: 0.625vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #52a6a6;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 175%;
  color: #fcfcfc;
  width: 100%;
  height: 2.2917vw;
}
.biglinks div:nth-child(n+4) {
  border-radius: 0.8333vw;
  padding: 1.0417vw;
  width: 15.5208vw;
  height: 13.4896vw;
}
.biglinks div:nth-child(n+4) a {
  border-radius: 0.625vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #52a6a6;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 175%;
  color: #fcfcfc;
  width: 9.8958vw;
  height: 2.2917vw;
}

.map {
  padding-bottom: 5.2083vw;
  height: 40vw;
}

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

.minititle {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.6667vw;
  line-height: 113%;
  color: #4e4b66;
  margin-bottom: 1.0417vw;
}

.boxproducts {
  display: flex;
  justify-content: space-between;
}

.pacphoto {
  width: 10.7292vw;
  height: 10.7292vw;
  overflow: hidden;
}

.pacphotobasket {
  width: 4.375vw;
  height: 4.375vw;
  overflow: hidden;
}

.cardproduct {
  display: flex;
  flex-direction: column;
  border-radius: 0.8333vw;
  padding: 1.5625vw 1.3021vw;
  width: 13.3333vw;
  height: 22.1875vw;
  background: #fff;
}
.cardproduct img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cardproduct p {
  margin-top: 1.0417vw;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.2542vw;
  line-height: 108%;
  color: #14142b;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.cardproduct span {
  margin-top: 0.4167vw;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.7292vw;
  line-height: 114%;
  color: #6e7191;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.cardproduct button {
  margin-top: auto;
  border-radius: 0.625vw;
  width: 10.7292vw;
  height: 2.5vw;
  background: #52a6a6;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 175%;
  color: #fcfcfc;
}
.cardproduct button img {
  width: 1.4583vw;
  height: 1.4583vw;
  margin-right: 0.5208vw;
}

.bigblocks {
  display: flex;
  flex-wrap: wrap;
  gap: 1.8229vw;
  width: 100%;
  justify-content: space-between;
}

.bigblocks-block {
  display: flex;
  width: 100%;
  border-radius: 1.0417vw;
  padding: 1.875vw 1.875vw 1.875vw 1.5625vw;
  height: 11.875vw;
  background: #fff;
  gap: 1.0417vw;
}
.bigblocks-block:nth-child(1) {
  width: 47.125vw;
}
.bigblocks-block:nth-child(1) img {
  width: 2.7083vw;
}
.bigblocks-block:nth-child(2) {
  width: 22.4375vw;
}
.bigblocks-block:nth-child(2) img {
  width: 2.5vw;
}
.bigblocks-block:nth-child(3) {
  width: 22.2813vw;
}
.bigblocks-block:nth-child(3) img {
  width: 2.8646vw;
}
.bigblocks-block:nth-child(4) {
  width: 47.2292vw;
}
.bigblocks-block:nth-child(4) img {
  width: 3.4896vw;
}
.bigblocks-block div {
  display: flex;
  flex-direction: column;
  gap: 0.8333vw;
}
.bigblocks-block div h6 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.4583vw;
  line-height: 114%;
  color: #52a6a6;
}
.bigblocks-block div p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 125%;
  color: #6e7191;
}

.brands div {
  display: flex;
  justify-content: space-between;
}
.brands div img {
  width: 8.8542vw;
  height: 7.2917vw;
}

.hpage {
  display: flex;
  flex-direction: column;
  padding-top: 1.0417vw;
  padding-bottom: 1.25vw;
  gap: 1.5625vw;
}
.hpage h2 {
  text-align: left;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.7708vw;
  line-height: 112%;
  color: #4e4b66;
}

.crumbs {
  display: flex;
  gap: 0.5208vw;
}
.crumbs a {
  padding: 0.2604vw;
  border-radius: 0.2604vw;
  background: #fff;
  display: block;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.625vw;
  color: rgba(0, 0, 0, 0.8);
}
.crumbs div {
  border-radius: 0.2604vw;
  padding: 0.2604vw;
  background: #52a6a6;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.625vw;
  color: #fff;
}

.about {
  display: flex;
  gap: 1.5625vw;
}
.about img {
  border-radius: 1.0417vw;
  width: 31.4063vw;
  height: 17.0313vw;
}
.about p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.9375vw;
  line-height: 122%;
  color: #525469;
}

.aboutcool {
  display: flex;
  gap: 2.3438vw;
  justify-content: space-between;
}
.aboutcool div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.aboutcool div img {
  width: 4.6875vw;
  height: 4.6875vw;
  margin-right: 2.3438vw;
}
.aboutcool div span {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 2.9167vw;
  color: #52a6a6;
  margin-right: 0.8333vw;
}
.aboutcool div p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 117%;
  color: #525469;
}
.aboutcool:nth-child(1) p {
  width: 110%;
}

.contact {
  display: flex;
  justify-content: space-between;
}

.contact-block {
  border-radius: 1.0417vw;
  padding: 1.25vw;
  width: 23.0729vw;
  height: 10.4167vw;
  background: #52a6a6;
  display: flex;
  flex-direction: column;
}
.contact-block div {
  display: flex;
  align-items: center;
  margin-bottom: auto;
  gap: 0.625vw;
}
.contact-block div img {
  width: 3.6458vw;
  height: 3.6458vw;
}
.contact-block div p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 0.9375vw;
  color: #fcfcfc;
  width: 7.2917vw;
}
.contact-block a,
.contact-block span {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.9375vw;
  line-height: 122%;
  margin-top: 0.2083vw;
  color: #fcfcfc;
}

.payments {
  display: flex;
  justify-content: space-between;
}

.payments-block {
  border-radius: 1.0417vw;
  padding: 1.25vw;
  width: 23.2292vw;
  height: 12.9167vw;
  background: #52a6a6;
}
.payments-block:nth-child(1) .payments-block-second p {
  width: 100%;
}
.payments-block:nth-child(2) .payments-block-second p:nth-child(1) {
  width: 100%;
}
.payments-block:nth-child(2) .payments-block-second p:nth-child(2) {
  width: 100%;
}
.payments-block:nth-child(2) .payments-block-second p:nth-child(3) {
  width: 9.4271vw;
}
.payments-block:nth-child(2) .payments-block-second p:nth-child(4) {
  width: 9.4271vw;
}
.payments-block:nth-child(3) .payments-block-second p:nth-child(1) {
  width: 9.4271vw;
}
.payments-block:nth-child(3) .payments-block-second p:nth-child(2) {
  width: 9.4271vw;
}
.payments-block:nth-child(3) .payments-block-second p:nth-child(3) {
  width: 9.4271vw;
}
.payments-block:nth-child(3) .payments-block-second p:nth-child(4) {
  width: 9.4271vw;
}
.payments-block:nth-child(3) .payments-block-second p:nth-child(5) {
  width: 100%;
}

.payments-block-first {
  margin-bottom: 0.5208vw;
  display: flex;
  gap: 1.5625vw;
  align-items: center;
}
.payments-block-first img {
  width: 2.6042vw;
  height: 2.6042vw;
}
.payments-block-first span {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.9375vw;
  line-height: 100%;
  color: #fff;
}

.payments-block-second {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5208vw;
}
.payments-block-second p {
  border-radius: 1.0417vw;
  padding: 0.3646vw 0.7604vw;
  justify-content: space-between;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.9375vw;
  line-height: 122%;
  color: #52a6a6;
  background: #fff;
  text-align: center;
}
.infoadress-table span {
  margin-top: 1.8229vw;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 150%;
  color: #4e4b66;
}
.infoadress-table div {
  margin-top: 1.1458vw;
  display: flex;
  gap: 1.875vw;
}
.infoadress-table div p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 0.9375vw;
  line-height: 211%;
  color: #4e4b66;
  width: 23.2292vw;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.catalog {
  display: flex;
  gap: 1.0417vw;
}

.category-aside {
  width: 16.3021vw;
  display: flex;
  flex-direction: column;
  gap: 0.5208vw;
  align-items: end;
}

.category-aside-l {
  border-radius: 0.4167vw;
  width: 16.3021vw;
  background: #e3e3e3;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 0.9375vw;
  line-height: 122%;
  color: #6e7191;
  padding: 0.4167vw;
  padding-left: 0.9896vw;
}

.basket-count {
  border-radius: 100%;
  background: #52a6a6;
  position: absolute;
  top: -0.3vw;
  right: 0;
  width: 100%;
  color: #fff;
  width: 1.1vw;
  height: 1.1vw;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 0.9375vw;
  line-height: 110%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.category-aside-m {
  background: #e3e3e3;
  border-radius: 0.4167vw;
  width: 15.3125vw;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 0.9375vw;
  line-height: 122%;
  color: #6e7191;
  padding: 0.4167vw;
  padding-left: 0.9896vw;
}

.category-aside-s {
  background: #e3e3e3;
  border-radius: 0.4167vw;
  width: 14.375vw;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 0.9375vw;
  line-height: 122%;
  color: #6e7191;
  padding: 0.4167vw;
  padding-left: 0.9896vw;
}

.category-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4413vw;
  justify-content: flex-start;
}

.catalog-content {
  display: flex;
  flex-direction: column;
  gap: 1.0417vw;
}

.pages-nav {
  display: flex;
  width: 100%;
  margin-top: 3.6458vw;
  gap: 0.2083vw;
  align-items: center;
  justify-content: center;
}

.emptycatalog {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 3vw;
  width: 100%;
  line-height: 138%;
  text-align: center;
  color: #52a6a6;
  font-weight: 600;
}

.pages-nav-dot {
  cursor: pointer;
  width: 2.2917vw;
  height: 2.2917vw;
  background-color: #fff;
  border-radius: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 138%;
  text-align: center;
  color: #4e4b66;
}
.pages-nav-dot img {
  width: 0.8906vw;
}

.dotact {
  background-color: #52a6a6;
  color: #fff;
}

.product {
  display: flex;
  gap: 2.6042vw;
}

.product-img {
  border-radius: 0.8333vw;
  width: 27.6042vw;
  height: 27.6042vw;
  overflow: hidden;
}
.product-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-text {
  display: flex;
  flex-direction: column;
}
.product-text h5 {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.9375vw;
  line-height: 122%;
  color: #4e4b66;
}

.product-text__price {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.4583vw;
  line-height: 143%;
  color: #14142b;
  margin-top: 1.25vw;
}

.product-text__category {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 113%;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 1.25vw;
}
.product-text__category span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 113%;
  color: #1b386b;
}

.product-text__info {
  margin-top: 0.625vw;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 113%;
  color: rgba(0, 0, 0, 0.6);
  width: 34.1146vw;
}
.product-text__info span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 113%;
  color: #1b386b;
}

.product-text__calc {
  margin-top: 1.25vw;
  display: flex;
  gap: 0.2083vw;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}
.product-text__calc p {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 113%;
  color: rgba(0, 0, 0, 0.6);
  margin-right: 0.4167vw;
}
.product-text__calc button {
  border-radius: 0.4167vw;
  width: 1.6667vw;
  height: 1.6667vw;
  background: #fff;
}
.product-text__calc button img {
  width: 0.8333vw;
  height: 0.8333vw;
}
.product-text__calc span {
  border-radius: 0.4167vw;
  padding: 0.4167vw;
  width: 2.7083vw;
  height: 1.6667vw;
  background: #fff;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 100%;
  text-align: center;
  color: #4e4b66;
}

.product-text__button {
  margin-top: 1.25vw;
  border-radius: 0.625vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5208vw;
  padding: 0.6771vw 5.2083vw;
  width: 17.1875vw;
  height: 2.8125vw;
  background: #52a6a6;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.9375vw;
  line-height: 156%;
  color: #fcfcfc;
  cursor: pointer;
}

.bigh2 {
  text-align: left;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.7708vw;
  line-height: 112%;
  color: #4e4b66;
}

.allhistorys {
  display: flex;
  flex-direction: column;
  gap: 2.1875vw;
}

.profile-orders-empty {
  margin-top: 1.0417vw;
  margin-bottom: 1.5625vw;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.9375vw;
  color: #6e7191;
}

.history {
  border-radius: 1.0417vw;
  padding: 0.7813vw;
  width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.history-header {
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
  padding-bottom: 0.625vw;
}
.history-header div {
  display: flex;
  align-items: center;
}

.history-header-sub {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 0.7292vw;
  line-height: 129%;
  color: #6e7191;
}
.history-header-sub span {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 113%;
  color: rgba(0, 0, 0, 0.7);
}

.history-header__main {
  margin-right: auto;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.9375vw;
  color: rgba(0, 0, 0, 0.6);
}

.history-header__span {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 0.625vw;
  line-height: 133%;
  color: #a0a3bc;
}

.history-header-time {
  margin-left: 0.625vw;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 113%;
  text-align: right;
  color: #6e7191;
}

.history-block {
  display: flex;
  align-items: center;
}
.history-block img {
  width: 3.125vw;
  height: 3.125vw;
  margin-right: 0.8333vw;
}
.history-block {
  padding-bottom: 0.625vw;
  padding-top: 0.4167vw;
  border-top: 0.0521vw solid #c2c4d2;
}

.history-block__name {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 0.7292vw;
  line-height: 114%;
  color: #6e7191;
}

.history-block__count {
  margin-left: auto;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 0.7292vw;
  line-height: 114%;
  text-align: center;
  color: #6e7191;
  width: 4.5833vw;
}

.history-block__price {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 0.8333vw;
  line-height: 150%;
  color: #4e4b66;
  margin-left: 1.4063vw;
}

.basketall {
  display: flex;
  gap: 1.5625vw;
  width: 100%;
}

.basketflex {
  display: flex;
  flex-direction: column;
  gap: 0.7813vw;
  width: 100%;
}

.basket-group {
  display: flex;
  align-items: center;
  border-radius: 0.625vw;
  padding: 0.625vw 0.7813vw;
  width: 100%;
  height: 5.5729vw;
  background: #fff;
}
.basket-group .basket-group__img {
  border-radius: 0.8333vw;
  width: 4.3229vw;
  height: 4.3229vw;
  margin-right: 1.0417vw;
}

.basket-group__name {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.7292vw;
  line-height: 114%;
  color: #6e7191;
  margin-right: auto;
  width: 15vw;
  margin-left: 1.0417vw;
}

.basket-group-border {
  background-color: #c2c4d2;
  margin-left: 1.0417vw;
  margin-right: 1.0417vw;
  width: 0.0521vw;
  height: 4.3229vw;
}

.basket-group-soloprice {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.7292vw;
  line-height: 114%;
  color: #6e7191;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 6vw;
}
.basket-group-soloprice span {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 113%;
  color: #4e4b66;
}
.basket-group-soloprice {
  margin-right: 1.7188vw;
}

.basket-group__but {
  cursor: pointer;
  width: 1.6667vw;
  height: 1.6667vw;
  background-color: #f1f1f1;
  border-radius: 100%;
}
.basket-group__but img {
  width: 0.8333vw;
  height: 0.8333vw;
  margin: auto;
}

.basket-group__count {
  width: 2.1875vw;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 100%;
  text-align: center;
  color: #4e4b66;
}

.basket-group-allprice {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 1.7188vw;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.7292vw;
  line-height: 114%;
  color: #6e7191;
  width: 8vw;
}
.basket-group-allprice span {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.0417vw;
  line-height: 120%;
  color: #4e4b66;
}

.basket-group__del {
  cursor: pointer;
  width: 1.5625vw;
  height: 1.5625vw;
  padding: 0;
}
.basket-group__del img {
  width: 100%;
  height: 100%;
}

.basket-info div {
  border-radius: 0.625vw;
  padding: 0.625vw;
  width: 17.1875vw;
  background: #fff;
}
.basket-info button {
  border-radius: 0.625vw;
  width: 17.1875vw;
  height: 2.8125vw;
  background: #52a6a6;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.9375vw;
  line-height: 156%;
  color: #fcfcfc;
  margin-top: 0.7813vw;
}

.basket-info__first {
  display: flex;
  justify-content: space-between;
}
.basket-info__first span {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.4583vw;
  line-height: 136%;
  color: #4e4b66;
}

.basket-info__second {
  margin-top: 1.3542vw;
  display: flex;
  justify-content: space-between;
}

.basket-info__second-start {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8333vw;
  color: #6e7191;
}

.basket-info__second-end {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.8333vw;
  text-align: right;
  color: #4e4b66;
}

.onencatalog {
  display: none;
}

.mobilcatalog {
  display: none;
}

@media screen and (max-width: 795px) {
  .login {
    padding: 15vw 5vw;
  }
  .login-title {
    font-size: 7.619vw;
    margin-bottom: 5vw;
  }
  .login-form {
    width: 100%;
  }
  .form-input {
    width: 100%;
    padding: 4.8571vw 3.8095vw;
    border-radius: 2.381vw;
    font-size: 4.2857vw;
  }
  .form-input::-moz-placeholder {
    font-size: 4.2857vw;
  }
  .form-input::placeholder {
    font-size: 4.2857vw;
  }
  .form-error {
    font-size: 3.8095vw;
    height: 4.2857vw;
  }
  .reg-links p {
    font-size: 3.8095vw;
  }
  .reg-links p a {
    font-size: 3.8095vw;
  }
  .form-button {
    width: 100%;
    font-size: 4.2857vw;
    height: 9.5238vw;
    border-radius: 2.381vw;
    margin: 5.9524vw auto 0 auto;
  }
  footer {
    background: linear-gradient(322deg, #52a6a6 0%, #417272 100%);
    padding: 10vw 5vw 25vw 5vw;
  }
  .footer-first {
    flex-direction: column;
  }
  .footer-first-main {
    width: 100%;
    gap: 3vw;
  }
  .footer-first-main p {
    font-size: 3.8095vw;
  }
  .first-main-logo {
    width: 100%;
  }
  .first-main-logo img {
    width: 80%;
  }
  .first-links {
    margin-left: 0;
    margin-top: 6vw;
    gap: 3vw;
  }
  .first-links a {
    font-size: 3.8095vw;
  }
  .first-links-text {
    font-size: 4.2857vw;
  }
  .first-category {
    margin-left: 0;
    margin-top: 6vw;
  }
  .first-category div {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 3vw;
    width: 100%;
    height: 100%;
  }
  .first-category div a {
    font-size: 3.8095vw;
  }
  .first-category-mainlink {
    font-size: 4.2857vw;
  }
  .footer-fcontacts {
    margin-left: 0;
    margin-top: 6vw;
  }
  .footer-fcontacts a {
    font-size: 3.8095vw;
    margin-top: 1vw;
    cursor: pointer;
  }
  .footer-fcontacts-title {
    font-size: 4.2857vw;
  }
  .footer-fcontacts-subtitle {
    font-size: 4.2857vw;
    margin-top: 3vw;
  }
  .footer-author {
    margin-top: 15vw;
  }
  .footer-author p {
    width: 90%;
    text-align: center;
    font-size: 3.8095vw;
  }
  .footer-author p a {
    font-size: 3.8095vw;
  }
  .mobilemenu {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 19.0476vw;
    position: 1;
    background-color: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4.7619vw;
    z-index: 23;
  }
  .mobilemenu a,
  .mobilemenu div {
    gap: 1.1905vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .mobilemenu a.burger__icon,
  .mobilemenu div.burger__icon {
    margin: auto;
    width: 7.1429vw;
    height: 7.1429vw;
  }
  .mobilemenu a svg,
  .mobilemenu div svg {
    width: 7.1429vw;
    height: 7.1429vw;
    opacity: 1;
    transition: opacity 1.15s ease;
  }
  .mobilemenu a.is-fading svg,
  .mobilemenu div.is-fading svg {
    opacity: 0;
  }
  .mobilemenu a img,
  .mobilemenu div img {
    width: 7.1429vw;
    height: 7.1429vw;
  }
  .mobilemenu a span,
  .mobilemenu div span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 3.8095vw;
    line-height: 125%;
    color: #6e7191;
  }
  .basket-mobile {
    position: relative;
  }
  .basket-mobile .basket-count {
    position: absolute;
    top: -0.3vw;
    right: 0;
    font-size: 4vw;
  }
  .header {
    position: fixed;
    height: 22vw;
    z-index: 15;
    width: 100%;
    box-shadow: 0 0.9524vw 5.7143vw 0 rgba(0, 0, 0, 0.1);
  }
  main {
    padding-top: 22vw;
  }
  .header-nav {
    padding: 0vw 5vw;
    height: 100%;
    justify-content: center;
    align-items: center;
  }
  .header-nav-firstfloor form {
    padding: 2vw 3vw;
    border-radius: 2.381vw;
    width: 100%;
    align-items: center;
  }
  .header-nav-firstfloor form input {
    font-size: 3.8095vw;
  }
  .header-nav-firstfloor form input::-moz-placeholder {
    font-size: 3.8095vw;
  }
  .header-nav-firstfloor form input::placeholder {
    font-size: 3.8095vw;
  }
  .header-nav-firstfloor form button img {
    width: 8.3333vw;
    height: 8.3333vw;
  }
  .nav-firstfloor-logo {
    background-image: url("../image/icon/minilogo.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 21.4286vw;
    height: 16.6667vw;
    margin-right: 5vw;
  }
  .nav-firstfloor-logo img {
    display: none;
  }
  .nav-firstfloor-link {
    display: none;
  }
  .header-nav-secondfloor {
    display: none;
  }
  .burgerbutton {
    display: block;
    width: 19.0476vw;
    height: 19.0476vw;
    margin-left: 2.381vw;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .burgerbutton svg {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 1.15s ease;
  }
  .burgerbutton.is-fading svg {
    opacity: 0;
  }
  .burgerbutton img {
    width: 100%;
    height: 100%;
  }
  .nav-secondfloor-mainlink {
    width: 100%;
    margin-top: auto;
    font-size: 4.7619vw;
    border-radius: 2.381vw;
    padding: 1.9048vw 2vw;
  }
  .nav-secondfloor-link {
    font-size: 4.7619vw;
    padding: 1.9048vw 2vw;
    width: 100%;
    text-align: center;
  }
  .nav-secondfloor-phone {
    display: flex;
    flex-direction: column;
    gap: 3vw;
    width: 100%;
    margin-top: 10vw;
    margin-bottom: auto;
  }
  .nav-secondfloor-phone a {
    font-size: 5.2381vw;
    text-align: center;
    width: 100%;
    padding: 1.9048vw 0vw;
  }
  .burger {
    display: block;
    position: fixed;
    top: 5;
    width: 100%;
    gap: 3vw;
    height: 100%;
    padding-top: 41vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 4.7619vw;
    padding-right: 4.7619vw;
    bottom: 19.0476vw;
    background-color: white;
    transform: translateY(-100%);
    transition: transform 0.35s ease;
    z-index: 5;
  }
  .burger.is-open {
    transform: translateY(0%);
  }
  .container {
    padding: 0 3.125vw;
    padding-top: 30vw;
    gap: 11.9048vw;
    padding-bottom: 30vw;
  }
  .biglinks {
    gap: 1.5625vw;
  }
  .biglinks div:nth-child(-n+3) {
    border-radius: 0.8333vw;
    padding: 1.0417vw;
    width: 100%;
    height: 36.4583vw;
  }
  .biglinks div:nth-child(-n+3) a {
    border-radius: 0.625vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #52a6a6;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 3.3333vw;
    line-height: 175%;
    color: #fcfcfc;
    width: 100%;
    height: 6vw;
  }
  .biglinks div:nth-child(n+4) {
    border-radius: 0.8333vw;
    padding: 1.0417vw;
    width: 49%;
    height: 26.0417vw;
  }
  .biglinks div:nth-child(n+4) a {
    border-radius: 0.625vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #52a6a6;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 3.3333vw;
    line-height: 175%;
    color: #fcfcfc;
    width: 100%;
    height: 6vw;
  }
  .minititle {
    font-size: 7.619vw;
    margin-bottom: 4.7619vw;
  }
  .boxproducts {
    flex-wrap: wrap;
  }
  .pacphoto {
    width: 37.1429vw;
    height: 37.1429vw;
  }
  .pacphotobasket {
    width: 37.1429vw;
    height: 37.1429vw;
  }
  .pacphotobasket img {
    width: 100%;
    height: 100%;
  }
  .cardproduct {
    padding: 5vw 4vw;
    width: 49%;
    height: 70vw;
  }
  .cardproduct .pacphotobasket {
    width: 37.1429vw;
    height: 37.1429vw;
  }
  .cardproduct .pacphotobasket img {
    width: 100%;
    height: 100%;
  }
  .cardproduct p {
    font-size: 3.8095vw;
  }
  .cardproduct span {
    font-size: 3.3333vw;
    padding-bottom: 3vw;
    margin-top: 1.1905vw;
    height: 8vw;
  }
  .cardproduct button {
    font-size: 2.9167vw;
    width: 100%;
    height: 8vw;
    border-radius: 1.4286vw;
    font-size: 3.8095vw;
  }
  .cardproduct button img {
    width: 5vw;
    height: 5vw;
    margin-right: 1.5vw;
  }
  .bigblocks {
    display: flex;
    flex-wrap: wrap;
    gap: 1.8229vw;
  }
  .bigblocks-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 1.0417vw;
    padding: 2.8571vw 2.8571vw 2.8571vw 2.8571vw;
    height: 55vw;
    background: #fff;
    gap: 3vw;
  }
  .bigblocks-block:nth-child(1) {
    width: 100%;
  }
  .bigblocks-block:nth-child(1) img {
    width: 9.5249vw;
  }
  .bigblocks-block:nth-child(2) {
    width: 100%;
  }
  .bigblocks-block:nth-child(2) img {
    width: 9.5vw;
  }
  .bigblocks-block:nth-child(3) {
    width: 100%;
  }
  .bigblocks-block:nth-child(3) img {
    width: 11.5938vw;
  }
  .bigblocks-block:nth-child(4) {
    width: 100%;
  }
  .bigblocks-block:nth-child(4) img {
    width: 13.4688vw;
  }
  .bigblocks-block div {
    display: flex;
    flex-direction: column;
    gap: 4vw;
  }
  .bigblocks-block div h6 {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 5.7143vw;
    line-height: 114%;
    color: #52a6a6;
    text-align: center;
  }
  .bigblocks-block div p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 3.8095vw;
    line-height: 125%;
    color: #6e7191;
    text-align: center;
  }
  .brands div {
    gap: 2vw;
    flex-wrap: wrap;
  }
  .brands div img {
    width: 48.2%;
    height: auto;
  }
  .brands div img:nth-child(7) {
    display: none;
  }
  .brands div:nth-child(7) {
    display: none;
  }
  .first-main-logo img {
    width: 80vw;
    height: auto;
  }
  .errorpage {
    height: 200vw;
  }
  .errorpage h2 {
    font-size: 30.4762vw;
  }
  .errorpage p {
    font-size: 3.8095vw;
    text-align: center;
  }
  .errorpage a {
    font-size: 4.2857vw;
    padding: 3vw 9vw;
    border-radius: 1.9048vw;
    margin-top: 4vw;
  }
  .hpage h2 {
    font-size: 8.5714vw;
  }
  .crumbs {
    flex-wrap: wrap;
    gap: 3vw;
  }
  .crumbs a {
    font-size: 3.8095vw;
    padding: 2vw;
    border-radius: 1.9048vw;
  }
  .crumbs div {
    font-size: 3.8095vw;
    padding: 2vw;
    border-radius: 1.9048vw;
  }
  .about {
    gap: 5vw;
    flex-direction: column;
  }
  .about img {
    width: 100%;
    height: auto;
  }
  .about p {
    font-size: 3.8095vw;
    text-align: center;
  }
  .aboutcool {
    gap: 5vw;
    flex-direction: column;
  }
  .aboutcool div img {
    width: 15vw;
    height: 15vw;
  }
  .aboutcool div span {
    font-size: 8.5714vw;
    margin-right: 4vw;
  }
  .aboutcool div p {
    font-size: 4.7619vw;
  }
  .basketall {
    flex-direction: column;
  }
  .basketflex {
    gap: 3vw;
  }
  .basket-group {
    flex-wrap: wrap;
    gap: 4vw;
    border-radius: 1.9048vw;
    padding: 2.625vw 2.7813vw;
    height: auto;
  }
  .basket-group .basket-group__img {
    width: 100%;
    height: 100%;
  }
  .basket-group .basket-group-border:nth-child(2) {
    display: none;
  }
  .basket-group .basket-group-border:nth-of-type(2) {
    display: none;
  }
  .basket-group__name {
    width: 59%;
    margin-left: 3.8095vw;
    font-size: 4.2857vw;
    margin-right: 0;
    margin-left: 0;
  }
  .basket-group-border {
    width: 100%;
    height: 0.4762vw;
  }
  .basket-group-border:nth-child(2) {
    display: none;
  }
  .basket-group-soloprice {
    font-size: 3.8095vw;
    width: 30vw;
  }
  .basket-group-soloprice span {
    font-size: 4.7619vw;
  }
  .basket-group-soloprice {
    margin-right: 0;
  }
  .basket-group__but {
    width: 10vw;
    height: 10vw;
  }
  .basket-group__but img {
    width: 5vw;
    height: 5vw;
  }
  .basket-group__count {
    font-size: 3.8095vw;
    width: 10vw;
  }
  .basket-group-allprice {
    margin-left: 0;
    text-align: center;
    align-items: flex-start;
    font-size: 3.8095vw;
    width: 75%;
  }
  .basket-group-allprice span {
    font-size: 5.7143vw;
  }
  .basket-group__del {
    width: 12vw;
    height: 12vw;
    margin-left: auto;
  }
  .basket-info {
    width: 100%;
  }
  .basket-info div {
    width: 100%;
    border-radius: 1.9048vw;
    padding: 2.8571vw;
  }
  .basket-info button {
    width: 100%;
    margin-top: 4vw;
    font-size: 4.2857vw;
    height: 10vw;
    border-radius: 1.9048vw;
  }
  .basket-info__first span {
    font-size: 5.7143vw;
  }
  .basket-info__second-start {
    font-size: 3.8095vw;
  }
  .basket-info__second-end {
    font-size: 3.8095vw;
  }
  .category-aside {
    display: none;
    align-items: flex-start;
  }
  .category-aside-l {
    font-size: 4.7619vw;
    padding: 2vw;
    width: 100%;
  }
  .category-aside-m {
    font-size: 4.7619vw;
    width: 90%;
    padding: 2vw;
  }
  .category-aside-s {
    font-size: 4.7619vw;
    width: 80%;
    padding: 2vw;
  }
  .category-grid {
    gap: 1vw;
  }
  .pages-nav {
    gap: 1vw;
  }
  .pages-nav-dot {
    width: 9vw;
    height: 9vw;
    font-size: 3.8095vw;
  }
  .pages-nav-dot img {
    width: 3.5vw;
  }
  .onencatalog {
    display: block;
    width: 12vw;
    height: 12vw;
    margin-left: auto;
  }
  .mobcategory {
    display: flex;
    align-items: center;
  }
  .mobilcatalog {
    align-items: flex-start;
    display: flex;
    position: fixed;
    width: 100%;
    gap: 3vw;
    height: 100%;
    padding-top: 45vw;
    display: flex;
    flex-direction: column;
    padding-left: 4.7619vw;
    padding-right: 4.7619vw;
    bottom: 19.0476vw;
    background-color: white;
    transform: translateY(-200%);
    transition: transform 0.35s ease;
    z-index: 4;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10vw;
  }
  .mobcatalogclose {
    width: 15vw;
    height: 15vw;
    margin-left: auto;
  }
  .mobilcatalog.is-open {
    transform: translateY(0%);
  }
  .basket-count {
    font-size: 2.625vw;
    width: 5vw;
    height: 5vw;
    border-radius: 100%;
    background-color: #52a6a6;
    color: #fff;
    display: flex;
  }
  .contact {
    flex-direction: column;
    width: 100%;
    gap: 3vw;
  }
  .contact-block {
    width: 100%;
    height: 35vw;
    border-radius: 1.9048vw;
    padding: 3vw;
  }
  .contact-block div {
    margin-bottom: auto;
  }
  .contact-block div img {
    width: 15vw;
    height: 15vw;
  }
  .contact-block div p {
    font-size: 3.8095vw;
  }
  .contact-block a {
    font-size: 3.8095vw;
  }
  .contact-block span {
    font-size: 3.8095vw;
  }
  .login-links a {
    font-size: 3.3333vw;
  }
  .login-links p {
    font-size: 3.3333vw;
  }
  .payments {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 5vw;
  }
  .payments-block {
    border-radius: 1.9048vw;
    padding: 2vw;
    width: 100%;
    height: 45vw;
    background: #52a6a6;
  }
  .payments-block:nth-child(1) .payments-block-second p {
    width: 100%;
  }
  .payments-block:nth-child(2) .payments-block-second p:nth-child(1) {
    width: 100%;
  }
  .payments-block:nth-child(2) .payments-block-second p:nth-child(2) {
    width: 100%;
  }
  .payments-block:nth-child(2) .payments-block-second p:nth-child(3) {
    width: 42vw;
  }
  .payments-block:nth-child(2) .payments-block-second p:nth-child(4) {
    width: 42vw;
  }
  .payments-block:nth-child(3) .payments-block-second p:nth-child(1) {
    width: 42vw;
  }
  .payments-block:nth-child(3) .payments-block-second p:nth-child(2) {
    width: 42vw;
  }
  .payments-block:nth-child(3) .payments-block-second p:nth-child(3) {
    width: 42vw;
  }
  .payments-block:nth-child(3) .payments-block-second p:nth-child(4) {
    width: 42vw;
  }
  .payments-block:nth-child(3) .payments-block-second p:nth-child(5) {
    width: 100%;
  }
  .payments-block-first {
    margin-bottom: 0.5208vw;
    display: flex;
    gap: 1.5625vw;
    align-items: center;
  }
  .payments-block-first img {
    width: 12vw;
    height: 12vw;
  }
  .payments-block-first span {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 4.7619vw;
    line-height: 100%;
    color: #fff;
  }
  .payments-block-second {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2vw;
  }
  .payments-block-second p {
    border-radius: 2.8571vw;
    padding: 1.5vw 3vw;
    justify-content: space-between;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 3.8095vw;
    line-height: 122%;
    color: #52a6a6;
    background: #fff;
    text-align: center;
  }
  .infoadress-table span {
    font-size: 5.7143vw;
  }
  .infoadress-table div {
    width: 100%;
    flex-direction: column;
  }
  .infoadress-table div p {
    width: 100%;
    font-size: 3.8095vw;
  }
  .product {
    flex-direction: column;
    gap: 5vw;
  }
  .product-img {
    width: 100%;
    height: 90vw;
    border-radius: 2.8571vw;
  }
  .product-text h5 {
    font-size: 5.7143vw;
  }
  .product-text__price {
    font-size: 5.2381vw;
  }
  .product-text__category {
    font-size: 3.8095vw;
  }
  .product-text__category span {
    font-size: 3.8095vw;
  }
  .product-text__info {
    font-size: 3.8095vw;
    width: 100%;
    margin-top: 4vw;
  }
  .product-text__info span {
    font-size: 3.8095vw;
  }
  .product-text__calc {
    gap: 3vw;
    margin-top: 4vw;
    width: 100%;
  }
  .product-text__calc p {
    font-size: 3.8095vw;
  }
  .product-text__calc button {
    width: 13vw;
    height: 13vw;
    border-radius: 100%;
  }
  .product-text__calc button img {
    width: 9vw;
    height: 9vw;
  }
  .product-text__calc span {
    font-size: 4.8095vw;
    border-radius: 1.9048vw;
    padding: 2vw;
    width: 25vw;
    height: 13vw;
    text-align: center;
    line-height: 10vw;
    vertical-align: middle;
  }
  .product-text__button {
    width: 100%;
    font-size: 4.2857vw;
    margin-top: 8vw;
    border-radius: 1.9048vw;
    height: 10vw;
  }
  .profile-main button {
    font-size: 4.2857vw;
    width: 100%;
    height: 10vw;
    border-radius: 1.9048vw;
  }
  .profile-main-block {
    flex-direction: column;
    padding: 4vw 4vw 4vw 4vw;
    height: auto;
  }
  .profile-main-block img {
    width: 15vw;
    height: 15vw;
  }
  .profile-main-name {
    font-size: 4.7619vw;
    margin-top: 3vw;
  }
  .profile-main-info {
    margin: 0;
  }
  .profile-main-sub {
    font-size: 3.8095vw;
  }
  .profile-main-email {
    font-size: 3.8095vw;
  }
  .profile-main-event {
    font-size: 3.8095vw;
  }
  .bigh2 {
    font-size: 8.5714vw;
  }
  .allhistorys {
    gap: 6vw;
  }
  .profile-orders-empty {
    margin-top: 3vw;
    margin-bottom: 4vw;
    font-size: 4.2857vw;
    line-height: 140%;
  }
  .history {
    padding: 3vw;
    border-radius: 1.9048vw;
  }
  .history-header__main {
    font-size: 3.3333vw;
  }
  .history-header__span {
    font-size: 3.3333vw;
  }
  .history-header-time {
    font-size: 3.3333vw;
  }
  .history-header-sub {
    text-align: center;
    font-size: 3.8095vw;
  }
  .history-header-sub span {
    display: block;
    font-size: 3.8095vw;
    margin-right: auto;
  }
  .history-block {
    flex-direction: column;
  }
  .history-block img {
    width: 40vw;
    height: 40vw;
  }
  .history-block__name {
    text-align: center;
    font-size: 4.2857vw;
  }
  .history-block__count {
    text-align: center;
    margin-left: 0;
    font-size: 3.8095vw;
    width: 100%;
  }
  .history-block__price {
    text-align: center;
    margin-left: 0;
    font-size: 4.2857vw;
  }
  .recovery-p {
    font-size: 3.3333vw;
  }
}
.profile-admin {
  margin-top: 1.5625vw;
  padding: clamp(18px, 1.25vw, 26px);
  border-radius: clamp(12px, 0.8333vw, 18px);
  background: #fff;
}

.profile-admin__title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: clamp(20px, 1.1458vw, 26px);
  line-height: 120%;
  color: #4e4b66;
}

.profile-admin__text {
  margin-top: 0.625vw;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: clamp(14px, 0.8333vw, 18px);
  line-height: 150%;
  color: #6e7191;
  max-width: 46.875vw;
}

.profile-admin__actions {
  margin-top: 1.0417vw;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8333vw;
}

.profile-admin__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(44px, 2.8125vw, 54px);
  padding: clamp(10px, 0.6771vw, 14px) clamp(18px, 1.5625vw, 30px);
  border-radius: clamp(10px, 0.625vw, 14px);
  background: #52a6a6;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: clamp(14px, 0.9375vw, 18px);
  line-height: 140%;
  color: #fcfcfc;
  text-decoration: none;
}

.product-admin {
  margin-top: 1.25vw;
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
  width: 100%;
}

.product-admin__note,
.product-admin__status {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: clamp(13px, 0.7292vw, 16px);
  line-height: 145%;
  color: #6e7191;
}

.product-admin__status.is-error {
  color: #d64545;
}

.product-admin__status.is-success {
  color: #2b8a5a;
}

.product-admin__actions {
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
  width: 100%;
}

.product-admin__actions .product-text__button {
  width: 100%;
  margin-top: 0;
}

.product-text__button--secondary {
  border: 0.0521vw solid #c2c4d2;
  background: #fff;
  color: #6e7191;
}

.product-text__button:disabled {
  opacity: 0.65;
  cursor: wait;
}

.product-admin-field {
  display: flex;
  flex-direction: column;
  gap: 0.3646vw;
  width: 100%;
  margin-top: 0.8333vw;
}

.product-admin-field--title {
  margin-top: 0;
}

.product-admin-field__label {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: clamp(13px, 0.7292vw, 16px);
  line-height: 140%;
  color: #6e7191;
}

.product-admin-field__input {
  width: 100%;
  min-height: clamp(44px, 2.8125vw, 54px);
  padding: clamp(10px, 0.6771vw, 14px) clamp(14px, 0.8333vw, 18px);
  border: 0.0521vw solid #d9dbe9;
  border-radius: clamp(10px, 0.625vw, 14px);
  background: #fff;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: clamp(14px, 0.8333vw, 18px);
  line-height: 145%;
  color: #4e4b66;
}

.product-text__price .product-admin-field,
.product-text__category .product-admin-field {
  margin-top: 0;
}

.product-text__price .product-admin-field__label,
.product-text__category .product-admin-field__label {
  color: rgba(0, 0, 0, 0.6);
}

.product-admin-field--title .product-admin-field__input {
  font-weight: 600;
  font-size: clamp(16px, 0.9375vw, 20px);
}

.product-text__price .product-admin-field__input {
  font-weight: 700;
  font-size: clamp(20px, 1.1458vw, 28px);
  color: #14142b;
}

.product-text__category .product-admin-field__input {
  color: #1b386b;
}

body.is-locked {
  overflow: hidden;
}

.basket-info .basket-info__summary {
  border-radius: 0.625vw;
  padding: 0.625vw;
  width: 17.1875vw;
  background: #fff;
}

.basket-order-panel {
  border-radius: 0.625vw;
  padding: 0.8333vw;
  width: 17.1875vw;
  margin-top: 0.7813vw;
  background: #fff;
}

.basket-order-note {
  font-family: var(--font-family);
  font-size: 0.7813vw;
  line-height: 1.45;
  color: #6e7191;
}

.basket-order-user {
  margin-top: 0.625vw;
}
.basket-order-user span {
  display: block;
  font-family: var(--font-family);
  font-size: 0.7292vw;
  line-height: 1.5;
  color: #4e4b66;
}

.basket-order-login {
  display: inline-flex;
  margin-top: 0.8333vw;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 0.7813vw;
  color: #52a6a6;
}

.basket-order-status {
  min-height: 1.25vw;
  margin-top: 0.8333vw;
  font-family: var(--font-family);
  font-size: 0.6771vw;
  line-height: 1.35;
  color: #6e7191;
}

.empty-basket__text {
  font-family: var(--font-family);
  font-size: 0.9375vw;
  line-height: 1.4;
  color: #6e7191;
}

@media (max-width: 48em) {
  .basket-info .basket-info__summary {
    width: 100%;
    border-radius: 1.9048vw;
    padding: 2.8571vw;
  }
  .basket-order-panel {
    width: 100%;
    margin-top: 4vw;
    border-radius: 1.9048vw;
    padding: 3.3333vw;
  }
  .basket-order-note {
    font-size: 3.8095vw;
  }
  .basket-order-user {
    margin-top: 2vw;
  }
  .basket-order-user span {
    font-size: 3.3333vw;
  }
  .basket-order-login {
    margin-top: 3vw;
    font-size: 4.2857vw;
  }
  .basket-order-status {
    min-height: 5vw;
    margin-top: 3vw;
    font-size: 3.3vw;
  }
  .empty-basket__text {
    font-size: 3.8095vw;
  }
}/*# sourceMappingURL=style.css.map */