:root {
  --headerColor: #fff;
  --headerColorTwo: #eaf8ef;
  --headerColorThree: #fff;
  --burger:#fcfcfc;
  --headerLink: #525252;
  --menu: #ebebeb;
  --white: white;
  --newsbg:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(248,248,250,1) 100%);
  --cardproductinfo:#fafafa;
  --darkBlue: #012321;
  --mainColor: linear-gradient(0deg, rgba(248,248,250,1) 10%, rgba(255,255,255,1) 100%);
  --darkGreen: #02695f;
  --whiteButton: white;
  --black: black;
  --filterinner:#f9f9f9;
  --lightWhiteButton: #efefef;
  --lightFeedback: #f5f5f5;
  --darkBlack: #3e3e3e;
  --tagColor: white;
  --tagText: #969fa6;
  --tagBack: #f7f8f9;
  --titleFilter: #404040;
  --borderFilter: #e1e1e1;
  --filterBack: white;
  --cardBack: #efefef;
  --listCabinetA: #323232;
  --panel: linear-gradient(180deg, #fafafc 0%, #fff 100%);
  --activePanel: #007a70;
  --cabinetTitle: #2a2a2a;
  --colorTable: #626262;
  --buttonTable: #d1d4cd;
  --buttonColorTable: #553331;
  --orderButton: #f7f8f9;
  --mobAccardion: #f6f8fa;
  --loyaltyCard: #e8e8e8;
  --buttonNews: white;
  --backNews: #fafafa;
  --lightGreen: #4cb984;
  --allegianceColor: #525252;
  --textStatus: #6b6b6b;
  --titleoutlet: #2d2d2d;
  --payBack: #6ab9b4;
  --payB: #fafafc;
  --colorPay: #525252;
  --colorCart: #606060;
  --backCard: #f5f5f5;
  --colorReviews: #616161;
  --colorAdd: #525252;
  --line: #e5eaee;
  --dd: #7f7f7f;
  --btnNone: #f2f1f5;
  --btnNoneHover: #f0eeee;
  --btnBorder: none;
  --spanFooter: #8a8a8a;
  --tel: #012321;
  --textFooter: #989898;
  --btnEnd: #eaf8ef;
  --btnEndHover: #d3fce8;
  --lightGreen: #4cb984;
  --logoText: #525252;
  --aboutLogo: #525252;
  --titlePlacement: #2d2d2d;
  --backPlacement: #f6f8fb;
  --orderPlacement: white;
  --svgPlacement: #9da8b4;
  --arrowAcc: black;
  --counter: #f7f7f7;
  --counterText: #7c8f7c;
  --basket1: #eee;
  --infaproves: #b8b8b8;
  --podknopku: #f8f8f8;
  --colorabout: grayscale(1) brightness(1000%);;
}

.dark {
  color-scheme: dark;
  --basket1: #444;
  --counterText: #c5c5c5;
  --counter: #444;
  --svgPlacement: #c5c5c5;
  --orderPlacement: #444;
  --backPlacement: #272727;
  --titlePlacement: white;
  --aboutLogo: #bbb;
  --newsbg:#030000;
  --headerColor: linear-gradient(180deg, #0b0b0b 0%, #111 100%);
  --headerColorTwo: linear-gradient(180deg, #0b0b0b 0%, #111 100%);
  --headerColorThree: linear-gradient(180deg, #292929 0%, #3c3c3c 100%);
  --burger:linear-gradient(180deg, #0b0b0b 0%, #111 100%);
  --headerLink: #808080;
  --menu: linear-gradient(180deg, #1a1a1a 0%, #111 100%);
  --dd: #d4d4d4;
  --filterinner:#191919;
  --line: #b7b7b7;
  --colorAdd: #e0e0e0;
  --colorReviews: #d7d7d7;
  --payB: #1a1a1a;
  --payBack: #d0d0d0;
  --white: #000;
  --cardproductinfo:#1a1a1a;
  --darkBlue: white;
  --mainColor: #030000;
  --darkGreen: white;
  --whiteButton: linear-gradient(180deg, #222 0%, #4b4b4b 100%);
  --black: white;
  --lightWhiteButton: linear-gradient(180deg, #8b8b8b 0%, #4b4b4b 100%);
  --lightFeedback: #343434;
  --darkBlack: white;
  --tagColor: #454545;
  --tagText: #e8e8e8;
  --tagBack: #303030;
  --titleFilter: white;
  --borderFilter: #3f3f3f;
  --filterBack: transparent;
  --cardBack: #181818;
  --listCabinetA: #f8f8f8;
  --panel: linear-gradient(180deg, #0b0b0b 0%, #101010 100%);
  --activePanel: #b5b5b5;
  --cabinetTitle: white;
  --colorTable: white;
  --buttonTable: #212121;
  --buttonColorTable: white;
  --orderButton: #2f2f2f;
  --mobAccardion: #303030;
  --loyaltyCard: #303030;
  --buttonNews: #2f2f2f;
  --backNews: #303030;
  --allegianceColor: #c1c1c1;
  --textStatus: #c3c3c3;
  --titleoutlet: white;
  --colorPay: black;
  --colorCart: #d0d0d0;
  --backCard: #1a1a1a;
  --btnNone: none;
  --btnNoneHover: #6e6e6e;
  --btnBorder: #6a6a6a;
  --spanFooter: #8e8e8e;
  --tel: white;
  --textFooter: #ababab;
  --btnEnd: linear-gradient(180deg, #1b1b1b 0%, #1c1c1c 100%);
  --btnEndHover: linear-gradient(180deg, #1d382f 0%, #1d382f 100%);
  --lightGreen: white;
  --logoText: white;
  --arrowAcc: white;
  --infaproves: #393939;
  --podknopku: #292929;
  --colorabout: grayscale(1) brightness(1000%);
}
.dark .header__logo img:first-child, .dark .footer__logo img:first-child {
  display: none;
}
.dark .header__logo img:last-child, .dark .footer__logo img:last-child {
  display: block;
  filter: grayscale(1) brightness(1000%);
}
.dark .cabinet__card-program {
  -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3);
}
.dark .cabinet__card-program::after {
  -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3);
  mix-blend-mode: color;
}
.dark .delivery__pay img:nth-child(1) {
  display: none;
}
.dark .delivery__pay img:nth-child(2) {
  display: block;
}
.dark .contacts__ofice img:nth-child(2), .dark .contacts__warehouse img:nth-child(2) {
  display: block;
}
.dark .contacts__ofice img:nth-child(1), .dark .contacts__warehouse img:nth-child(1) {
  display: none;
}
.dark .placement__buttons-click button img:nth-child(1) {
  display: none;
}
.dark .placement__buttons-click button img:nth-child(2) {
  display: block;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

html,
body {
  /* height: 100%; */
}

img {
  max-width: 100%;
}

video {
  width: 100%;
}

body {
  padding: 0;
  margin: 0;
}

body {
  /* height: 100%; */
  position: relative;
  line-height: 1.5;
  min-width: 320px;
  font-family: "PF DinDisplay Pro";
  background: var(--mainColor);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

button {
  outline: none;
  border: 0;
  cursor: pointer;
  background: 0;
  font-family: "PF DinDisplay Pro";
}

input, textarea {
  background-color: transparent;
  outline: none;
  font-family: "PF DinDisplay Pro";
}

ul,
ol {
  list-style: none;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
  font-family: "PF DinDisplay Pro";
}

button {
  padding: 0;
  cursor: pointer;
  border: 0;
}

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

* {
  -webkit-tap-highlight-color: transparent;
}

::-moz-selection {
  color: white;
  background-color: #4abde3;
}

::selection {
  color: white;
  background-color: #4abde3;
}

:root {
  scroll-behavior: smooth;
}

@font-face {
  font-family: "Rouble";
  src: url("../fonts/main/rouble.ttf");
  src: local("rouble"), url("../fonts/main/rouble.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Hero-Regular";
  src: url("../fonts/main/Hero-Regular.ttf");
  src: local("Hero-Regular"), url("../fonts/main/Hero-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "PF DinDisplay Pro";
  src: url("../fonts/main/PFDinDisplayPro-LightItalic.eot");
  src: local("PFDinDisplayPro-LightItalic"), url("../fonts/main/PFDinDisplayPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/main/PFDinDisplayPro-LightItalic.woff2") format("woff2"), url("../fonts/main/PFDinDisplayPro-LightItalic.woff") format("woff"), url("../fonts/main/PFDinDisplayPro-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "PF DinDisplay Pro";
  src: url("../fonts/main/PFDinDisplayPro-Medium.eot");
  src: local("PFDinDisplayPro-Medium"), url("../fonts/main/PFDinDisplayPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/main/PFDinDisplayPro-Medium.woff2") format("woff2"), url("../fonts/main/PFDinDisplayPro-Medium.woff") format("woff"), url("../fonts/main/PFDinDisplayPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "PF DinDisplay Pro ExtraThin";
  src: url("../fonts/main/PFDinDisplayPro-ExtraThinItalic.eot");
  src: local("PFDinDisplayPro-ExtraThinItalic"), url("../fonts/main/PFDinDisplayPro-ExtraThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/main/PFDinDisplayPro-ExtraThinItalic.woff2") format("woff2"), url("../fonts/main/PFDinDisplayPro-ExtraThinItalic.woff") format("woff"), url("../fonts/main/PFDinDisplayPro-ExtraThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "PF DinDisplay Pro";
  src: url("../fonts/main/PFDinDisplayPro-Bold.eot");
  src: local("PFDinDisplayPro-Bold"), url("../fonts/main/PFDinDisplayPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/main/PFDinDisplayPro-Bold.woff2") format("woff2"), url("../fonts/main/PFDinDisplayPro-Bold.woff") format("woff"), url("../fonts/main/PFDinDisplayPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "PF DinDisplay Pro";
  src: url("../fonts/main/PFDinDisplayPro-ThinItalic.eot");
  src: local("PFDinDisplayPro-ThinItalic"), url("../fonts/main/PFDinDisplayPro-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/main/PFDinDisplayPro-ThinItalic.woff2") format("woff2"), url("../fonts/main/PFDinDisplayPro-ThinItalic.woff") format("woff"), url("../fonts/main/PFDinDisplayPro-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "PF DinDisplay Pro";
  src: url("../fonts/main/PFDinDisplayPro-Black.eot");
  src: local("PFDinDisplayPro-Black"), url("../fonts/main/PFDinDisplayPro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/main/PFDinDisplayPro-Black.woff2") format("woff2"), url("../fonts/main/PFDinDisplayPro-Black.woff") format("woff"), url("../fonts/main/PFDinDisplayPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "PF DinDisplay Pro";
  src: url("../fonts/main/PFDinDisplayPro-BlackItalic.eot");
  src: local("PFDinDisplayPro-BlackItalic"), url("../fonts/main/PFDinDisplayPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/main/PFDinDisplayPro-BlackItalic.woff2") format("woff2"), url("../fonts/main/PFDinDisplayPro-BlackItalic.woff") format("woff"), url("../fonts/main/PFDinDisplayPro-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "PF DinDisplay Pro";
  src: url("../fonts/main/PFDinDisplayPro-MediumItalic.eot");
  src: local("PFDinDisplayPro-MediumItalic"), url("../fonts/main/PFDinDisplayPro-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/main/PFDinDisplayPro-MediumItalic.woff2") format("woff2"), url("../fonts/main/PFDinDisplayPro-MediumItalic.woff") format("woff"), url("../fonts/main/PFDinDisplayPro-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "PF DinDisplay Pro";
  src: url("../fonts/main/PFDinDisplayPro-Light.eot");
  src: local("PFDinDisplayPro-Light"), url("../fonts/main/PFDinDisplayPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/main/PFDinDisplayPro-Light.woff2") format("woff2"), url("../fonts/main/PFDinDisplayPro-Light.woff") format("woff"), url("../fonts/main/PFDinDisplayPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "PF DinDisplay Pro";
  src: url("../fonts/main/PFDinDisplayPro-Thin.eot");
  src: local("PFDinDisplayPro-Thin"), url("../fonts/main/PFDinDisplayPro-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/main/PFDinDisplayPro-Thin.woff2") format("woff2"), url("../fonts/main/PFDinDisplayPro-Thin.woff") format("woff"), url("../fonts/main/PFDinDisplayPro-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "PF DinDisplay Pro";
  src: url("../fonts/main/PFDinDisplayPro-Italic.eot");
  src: local("PFDinDisplayPro-Italic"), url("../fonts/main/PFDinDisplayPro-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/main/PFDinDisplayPro-Italic.woff2") format("woff2"), url("../fonts/main/PFDinDisplayPro-Italic.woff") format("woff"), url("../fonts/main/PFDinDisplayPro-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "PF DinDisplay Pro";
  src: url("../fonts/main/PFDinDisplayPro-Regular.eot");
  src: local("PFDinDisplayPro-Regular"), url("../fonts/main/PFDinDisplayPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/main/PFDinDisplayPro-Regular.woff2") format("woff2"), url("../fonts/main/PFDinDisplayPro-Regular.woff") format("woff"), url("../fonts/main/PFDinDisplayPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PF DinDisplay Pro";
  src: url("../fonts/main/PFDinDisplayPro-BoldItalic.eot");
  src: local("PFDinDisplayPro-BoldItalic"), url("../fonts/main/PFDinDisplayPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/main/PFDinDisplayPro-BoldItalic.woff2") format("woff2"), url("../fonts/main/PFDinDisplayPro-BoldItalic.woff") format("woff"), url("../fonts/main/PFDinDisplayPro-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "PF DinDisplay Pro ExtraThin";
  src: url("../fonts/main/PFDinDisplayPro-ExtraThin.eot");
  src: local("PFDinDisplayPro-ExtraThin"), url("../fonts/main/PFDinDisplayPro-ExtraThin.eot?#iefix") format("embedded-opentype"), url("../fonts/main/PFDinDisplayPro-ExtraThin.woff2") format("woff2"), url("../fonts/main/PFDinDisplayPro-ExtraThin.woff") format("woff"), url("../fonts/main/PFDinDisplayPro-ExtraThin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
.container {
  max-width: 1447px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  min-height: 100%;
}

.header {
  background: var(--white);
  padding: 6px 0 17px 0;
  -webkit-box-shadow: 0 -5px 19px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 -5px 19px 0 rgba(0, 0, 0, 0.25);
}
.header__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__logo {
  width: clamp(3.563rem, 1.958rem + 7.13vw, 8.375rem);
  height: clamp(2rem, 1.021rem + 4.352vw, 4.938rem);
}
.header__logo img {
  /* width: 100%;
  height: clamp(1.875rem, -6.625rem + 42.5vw, 4rem); */
}
@media (max-width: 650px) {
  .header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.header__form {
  margin-left: clamp(1.25rem, 0.061rem + 4.425vw, 4.063rem);
}
@media (max-width: 650px) {
  .header__form {
    margin-left: 10px;
  }
}
.header__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
  width: clamp(15rem, 5.751rem + 34.415vw, 36.875rem);
  height: 63px;
  background: var(--headerColor);
  padding: 13px clamp(0.625rem, 0.019rem + 3.03vw, 1.25rem);
}
.header__search input {
  width: 100%;
  border: 0;
  font-weight: 400;
  font-size: 16px;
  color: #9f9ea3;
}
@media (max-width: 650px) {
  .header__search {
    width: clamp(2.5rem, 1.591rem + 4.55vw, 3.438rem);
    display: block;
  }
  .header__search input {
    display: none;
  }
}
.header__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 30px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
  height: 63px;
  background: var(--headerColor);
  padding: 6px clamp(0.313rem, -0.101rem + 1.839vw, 1.563rem) 5px clamp(0.313rem, 0.065rem + 1.103vw, 1.063rem);
}
@media (max-width: 900px) {
  .header__info {
    margin-left: auto;
  }
}
.header__locality {
  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;
}
.header__locality span {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: 400;
  font-size: clamp(0.625rem, 0.501rem + 0.552vw, 1rem);
  color: #9f9ea3;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__locality svg {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: #9f9ea3;
}
.header__locality:hover span {
  color: #ff7306;
}
.header__locality:hover svg {
  fill: #ff7306;
}
.header__basket svg {
  width: clamp(0.938rem, 0.669rem + 1.195vw, 1.75rem);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: #9f9ea3;
}
.header__basket:hover svg {
  fill: #ff7306;
}
.header__favorites svg {
  width: clamp(0.688rem, 0.502rem + 0.827vw, 1.25rem);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: #9f9ea3;
}
.header__favorites:hover svg {
  fill: #ff7306;
}

.header__basket button,
.header__favorites button{
  display: flex;
}
.header__line {
  width: 1px;
  height: 25px;
  background-color: #dadada;
  margin: 0 clamp(0.625rem, 0.322rem + 1.52vw, 0.938rem);
}
.header__person {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  width: 365px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
  margin-left: 14px;
  background: var(--headerColorTwo);
  height: 63px;
  padding: 0 85px 0 25px;
}
@media (max-width: 900px) {
  .header__person {
    display: none;
  }
}
.header__reg {
  /* max-width: 200px; */
  width: 100%;
  color: var(--lightGreen);
  /* height: 15px; */
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__reg:hover {
  color: #ff7306;
}
.header__sale {
  /* max-width: 200px; */
  width: 100%;
  color: var(--lightGreen);
  /* height: 15px; */
}
.header__reg {
  /* max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content; */
  font-weight: 700;
  /* font-size: 17px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__reg svg {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: var(--lightGreen);
}
@media (max-width: 700px) {
  .header__reg svg {
    display: none;
  }
}
.header__reg:hover {
  color: #ff7306;
}
.header__reg:hover svg {
  fill: #ff7306;
}
.header__sale {
  font-weight: 400;
  /* font-size: 17px; */
}
.header__person-block, .header__mobile-block {
  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;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 10px;
  width: clamp(2.313rem, 1.816rem + 2.207vw, 3.813rem);
  height: 61px;
  background: var(--headerColorThree);
  -webkit-box-shadow: -8px 0 8px -8px rgba(76, 185, 132, 0.17);
  box-shadow: -8px 0 8px -8px rgba(76, 185, 132, 0.17);
}
.header__mobile {
  display: none;
  margin-left: auto;
  padding-left: 10px;
}
.header__mobile svg{
  width: clamp(1rem, 0.854rem + 0.648vw, 1.438rem);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: #9f9ea3;
}
@media (max-width: 900px) {
  .header__mobile {
    display: block;
  }
}
.header__mobile-block {
  position: relative;
  -webkit-box-shadow: 0 1px 8px 0 rgba(1, 35, 33, 0.1);
  box-shadow: 0 1px 8px 0 rgba(1, 35, 33, 0.1);
}
.header__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 18px;
  gap: 20px;
}
@media (max-width: 900px) {
  .header__bottom {
    display: none;
  }
}
.header__btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding: 12px 23px 12px 10px;
  border-radius: 12px;
  background-color: #ff6700;
}
.header__btn span {
  font-weight: 500;
  font-size: clamp(1rem, 0.688rem + 0.556vw, 1.188rem);
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__icon {
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.header__icon-block {
  width: 7px;
  height: 7px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #fff;
}
.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.header__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 37px;
}
.header__nav-link {
  font-weight: 500;
  font-size: clamp(1rem, 0.688rem + 0.556vw, 1.188rem);
  color: var(--headerLink);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__nav-link:hover {
  color: #4cb984;
}
.header__stock {
  font-weight: 500;
  font-size: clamp(1rem, 0.688rem + 0.556vw, 1.188rem);
  color: #ff7306;
  display: flex;
  gap: 7px;
  align-items: center;
}
.header__stock span {
  font-family: "Hero-Regular";
  font-weight: 400;
  font-size: clamp(1.313rem, 1rem + 0.556vw, 1.5rem);
  color: #e3a360;
  padding-top: 5px;
}

@media (max-width: 900px) {
  .header__stock span {padding-top: 0;}
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 110px;
  opacity: 0;
  visibility: hidden;
  left: 0;
  -webkit-box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, 0.25);
  border-radius: 9px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 530px;
  z-index: -100;
}
.menu__tabs {
  background: var(--menu);
  border-radius: 9px 0 0 9px;
}
.menu__nav {
  width: clamp(12.5rem, 0.313rem + 21.67vw, 16.563rem);
}
.menu__tab-btn {
  cursor: pointer;
  padding: 14px 19px;
}
.menu__tab-btn button {
  font-weight: 500;
  font-size: 15px;
  color: var(--logoText);
  text-align: left;
}
.menu__tab-btn:first-child {
  border-radius: 9px 0 0 0;
}
.menu__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: var(--white);
  border-radius: 0 9px 9px 0;
}
.menu__top {
  width: clamp(37.188rem, -18.313rem + 98.67vw, 55.688rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menu__content-box {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.menu__content-nav ul {
  width: clamp(13.125rem, 3rem + 18vw, 16.5rem);
}
.menu__box-link {
  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: 14px 19px;
  font-weight: 500;
  font-size: 15px;
  color: var(--logoText);
  text-align: left;
}
.menu__box-link a {
  width: 100%;
  color: var(--logoText);
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  pointer-events: none;
}
.menu__box-link a:hover {
  color: #4cb984;
}
.menu__box-link svg {
  fill: #525252;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.menu__box-link span {
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.menu__next {
  cursor: pointer;
}
.menu__next:hover a {
  color: #4cb984;
}
.menu__next:hover span {
  color: #4cb984;
}
.menu__next:hover svg {
  fill: #428b80;
}
.menu__img {
  padding: 0 16px 7px 16px;
  margin-top: auto;
}
.menu__img img {
  width: 100%;
  height: 152px;
}
.menu__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.menu__links:nth-child(odd) {
  -webkit-transform: translateY(47px);
  -ms-transform: translateY(47px);
  transform: translateY(47px);
}
.menu__links:nth-child(even) {
  -webkit-transform: translateY(98px);
  -ms-transform: translateY(98px);
  transform: translateY(98px);
}
.menu__links ul {
  width: clamp(9.375rem, -1.688rem + 19.67vw, 13.063rem);
}
.menu__links ul li {
  padding: 14px 19px;
  height: 50.5px;
}
.menu__links ul li a {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: clamp(0.813rem, 0.438rem + 0.67vw, 0.938rem);
  color: #acacac;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  pointer-events: none;
}
.menu__links ul li a:hover {
  color: #4cb984;
}

.burger {
  display: none;
}
@media (max-width: 900px) {
  .burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
  }
}
.burger__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.burger__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding: 12px 23px 12px 10px;
  border-radius: 10px;
}
.burger__btn span {
  font-weight: 500;
  font-size: clamp(1rem, 0.688rem + 0.556vw, 1.188rem);
  color: var(--darkGreen);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.burger__icon {
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.burger__icon-block {
  width: 7px;
  height: 7px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: var(--darkGreen);
}
.burger__menu {
  position: relative;
}
.burger__spans {
  position: relative;
  cursor: pointer;
  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: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
  width: 47px;
  height: 47px;
  padding-right: 10px;
  border-radius: 10px;
  background: var(--burger);
  -webkit-box-shadow: 0 1px 8px 0 rgba(1, 35, 33, 0.1);
  box-shadow: 0 1px 8px 0 rgba(1, 35, 33, 0.1);
  z-index: 100;
}
.burger__spans span {
  background-color: var(--darkGreen);
  height: 3px;
  border-radius: 10px;
}
.burger__spans span:nth-child(1) {
  width: 19px;
}
.burger__spans span:nth-child(2) {
  width: 26px;
}
.burger__spans span:nth-child(3) {
  width: 9px;
}
.burger__nav {
  position: absolute;
  width: 308px;
  background: var(--menu);
  top: 45px;
  opacity: 0;
  visibility: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  right: -14px;
  -webkit-box-shadow: -3px -4px 15px 0 rgba(0, 0, 0, 0.16);
  box-shadow: -3px -4px 15px 0 rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  z-index: -100;
  overflow: hidden;
}
.burger__nav ul {
  padding-bottom: 30px;
}
.burger__nav ul li {
  padding: 15px 20px;
  text-align: end;
}
.burger__nav ul li a {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  color: var(--headerLink);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}
.burger__nav ul li a:hover {
  color: #006a61;
}
.burger__exit {
  text-align: end;
  padding: 15px 20px;
  background: var(--headerColorThree);
}
.burger__exit span {
  font-weight: 500;
  font-size: 16px;
  text-align: right;
  color: #ff7306;
}
.burger__catalog {
  position: absolute;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  top: 45px;
  background: var(--menu);
  border-radius: 10px;
  z-index: 900;
  -webkit-box-shadow: -3px -4px 15px 0 rgba(0, 0, 0, 0.16);
  box-shadow: -3px -4px 15px 0 rgba(0, 0, 0, 0.16);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.burger__ul {
  width: 300px;
  padding-bottom: 40px;
}
.burger__ul li {
  max-width: 275px;
  width: 100%;
  padding: 15px 20px;
}
.burger__ul li button {
  text-align: start;
  font-weight: 500;
  font-size: 16px;
  color: var(--headerLink);
}
.burger__content-tab {
  background-color: var(--headerColorThree);
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.burger__content-ul li {
  padding-left: 40px;
}
.burger__content-ul li a {
  font-weight: 500;
  font-size: 16px;
  color: var(--headerLink);
}

.activeMenu {
  opacity: 1;
  visibility: visible;
  top: 126px;
  z-index: 1000;
}
.activeMenu .menu__box-link a {
  pointer-events: auto;
}
.activeMenu .menu__links ul a {
  pointer-events: auto;
}

.activeBtn {
  background: #ff7306;
}
.activeBtn span {
  color: #fff;
}
.activeBtn .header__icon-block,
.activeBtn .burger__icon-block {
  background: #fff;
}

.activeTab {
  background-color: #fff;
}
.activeTab button {
  color: #525252;
}

.openMenu {
  opacity: 1;
  visibility: visible;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.openLi span {
  color: #4cb984;
}
.openLi svg {
  fill: #428b80;
}

.btnNext span {
  color: #4cb984;
}
.btnNext svg {
  fill: #428b80;
}

.showColumns {
  opacity: 1;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  visibility: visible;
}

.burgerActive {
  opacity: 1;
  visibility: visible;
  top: 65px;
  z-index: 1000;
}
.burgerActive .burger__link {
  pointer-events: auto;
}

.activeHref {
  background: var(--headerColorThree);
}
.activeHref .burger__link {
  color: var(--darkGreen);
}

.activeContent .burger__tab-btn {
  background: var(--headerColorThree);
  max-width: 100%;
}
.activeContent .burger__tab-btn button {
  color: var(--darkGreen);
}
.activeContent .burger__content-tab {
  opacity: 1;
  visibility: visible;
  max-height: 500px;
}

.footer {
  margin-top: 20px;
  background-color: var(--mainColor);
}
.footer__content {
  padding: 34px clamp(0rem, -2.243rem + 4.78vw, 1.25rem) 10px clamp(0rem, -2.243rem + 4.78vw, 1.25rem);
}
.footer__top {
  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;
}
.footer__logo {
  /* width: 87px;
  height: 58px; */
}
.footer__logo img {
  width: 100%;
  height: 100%;
}
.footer__logo img:nth-child(2) {
  display: none;
}
.footer__btn {
  padding: 16px clamp(0.938rem, -0.682rem + 6.91vw, 2.125rem);
  border-radius: 10px;
  background: var(--btnNone);
  border: 1px solid;
  border-color: var(--btnNone);
  font-weight: 700;
  font-size: 13px;
  line-height: 104%;
  color: var(--black);
  margin-right: clamp(0rem, -7rem + 16vw, 2.5rem);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer__btn:hover {
  background-color: var(--btnNoneHover);
}
.footer__nav {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex; */
  padding: 30px 0;
}
@media (max-width: 950px) {
  .footer__nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (max-width: 650px) {
  .footer__nav {
    padding: 30px 0 0 0;
  }
}
.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* gap: clamp(1.25rem, -9.372rem + 17.89vw, 11rem); */
  justify-content: space-between;
}
@media (max-width: 950px) {
  .footer__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 20px clamp(1.25rem, -17.5rem + 40vw, 6.25rem);
  }
}
@media (max-width: 650px) {
  .footer__list {
    width: 100%;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.25rem, -0.028rem + 5.45vw, 2.188rem) clamp(2.5rem, -1.761rem + 18.18vw, 5.625rem);
  }
}
.footer__block {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer__block span {
  font-weight: 400;
  font-size: 17px;
  line-height: 104%;
  color: var(--spanFooter);
}
@media (max-width: 650px) {
  .footer__block span {
    color: var(--black);
  }
}
.footer__block svg {
  visibility: hidden;
  width: 0;
  height: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: var(--arrowAcc);
}
@media (max-width: 650px) {
  .footer__block svg {
    visibility: visible;
    min-width: 11px;
    height: 6px;
  }
}
.footer__block ul {
  /* max-width: clamp(9.125rem, 3.678rem + 9.17vw, 16.375rem); */
  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;
  gap: 15px;
  margin-top: 21px;
}
.footer__block ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-weight: 500;
  font-size: 20px;
  line-height: 104%;
  color: var(--black);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 650px) {
  .footer__block ul li a {
    font-size: 12px;
  }
}
.footer__block ul li a:hover {
  color: #4cb984;
}
@media (max-width: 950px) {
  .footer__block ul {
    max-width: none;
    width: 170px;
  }
}
@media (max-width: 650px) {
  .footer__block ul {
    margin-top: 15px;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}
@media (max-width: 650px) {
  .footer__block {
    height: 30px;
  }
}
@media (max-width: 650px) {
  .footer__accordion {
    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;
  }
}
.footer__info {
  margin-left: clamp(1.25rem, -17.271rem + 31.19vw, 5.5rem);
  margin-top: 5px;
}
@media (max-width: 950px) {
  .footer__info {
    margin-left: 0;
    margin-top: 0;
    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;
  }
}
@media (max-width: 650px) {
  .footer__info {
    display: none;
  }
}
.footer__blocks:nth-child(2) {
  margin-top: 33px;
}
.footer__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.footer__text p {
  font-weight: 700;
  font-size: 13px;
  line-height: 104%;
  color: var(--darkBlue);
}
.footer__text span {
  font-weight: 500;
  font-size: 13px;
  line-height: 104%;
  color: var(--textFooter);
}
.footer__text-v {
  margin-bottom: 8px;
}
.footer__text-v p {
  font-weight: 700;
  font-size: 13px;
  line-height: 104%;
  color: var(--darkBlack);
}
.footer__text-v span {
  font-weight: 400;
  font-size: 13px;
  line-height: 104%;
  color: var(--textFooter);
}
.footer__numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.footer__numbers span {
  display: block;
  width: 1px;
  background-color: #dadada;
  height: 15px;
}
.footer__numbers a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: 400;
  font-size: 15px;
  line-height: 104%;
  color: var(--tel);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer__numbers a:hover {
  color: #4cb984;
}
.footer__button-end {
  padding: 16px 26px;
  border-radius: 10px;
  background: var(--btnEnd);
  margin-top: 30px;
  font-weight: 700;
  font-size: 13px;
  line-height: 104%;
  color: var(--lightGreen);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer__button-end:hover {
  background: var(--btnEndHover);
}
.footer__bottom::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #e7e8e9;
}
@media (max-width: 650px) {
  .footer__bottom {
    display: none;
  }
}
.footer__all {
  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;
  padding: 40px 0;
}
.footer__logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0.625rem, -1.057rem + 3.59vw, 1.563rem);
}
.footer__logo-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer__logo-block p {
  width: 100%;
  font-weight: 500;
  font-size: 13px;
  color: var(--logoText);
}
.footer__logo-block img {
  width: 22px;
  height: 22px;
}
.footer__block-about {
  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;
  width: clamp(1.813rem, 0.063rem + 4vw, 2.438rem);
  height: clamp(1.813rem, 0.063rem + 4vw, 2.438rem);
  background-color: white;
  border-radius: 10px;
  border: 1px solid white;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer__block-about svg {
  width: clamp(0.938rem, 0.063rem + 2vw, 1.25rem);
  height: clamp(0.938rem, 0.063rem + 2vw, 1.25rem);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: #006A61;
}
.footer__block-about:nth-child(1):hover svg {
  fill: red;
}
.footer__block-about:nth-child(2):hover svg {
  fill: #62A2FB;
}
.footer__block-about:nth-child(3):hover svg {
  fill: #62A2FB;
}
.footer__block-about:nth-child(4):hover svg {
  fill: rgb(173, 171, 21);
}
.footer__block-about:nth-child(5):hover svg {
  fill: #37BBFE;
}
.footer__block-about:nth-child(6):hover svg {
  fill: green;
}
.footer__block-about:nth-child(7):hover svg {
  fill: black;
}

.activeAccord {
  height: 100%;
}
.activeAccord .footer__accordion svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.activeAccord ul {
  visibility: visible;
  opacity: 1;
  max-height: 100%;
}

.modal-basket {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal-basket__modal {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  padding: clamp(1.563rem, 1.08rem + 2.143vw, 1.75rem) clamp(1.563rem, 1.08rem + 2.143vw, 1.75rem);
  border-radius: 20px;
  background: var(--white);
  max-width: 833px;
  width: 100%;
  margin: 0 15px;
}
.modal-basket__modal h2 {
  font-weight: 700;
  font-size: clamp(0.75rem, 0.467rem + 1.42vw, 1.5rem);
  line-height: 104%;
  color: var(--black);
}
@media (max-width: 480px) {
  .modal-basket__modal {
    max-height: 400px;
    overflow: auto;
  }
}
.modal-basket__product {
  margin-top: clamp(1rem, 0.623rem + 1.89vw, 2rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
}
@media (max-width: 480px) {
  .modal-basket__product {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.modal-basket__product img {
  display: block;
  max-width: clamp(5.563rem, 3.605rem + 9.79vw, 10.75rem);
  height: clamp(5.563rem, 3.605rem + 9.79vw, 10.75rem);
  -o-object-fit: cover;
  object-fit: cover;
}
.modal-basket__info a {
  display: block;
  font-weight: 500;
  font-size: clamp(1rem, 0.958rem + 0.185vw, 1.125rem);
  line-height: 104%;
  color: var(--black);
}
.modal-basket__info > span {
  display: block;
  margin-top: clamp(0.75rem, 0.443rem + 1.53vw, 1.563rem);
  font-weight: 700;
  font-size: clamp(1.125rem, 1rem + 0.556vw, 1.5rem);
  line-height: 104%;
  color: var(--black);
}
.modal-basket__info > p {
  margin-top: clamp(0.938rem, 0.584rem + 1.77vw, 1.875rem);
  font-weight: 500;
  font-size: clamp(0.875rem, 0.833rem + 0.185vw, 1rem);
  line-height: 104%;
  color: var(--black);
}
.modal-basket__buttons {
  margin-top: clamp(0.625rem, 0.389rem + 1.18vw, 1.25rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: clamp(1.063rem, 0.685rem + 1.89vw, 2.063rem);
}
@media (max-width: 480px) {
  .modal-basket__buttons {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.modal-basket__buttons > button {
  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;
  height: 33px;
}
@media (max-width: 480px) {
  .modal-basket__buttons > button {
    padding: 10px 40px !important;
    width: 100%;
  }
}
.modal-basket__buttons > button:nth-child(2) {
  padding: 0 clamp(0.75rem, 0.42rem + 1.65vw, 1.625rem);
  background-color: #00746a;
  border-radius: 10px;
  font-weight: 500;
  font-size: clamp(1rem, 0.958rem + 0.185vw, 1.125rem);
  line-height: 104%;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal-basket__buttons > button:nth-child(2):hover {
  background-color: #109a8e;
}
.modal-basket__buttons > button:nth-child(3) {
  padding: 8px clamp(0.75rem, 0.42rem + 1.65vw, 1.625rem);
  border: 1px solid #006a61;
  border-radius: 10px;
  font-weight: 500;
  font-size: clamp(1rem, 0.958rem + 0.185vw, 1.125rem);
  line-height: 104%;
  color: var(--black);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal-basket__buttons > button:nth-child(3):hover {
  background-color: #006a61;
  color: white;
}
.modal-basket__counter {
  border-radius: 10px;
  width: clamp(3.375rem, 2.172rem + 6.01vw, 6.563rem);
  height: 33px;
  background-color: var(--counter);
  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;
}
@media (max-width: 480px) {
  .modal-basket__counter {
    width: 105px;
  }
}
.modal-basket__counter span {
  font-weight: 500;
  font-size: clamp(1rem, 0.958rem + 0.185vw, 1.125rem);
  line-height: 104%;
  text-align: center;
  color: var(--black);
  min-width: 17px;
}
.modal-basket__counter button {
  width: 100%;
  height: 100%;
  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;
  font-weight: 400;
  font-size: clamp(0.75rem, 0.467rem + 1.42vw, 1.5rem);
  line-height: 104%;
  text-align: center;
  color: var(--counterText);
}
.modal-basket__recommendations {
  margin-top: clamp(1.563rem, 0.973rem + 2.95vw, 3.125rem);
}
.modal-basket__recommendations h4 {
  font-weight: 700;
  font-size: clamp(0.75rem, 0.467rem + 1.42vw, 1.5rem);
  line-height: 104%;
  color: var(--black);
}
.modal-basket__products {
  margin-top: clamp(0.938rem, 0.584rem + 1.77vw, 1.875rem);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
@media (max-width: 750px) {
  .modal-basket__products {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.modal-basket__product-r {
  /* -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: var(--orderPlacement);
  border-radius: 10px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.modal-basket__product-r img {
  /* max-width: clamp(3.688rem, 2.367rem + 6.6vw, 7.188rem);
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block; */
}
.modal-basket__block-img{
  width: 116px;
  height: 113px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: #ebebeb;
  padding: 7px 20px;
}
.modal-basket__product-r-info {
  padding-left: 15px;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.modal-basket__product-r-info > span {
  font-weight: 700;
  font-size: clamp(0.875rem, 0.667rem + 0.926vw, 1.5rem);
  line-height: 104%;
  color: var(--black);
}
.modal-basket__product-r-info > p {
  font-weight: 400;
  font-size: clamp(0.813rem, 0.75rem + 0.278vw, 1rem);
  line-height: 104%;
  color: #c0c0c0;
}
.modal-basket__product-r-info > p span {
  text-decoration: line-through;
}
.modal-basket__bottom {
  margin-top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 34px;
  width: 100%;
}
.modal-basket__bottom button {
  border-radius: 100%;
  background-color: #8654cc;
  min-width: 34px;
  height: 34px;
  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;
}
.modal-basket__left p {
  font-weight: 400;
  font-size: clamp(1rem, 0.958rem + 0.185vw, 1.125rem);
  line-height: 104%;
  color: var(--black);
  max-width: 110px;
}
.modal-basket__favotite {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px;
}
.modal-basket.activeModalBasket {
  opacity: 1;
  visibility: visible;
}
.modal-basket.activeModalBasket .modal-basket__modal {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.basket {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.basket__modal {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: translateX(100px);
  -ms-transform: translateX(100px);
  transform: translateX(100px);
  max-width: clamp(20rem, 16.651rem + 16.75vw, 28.875rem);
  width: 100%;
  padding: clamp(4.063rem, 3.473rem + 2.95vw, 5.625rem) clamp(1.125rem, 0.96rem + 0.83vw, 1.563rem);
  border-radius: clamp(0.938rem, 0.82rem + 0.59vw, 1.25rem);
  background: var(--white);
}
.basket__modal h2 {
  font-weight: 700;
  font-size: clamp(0.0664375rem, -0.5118rem + 2.5701vw, 1.8125rem);
  line-height: 104%;
  color: var(--black);
}
.basket__modal form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 11px;
  margin-top: clamp(1.25rem, 1.061rem + 0.94vw, 1.75rem);
  background: var(--basket1);
}
.basket__modal form input {
  border: 0;
  padding: 11px 9px 11px 22px;
  background: transparent;
  font-weight: 500;
  font-size: clamp(0.75rem, 0.656rem + 0.47vw, 1rem);
  line-height: 104%;
  color: var(--black);
  max-width: 186px;
  width: 100%;
}
.basket__modal form button {
  background-color: #8b8b8b;
  font-weight: 500;
  font-size: clamp(0.75rem, 0.656rem + 0.47vw, 1rem);
  line-height: 104%;
  color: #fff;
  padding: 11px 22px;
  border-radius: 11px;
  width: 100%;
  text-align: start;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.basket__modal form button:hover {
  background-color: #bebebe;
}
.basket__cards {
  margin-top: clamp(1.375rem, 1.186rem + 0.94vw, 1.875rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  overflow: auto;
  height: calc(100% - 100px);
}
@media (max-width: 480px) {
  .basket__cards {
    height: calc(100% - 130px);
  }
}
.basket__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 8px;
}
.basket__card img {
  width: clamp(7.813rem, 6.704rem + 5.54vw, 10.75rem);
  height: clamp(7.813rem, 6.704rem + 5.54vw, 10.75rem);
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.basket__info a {
  display: block;
  font-weight: 500;
  font-size: clamp(0.813rem, 0.695rem + 0.59vw, 1.125rem);
  line-height: 104%;
  color: var(--black);
  text-align: start;
}
.basket__info p {
  margin-top: clamp(0.75rem, 0.656rem + 0.47vw, 1rem);
  font-weight: 500;
  font-size: 15px;
  line-height: 104%;
  color: var(--black);
}
.basket__flex {
  margin-top: clamp(0.688rem, 0.57rem + 0.59vw, 1rem);
  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: 5px;
}
.basket__flex > span {
  font-weight: 700;
  font-size: clamp(1.063rem, 0.897rem + 0.83vw, 1.5rem);
  line-height: 104%;
  color: var(--black);
}
.basket__counter {
  border-radius: 10px;
  width: clamp(4.75rem, 4.066rem + 3.42vw, 6.563rem);
  height: 33px;
  background-color: var(--counter);
  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;
}
.basket__counter span {
  font-weight: 500;
  font-size: clamp(0.688rem, 0.57rem + 0.59vw, 1rem);
  line-height: 104%;
  text-align: center;
  color: var(--black);
  min-width: 17px;
}
.basket__counter button {
  width: 100%;
  height: 100%;
  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;
  font-weight: 400;
  font-size: clamp(1.125rem, 0.983rem + 0.71vw, 1.5rem);
  line-height: 104%;
  text-align: center;
  color: var(--counterText);
}
.basket__buttons {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* height: clamp(1.063rem, 0.685rem + 1.89vw, 2.063rem); */
}
@media (max-width: 480px) {
  .basket__buttons {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.basket__buttons > button {
  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;
  height: 100%;
  width: 100%;
}
@media (max-width: 480px) {
  .basket__buttons > button {
    padding: 10px 40px !important;
    width: 100%;
  }
}
.basket__buttons > button:nth-child(1) {
  padding: 11px clamp(0.75rem, 0.42rem + 1.65vw, 1.625rem);
  background-color: #00746a;
  border-radius: 10px;
  font-weight: 500;
  font-size: clamp(0.5rem, 0.335rem + 0.83vw, 0.938rem);
  line-height: 104%;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.basket__buttons > button:nth-child(1):hover {
  background-color: #109a8e;
}
.basket__buttons > button:nth-child(2) {
  padding: 11px clamp(0.75rem, 0.42rem + 1.65vw, 1.625rem);
  border: 1px solid #006a61;
  border-radius: 10px;
  font-weight: 500;
  font-size: clamp(0.5rem, 0.335rem + 0.83vw, 0.938rem);
  line-height: 104%;
  color: var(--black);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.basket__buttons > button:nth-child(2):hover {
  background-color: #006a61;
  color: white;
}
.basket.activeBasket {
  opacity: 1;
  visibility: visible;
}
.basket.activeBasket .basket__modal {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.home {
  margin-top: 35px;
}
.home__advertisement {
  max-width: 1447px;
  width: 100%;
  margin: 0 auto;
  padding: clamp(0rem, -0.943rem + 4.72vw, 2.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 100px;
  background: url("../img/home_dec_1.png") no-repeat;
  background-position: 60% center;
  background-size: cover;
  width: 100%;
  height: 681px;
}
.home__advertisement img {
  width: clamp(14.5rem, 11.002rem + 15.547vw, 25.063rem);
}
.home__advertisement h1 {
  margin-top: 40px;
  font-weight: 500;
  font-size: clamp(1.938rem, 1.131rem + 3.587vw, 4.375rem);
  line-height: 104%;
  color: #22303e;
}
.home__advertisement p {
  margin-top: 12px;
  font-weight: 500;
  font-size: clamp(1.313rem, 0.775rem + 2.391vw, 2.938rem);
  line-height: 104%;
  color: #22303e;
}
.home__action {
  margin-top: clamp(2.563rem, 2.209rem + 1.77vw, 3.5rem);
}
.home__action h2 {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.107rem + 1.748vw, 2.688rem);
  line-height: 104%;
  color: var(--darkGreen);
}
.home__cards {
  margin-top: 25px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
@media (max-width: 1000px) {
  .home__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 530px) {
  .home__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.home__cosmetics {
  position: relative;
  /* width: clamp(15rem, 13.774rem + 6.13vw, 18.25rem); */
  width: clamp(15rem, 13.774rem + 10.13vw, 26.25rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  /* align-items: center; */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  /* justify-content: center; */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 1020px) {
  .home__cosmetics {
    right: 0;
    margin: 0 auto;
  }
}

.home__cosmetics::after {
  content: "";
  position: absolute;
  /* top: -25px; */
  top: -25px;
  right: 10px;
  background: url(../img/cosmeticsBack-1.png) no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  /* height: clamp(24.25rem, 22.599rem + 8.25vw, 28.625rem); */
  height: clamp(26.25rem, 22.599rem + 15vw, 39.625rem);
  z-index: -1;
}
@media (max-width: 1020px) {
  .home__cosmetics::after {
    right: 0;
	top: 0;
  }
}
@media (max-width: 540px) {
  .home__cosmetics::after {
    top: 0;
    height: clamp(31.25rem, -1.25rem + 144.444vw, 47.5rem);
  }
}
.home__cosmetics h4 {
  max-width: 197px;
  font-weight: 500;
  font-size: 38px;
  line-height: 104%;
  color: #fff;
}

@media (max-width: 540px) {
  .home__cosmetics h4 {
    font-size: clamp(1.625rem, 0.125rem + 6.667vw, 2.375rem);
  }
}
.home__info-cos {
  /* padding-left: 30px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 540px) {
  .home__info-cos {
    padding-left: 0px;
  }
}
.home__info-cos img {
  /* width: clamp(5.625rem, 4.496rem + 3.34vw, 6.938rem); */
}

.card-product {
  position: relative;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: clamp(13.938rem, 8.537rem + 14.404vw, 21.5rem);
 /* border: 2px solid #dde9e8;*/
  border-radius: 5px;
  background-color: #ffffff;
}
.card-product:hover {
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0 0 50px 0px #01726714;
    transition: .5s;
}
@media (max-width: 1000px) {
  .card-product {
    width: 100%;
  }
}
.card-product img {
  height: 207px;
  margin-top: 25px;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
.card-product__info {
  width: 100%;
  padding: 11px clamp(0.75rem, 0.679rem + 0.35vw, 0.938rem);
  margin-top: -5px;
  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-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: var(--cardproductinfo);
}
.card-product__rating {
  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: 4px;
  border-radius: 5px;
  padding: 6px 8px;
  margin-right: auto;
  margin-left: 20px;
  /* width: 41px;
  height: 17px; */
  font-weight: 500;
  font-size: 17px;
  line-height: 104%;
  color: #525252;
  background-color: #fafafa;
}
.card-product__top h3 {
  margin-top: 10px;
}
.card-product__top h3 a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-size: 21px;
  line-height: 104%;
  color: var(--darkBlue);
}
.card-product__bottom {
  margin-top: auto;
}
.card-product__bottom p {
  margin-top: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--darkBlue);
}
.card-product__buttons {
  margin-top: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  justify-content: space-between;
}
.card-product__buttons button {
  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: 5px;
  /* max-width: 53px;
  width: 100%;
  height: 17px; */
  padding: 7px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 104%;
  color: #fff;
  background-color: var(--infaproves);
}
.card-product__price-block {
  margin-top: 10px;
  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: 5px;
}
.card-product__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}
.card-product__price span:nth-child(1) {
  font-weight: 500;
  font-size: 21px;
  line-height: 104%;
  color: #fff;
  background: #006a61;
  border-radius: 5px;
  padding: 4px 10px;
}
.card-product__price span:nth-child(2) {
  font-weight: 500;
  font-size: 24px;
  line-height: 104%;
  text-decoration: line-through;
  color: #c0c0c0;
}
.card-product__ball {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}
.card-product__ball span {
  font-weight: 500;
  font-size: 17px;
  line-height: 104%;
  text-align: right;
  color: #c0c0c0;
}
.card-product__ball svg {
  cursor: pointer;
}
.card-product__hint {
  width: 200px;
  position: absolute;
  left: -140px;
  bottom: 20px;
  z-index: 3;
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: #012321;
  background: #f5f5f5;
  padding: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  opacity: 0;
  visibility: hidden;
}
.card-product__svg:hover + .card-product__hint {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.card-product__basket {
  margin-top: 15px;
  background-color: #006a61;
  border-radius: 5px;
  font-weight: 400;
  font-size: 17px;
  line-height: 104%;
  text-align: center;
  color: #fff;
  padding: 12px 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.card-product__basket:hover {
  background-color: #109a8e;
}
.card-product__basket-uzhe {
  margin-top: 15px;
  background-color: #fe8b2c;
  border-radius: 5px;
  font-weight: 400;
  font-size: 17px;
  line-height: 104%;
  text-align: center;
  color: #fff;
  padding: 12px 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.card-product__discount {
  position: absolute;
  top: 0;
  left: 8px;
  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;
  border-radius: 0 0 5px 5px;
  min-width: 54px;
  height: 22px;
  background-color: #f30c01;
  font-weight: 500;
  font-size: 17px;
  line-height: 104%;
  color: #fff;
}
.card-product__discount-t {
  padding: 4px 10px;
  position: absolute;
  top: 0;
  width: calc(100% - 30px);
  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;
  border-radius: 0 0 5px 5px;
  height: 21px;
  background-color: #f30c01;
  font-weight: 500;
  font-size: 12px;
  line-height: 104%;
  color: #fff;
}
.card-product__suitability {
  padding: 4px 10px;
  position: absolute;
  top: 0;
  width: calc(100% - 30px);
  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;
  border-radius: 0 0 5px 5px;
  height: 21px;
  background-color: #fe8b2c;
  font-weight: 500;
  font-size: 12px;
  line-height: 104%;
  color: #fff;
}
.card-product__stock {
  position: absolute;
  top: 0;
  /*left: 8px;*/
  margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
  padding: 0px 34px 0 8px;
  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: 13px;
  border-radius: 0 0 8px 8px;
  width: calc(100% - 30px);
  height: 23px;
  background-color: #808080;
  font-weight: 500;
  font-size: 17px;
  line-height: 104%;
  color: #fff;
}

.card-product .activeCardButton {
  background-color: #fe8b2c;
}

.nostock .activeCardButton {
  border: 1px solid #ff7306;
  background-color: var(--white);
  color: var(--darkBlue);
}
.nostock .card-product__basket {
  background-color: #808080;
}

.shares {
  margin-top: clamp(3.125rem, 2.606rem + 2.59vw, 4.5rem);
}
.shares__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: 10px;
  position: relative;
  z-index: 2;
}
.shares__top h2 {
  font-weight: 700;
  font-size: clamp(1.5rem, 2.288rem + 1.06vw, 2.75rem);
  line-height: 104%;
  color: var(--darkGreen);
}
.shares__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 21px;
  line-height: 104%;
  text-decoration: underline;
  text-align: center;
  color: var(--darkGreen);
}
.shares__link svg {
  fill: var(--darkGreen);
}
.shares__banner {
  position: relative;
  margin-top: clamp(1.875rem, 1.71rem + 3.83vw, 5.313rem);
}

.shares__banner img{
  width: 836px;
  margin-left:-17px;
}
@media (max-width: 950px) {
  .shares__banner img {
    width: 100%;
  }
}
.shares__info-block {
  position: absolute;
  top: 50%;
  right: 11%;
  z-index: 1;
  -webkit-transform: translateY(-52%);
  -ms-transform: translateY(-52%);
  transform: translateY(-52%);
  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;
  height: clamp(30.875rem, 37.861rem + 14.07vw, 46.563rem);
}
@media (max-width: 950px) {
  .shares__info-block {
    position: relative;
    top: inherit;
    right: inherit;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin-top: -70px;
  }
}
@media (max-width: 570px) {
  .shares__info-block {
    margin-top: -60px;
  }
}
.shares__info-block::after {
  content: "";
  position: absolute;
  background: url("../img/shares__dec_1.png") no-repeat;
  /* background-size: cover; */
  top: 30px;
  width: 934px;
  height: 100%;
  z-index: -1;
}
.shares__info-block span {
  padding: 7px 21px;
  font-weight: 500;
  font-size: 19px;
  line-height: 104%;
  color: #fff;
  background: #fe8b2c;
  border-radius: 16px;
}
.shares__info-block h3 {
  margin-top: 21px;
  font-weight: 700;
  font-size: clamp(1.75rem, 1.44rem + 1.38vw, 2.688rem);
  line-height: 104%;
  color: #012321;
}
.shares__info-block p {
  margin-top: 5px;
  max-width: 554px;
  font-weight: 400;
  font-size: clamp(1.125rem, 1.063rem + 0.276vw, 1.313rem);
  line-height: 104%;
  color: #000;
}
.shares__info-block a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 22px;
  display: block;
  border-radius: 5px;
  background-color: #fff;
  padding: 12px 31px;
  font-weight: 500;
  font-size: clamp(1.125rem, 1.063rem + 0.276vw, 1.313rem);
  line-height: 104%;
  color: #000;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.shares__info-block a:hover {
  background-color: #f0eeee;
}

.interesting {
  margin-top: clamp(1.875rem, 1.002rem + 4.36vw, 4.188rem);
}
.interesting h2 {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.288rem + 2.06vw, 2.75rem);
  line-height: 104%;
  color: var(--darkGreen);
}
.interesting__cards {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0.938rem, -1.568rem + 4.72vw, 1.875rem) 1fr clamp(0.938rem, -1.568rem + 4.72vw, 1.875rem) 1fr clamp(0.938rem, -1.568rem + 4.72vw, 1.875rem) 1fr;
  grid-template-columns: repeat(4, 1fr);
  /* gap: clamp(0.938rem, -1.568rem + 4.72vw, 1.875rem); */
  -ms-grid-rows: auto clamp(0.938rem, -1.568rem + 4.72vw, 1.875rem) auto clamp(0.938rem, -1.568rem + 4.72vw, 1.875rem) auto;
  grid-template-areas: "one two three three" "four four five six" "four four seven seven";
}
@media (max-width: 850px) {
  .interesting__cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "seven seven" "one two" "three three" "five six" "four four";
  }
}
.interesting__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* padding: 25px 12px 0 12px; */
  /* border-radius: 20px; */
  /* background-color: #f5f5f5; */
  overflow: hidden;
}
.interesting__card h3 {
  max-width: 255px;
  font-weight: 700;
  font-size: clamp(1rem, 0.598rem + 1.071vw, 1.563rem);
  padding-top: clamp(1.5rem, 1.066rem + 1.448vw, 2.375rem);
  padding-left: clamp(1.188rem, 0.722rem + 1.551vw, 2.125rem);
  line-height: 104%;
  color: #02695f;
  margin-right: auto;
}
.interesting__card h3:last-child {
  color: #fff;
}
.interesting__card img {
  margin-top: auto;
  margin-bottom: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  mix-blend-mode: multiply;
}
.interesting__card:nth-child(2) img{
  width: 250px;
  height: auto;
}

.interesting__card:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: one;
  margin-left: 14px;
  height: 281px;
  width: 327px;
  background: url(../img/bg-main-block/bg-block1.png) no-repeat;
}
.placement__inps-top > .interesting__card:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.interesting__card:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  margin-left: 9px;
  grid-area: two;
  height: 281px;
  width: 341px;  
  background: url(../img/bg-main-block/bg-block2.png) no-repeat;
}
.placement__inps-top > .interesting__card:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
}
.interesting__card:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  grid-area: three;
  height: 281px;
  width: 716px;
  margin-left: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: url(../img/bg-main-block/bg-block3.png) no-repeat;
}
.placement__inps-top > .interesting__card:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
  -ms-grid-column-span: 3;
}
.interesting__card:nth-child(3) img {
  /* -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
  -webkit-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%); */
  margin-left: auto;
  margin-right: 30px;
  margin-left: auto;
    margin-right: 50px;
    margin-top: -42px;
    width: 452px;
}
.interesting__card:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: four;
  margin-top: 28px;
  padding: 0 23px 44px 23px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  background: url(../img/bg-main-block/bg-block4.png) no-repeat;
  height: 558px;
  width: 703px;
}
.placement__inps-top > .interesting__card:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
}
.interesting__card:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  grid-area: five;
  margin-top: 28px;
  margin-left: 28px;
  background: url(../img/bg-main-block/bg-block5.png) no-repeat;
  height: 281px;
  width: 339px;
}
.placement__inps-top > .interesting__card:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
  -ms-grid-column-span: 5;
}
.interesting__card:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
  grid-area: six;
  margin-top: 28px;
  margin-left: 9px;
  background: url(../img/bg-main-block/bg-block6.png) no-repeat;
  height: 281px;
  width: 344px;
}
.placement__inps-top > .interesting__card:nth-child(6) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
}
.interesting__card:nth-child(7) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  grid-area: seven;
  margin-top: 24px;
  margin-left: 28px;
  padding: 0 23px 44px 23px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  height: 250px;
  width: 682px;
  /* background: url("../img/interesting/back.png") no-repeat; */
  background: url(../img/bg-main-block/bg-block7.png) no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 850px) {
  .interesting__cards{
    gap: clamp(0.938rem, -1.568rem + 4.72vw, 1.875rem);
  }
  .interesting__card img {
    margin: auto;
    padding: 15px;
  }
  .interesting__card:nth-child(3) img {
    margin-right: 0;
    width: 341px;
  }
  .interesting__card:nth-child(4) img {
    padding-top: 68px;
  }
}
.exclusives {
  margin-top: clamp(2.5rem, 2.217rem + 1.42vw, 3.25rem);
}
.exclusives h2 {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.288rem + 2.06vw, 2.75rem);
  line-height: 104%;
  color: var(--darkGreen);
}
.exclusives__buttons {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: clamp(0rem, -0.31rem + 1.38vw, 0.938rem);
}
.exclusives__buttons button {
  background: var(--white);
  padding: 11px clamp(1rem, 0.882rem + 0.59vw, 1.313rem);
  border-radius: 10px;
  font-weight: 500;
  font-size: clamp(0.813rem, 0.695rem + 0.59vw, 1.125rem);
  line-height: 104%;
  color: var(--black);
  background: var(--whiteButton);
}
.exclusives__cards {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
@media (max-width: 1000px) {
  .exclusives__cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 530px) {
  .exclusives__cards {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.exclusives .activeButtons {
  background: var(--lightWhiteButton);
}
.exclusives__discount {
  margin-top: 20px;
  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: 30px;
  padding: 70px 30px 70px clamp(1.625rem, 1.48rem + 0.644vw, 2.063rem);
  background: url("../img/exclusives__discount_1.png") no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 499px;
}
@media (max-width: 1168px) {
  .exclusives__discount {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}
.exclusives__left p {
  font-weight: 500;
  font-size: 17px;
  line-height: 104%;
  color: #fff;
}
.exclusives__left h4 {
  margin-top: 20px;
  font-weight: 700;
  font-size: clamp(3rem, 2.772rem + 1.013vw, 3.688rem);
  line-height: 104%;
  text-transform: uppercase;
  color: #fff;
  max-width: 400px;
}
.exclusives__left a {
  margin-top: 55px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 17px 36px;
  font-weight: 700;
  font-size: 21px;
  line-height: 104%;
  text-align: center;
  color: #0d736b;
  border-radius: 15px;
  background-color: #ebf6fe;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.exclusives__left a:hover {
  background-color: #f0eeee;
}
.exclusives__right {
  font-weight: 400;
  font-size: 28px;
  line-height: 104%;
  color: #fff;
  max-width: 470px;
}
@media (max-width: 850px) {
  .exclusives__right {
    display: none;
  }
}
.exclusives__survey {
  margin-top: clamp(1.188rem, 0.999rem + 0.94vw, 1.688rem);
  padding: 50px clamp(0.625rem, -4.387rem + 9.43vw, 2.5rem);
  background: #fafafb;
  border-radius: 40px;
}
.exclusives__top-survey {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}
.exclusives__top-survey h5 {
  font-weight: 500;
  font-size: 43px;
  line-height: 104%;
  color: #000;
}
.exclusives__flex {
  margin-top: clamp(1.375rem, 0.715rem + 3.3vw, 3.125rem);
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.exclusives__flex img {
  -ms-grid-column-align: end;
  justify-self: end;
}
@media (max-width: 850px) {
  .exclusives__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.exclusives__hint {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  font-weight: 400;
  font-size: 19px;
  line-height: 104%;
  text-align: right;
  color: #000;
}
@media (max-width: 850px) {
  .exclusives__hint {
    display: none;
  }
}
.exclusives__hint svg {
  cursor: pointer;
}
.exclusives__hint svg:hover + .exclusives__hint-block {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.exclusives__hint-block {
  width: 200px;
  position: absolute;
  left: 5px;
  bottom: 20px;
  z-index: 3;
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: #012321;
  background: #f5f5f5;
  padding: 10px;
  border-radius: 10px;
  text-align: start;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  opacity: 0;
  visibility: hidden;
}
.exclusives__survey-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 25px;
}
.exclusives__survey-block label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  font-weight: 400;
  font-size: 25px;
  line-height: 104%;
  color: #1f1f1f;
}
.exclusives__survey-block label input {
  display: none;
}
.exclusives__survey-block label input:checked + span {
  border: 1px solid #006A61;
  background-color: transparent;
}
.exclusives__survey-block label input:checked + span::after {
  opacity: 1;
  visibility: visible;
}
.exclusives__survey-block button {
  padding: 16px 26px;
  background-color: #006a61;
  border-radius: 15px;
  font-weight: 500;
  font-size: 19px;
  line-height: 104%;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.exclusives__survey-block button:hover {
  background-color: #109a8e;
}
.exclusives__radio-custom {
  display: inline-block;
  position: relative;
  min-width: 25px;
  height: 25px;
  background-color: #91C8C4;
  border: 1px solid #91C8C4;
  border-radius: 50%;
  vertical-align: sub;
}
.exclusives__radio-custom::after {
  content: "";
  min-width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #006A61;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
}
.exclusives__advantages-block {
  position: relative;
  padding: 0 20px;
  margin-top: clamp(0.625rem, 0.13rem + 2.48vw, 1.938rem);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 64px;
  height: 394px;
}
.exclusives__advantages-block::after {
  content: '';
  position: absolute;
  background-image: url(../img/shares__dec_2.png);
  /* display: inline-block; */
  width: 1479px;
  height: 394px;
  left: -38px;
  z-index: -1;
}
@media (max-width: 950px) {
  .exclusives__advantages-block {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    height: auto;
    gap: 15px;
    background-image: url(../img/bg_advanced.png);
    padding: 30px;
  }
  .exclusives__advantages-block::after{display: none;}
  .feedback{padding-top: 47px;}
}
.exclusives__advantages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 35px;
  /* padding-top: 118px; */
}
@media (max-width: 950px) {
  .exclusives__advantages {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 60px 1fr;
    grid-template-columns: 60px 1fr;
    gap: 15px;
    padding-top: 0;
  }
}
.exclusives__advantages img {
  position: relative;
  /* z-index: -1; */
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 108px;
}
.exclusives__advantages-info {
  position: relative;
  /* padding: 20px; */
  /* background: #f1f1f1;
  border-radius: 15px; */
}
/* .exclusives__advantages-info::after {
  content: "";
  position: absolute;
  left: -25px;
  top: 60%;
  border: 20px solid transparent;
  border-right: 20px solid #f1f1f1;
  border-bottom: 20px solid #f1f1f1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
} */
.exclusives__advantages-info h6 {
  font-weight: 700;
  font-size: 25px;
  line-height: 104%;
  color: #02796e;
}
.exclusives__advantages-info p {
  margin-top: 16px;
  font-weight: 400;
  font-size: 17px;
  line-height: 110%;
  letter-spacing: 0.06em;
  color: #1c1c1c;
  text-align: justify;
}

.feedback {
  /* margin-top: 47px; */
}
.feedback h2 {
  font-weight: 700;
  font-size: clamp(1.5rem, 0.652rem + 2.262vw, 2.688rem);
  line-height: 104%;
  color: var(--darkGreen);
}
.feedback__cards {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 850px) {
  .feedback__cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 550px) {
  .feedback__cards {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.feedback__card {
  min-height: 408px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #dde9e8;
  border-radius: 5px;
  -webkit-box-shadow: 0 4px 11px 0 rgba(0, 106, 97, 0.04);
  box-shadow: 0 4px 11px 0 rgba(0, 106, 97, 0.04);
}
@media (max-width: 850px) {
  .feedback__card:nth-child(3) {
    display: none;
  }
}
@media (max-width: 550px) {
  .feedback__card:nth-child(2) {
    display: none;
  }
}
.feedback__top {
  position: relative;
  background-color: #fff;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 246px;
  height: 100%;
}
.feedback__top img{
  height: 246px;
}
.feedback__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  position: absolute;
  bottom: 0;
  left: 15px;
  background-color: var(--lightFeedback);
  border-radius: 5px 5px 0 0;
}
.feedback__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 19px 15px;
  background-color: var(--lightFeedback);
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.feedback__info h3 {
  font-weight: 500;
  font-size: 21px;
  line-height: 104%;
  color: var(--darkBlue);
}
.feedback__info p {
  margin-top: 15px;
  font-weight: 400;
  font-size: 19px;
  line-height: 104%;
  color: var(--darkBlue);
}
.feedback__info span {
  margin-top: auto;
  padding-top: 15px;
  font-weight: 700;
  font-size: 19px;
  line-height: 104%;
  color: var(--darkBlue);
}

.partners {
  margin-top: clamp(4.125rem, 2.593rem + 6.808vw, 8.75rem);
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.partners h2 {
  font-weight: 700;
  font-size: clamp(1.5rem, 0.652rem + 2.262vw, 2.688rem);
  line-height: 104%;
  color: var(--darkGreen);
}
.partners__logo {
  margin-top: clamp(0.813rem, 0.246rem + 2.83vw, 2.313rem);
  /* padding: 26px 0; */
  background-color: #fffdfe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  overflow: auto;
}
.partners__form {
  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("../img/form.png") no-repeat;
  background-size: cover;
  background-position: center;
  max-width: 1447px;
  width: 100%;
  height: 200px;
  margin: 0 auto;
}
.bg{
  background: var(--newsbg);
}
@media (max-width: 850px) {
  .partners__form {
    height: auto;
    background: url(../img/form_mob.png) no-repeat;
    background-size: cover;
    background-position: right bottom;
  }
}
.partners__form-content {
  padding: 0 clamp(0.688rem, -9.169rem + 18.55vw, 4.375rem) 0 clamp(0rem, -8.353rem + 15.72vw, 3.125rem);
  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;
  /* max-width: 1447px;
  width: 100%;
  height: 175px; */
}
@media (max-width: 850px) {
  .partners__form-content {
    -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: start;
    -ms-flex-align: start;
    align-items: start;
    height: 278px;
    gap: 19px;
  }
}
.partners__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
  -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: start;
}
.partners__right p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  /* margin-top: 5px; */
  font-weight: 400;
  font-size: clamp(0.75rem, 0.527rem + 0.595vw, 1.063rem);
  line-height: 104%;
  text-align: center;
  color: #fff;
}
@media (max-width: 850px) {
  .partners__right p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.partners__right a {
  display: block;
  font-weight: 400;
  /* font-size: 13px; */
  line-height: 104%;
  text-align: center;
  color: #fff;
  text-decoration: underline;
  text-align: start;
}
.partners__left h4 {
  font-weight: 500;
  font-size: clamp(1.563rem, 0.67rem + 2.381vw, 2.813rem);
  line-height: 104%;
  text-transform: uppercase;
  color: #fff;
}
.partners__left p {
  font-weight: 500;
  font-size: clamp(1.25rem, 0.67rem + 1.548vw, 2.063rem);
  line-height: 104%;
  color: #fff;
}
.partners__form-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  /* max-width: 455px; */
  width: 100%;
}
.partners__form-block input {
  border-radius: 10px;
  width: 100%;
  border: 0;
  background-color: #fff;
  padding: 15px 17px;
  font-weight: 500;
  font-size: clamp(0.875rem, 0.652rem + 0.595vw, 1.188rem);
  line-height: 104%;
  color: #6a6a6a;
}
.partners__form-block input::-webkit-input-placeholder {
  font-weight: 500;
  font-size: clamp(0.875rem, 0.652rem + 0.595vw, 1.188rem);
  line-height: 104%;
  color: #6a6a6a;
}
.partners__form-block input::-moz-placeholder {
  font-weight: 500;
  font-size: clamp(0.875rem, 0.652rem + 0.595vw, 1.188rem);
  line-height: 104%;
  color: #6a6a6a;
}
.partners__form-block input:-ms-input-placeholder {
  font-weight: 500;
  font-size: clamp(0.875rem, 0.652rem + 0.595vw, 1.188rem);
  line-height: 104%;
  color: #6a6a6a;
}
.partners__form-block input::-ms-input-placeholder {
  font-weight: 500;
  font-size: clamp(0.875rem, 0.652rem + 0.595vw, 1.188rem);
  line-height: 104%;
  color: #6a6a6a;
}
.partners__form-block input::placeholder {
  font-weight: 500;
  font-size: clamp(0.875rem, 0.652rem + 0.595vw, 1.188rem);
  line-height: 104%;
  color: #6a6a6a;
}
.partners__form-block button {
  padding: 18px clamp(0.875rem, 0.403rem + 2.36vw, 2.125rem);
  font-weight: 500;
  font-size: clamp(0.875rem, 0.518rem + 0.952vw, 1.375rem);
  line-height: 104%;
  text-align: center;
  color: #000;
  background: #fff;
  border-radius: 10px;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.partners__form-block button:hover {
  background-color: #f0eeee;
}

.obtaining {
  margin-top: clamp(1.25rem, -0.943rem + 8.161vw, 6.438rem);
}
.obtaining h2 {
  font-weight: 700;
  font-size: clamp(1.5rem, 0.652rem + 2.262vw, 2.688rem);
  line-height: 104%;
  color: var(--darkGreen);
}
.obtaining__map {
  position: relative;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* background-color: #fff; */
  border-radius: 40px;
  /* overflow: hidden; */
  height: 520px;
}
.obtaining__map-no-main{  
  margin-top: 30px;
  margin-bottom: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 40px;
  align-items: flex-end;
}
.obtaining__info{
  background-image: url(../img/dec-card-1.png);
  /* background-size: revert-layer; */
  background-repeat: no-repeat;
  width: 647px;
  padding: 70px;
  position: absolute;
  top: -44px;
  left: -63px;
}

.obtaining__info-no-main{
  /* width: 647px; */
  background-color: #fff;
  border-radius: 18px;
}
@media (max-width: 1000px) {
  .obtaining__map {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .obtaining__map-no-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
  }
  .obtaining__map iframe,
  .obtaining__map-block-no-main,
  .obtaining__map-no-main iframe,
  .obtaining__info-no-main {
    width: 100%;
  }
  .obtaining__info{
    top: 0;
    left: -89px;
  }
}
.obtaining__top {
  padding: 50px 42px 0 30px;
}
.obtaining__top::after{
  content: '';
  display: block;
  height: 2px;
  width: clamp(20rem, 15.982rem + 10.714vw, 25.625rem);
  background: #a9a8a7;
  margin-top: 22px;
}
.obtaining__top-no-main{
  padding: 10px 58px 15px 15px;
}

.obtaining__top h3 {
  font-weight: 700;
  font-size: 25px;
  line-height: 104%;
  color: #000;
}
.obtaining__top-no-main h3{
  font-weight: 500;
  font-size: 25px;
  line-height: 104%;
  color: #045f56;
}
.obtaining__top ul {
  max-width: 435px;
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.obtaining__top ul li {
  font-weight: 400;
  font-size: clamp(1rem, 0.821rem + 0.476vw, 1.25rem);
  line-height: 104%;
  color: #000;
}
.obtaining__top ul a {
  display: inline-block;
  font-size: 21px;
  line-height: 104%;
  color: #000;
  font-weight: 400;
  text-decoration: underline;
}
.obtaining__bottom {
  padding: 15px 58px 50px 30px;
  /* border-top: 1px solid #006a61; */
}
.obtaining__top-no-main ul {
  /* max-width: 282px; */
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.obtaining__top-no-main ul li {
  font-weight: 400;
  font-size: 17px;
  line-height: 104%;
  color: #045f56;
}
.obtaining__top-no-main ul a {
  display: inline-block;
  font-size: 19px;
  line-height: 104%;
  color: #045f56;
  font-weight: 500;
  text-decoration: underline;
}
.obtaining__bottom-no-main {
  padding: 15px 58px 15px 15px;
  border-top: 1px solid #006a61;
}
@media (max-width: 1000px) {
  .obtaining__bottom {
    padding: 15px 58px 39px 30px;
  }
}
.obtaining__bottom h3 {
  font-weight: 700;
  font-size: 25px;
  line-height: 104%;
  color: #000;
}
.obtaining__bottom p {
  max-width: 435px;
  margin-top: 18px;
  font-weight: 400;
  font-size: clamp(1rem, 0.821rem + 0.476vw, 1.25rem);
  line-height: 104%;
  color: #000;
}
.obtaining__bottom a {
  margin-top: 10px;
  display: inline-block;
  font-size: 21px;
  line-height: 104%;
  color: #000;
  font-weight: 400;
  text-decoration: underline;
}
.obtaining__map-block {
  /* min-height: 100%; */
  position: absolute;
    height: 435px;
    z-index: -1;
    right: 0;
    top: 34px;
}
.obtaining__bottom-no-main h3 {
  font-weight: 500;
  font-size: 25px;
  line-height: 104%;
  color: #045f56;
}
.obtaining__bottom-no-main p {
  max-width: 282px;
  margin-top: 18px;
  font-weight: 400;
  font-size: 17px;
  line-height: 104%;
  color: #045f56;
}
.obtaining__bottom-no-main a {
  margin-top: 10px;
  display: inline-block;
  font-size: 19px;
  line-height: 104%;
  color: #045f56;
  font-weight: 500;
  text-decoration: underline;
}

@media (max-width: 1000px) {
  .obtaining__info,
  .obtaining__map-block{
    position: relative;
  }
}
.obtaining__map-block iframe {
  height: 100%;
}

.tags {
  margin-top: 50px;
}
.tags__top {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}
.tags__top h1 {
  font-weight: 500;
  font-size: clamp(1.5rem, 1.311rem + 0.94vw, 5rem);
  line-height: 104%;
  color: var(--darkBlack);
}
.tags__top p {
  font-weight: 400;
  font-size: 17px;
  line-height: 104%;
  color: var(--black);
}
@media (max-width: 550px) {
  .tags__top p {
    display: none;
  }
}
.tags__slider-block {
  margin-top: 10px;
  padding: 8px clamp(0.938rem, 0.702rem + 1.18vw, 1.563rem);
  border-radius: 10px;
  background-color: var(--tagBack);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.tags__slider {
  cursor: pointer;
  overflow: hidden;
}
.tags__content .tags__slide {
  width: auto;
  display: block;
  padding: 7px 10px;
  border-radius: 100px;
  background-color: var(--tagColor);
  font-weight: 400;
  font-size: 15px;
  line-height: 104%;
  color: var(--tagText);
}
.tags__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(1.25rem, 1.038rem + 1.06vw, 1.813rem);
}
.tags__buttons button svg {
  fill: black;
}
.tags__buttons button.swiper-button-disabled svg {
  fill: #9f9ea3;
}
.tags__buttons button:last-child svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tags__banner {
  margin-top: clamp(0.938rem, 0.584rem + 1.77vw, 1.875rem);
  border-radius: 10px;
  width: 100%;
}

.filters {
  margin-top: 30px;
}
.filters__unner{
  border-radius: 12px;
  background-color: var(--filterinner);
  padding: 30px;
}
.filters h2 {
  font-weight: 500;
  font-size: clamp(1.25rem, 1.156rem + 1.47vw, 2rem);
  line-height: 104%;
  color: var(--titleFilter);
}
.filters__filter-block {
  margin-top: clamp(0.938rem, 0.82rem + 0.59vw, 1.25rem);
}
.filters__top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  position: relative;
  z-index: 5;
}
@media (max-width: 750px) {
  .filters__top {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }
  .filters__top > .filters__filter:not(:nth-child(1), :nth-child(2)) {
    display: none;
  }
}
@media (max-width: 480px) {
  .filters__top {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.filters__bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[9];
  grid-template-columns: repeat(9, 1fr);
}
@media (max-width: 1140px) {
  .filters__bottom {
    grid-template-columns: repeat(auto-fill, minmax(206px, 1fr));
  }
}
@media (max-width: 750px) {
  .filters__bottom {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    margin-top: 5px;
  }
  .filters__bottom > .filters__filter:not(:nth-child(1), :nth-child(2)) {
    display: none;
  }
}
@media (max-width: 480px) {
  .filters__bottom {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.filters__filter {
  position: relative;
}
.filters__filter button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 10px;
  border: 1px solid var(--borderFilter);
  background-color: var(--filterBack);
  font-weight: 400;
  font-size: 17px;
  line-height: 104%;
  color: var(--black);
  text-align: start;
}
.filters__filter button span {
  display: block;
  background: url("../img/svg/arr.svg") no-repeat;
  width: 11px;
  height: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.filters__filter button::first-letter {
  text-transform: capitalize;
}
.filters__filter > button:first-of-type {
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  min-width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  overflow: hidden;
}
.filters__filter-info {
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}
.filters__product-button {
  position: relative;
  padding: 22px 10px;
  /* border: 1px solid #00857b;
  border-radius: 5px;
  background-color: #00857b; */
  font-weight: 500;
  font-size: 15px;
  line-height: 104%;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* .filters__product-button:hover {
  background-color: #109a8e;
} */
.filters__product-button::after{
  content: '';
  position: absolute;
  background-image: url(../img/btn-filters.png);
  width: 400px;
  height: 135px;
  z-index: 2;
  top: -29px;
  left: -31px;
}
@media (max-width: 750px) {
  .filters__product-button {
    display: none;
  }
}
.filters__button-mob {
  display: none;
  margin-top: 5px;
  padding: 22px 10px;
  border: 1px solid #00857b;
  border-radius: 5px;
  background-color: #00857b;
  font-weight: 500;
  font-size: 15px;
  line-height: 104%;
  color: #fff;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.filters__button-mob:hover {
  background-color: #109a8e;
}
@media (max-width: 750px) {
  .filters__button-mob {
    display: block;
  }
}
.filters .activeFilter {
  z-index: 10;
}
.filters .activeFilter > button:first-of-type span {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.filters .activeFilter .filters__filter-info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  background: var(--podknopku);
}
.filters__cards-buttons {
  margin-top: clamp(0.938rem, 0.348rem + 2.95vw, 2.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  overflow: auto;
}
.filters__cards-buttons button {
  border-radius: 10px;
  padding: 10px 20px;
  background: var(--filterBack);
  font-weight: 500;
  font-size: clamp(1rem, 0.634rem + 0.736vw, 1.5rem);
  line-height: 100%;
  text-align: center;
  color: var(--black);
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.filters__cards-content {
  margin-top: 21px;
}
.filters__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
@media (max-width: 1000px) {
  .filters__cards {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 850px) {
  .filters__cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .filters__cards .card-product:not(:nth-child(-n+4)) {
    display: none;
  }
}
@media (max-width: 550px) {
  .filters__cards {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.filters__cards:nth-child(3) {
  margin-top: clamp(2rem, 1.693rem + 1.53vw, 2.813rem);
}
.filters .activeButtonCard {
  background-color: var(--cardBack);
}

.personal-cabinet {
  margin-top: 50px;
}
.personal-cabinet__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 54px;
}

.panel {
  display: block;
  border-radius: 10px;
  background: var(--panel);
  padding: 0 7px 15px 7px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 950px) {
  .panel {
    display: none;
  }
}
.panel__top {
  border-radius: 100%;
  width: 280px;
  height: 280px;
}
.panel__list {
  padding: 23px 17px 0;
}
.panel__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.panel__list li:not(:last-child, :first-child) {
  margin-top: 15px;
}
.panel__list li:last-child {
  margin-top: 67px;
}
.panel__list a {
  font-weight: 500;
  font-size: 21px;
  line-height: 104%;
  color: var(--listCabinetA);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.panel__list a:hover {
  color: var(--activePanel);
}
.panel .activeHref {
  color: var(--activePanel);
}

.cabinet {
  width: 100%;
}
.cabinet__content {
  margin-top: clamp(0rem, -6.264rem + 10.55vw, 1.438rem);
}
@media (max-width: 950px) {
  .cabinet__personal {
    margin-top: 30px;
  }
}
.cabinet__personal h1 {
  font-weight: 500;
  font-size: 35px;
  line-height: 104%;
  color: var(--cabinetTitle);
}
.cabinet__top-i {
  margin-top: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.cabinet__top-i > .cabinet__input:nth-child(-n+2) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 195px;
  flex: 1 1 195px;
  min-width: 150px;
}
.cabinet__top-i > .cabinet__input:nth-child(3) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 416px;
  flex: 1 1 416px;
  min-width: 300px;
}
@media (max-width: 950px) {
  .cabinet__top-i {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
  }
  .cabinet__top-i > .cabinet__input {
    -webkit-box-flex: 1 !important;
    -ms-flex: auto !important;
    flex: auto !important;
  }
}
.cabinet__bottom-i {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.cabinet__bottom-i > .cabinet__input:nth-child(1) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100px;
  flex: 1 1 100px;
  min-width: 70px;
}
.cabinet__bottom-i > .cabinet__input:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 127px;
  flex: 1 1 127px;
  min-width: 69px;
}
.cabinet__bottom-i > .cabinet__input:nth-child(3) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 143px;
  flex: 1 1 143px;
  min-width: 70px;
}
.cabinet__bottom-i > .cabinet__input:nth-child(5) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 416px;
  flex: 1 1 416px;
  min-width: 300px;
}
@media (max-width: 950px) {
  .cabinet__bottom-i {
    margin-top: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
  }
  .cabinet__bottom-i > .cabinet__input {
    width: 100%;
    -webkit-box-flex: 1 !important;
    -ms-flex: auto !important;
    flex: auto !important;
  }
  .cabinet__bottom-i > .cabinet__input:nth-child(-n+3) {
    display: none;
  }
}
.cabinet__content .cabinet__mob-inp {
  display: none;
}
@media (max-width: 950px) {
  .cabinet__content .cabinet__mob-inp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.cabinet__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}
.cabinet__input label {
  font-weight: 700;
  font-size: 19px;
  line-height: 104%;
  color: var(--darkGreen);
}
.cabinet__input input {
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  padding: 15px;
  background-color: var(--tagBack);
  font-weight: 400;
  font-size: 16px;
  line-height: 104%;
  color: var(--black);
  width: 100%;
}
.cabinet__info-block {
  margin-top: clamp(1.875rem, 0.605rem + 6.35vw, 4.375rem);
}
.cabinet__info {
  margin-top: 25px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.cabinet__info > .cabinet__program {
  display: block;
}
@media (max-width: 950px) {
  .cabinet__info > .cabinet__program {
    display: none;
  }
}
.cabinet__info-block h2 {
  font-weight: 500;
  font-size: clamp(1.313rem, 1.023rem + 1.288vw, 2.188rem);
  line-height: 104%;
  color: var(--cabinetTitle);
}
.cabinet__program h3 {
  font-weight: 700;
  font-size: clamp(1.125rem, 1.063rem + 0.276vw, 1.313rem);
  line-height: 104%;
  color: var(--cabinetTitle);
}
.cabinet__content .cabinet__mob-p {
  display: none;
}
@media (max-width: 950px) {
  .cabinet__content .cabinet__mob-p {
    display: block;
  }
}
.cabinet__card-program {
  height: 168px;
  margin-top: 15px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px;
  border: 2px solid #e8e8e8;
  padding: 15px;
  /* -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3); */
  background-color: var(--tagBack);
  z-index: 1;
  overflow: hidden;
}
.cabinet__card-program::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/card.png") no-repeat;
  /* -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3); */
  background-size: cover;
  width: 100%;
  height: 168px;
  z-index: -1;
}
@media (max-width: 420px) {
  .cabinet__card-program::after {
    opacity: 0.4;
  }
}
.cabinet__card-c {
  -ms-flex-item-align: end;
  align-self: flex-end;
  max-width: 240px;
}
.cabinet__card-c > p {
  display: block;
  font-weight: 500;
  font-size: clamp(1rem, 0.897rem + 0.46vw, 1.313rem);
  line-height: 104%;
  color: var(--black);
}
.cabinet__card-c > p:nth-child(2) {
  margin-top: 5px;
}
.cabinet__card-c div {
  max-width: 280px;
  margin-top: 15px;
  font-weight: 400;
  font-size: clamp(0.813rem, 0.73rem + 0.368vw, 1.063rem);
  line-height: 104%;
  color: var(--black);
}
.cabinet__card-c div span {
  color: var(--activePanel);
}
.cabinet__pets h3 {
  font-weight: 700;
  font-size: 21px;
  line-height: 104%;
  color: var(--cabinetTitle);
}
.cabinet__flex {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}
.cabinet__pet {
  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;
  background: url("../img/decPet.png") no-repeat;
  background-size: contain;
  max-width: 160px;
  width: 100%;
  height: clamp(6.188rem, -1.983rem + 13.76vw, 10.063rem);
}
@media (max-width: 950px) {
  .cabinet__pet {
    max-width: 100%;
    width: clamp(7.313rem, 3.503rem + 9.05vw, 8.875rem);
    height: clamp(7.313rem, 3.503rem + 9.05vw, 8.875rem);
  }
}
.cabinet__pet img {
  width: clamp(1.875rem, -5.206rem + 11.93vw, 3.5rem);
}
@media (max-width: 950px) {
  .cabinet__pet img {
    width: clamp(3.5rem, 1.802rem + 3.49vw, 3.875rem);
  }
}
.cabinet__pet h4 {
  margin-top: 14px;
  font-weight: 500;
  font-size: clamp(1.063rem, 0.98rem + 0.368vw, 1.313rem);
  line-height: 104%;
  color: #2b2b2b;
}

.myorder {
  margin-top: clamp(1.813rem, 1.341rem + 2.36vw, 3.063rem);
}
.myorder__table {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 13.08% 41.2% 12.02% 11.58% 10.7% 11.41%;
  grid-template-columns: 13.08% 41.2% 12.02% 11.58% 10.7% 11.41%;
  background-color: var(--tagBack);
  border: 1px solid #fff;
}
@media (max-width: 950px) {
  .myorder__table {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  .myorder__table .myorder__cell:not(:nth-child(-n+3)) {
    display: none;
  }
}
.myorder__table:nth-child(1) {
  border-radius: 10px 10px 0 0;
  background-color: #118278;
  border: 0;
}
.myorder__table:nth-child(1) .myorder__cell {
  color: white;
}
.myorder__table:nth-child(1) .myorder__cell::after {
  background-color: #fff;
}
.myorder__cell {
  position: relative;
  min-width: 100%;
  padding: 25px 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 104%;
  color: var(--colorTable);
}
.myorder__cell:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: black;
  min-width: 2px;
  height: calc(100% - 21px);
}
@media (max-width: 950px) {
  .myorder__cell:nth-child(n+3)::after {
    background-color: transparent;
    min-width: 0;
  }
}
.myorder a {
  display: block;
  width: 100%;
  padding: 20px;
  border-radius: 0 0 10px 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 104%;
  text-align: center;
  color: var(--buttonColorTable);
  background-color: var(--buttonTable);
}

.orders {
  margin-top: clamp(0rem, -6.264rem + 10.55vw, 1.438rem);
  width: 100%;
}
.orders h1 {
  font-weight: 500;
  font-size: 35px;
  line-height: 104%;
  color: var(--cabinetTitle);
}
.orders__buttons {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}
.orders__buttons button {
  border: 1px solid #c0c0c0;
  border-radius: 10px;
  padding: 10px clamp(0.125rem, -0.3rem + 2.12vw, 1.25rem);
  background-color: var(--orderButton);
  font-weight: 400;
  font-size: 21px;
  line-height: 104%;
  color: var(--black);
}
.orders__table-block {
  margin-top: 17px;
}
@media (max-width: 650px) {
  .orders__table-block {
    display: none;
  }
}
.orders__content .orders__top {
  border-radius: 10px 10px 0 0;
  background-color: #008d83;
  border: 0;
}
.orders__content .orders__top .orders__cell {
  color: white;
}
.orders__content .orders__top .orders__cell::after {
  background-color: #fff;
}
.orders__accardion {
  border: 1px solid #fff;
}
.orders__accardion > .orders__table {
  cursor: pointer;
}
.orders__table, .orders__accardion-table {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 15.64% 46.68% 13.74% 12.44% 11.49%;
  grid-template-columns: 15.64% 46.68% 13.74% 12.44% 11.49%;
  background-color: var(--tagBack);
}
.orders__accardion-content {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  background-color: var(--tagBack);
}
.orders__cell {
  position: relative;
  min-width: 100%;
  padding: 20px 9px;
  font-weight: 500;
  font-size: clamp(0.75rem, 0.5637rem + 0.828vw, 1.3125rem);
  line-height: 104%;
  color: var(--colorTable);
}
.orders__cell:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: black;
  min-width: 1px;
  height: calc(100% - 7px);
}
.orders__accardion-cell {
  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;
  padding: 9px;
  min-width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 104%;
  color: var(--colorTable);
}
.orders__accardion-cell span {
  width: 100%;
}
.orders .activeOrderButton {
  border: 1px solid #008d83;
  background-color: #008d83;
  color: #fafafa;
}
.orders__accardion-mob {
  margin-top: 30px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 650px) {
  .orders__accardion-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.orders__accardion-table-mob {
  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;
  gap: 10px;
  padding: 17px 10px;
  background-color: var(--mobAccardion);
  border-radius: 10px;
}
.orders__accardion-table-mob h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  font-size: 13px;
  line-height: 104%;
  color: var(--black);
}
.orders__accardion-table-mob h4 span {
  display: none;
}
.orders__accardion-table-mob span {
  font-weight: 400;
  font-size: 13px;
  line-height: 104%;
  color: var(--black);
}
.orders__accardion-table-mob a {
  text-decoration: underline;
  font-weight: 400;
  font-size: 13px;
  line-height: 104%;
  color: var(--black);
}
.orders__accardion-product-mob {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}
.orders__accardion-product-mob img {
  width: 52px;
  height: 70px;
  -o-object-fit: cover;
  object-fit: cover;
}
.orders__accardion-product-mob h6 {
  font-weight: 500;
  font-size: 16px;
  line-height: 104%;
  color: var(--colorTable);
}
.orders__accardion-info-mob {
  margin-top: 15px;
  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;
  gap: 10px;
}
.orders__accardion-info-mob h5 {
  font-weight: 700;
  font-size: 13px;
  line-height: 104%;
  color: var(--black);
}
.orders__accardion-info-mob span {
  font-weight: 700;
  font-size: 13px;
  line-height: 104%;
  text-align: right;
  color: #006a61;
}
.orders__accardion-content-mob {
  background-color: var(--mobAccardion);
  border-radius: 0 0 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.orders .hiddenBottom {
  display: none;
}
.orders .activeRepeat {
  border-radius: 10px 10px 0 0;
}
.orders .activeRepeat h4 span {
  display: block;
}

.loyalty {
  margin-top: clamp(0rem, -6.264rem + 10.55vw, 1.438rem);
}
.loyalty h1 {
  font-weight: 500;
  font-size: 35px;
  line-height: 104%;
  color: var(--cabinetTitle);
}
.loyalty__line-block {
  margin-top: 9px;
}
.loyalty__ongoing {
  margin-top: 56px;
  position: relative;
  border-radius: 20px;
  background-color: #00a18b;
  /* max-width: 820px; */
  width: 100%;
  height: 168px;
  padding: 15px clamp(0.625rem, -0.625rem + 6.25vw, 3.938rem) 0 clamp(0.625rem, -0.059rem + 3.42vw, 2.438rem);
}
.loyalty__ongoing::after {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  background: #b4d9d7;
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
  width: 95%;
  height: 100%;
  border-radius: 20px;
  z-index: -1;
}
.loyalty__ongoing h2 {
  font-weight: 500;
  font-size: clamp(1rem, 1.305rem + -1.357vw, 0.078rem);
  line-height: 104%;
  text-align: center;
  color: #fff;
}
.loyalty__line {
  position: relative;
  background: -webkit-gradient(linear, left bottom, left top, from(#c0d7e1), to(#adcad8));
  background: linear-gradient(360deg, #c0d7e1 0%, #adcad8 100%);
  height: 28px;
  width: 100%;
  border-radius: 100px;
  overflow: hidden;
}
.loyalty__line span {
  position: absolute;
  top: 0;
  left: 0;
  width: 49.62%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(1.5%, #36d235), to(#52df48));
  background: linear-gradient(360deg, #36d235 1.5%, #52df48 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;
  border: 1px solid #94c4c1;
  border-radius: 100px;
  font-weight: 500;
  font-size: 17px;
  line-height: 104%;
  color: #fff;
}
.loyalty__info-line {
  margin-top: 11px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (11fr)[3];
  grid-template-columns: repeat(3, 11fr);
  gap: 10px;
}
.loyalty__info-line h3 {
  font-weight: 500;
  font-size: clamp(0.813rem, 0.695rem + 0.59vw, 1.125rem);
  line-height: 104%;
  color: #fff;
}
.loyalty__title p {
  margin-top: 5px;
  font-weight: 500;
  font-size: clamp(0.625rem, 0.531rem + 0.47vw, 0.875rem);
  line-height: 104%;
  color: #fff;
}
.loyalty__cards {
  margin-top: clamp(3.063rem, 2.85rem + 1.06vw, 3.625rem);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media (max-width: 850px) {
  .loyalty__cards {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.loyalty__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;
}
@media (max-width: 850px) {
  .loyalty__card {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}
.loyalty__card h6 {
  font-weight: 500;
  font-size: 21px;
  line-height: 104%;
  color: var(--black);
}
.loyalty__card p {
  height: 100%;
  margin-top: 7px;
  font-weight: 500;
  font-size: 19px;
  line-height: 116%;
  color: var(--black);
  padding: 20px 32px 20px 20px;
  background-color: var(--loyaltyCard);
}

.news {
  margin-top: 50px;
}
.news h1 {
  font-weight: 700;
  font-size: clamp(1.5rem, 0.5064rem + 4.4158vw, 4.5rem);
  line-height: 104%;
  color: var(--darkGreen);
}
.news .shares {
  margin-top: 23px;
}
.news__top {
  display: none;
}
.news__filters {
  margin-top: clamp(1.25rem, 0.708rem + 2.71vw, 2.688rem);
  padding: 30px 18px;
  border-radius: 15px;
  background-color: var(--backNews);
}
.news__filters h2 {
  font-weight: 500;
  font-size: 29px;
  line-height: 104%;
  color: var(--titleFilter);
}
.news__buttons {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 750px) {
  .news__buttons {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.news__buttons button {
  display: block;
  padding: 23px 10px;
  border: 1px solid #e1e1e1;
  background-color: var(--buttonNews);
  font-weight: 400;
  font-size: 17px;
  line-height: 104%;
  color: var(--black);
}
@media (max-width: 750px) {
  .news__buttons button:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
.news__cards {
  margin-top: 50px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 850px) {
  .news__cards {
    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;
  }
}
.news__card {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  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;
  width: 100%;
}
.news__img {
  position: relative;
  width: 100%;
}
.news__img img {
  display: block;
  width: 100%;
  border-radius:15px;
}
.news__img span {
  position: absolute;
  bottom: 15px;
  right: clamp(1.125rem, 0.842rem + 1.42vw, 1.875rem);
  border-radius: 100px;
  font-weight: 500;
  font-size: 13px;
  line-height: 104%;
  color: #000;
  background: #fff;
  padding: 6px 16px;
}
.news__info {
  width: calc(100% - clamp(1.25rem, -11.447rem + 23.9vw, 6rem));
  background: var(--buttonNews);
  border-radius: 0 0 15px 15px;
}
@media (max-width: 850px) {
  .news__info {
    background: transparent;
    width: 100%;
  }
}
.news__info span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  font-weight: 500;
  font-size: clamp(0.625rem, 0.507rem + 0.59vw, 0.938rem);
  line-height: 104%;
  color: #fff;
  background: #fe8b2c;
  border-radius: 10px;
  padding: 7px 20px;
  margin-top: -21px;
  margin-left: 31px;
}
.news__info h3 {
  margin-top: clamp(0.688rem, 0.287rem + 2vw, 1.75rem);
  font-weight: 500;
  font-size: clamp(1rem, 0.639rem + 1.18vw, 1.5rem);
  line-height: 104%;
  color: var(--darkBlue);
  padding: 0 37px 15px;
}
.news__form {
  margin-top: clamp(1.75rem, 1.255rem + 2.48vw, 3.063rem);
}
.news .activeButton {
  border: 1px solid #f9d359;
}

.found__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  column-gap: 175px;
  padding-left: calc((100% - 1447px) / 2);
}
@media (max-width: 750px) {
  .found__content {
    padding-left: 0;
    -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;
  }
}
.found__content img {
  width: calc(100% - clamp(20rem, 9.234rem + 22.97vw, 26rem));
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 750px) {
  .found__content img {
    margin-top: 30px;
    min-width: 762px;
    width: 100%;
    -o-object-position: center;
    object-position: center;
  }
}
.found__info {
  padding-left: 15px;
  width: clamp(20rem, 9.234rem + 26.97vw, 32rem);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 28px;
}
@media (max-width: 750px) {
  .found__info {
    width: 100%;
    padding: 0 15px;
  }
}
.found__info h1 {
  margin-top: 20px;
  font-weight: 700;
  font-size: 40px;
  line-height: 104%;
  color: var(--darkGreen);
}
.found__info p {
  margin-top: 20px;
  max-width: 329px;
  font-weight: 500;
  font-size: 21px;
  line-height: 104%;
  color: var(--black);
}
.found__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
}
.found__top li:not(:last-child) a::after {
  content: "-";
  display: block;
}
.found__top a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  font-size: 17px;
  line-height: 104%;
  color: #969fa6;
}
.found__content-b {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
.found__btn-link{
  background-color: #387c71;
  border-radius: 12px;
  color:#fff;
  padding: 15px 40px;
  font-size: 17px;
  display: inline-block;
  margin-top: 20px;
}
@media (max-width: 1000px) {
  .found__content-b {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 850px) {
  .found__content-b {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 550px) {
  .found__content-b {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}

.notfound__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: calc((100% - 1168px) / 2);
}
@media (max-width: 750px) {
  .notfound__content {
    padding-left: 0;
    -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;
  }
}
.notfound__content img {
  width: calc(100% - clamp(23.188rem, 11.973rem + 23.92vw, 29.438rem));
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 750px) {
  .notfound__content img {
    margin-top: 30px;
    min-width: 762px;
    width: 100%;
    -o-object-position: center;
    object-position: center;
  }
}
.notfound__info {
  padding-left: 15px;
  width: clamp(23.188rem, 11.973rem + 23.92vw, 29.438rem);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 28px;
}
@media (max-width: 750px) {
  .notfound__info {
    width: 100%;
    padding: 0 15px;
  }
}
.notfound__info h1 {
  margin-top: 20px;
  font-weight: 700;
  font-size: 32px;
  line-height: 104%;
  color: var(--darkGreen);
}
.notfound__info p {
  margin-top: 20px;
  max-width: 264px;
  font-weight: 500;
  font-size: 18px;
  line-height: 104%;
  color: var(--black);
}
.notfound__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
}
.notfound__top li:not(:last-child) a::after {
  content: "-";
  display: block;
}
.notfound__top a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 104%;
  color: #969fa6;
}
.notfound__href {
  display: block;
  margin-top: clamp(0.938rem, 0.631rem + 1.53vw, 1.75rem);
  border-radius: 5px;
  padding: 12px 18px;
  font-weight: 500;
  font-size: 14px;
  line-height: 104%;
  text-align: center;
  color: #fff;
  background-color: #006a61;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.notfound__href:hover {
  background-color: #109a8e;
}

.allegiance__banner {
  margin: 0 auto;
  background: url(../img/program.png) no-repeat;
  background-size: cover;
  background-position: center bottom;

  width: 100%;
  height: 484px;
}
.allegiance__banner-content {
  padding-top: 116px;
}
.allegiance__banner-content h1 {
  font-weight: 500;
  font-size: clamp(1.938rem, 1.627rem + 1.38vw, 2.875rem);
  line-height: 104%;
  /* text-transform: uppercase; */
  color: #fff;
}
.allegiance__banner-content p {
  margin-top: clamp(0.813rem, -0.526rem + 3.57vw, 2.688rem);
  font-weight: 500;
  font-size: clamp(1rem, 0.598rem + 1.071vw, 1.563rem);
  line-height: 134%;
  color: #fff;
  max-width: 500px;
}
.allegiance__balls {
  margin-top: clamp(1.875rem, 1.399rem + 2.116vw, 3.313rem);
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.allegiance__balls h2 {
  font-weight: 700;
  font-size: clamp(1rem, 0.731rem + 1.196vw, 1.813rem);
  line-height: 104%;
  color: var(--allegianceColor);
  text-align: center;
}
/* @media (max-width: 750px) {
  .allegiance__balls h2 {
    max-width: 298px;
  }
} */
.allegiance__cards {
  margin-top: clamp(1.125rem, 0.69rem + 1.932vw, 2.438rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 950px) {
  .allegiance__cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(0.125rem, -0.129rem + 1.27vw, 0.625rem);
  }
}
.allegiance__card {
  padding: 52px 32px;
}
.allegiance__card h3 {
  max-width: 400px;
  font-weight: 700;
  font-size: 32px;
  line-height: 104%;
  color: #fff;
}
.allegiance__card p {
  max-width: 275px;
  margin-top: 15px;
  font-weight: 500;
  font-size: 25px;
  line-height: 104%;
  color: #fff;
}
.allegiance__card:nth-child(1),
.allegiance__card:nth-child(2),
.allegiance__card:nth-child(3){
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.allegiance__card:nth-child(1) {
  background: url("../img/kashBack.png") no-repeat;
  background-size: cover;
  background-position: center;
  /* width: clamp(23.75rem, 4.685rem + 32.11vw, 28.125rem);
  height: 218px; */
  width: clamp(36.75rem, 4.685rem + 32.11vw, 36.125rem);
  height: 285px;
}
.allegiance__card:nth-child(2) {
  background: url("../img/pay.png") no-repeat;
  background-size: cover;
  background-position: center;
  /* width: clamp(18.125rem, -5.298rem + 39.45vw, 23.5rem);
  height: 198px; */
  width: clamp(30.125rem, -5.298rem + 39.45vw, 30.5rem);
  height: 260px;
}
.allegiance__card:nth-child(3) {
  background: url("../img/ball.png") no-repeat;
  background-size: cover;
  background-position: center;
  /* width: clamp(18.125rem, -4.753rem + 38.53vw, 23.375rem);
  height: 198px; */
  width: clamp(31.125rem, -4.753rem + 38.53vw, 30.375rem);
  height: 260px;
}
@media (max-width: 950px) {
  .allegiance__card:nth-child(1) {
    max-width: 489px;
    width: 100%;
    height: 236px;
  }
  .allegiance__card:nth-child(2) {
    max-width: 482px;
    width: 100%;
    height: 253px;
  }
  .allegiance__card:nth-child(3) {
    max-width: 482px;
    width: 100%;
    height: 255px;
  }
}
@media (max-width: 470px) {
  .allegiance__card:nth-child(1) {
    max-width: 489px;
    width: 100%;
    height: 236px;
    margin-bottom: -30px;
  }
  .allegiance__card:nth-child(2) {
    max-width: 482px;
    width: 100%;
    height: 253px;
    margin-bottom: -30px;
  }
  .allegiance__card:nth-child(3) {
    max-width: 482px;
    width: 100%;
    height: 255px;
  }
}
.allegiance__participation {
  margin: clamp(0rem, -0.931rem + 4.14vw, 2.813rem) auto;
  padding: 0 clamp(1.375rem, -6.475rem + 16.75vw, 5.75rem) 0 clamp(0.75rem, 0.278rem + 2.36vw, 2rem);
  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;
  background: url("../img/where.png") no-repeat;
  background-size: cover;
  background-position: 30% center;
  max-width: 1447px;
  width: 100%;
  height: 199px;
}
@media (max-width: 950px) {
  .allegiance__participation {
    -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: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 39px;
    height: 297px;
  }
}
.allegiance__participation a {
  padding: clamp(0.938rem, 0.867rem + 0.35vw, 1.125rem) clamp(2.313rem, 2.124rem + 0.94vw, 2.813rem);
  font-weight: 500;
  font-size: clamp(1.125rem, 1.063rem + 0.276vw, 1.313rem);
  line-height: 104%;
  color: #000;
  background-color: #fff;
  border-radius: 10px;
}
.allegiance__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.allegiance__text span {
  font-weight: 500;
  font-size: clamp(6.688rem, 6.211rem + 2.116vw, 8.125rem);
  line-height: 104%;
  color: #fff;
}
.allegiance__texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.allegiance__texts span:nth-child(1) {
  font-weight: 500;
  font-size: clamp(3rem, 2.793rem + 0.92vw, 3.625rem);
  line-height: 104%;
  text-transform: uppercase;
  color: #fff;
}
.allegiance__texts span:nth-child(2) {
  font-weight: 500;
  font-size: clamp(2rem, 1.834rem + 0.736vw, 2.5rem);
  line-height: 104%;
  color: #fff;
}
.allegiance__cards-b {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 17px;
}
@media (max-width: 950px) {
  .allegiance__cards-b {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.allegiance__card-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0.625rem, 0.177rem + 2.24vw, 1.813rem);
}
.allegiance__card-b:nth-child(1) {
  padding-left: 10px;
  background: url("../img/card1.png") no-repeat;
  background-size: cover;
  height: 259px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
@media (max-width: 950px) {
  .allegiance__card-b:nth-child(1) {
    height: 170px;
    border-radius: 10px;
  }
}
.allegiance__card-b:nth-child(1) img {
  width: clamp(6.875rem, 5.366rem + 7.55vw, 10.875rem);
}
.allegiance__card-b:nth-child(3) {
  padding-left: 22px;
  background: url("../img/card2.png") no-repeat;
  background-size: cover;
  height: 259px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
@media (max-width: 950px) {
  .allegiance__card-b:nth-child(3) {
    border-radius: 10px;
    height: 170px;
  }
}
.allegiance__card-b:nth-child(3) img {
  width: clamp(6.25rem, 4.717rem + 7.67vw, 10.313rem);
}
.allegiance__card-info h3 {
  font-weight: 700;
  font-size: clamp(1.688rem, 1.584rem + 0.46vw, 2rem);
  line-height: 104%;
  color: #fff;
}
.allegiance__card-info p {
  margin-top: 15px;
  font-weight: 500;
  font-size: clamp(1.313rem, 1.23rem + 0.368vw, 1.563rem);
  line-height: 104%;
  color: #fff;
  max-width: 265px;
}
.allegiance__status {
  margin-top: 35px;
  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: 90px;
}
@media (max-width: 950px) {
  .allegiance__status {
    display: none;
  }
}
.allegiance__status img {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.allegiance__status-top h5 {
  font-weight: 700;
  font-size: clamp(1.938rem, 1.813rem + 0.552vw, 2.313rem);
  line-height: 104%;
  color: var(--textStatus);
}
.allegiance__status-top p {
  margin-top: 12px;
  font-weight: 500;
  font-size: clamp(1.375rem, 1.334rem + 0.184vw, 1.5rem);
  line-height: 104%;
  color: var(--allegianceColor);
}
.allegiance__status-top p span {
  color: #036c64;
}
.allegiance__status-bottom {
  margin-top: clamp(1.25rem, 0.896rem + 1.77vw, 1.188rem);
}
.allegiance__status-bottom h6 {
  font-weight: 500;
  line-height: 104%;
  font-size: clamp(1.625rem, 1.501rem + 0.552vw, 2rem);
  color: #036c64;
}
.allegiance__status-bottom p {
  font-weight: 500;
  font-size: clamp(1.375rem, 1.334rem + 0.184vw, 1.5rem);
  line-height: 104%;
  color: var(--allegianceColor);
}
.allegiance__status-bottom p span {
  color: #036c64;
}
.allegiance__left {
  text-align: right;
}
.allegiance__right {
  text-align: left;
}
.allegiance__right h5 {
  color: #ffb023;
}
.allegiance__right h6 {
  color: #ffb023;
}
.allegiance__right p span {
  color: #ffb023;
}
.allegiance__mob {
  display: none;
}
@media (max-width: 950px) {
  .allegiance__mob {
    display: block;
    text-align: left;
  }
}

.allegiance__status-text{
  /* display: flex;
  gap: 6px;
  justify-content: center;
  padding: 72px 0 40px;
  font-size: 21px;
  color: #585858; */
  padding: 45px 15px 40px;
  font-size: clamp(0.875rem, 0.73rem + 0.644vw, 1.313rem);
  color: #585858;
  text-align:center;
}
.allegiance__status-link{
  text-decoration: underline;
  color: #067067;
}

.outlet {
  margin-top: 28px;
}
.outlet__title-unner{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.outlet h1 {
  margin-top: 20px;
  font-weight: 500;
  font-size: 40px;
  line-height: 104%;
  color: var(--titleoutlet);
}
.outlet__title-unner p {
  font-weight: 400;
  font-size: 17px;
  line-height: 104%;
  color: var(--black);
}
.outlet__banner {
max-width: 1417px;
    margin: 0 auto;
    padding: clamp(0rem, -0.943rem + 4.72vw, 2.5rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 100px;
    background: url(../img/autlet-pics.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 500px;
}
.outlet__banner h2 {
  font-weight: 700;
  font-size: clamp(1.875rem, 1.2747rem + 2.6679vw, 3.6875rem);
  line-height: 104%;
  text-transform: uppercase;
  color: #fff;
}
.outlet__banner p {
  margin-top: 18px;
  font-weight: 400;
  font-size: clamp(1.25rem, 1.0637rem + 0.828vw, 1.8125rem);
  line-height: 104%;
  color: #fff;
  max-width: 770px;
}

.delivery__banner {
    position: relative;
    background: url(../img/delivery.png) no-repeat;
    background-size: cover;
    background-position: center bottom;
    max-width: 1447px;
    height: 422px;
    margin: 0 auto;
    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;
    padding-left: clamp(0.938rem, -2.07rem + 5.66vw, 2.063rem);
    z-index: 2;
}
.delivery__banner h1 {
  font-weight: 700;
  font-size: clamp(1.938rem, 1.627rem + 1.38vw, 2.875rem);
  line-height: 104%;
  color: #fff;
}
.delivery__banner p {
  margin-top: 15px;
  font-weight: 400;
  font-size: clamp(1.125rem, 0.98rem + 0.644vw, 1.563rem);
  line-height: 104%;
  color: #fff;
  max-width: clamp(20.375rem, 2.242rem + 52.75vw, 40.75rem);
}
.delivery__content p {
  margin-top: 49px;
  /* max-width: 971px; */
  font-weight: 500;
  font-size: 19px;
  line-height: 104%;
  color: var(--black);
}
@media (max-width: 850px) {
  .delivery__content p {
    margin-top: 30px;
  }
}
.delivery__tabs-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 850px) {
  .delivery__tabs-content {
    margin-top: 30px;
    gap: 10px;
  }
}
.delivery__tab-content-block button {
  display: none;
}
@media (max-width: 850px) {
  .delivery__tab-content-block button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}
.delivery__way {
  margin-top: 53px;
  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;
}
.delivery__way h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 104%;
  color: var(--allegianceColor);
}
.delivery__buttons {
  margin-top: 50px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
}
@media (max-width: 850px) {
  .delivery__buttons {
    display: none;
  }
}
.delivery__button-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: 17px;
  padding: 7px;
  text-align: start;
  border: 1px solid #626262;
  background: #fff;
  border-radius: 10px;
  height: 102px;
  color: var(--colorPay);
  font-weight: 400;
  font-size: 19px;
  line-height: 104%;
}
.delivery__button-tab:nth-child(1){
  padding: 0;
}
.delivery__button-tab:nth-child(1) img{
  width: 80px;
  height: auto;
}
.delivery__button-tab:nth-child(4){
  padding: 0;
}
.delivery__button-tab:nth-child(4) img{
  width: 80px;
  height: auto;
}
.delivery__price {
  margin-top: 30px;
}
.delivery__price h3 {
  font-weight: 500;
  font-size: 25px;
  line-height: 104%;
  color: var(--allegianceColor);
}
@media (max-width: 420px) {
  .delivery__table-block {
    overflow: auto;
    width: 100%;
  }
}
.delivery__table {
  margin-top: 30px;
  border-collapse: collapse;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 420px) {
  .delivery__table {
    width: 600px;
  }
}
.delivery__table tr {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.delivery__table tr:nth-child(1) {
  background-color: #ebd6b5;
}
.delivery__table tr:nth-child(1) th {
  padding: 11px clamp(0.313rem, -0.522rem + 2.43vw, 1.25rem);
  border: 0;
  font-weight: 700;
  font-size: clamp(0.875rem, 0.73rem + 0.644vw, 1.313rem);
  line-height: 104%;
  color: #6b6a67;
}
.delivery__table tr:hover .delivery__white {
  background-color: #ddeeed;
}
.delivery__table tr:hover .delivery__green {
  background-color: #69c36a;
}
.delivery__table tr:hover .delivery__yellow {
  background-color: #dfd980;
}
.delivery__table tr:hover .delivery__gray {
  background-color: #b5c8c1;
}
.delivery__table tr td, .delivery__table tr th {
  padding: 12px clamp(0.313rem, -0.522rem + 2.43vw, 1.25rem);
  border: 1px solid #7c7c7c;
  font-weight: 500;
  font-size: clamp(0.875rem, 0.73rem + 0.644vw, 1.313rem);
  line-height: 104%;
  color: #000;
  text-align:left;
}
.delivery__white {
  background-color: white;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.delivery__green {
  background-color: #7bcd67;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.delivery__yellow {
  background-color: #ffe782;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.delivery__gray {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #d1d4cd;
}
.delivery__map {
  margin-top: 29px;
}
@media (max-width: 1100px) {
  .delivery__map {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}
.delivery__pay-p {
  margin-top: 30px;
}
.delivery__pay-p h5 {
  font-weight: 500;
  font-size: 32px;
  line-height: 104%;
  color: var(--allegianceColor);
}
.delivery__pay-block {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}
@media (max-width: 850px) {
  .delivery__pay-block {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.delivery__pay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  border-radius: 10px;
  font-weight: 500;
  font-size: 19px;
  line-height: 104%;
  color: var(--allegianceColor);
  padding: 23px 20px;
  border: 1px solid var(--payBack);
  /* background-color: var(--payB); */
}
.delivery__pay img:nth-child(2) {
  display: none;
}
.delivery .activeTab {
  border: 2px solid #006a61;
}
.delivery .hiddenTab {
  display: none;
}

.cart {
  position: relative;
}
.cart__add-button {
  position: absolute;
  right: 0;
  top: 37%;
  background: url("../img/basket.png") no-repeat;
  background-size: cover;
  min-width: 211px;
  min-height: 265px;
  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;
  padding-top: 10px;
  padding-left: 85px;
}
@media (max-width: 1000px) {
  .cart__add-button {
    display: none;
  }
}
.cart__add-button h6 {
  font-weight: 500;
  font-size: 20px;
  line-height: 104%;
  color: #fff;
}
.cart__add-button span {
  margin-top: 10px;
  font-weight: 500;
  font-size: 43px;
  line-height: 60%;
  color: #fff;
}
.cart__href {
  margin-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
}
.cart__href > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 104%;
  color: #8c959c;
}
.cart__href > li > a {
  font-weight: 400;
  font-size: 17px;
  line-height: 104%;
  color: #8c959c;
}
.cart__href > li:not(:last-child)::after {
  content: "-";
  display: block;
}
.cart__href > li:not(:last-child, :first-child) > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}
.cart__href > li:not(:last-child, :first-child) > a::after {
  content: "";
  display: block;
  background: url("../img/svg/arr.svg") no-repeat;
  background-size: contain;
  width: 11px;
  height: 6px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cart__href > li:not(:last-child, :first-child):hover > a::after {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.cart__href > li:not(:last-child, :first-child):hover .cart__menu {
  opacity: 1;
  visibility: visible;
  z-index: 3;
  -webkit-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}
.cart__menu {
  position: absolute;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(30px);
  -ms-transform: translateX(-50%) translateY(30px);
  transform: translateX(-50%) translateY(30px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  background-color: var(--tagColor);
  padding: 10px 20px;
  min-width: 150px;
  width: 100%;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
}
.cart__menu li {
  width: 100%;
}
.cart__menu a {
  display: block;
  width: 100%;
  font-weight: 400;
  font-size: 12px;
  line-height: 104%;
  color: var(--tagText);
}
.cart__top {
  margin-top: 27px;
}
.cart__title {
  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: 10px;
}
.cart__title h1 {
  font-weight: 500;
  font-size: clamp(1.5rem, 1.406rem + 2vw, 2.5rem);
  line-height: 104%;
  color: var(--allegianceColor);
  max-width: 984px;
}
.cart__favorite {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 104%;
  color: #9f9ea3;
}
.cart__favorite svg {
  fill: #9F9EA3;
}
@media (max-width: 750px) {
  .cart__favorite {
    display: none;
  }
}
.cart__top-rating {
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.cart__top-rating a:nth-child(2) {
  font-weight: 500;
  font-size: 19px;
  line-height: 104%;
  color: #c0c0c0;
}
.cart__top-rating a:nth-child(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  font-weight: 500;
  font-size: 19px;
  line-height: 104%;
  color: #009afc;
}
.cart__top-star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 19px;
  line-height: 104%;
  color: #525252;
}
.cart__main {
  margin-top: clamp(0.87rem, -0.517rem + 3.7vw, 2.813rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart__main > img {
  max-width: clamp(21.063rem, 9.813rem + 29.999vw, 36.813rem);
  width: 100%;
  height: auto;
  border-radius: 18px;
    overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 950px) {
  .cart__main > img {
    max-width: 460px;
    margin: 0 auto;
  }
}
@media (max-width: 950px) {
  .cart__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.cart__characteristics-block {
  position: relative;
  z-index: 2;
  margin-left: clamp(0.625rem, -4.822rem + 9.17vw, 1.875rem);
}
.cart__characteristics-block h2 {
  font-weight: 500;
  font-size: 21px;
  line-height: 104%;
  color: var(--black);
}
@media (max-width: 950px) {
  .cart__characteristics-block {
    display: none;
  }
}
.cart__characteristics {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.cart__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  font-size: 19px;
  line-height: 98%;
  color: var(--dd);
}
.cart__item dd {
  margin: 0;
}
.cart__manufacturer {
  margin-top: 20px;
}
.cart__manufacturer h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 104%;
  color: var(--black);
}
.cart__manufacturer a {
  margin-top: 10px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.cart__info-product {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
    margin-right: 120px;
  -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;
  -webkit-transform: translate(clamp(0rem, -19.065rem + 32.11vw, 4.375rem), -50px);
  -ms-transform: translate(clamp(0rem, -19.065rem + 32.11vw, 4.375rem), -50px);
  transform: translate(clamp(0rem, -19.065rem + 32.11vw, 4.375rem), -50px);
}
@media (max-width: 950px) {
  .cart__info-product {
    height: 466px;
    margin: 0;
    -webkit-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    transform: translate(0, -30px);
  }
}
.cart__info-product::after {
  content: "";
  position: absolute;
  top: 0;
  background: url("../img/dec-card.png") no-repeat;
  background-size: cover;
  width: 546px;
  height: 615px;
  z-index: -1;
}
.cart__main-info {
  -webkit-transform: translate(10px, 40px);
  -ms-transform: translate(10px, 40px);
  transform: translate(10px, 40px);
  width: clamp(17.5rem, 14.152rem + 8.929vw, 22.188rem);
  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;
}
.cart__main-info > p {
  margin-top: 20px;
  font-weight: 700;
  font-size: 16px;
  line-height: 104%;
  color: #636363;
  text-align: center;
}
.cart__info-p, .cart__weight, .cart__basket, .cart__balls {
  width: 100%;
}
.cart__info-p h3 {
  font-weight: 400;
  font-size: 19px;
  line-height: 104%;
  color: #585858;
}
.cart__info-p p {
  margin-top: 5px;
  font-weight: 700;
  font-size: clamp(2.188rem, 1.071rem + 2.976vw, 3.75rem);
  line-height: 104%;
  color: #363636;
}
.cart__info-p p span:nth-child(1) {
  font-family: "Rouble";
  font-weight: 400;
  margin-left: -14px;
  margin-right: -8px;
}
.cart__info-p p span:nth-child(2) {
  font-weight: 400;
  font-size: clamp(1.75rem, 1.304rem + 1.19vw, 2.375rem);
  text-decoration: line-through;
  color: #006a61;
}
.cart__weight {
  margin-top: 30px;
}
.cart__weight h5 {
  font-weight: 400;
  font-size: 19px;
  line-height: 104%;
  color: #585858;
}
.cart__buttons-top {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.cart__buttons-top button {
  border: 2px solid #525252;
  border-radius: 10px;
  padding: 15px 20px;
  /* max-width: 60px;
  width: 100%; */
  /* height: 35px; */
  background-color: #fff;
  font-weight: 500;
  font-size: 21px;
  line-height: 104%;
  color: #525252;
}
.cart__basket {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 20px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
  padding: 10px;
  background-color: #00857b;
  font-weight: 700;
  font-size: 25px;
  line-height: 104%;
  color: #fff;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cart__basket:hover {
  background-color: #109a8e;
}
.cart__counter {
  border: 1px solid #525252;
  border-radius: 10px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 85px;
  width: 100%;
  height: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
}
.cart__counter span {
  font-weight: 500;
  font-size: 16px;
  line-height: 104%;
  color: #525252;
  min-width: 17px;
  text-align: center;
}
.cart__counter button {
  width: 100%;
  height: 100%;
  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;
  font-weight: 500;
  font-size: 24px;
  line-height: 104%;
  color: #00857b;
}
.cart__balls {
  margin-top: 10px;
  position: relative;
  padding: 7px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px 0;
  background-color: #636363;
  font-weight: 500;
  font-size: 17px;
  line-height: 104%;
  color: #fff;
}
.cart__balls button:hover + .cart__ball-die {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.cart__ball-die {
  width: 200px;
  position: absolute;
  left: 0;
  bottom: 30px;
  z-index: 3;
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: #012321;
  background: #f5f5f5;
  padding: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  opacity: 0;
  visibility: hidden;
}
.cart__description {
  margin-top: clamp(1.875rem, 1.38rem + 2.48vw, 3.188rem);
}
.cart__description h2 {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.311rem + 0.94vw, 2rem);
  line-height: 104%;
  color: var(--darkGreen);
}
.cart__description p {
  margin-top: clamp(1.25rem, 1.014rem + 1.18vw, 1.875rem);
  /* max-width: 971px; */
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: var(--allegianceColor);
}
.cart__description button {
  display: none;
  margin-top: 10px;
  font-size: 18px;
  line-height: 104%;
  font-weight: 700;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: #006a61;
}
@media (max-width: 850px) {
  .cart__description button {
    display: block;
  }
}
.cart__specifications {
  margin-top: clamp(1.875rem, 1.403rem + 2.36vw, 3.125rem);
}
.cart__specifications h2 {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.311rem + 0.94vw, 2rem);
  line-height: 104%;
  color: var(--darkGreen);
}
.cart__specifications-block {
  margin-top: clamp(1.25rem, 1.014rem + 1.18vw, 1.875rem);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 11px;
}
@media (max-width: 850px) {
  .cart__specifications-block {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.cart__specifications-info {
  padding: 30px 20px 19px;
  position: relative;
}
.cart__specifications-info::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: var(--backCard);
  -webkit-transform: skewX(2deg);
  -ms-transform: skewX(2deg);
  transform: skewX(2deg);
  border-radius: 20px;
}
@media (max-width: 850px) {
  .cart__specifications-info::after {
    -webkit-transform: skewX(5deg);
    -ms-transform: skewX(5deg);
    transform: skewX(5deg);
  }
}
.cart__specifications-info dl {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.cart__specifications-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.5fr 1fr;
  grid-template-columns: 0.5fr 1fr;
}
.cart__specifications-item dt {
  font-weight: 400;
  font-size: 21px;
  line-height: 98%;
  color: var(--black);
}
.cart__specifications-item dd {
  font-weight: 400;
  font-size: 21px;
  line-height: 98%;
  color: var(--colorCart);
}
.cart__reviews {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2.4fr 1fr;
  grid-template-columns: 2.4fr 1fr;
  gap: 27px;
}
@media (max-width: 850px) {
  .cart__reviews {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.cart__title-reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 850px) {
  .cart__title-reviews {
    -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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.cart__title-reviews h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px;
  font-weight: 700;
  font-size: clamp(1.5rem, 1.311rem + 0.94vw, 2rem);
  line-height: 104%;
  color: var(--darkGreen);
}
.cart__title-reviews h2 span {
  font-weight: 500;
  font-size: 14px;
  line-height: 104%;
  color: #525252;
}
.cart__title-reviews button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 17px 37px;
  border-radius: 10px;
  background-image: url(../img/btn-all-rev.png);
  background-size: contain;
  background-repeat: no-repeat;
  /* background-color: #006a61; */
  font-weight: 500;
  font-size: 21px;
  line-height: 104%;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cart__title-reviews button:hover {
  /* background-color: #109a8e; */
}
.cart__reviews-block {
  margin-top: clamp(1rem, 0.599rem + 2vw, 2.063rem);
}
.cart__reviews-comments {
  margin-top: clamp(1.5rem, 0.887rem + 3.07vw, 3.125rem);
}
.cart__reviews-comment {
  position: relative;
}
.cart__reviews-comment p {
  margin-top: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: var(--colorReviews);
  max-width: 720px;
}
.cart__reviews-comment:not(:last-child) {
  padding-bottom: 20px;
}
.cart__reviews-comment:not(:first-child) {
  padding-top: 20px;
}
.cart__reviews-comment:not(:first-child)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  max-width: 540px;
  width: 100%;
  height: 2px;
  background-color: #d1d1d1;
}
@media (max-width: 850px) {
  .cart__reviews-comment:not(:first-child)::after {
    max-width: 100%;
  }
}
.cart__user h6 {
  font-weight: 500;
  font-size: 16px;
  line-height: 104%;
  color: var(--black);
}
.cart__right-add {
  margin-top: clamp(0rem, -10.859rem + 20.44vw, 4.063rem);
}
.cart__ratings {
  position: relative;
  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-bottom: 14px;
}
.cart__ratings::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 540px;
  width: 100%;
  height: 1px;
  background-color: #9f9ea3;
}
@media (max-width: 850px) {
  .cart__ratings {
    padding: 31px 0 20px;
  }
  .cart__ratings::after {
    max-width: 100%;
  }
  .cart__ratings::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    height: 1px;
    background-color: #9f9ea3;
  }
}
.cart__rating-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
.cart__ratings {
  font-weight: 700;
  font-size: 22px;
  line-height: 104%;
  color: #000;
}
.cart__grades {
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.cart__grade {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 54px auto;
  grid-template-columns: 54px auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 13px;
  line-height: 104%;
  color: var(--colorAdd);
}
.cart__grade:nth-child(1) .cart__grade-line span {
  width: 36%;
}
.cart__grade:nth-child(2) .cart__grade-line span {
  width: 25%;
}
.cart__grade:nth-child(3) .cart__grade-line span {
  width: 8%;
}
.cart__grade-line {
  position: relative;
  max-width: 228px;
  width: 100%;
  height: 7px;
  background-color: var(--line);
  border-radius: 100px;
  overflow: hidden;
}
.cart__grade-line span {
  position: absolute;
  width: 0;
  height: 100%;
  background-color: #006a61;
  border-radius: 100px;
}
.cart__review-append {
  margin-top: clamp(1.938rem, 1.702rem + 1.18vw, 2.563rem);
}
.cart__review-append h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 104%;
  color: var(--darkGreen);
}
.cart__review-append form {
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  max-width: 300px;
  width: 100%;
}
@media (max-width: 850px) {
  .cart__review-append form {
    gap: 30px;
  }
}
.cart__review-append form label {
  max-width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}
.cart__review-append form label span {
  font-weight: 700;
  font-size: 16px;
  line-height: 104%;
  color: var(--darkGreen);
}
.cart__review-append form label input {
  border-radius: 10px;
  padding: 12px;
  border: 1px solid #9f9ea3;
  background-color: var(--white);
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--black);
}
.cart__review-append form label textarea {
  resize: none;
  width: 100%;
  height: 82px;
  border-radius: 10px;
  padding: 12px;
  border: 1px solid #9f9ea3;
  background-color: var(--white);
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--black);
}
.cart__review-append form button {
  /* border-radius: 10px; */
  /* background-color: #00746a; */
  padding: 27px 48px;
  /* border-radius: 10px; */
  background-image: url(../img/btn-all-rev.png);
  background-size: contain;
  background-repeat: no-repeat;
  font-weight: 500;
  font-size: 21px;
  line-height: 104%;
  text-align: center;
  color: #fff;
  /* padding: 13px 21px; */
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cart__review-append form button:hover {
  /* background-color: #109a8e; */
}
.cart__review-append-rating {
  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: 10px;
}
.cart__review-append-rating span {
  font-weight: 700;
  font-size: 16px;
  line-height: 104%;
  color: var(--darkGreen);
}
.cart__review-append-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cart__review-append-stars svg {
  cursor: pointer;
  fill: #d8d8d8;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.cart__review-append-stars svg:not(:last-child) {
  padding-right: 10px;
}
.cart__similar {
  margin-top: clamp(1.813rem, 1.081rem + 3.66vw, 3.75rem);
}
.cart__similar h2 {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.311rem + 0.94vw, 2rem);
  line-height: 104%;
  color: var(--darkGreen);
}
.cart__similar-cards {
  margin-top: clamp(1.25rem, 1.014rem + 1.18vw, 1.875rem);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 1000px) {
  .cart__similar-cards {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 850px) {
  .cart__similar-cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .cart__similar-cards .card-product:not(:nth-child(-n+2)) {
    display: none;
  }
}
@media (max-width: 550px) {
  .cart__similar-cards {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.cart .highlighted {
  fill: #006a61;
}
.cart .activeFavirite {
  color: red;
}
.cart .activeFavirite svg {
  fill: red;
}
.cart .activeWeight {
  border: 2px solid #ff7306;
  color: #ff7306;
}

.contacts {
  margin-top: 50px;
}
.contacts h1 {
  font-weight: 500;
  font-size: 46px;
  line-height: 104%;
  color: var(--titleoutlet);
}
.contacts__main {
  margin-top: clamp(1.063rem, 0.284rem + 3.89vw, 3.125rem);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (max-width: 850px) {
  .contacts__main {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 27px;
  }
}
.contacts__ofice, .contacts__warehouse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0.375rem, 0.045rem + 1.65vw, 1.25rem);
}
.contacts__ofice img, .contacts__warehouse img {
  display: block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.contacts__ofice img:nth-child(2), .contacts__warehouse img:nth-child(2) {
  display: none;
}
.contacts__info p {
  font-weight: 500;
  font-size: 18px;
  line-height: 104%;
  color: var(--allegianceColor);
}
.contacts__info p span {
  font-weight: 700;
  font-size: 21px;
}
.contacts__info a {
  display: block;
  margin-top: 9px;
  font-weight: 500;
  font-size: 18px;
  line-height: 104%;
  color: var(--allegianceColor);
}
.contacts__content .contacts__top {
  margin-top: 20px;
}
.contacts__map {
  margin-top: 30px;
}

.about__banner {
  position: relative;
  background: url("../img/about.png") no-repeat;
  background-size: cover;
  background-position: center bottom;
  max-width: 1447px;
  height: 422px;
  margin: 0 auto;
  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;
  padding-left: clamp(0.938rem, -2.07rem + 5.66vw, 2.063rem);
  z-index: 2;
}
.about__banner h1 {
  font-weight: 700;
  font-size: clamp(1.563rem, 0.625rem + 2.5vw, 2.875rem);
  line-height: 104%;
  color: #fff;
}
.about__banner p {
  margin-top: 35px;
  font-weight: 400;
  font-size: clamp(1.125rem, 0.813rem + 0.833vw, 1.563rem);
  line-height: 140%;
  color: #fff;
  max-width: 720px;
}
.about__banner img {
  position: absolute;
  right: clamp(1.313rem, -7.04rem + 15.72vw, 4.438rem);
  bottom: clamp(1.188rem, -0.483rem + 3.14vw, 1.813rem);
  z-index: -1;
}
.about__info {
  margin-top: clamp(1.875rem, 1.333rem + 2.71vw, 3.313rem);
  filter: var (--colorabout);
}
.about__info h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 104%;
  text-align: center;
  color: var(--allegianceColor);
}
.about__info p {
  margin-top: clamp(2.563rem, 2.327rem + 1.18vw, 3.188rem);
  font-weight: 500;
  font-size: 19px;
  line-height: 176%;
  color: var(--allegianceColor);
}
.about__flex {
  margin-top: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  
}
@media (max-width: 850px) {
  .about__flex {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .about__flex {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
}
.about__company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 285px;
  width: 100%;
  margin: 0 90px;
  -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: 11px;
}
.about__company:nth-child(1) {
  gap: 21px;
}
.about__company:nth-child(3) {
  gap: 34px;
}
@media (max-width: 850px) {
  .about__company {
    margin: 0 auto;
  }
}
.about__company img {
  display: block;
}
.about__company p {
  margin-top: auto;
  font-weight: 500;
  font-size: clamp(1rem, 0.953rem + 0.24vw, 1.125rem);
  line-height: 104%;
  color: var(--aboutLogo);
}
.about__group {
  margin-top: clamp(2.188rem, 0.447rem + 4.642vw, 4.625rem);
}
.about__group h2 {
  font-weight: 700;
  font-size: clamp(1.125rem, 0.634rem + 1.31vw, 1.813rem);
  line-height: 104%;
  text-align: center;
  color: var(--allegianceColor);
}
.about__company-group {
    margin-top: clamp(0.938rem, 0.348rem + 2.95vw, 2.5rem);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [5];
    grid-template-columns: repeat(5, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
}
@media (max-width: 850px) {
  .about__company-group {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .about__company-group img:nth-child(+n+5) {
    display: none;
  }
}
@media (max-width: 550px) {
  .about__company-group {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .about__company-group img:nth-child(+n+3) {
    display: none;
  }
}

.placement {
  margin-top: 50px;
}
.placement h1 {
  font-weight: 500;
  font-size: 32px;
  line-height: 104%;
  color: var(--titlePlacement);
}
.placement__main-content {
  margin-top: 10px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.9fr 1fr;
  grid-template-columns: 1.9fr 1fr;
  gap: clamp(1.25rem, -7.771rem + 16.98vw, 4.625rem);
}
@media (max-width: 850px) {
  .placement__main-content {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
.placement__vhod-block {
  position: relative;
  height: 213px;
}
@media (max-width: 850px) {
  .placement__vhod-block {
    display: none;
  }
}
.placement__vhod-block::after {
  content: "";
  position: absolute;
  top: 0;
  left: -35px;
  background: url("../img/vhod.png") no-repeat;
  background-size: 100% 100%;
  width: 110%;
  height: 213px;
  z-index: -1;
}
@media (max-width: 850px) {
  .placement__vhod-block::after {
    background-position: center;
    max-width: 792px;
    left: inherit;
  }
}
.placement__mob {
  display: none;
}
@media (max-width: 850px) {
  .placement__mob {
    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;
  }
}
.placement__vhod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 17px;
  height: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 47px 0 0 30px;
}
@media (max-width: 850px) {
  .placement__vhod {
    padding: 47px 0 0;
  }
}
.placement__vhod h2 {
  font-weight: 700;
  font-size: clamp(1.375rem, 1.139rem + 1.18vw, 2rem);
  line-height: 104%;
  color: #fff;
}
.placement__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0.313rem, -0.277rem + 2.95vw, 1.875rem);
}
.placement__flex a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px;
  padding: 10px clamp(1.063rem, 0.355rem + 3.54vw, 2.938rem);
  border-radius: 100px;
  background: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 104%;
  text-align: center;
  color: #000;
}
.placement__flex p {
  max-width: 412px;
  font-weight: 400;
  font-size: clamp(0.813rem, 0.742rem + 0.35vw, 1rem);
  line-height: 104%;
  color: #fff;
}
@media (max-width: 850px) {
  .placement__left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.placement__form {
  margin-top: 53px;
}
.placement__form h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 104%;
  color: var(--black);
}
.placement__form h3 {
  margin-top: 30px;
  font-weight: 700;
  font-size: 20px;
  line-height: 104%;
  color: var(--allegianceColor);
}
.placement__inps-top {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(6, 1fr);
  -ms-grid-rows: auto 20px auto 20px auto;
  grid-template-areas: "one one two two three three" "four four four five five five" "six six six six six six";
  gap: 20px;
}
@media (max-width: 850px) {
  .placement__inps-top {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "one one" "two two" "three three" "four five" "six six";
  }
  .placement__inps-top > .interesting__card:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .placement__inps-top > .interesting__card:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .placement__inps-top > .interesting__card:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .placement__inps-top > .interesting__card:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .placement__inps-top > .interesting__card:nth-child(5) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .placement__inps-top > .interesting__card:nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
.placement__inps-top input {
  display: block;
  border: 1px solid var(--activePanel);
  border-radius: 5px;
  background: var(--filterBack);
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
  padding: 10px 20px;
  width: 100%;
}
.placement__inps-top input:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: one;
}
.placement__inps-top input:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  grid-area: two;
}
.placement__inps-top input:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
  -ms-grid-column-span: 3;
  grid-area: three;
}
.placement__inps-top input:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: four;
}
.placement__inps-top input:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
  -ms-grid-column-span: 5;
  grid-area: five;
}
.placement__inps-top input::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__inps-top input::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__inps-top input:-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__inps-top input::-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__inps-top input::placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__inps-top textarea {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: six;
  resize: none;
  display: block;
  height: 88px;
  border: 1px solid var(--activePanel);
  border-radius: 5px;
  background: var(--filterBack);
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
  padding: 10px 20px;
  width: 100%;
}
@media (max-width: 850px) {
  .interesting__card:nth-child(1),
  .interesting__card:nth-child(2),
  .interesting__card:nth-child(3),
  .interesting__card:nth-child(4),
  .interesting__card:nth-child(5),
  .interesting__card:nth-child(6)
  {
    background-image: none;
    border-radius: 20px;
    background-color: #f5f5f5;
    margin: 0;
    width: auto;
    height: auto;
  }
  .interesting__card:nth-child(1) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;    
  }
  .interesting__card:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .interesting__card:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .interesting__card:nth-child(4) {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .interesting__card:nth-child(5) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .interesting__card:nth-child(6) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
  .interesting__card:nth-child(7) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    width: auto;
    margin: 0;
  }
  .placement__inps-top input:nth-child(1) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .placement__inps-top > input:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .placement__inps-top input:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .placement__inps-top > input:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .placement__inps-top input:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .placement__inps-top > input:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .placement__inps-top input:nth-child(4) {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .placement__inps-top > input:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .placement__inps-top input:nth-child(5) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .placement__inps-top > input:nth-child(5) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .placement__inps-top textarea {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }
  .placement__inps-top > textarea {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
.placement__inps-top textarea::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__inps-top textarea::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__inps-top textarea:-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__inps-top textarea::-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__inps-top textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__inps-bottom {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.placement__inps-bottom input {
  display: block;
  border: 1px solid var(--activePanel);
  border-radius: 5px;
  background: var(--filterBack);
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
  padding: 10px 20px;
  width: 100%;
}
.placement__inps-bottom input::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__inps-bottom input::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__inps-bottom input:-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__inps-bottom input::-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__inps-bottom input::placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--logoText);
}
.placement__buttons {
  margin-top: 50px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 850px) {
  .placement__buttons {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.placement__pay h4, .placement__delivery h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 104%;
  color: var(--allegianceColor);
}
.placement__buttons-click {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.placement__buttons-click button {
  border: 1px solid var(--activePanel);
  border-radius: 5px;
  background: var(--filterBack);
  color: var(--logoText);
  text-align: start;
  font-weight: 500;
  font-size: 16px;
  line-height: 104%;
  height: 80px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  padding: 20px;
}
@media (max-width: 850px) {
  .placement__buttons-click button {
    max-width: 100%;
  }
}
.placement__buttons-click button img:nth-child(2) {
  display: none;
}
.placement__right {
  margin-top: 12px;
  padding: 20px 24px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  background: var(--orderPlacement);
  border-radius: 10px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.placement__right button {
  font-weight: 700;
  font-size: 16px;
  line-height: 104%;
  color: #fff;
  padding: 16px 0;
  width: 100%;
  background-color: #006a61;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.placement__right button:hover {
  background-color: #109a8e;
}
.placement__right p {
  margin-top: 15px;
  font-weight: 400;
  font-size: 12px;
  line-height: 104%;
  color: var(--black);
  max-width: 243px;
}
.placement__unavailable {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 104%;
  color: var(--black);
  border-radius: 10px;
  background-color: var(--backPlacement);
  padding: 7px 20px;
}
.placement__unavailable svg {
  fill: var(--svgPlacement);
}
.placement__basket {
  position: relative;
  margin-top: 30px;
  padding-top: 30px;
}
.placement__basket::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--darkGreen);
}
.placement__top-basket {
  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: 10px;
}
.placement__top-basket h5 {
  font-weight: 700;
  font-size: 18px;
  line-height: 104%;
  color: var(--black);
}
.placement__top-basket p {
  font-weight: 400;
  font-size: 13px;
  line-height: 104%;
  color: var(--black);
}
.placement__product {
  padding-top: 10px;
}
.placement__product, .placement__discoint {
  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;
}
.placement__product span, .placement__discoint span {
  font-weight: 400;
  font-size: 15px;
  line-height: 104%;
  color: var(--black);
}
.placement__product p, .placement__discoint p {
  font-weight: 400;
  font-size: 15px;
  line-height: 104%;
  color: var(--black);
}
.placement__discoint {
  margin-top: 5px;
}
.placement__discoint p {
  color: #f30c01;
}
.placement__total {
  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;
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
}
.placement__total::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--darkGreen);
}
.placement__total span {
  font-weight: 500;
  font-size: 18px;
  line-height: 104%;
  color: var(--black);
}
.placement__total p {
  font-weight: 700;
  font-size: 16px;
  line-height: 104%;
  color: var(--black);
}
.placement .activeButtonPlacement {
  border: 1px solid #ff7306;
}

.create-site{
  padding-top: 30px;
}

.noPage {
  display: block;
  margin-bottom: -20px;
  background: url("../img/404.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  /* height: 477px; */
  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;
}
.noPage__content {
  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;
  padding: 40px 0;
}
.noPage p {
  font-weight: 500;
  font-size: clamp(1.5rem, 1.417rem + 0.37vw, 1.75rem);
  line-height: 104%;
  color: #fff;
}
.noPage p:nth-child(3) {
  max-width: 394px;
  font-weight: 500;
  font-size: clamp(1.5rem, 1.396rem + 0.463vw, 1.813rem);
  line-height: 104%;
  text-align: center;
  color: #fff;
}
.noPage p:nth-child(3) a {
  text-decoration: underline;
  font-weight: 500;
  font-size: clamp(1.5rem, 1.396rem + 0.463vw, 1.813rem);
  line-height: 104%;
  text-align: center;
  color: #fff;
}
.noPage__404{
  margin: clamp(-1.5rem, -1.125rem + -1.667vw, -2.625rem) 0;
}
.noPage h1 {
  font-weight: 500;
  font-size: 180px;
  line-height: 104%;
  color: #fff;
}
.noPage form {
  margin-top: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  /* max-width: 475px;
  width: 100%; */
}
.noPage form input {
  padding: 14px 27px;
  border-radius: 12px;
  background-color: #fff;
  font-weight: 300;
  font-size: clamp(1rem, 0.938rem + 0.278vw, 1.188rem);
  line-height: 104%;
  color: #8a8a8a;
  border: 0;
  max-width: 289px;
  width: 100%;
}
.noPage form button {
  border-radius: 12px;
  background-color: #01847c;
  font-weight: 300;
  font-size: clamp(1rem, 0.938rem + 0.278vw, 1.188rem);
  line-height: 104%;
  color: #fff;
  padding: 14px 33px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  max-width: clamp(9.625rem, 8.958rem + 2.963vw, 11.625rem);
  width: 100%;
}
.noPage form button:hover {
  background-color: #109a8e;
}
/*# sourceMappingURL=main.css.map */

@media (max-width: 1000px) {
  .obtaining__map{
    height: auto;
    margin-top: 0;
  }
}
@media (max-width: 950px) {
  .cart__description{
    margin-top: 135px;
  }
}
@media (max-width: 950px) {
  .shares__banner{
    margin-left: -30px;
    margin-right: -30px;
  }
  .shares__info-block {
    padding: 0px 30px;
    margin-top: -80px;
  }
  .shares__info-block::after{top: -15px;}
}
@media (max-width: 900px) {
  .header__logo {
    width: clamp(3.563rem, 1.958rem + 7.13vw, 8.375rem);
    height: clamp(2rem, 1.021rem + 4.352vw, 4.938rem);
}
  .header__search {
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header__search,
  .header__info,
  .header__person,
  .header__mobile-block
   {
    height: 51px;
  }
  .header__search,  
  .header__mobile-block{
    width: 51px;
  }
  .header__top{
    column-gap: 6px;
  }
  .header__form{
    margin-left: auto;
  }
  .header__info,
  .header__search{
    margin: 0px;
  }
  .header__mobile{
    margin: 0px;
    padding: 0px;
  }
  .header__info{
    padding: 4px 14px;
  }
}
@media (max-width: 850px) {
  .cart__specifications-info{
    margin: 0 -50px;
    padding: 30px 50px;
  }
  .cart__review-append form,
  .cart__review-append form label{
    max-width: 100%;
  }
}
@media (max-width: 500px) {
  .exclusives__discount{
    background: url(../img/exclusives__discount_1_mob.png) no-repeat;
    height: 403px;
  }
  .home__advertisement{
    background: url(../img/home_dec_1_mob.png) no-repeat;
    background-position: right;
    height: 521px;
    padding: 45px 0 0 clamp(0.625rem, -5.804rem + 28.571vw, 3.125rem);
  }
  .home__advertisement h1{
    margin-top: 15px;
  }
  .footer__logo img{
    width: 87px;
    height: 58px;
  }
}
@media (max-width: 480px) {
  .about__banner{
    background: url("../img/about_mob.png") no-repeat;
    background-position: bottom right;
    height: 400px;
    justify-content:normal;
    padding-top: 53px;
  }
  .about__banner p{
    margin-top: 30px;
  }
  .allegiance__banner{
    background: url("../img/program_mob.png") no-repeat;
    background-position: bottom right;
    height: 242px;
  }
  .allegiance__banner-content{
    padding-top: 48px;
  }
  .allegiance__banner-content p {
    max-width: 338px;
  }
  .allegiance__participation{
    padding: 0 32px;
  }
  .allegiance__card-b:nth-child(1) {
    height: 190px;
    border-radius: 10px;
    margin: 0 -50px;
    padding-left: 160px;
  }
  .allegiance__card-b:nth-child(3){
    margin: 0 -30px;
  }
  .cabinet__card-c{
    max-width: 215px;
  }
  .cabinet__card-program,
  .cabinet__card-program::after {
    height: 128px;
  }
  .filters__cards-buttons{
    gap: 0;
  }
  .delivery__banner {
    background: url(../img/delivery_mob.png) no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 339px;
    justify-content: normal;
    padding-top: 46px;
  }
  .loyalty__title p{
    display: none;
  }
  .loyalty__ongoing h2 {
    text-align: left;
    padding-left: 13px;
  }
  .loyalty__info-line{
    grid-template-columns: repeat(2, 11fr);
  }
  .loyalty__title:nth-child(2){
    margin-left: auto;
  }
  .loyalty__title:nth-child(3){
    display: none;
  }
  .loyalty__ongoing{
    height: 118px;
  }
}
@media (max-width: 400px) {
  .header__search,
  .header__info,
  .header__person,
  .header__mobile-block
   {
    height: 40px;
  }
  .header__search,  
  .header__mobile-block{
    width: 40px;
  }
  .obtaining__top ul, .obtaining__bottom p{width: 70%;}
}
@media (max-width: 530px) {
  .home__cosmetics {
    height: clamp(31.25rem, -1.25rem + 144.444vw, 47.5rem);
    width: 100%;
    padding-top: clamp(5.313rem, -4.063rem + 41.667vw, 10rem);
  }
  .home__info-cos img {
    width: clamp(3.438rem, -0.313rem + 16.667vw, 5.313rem);
  }
  .home__cosmetics h4{
    max-width: 414px;
    text-align: center;
	padding: 0 30px;
  }
}
@media (max-width: 360px) {
  .home__cosmetics::after {
      top: 0;
      height: 500px;
  }
  .home__cosmetics {
    height: 500px;
    width: 100%;
    padding-top: 85px;
  }
  .home__info-cos img {
    width: 55px;
  }
  .home__cosmetics h4 {
    max-width: 414px;
    font-size: 26px;
    padding: 0 25px;
}
}
.dark .about__info {
    filter: grayscale(1) brightness(1000%);
}
.dark .delivery .activeTab {
    border: 2px solid #006a61;
    background: #808080;
	color:#000;
}
.dark .delivery__button-tab{
  background: #1a1a1a;
  color:#585858;
}
.dark .delivery__table tr td, .dark .delivery__table tr th {
    color: #c1c1c1;
}
.dark .delivery__table tr:nth-child(1) {
	background-color: #736956;
}
.dark .delivery__table tr:nth-child(1) th{
	color:#fff;
}
.dark .delivery__white{
	    background-color: #000;
}

.dark .delivery__green {
    background-color: #172812;
}
.dark .delivery__yellow {
    background-color: #332e17;
}
.dark .delivery__gray {
    background-color: #292928;
}
.dark .delivery__table tr:hover .delivery__white {
    background-color: #001211;
}
.dark .delivery__table tr:hover .delivery__green {
    background-color: #143420;
}
.dark .delivery__table tr:hover .delivery__yellow {
    background-color: #2b3924;
}
.dark .delivery__table tr:hover .delivery__gray {
    background-color: #233533;
}
.dark .delivery__pay{
	    border: 0px solid var(--payBack);
    background-color: var(--payB);
}
.cart-basket__product {
    margin-top: clamp(1rem, 0.623rem + 1.89vw, 2rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 11px;
}
.cart-place{width:126px;
height:auto;
    
}
.cart-basket-title{
    font-size:18px;
}
.cart-basket__info {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    gap: 11px;
}
.cart-basket__counter {
    border-radius: 10px;
    width: clamp(3.375rem, 2.172rem + 6.01vw, 6.563rem);
    height: 33px;
    background-color: var(--counter);
    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;
    
}
.cart-basket__counter button {
    width: 100%;
    height: 100%;
    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;
    font-weight: 400;
    font-size: clamp(0.75rem, 0.467rem + 1.42vw, 1.5rem);
    line-height: 104%;
    text-align: center;
    color: var(--counterText);
}
.cart-basket-title {
    font-size: 18px;
    width: 60%;
    font-weight: bold;
}
span.price {
    font-size: 24px;
}



.cabinet__adr-i {
    margin-top: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.cabinet__adr-i > .cabinet__input:nth-child(-n+2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 195px;
    flex: 1 1 195px;
    min-width: 150px;
}
.cabinet__promo-i {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.cabinet__promo-i > .cabinet__input:nth-child(1) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 195px;
    flex: 0 1 315px;
    min-width: 150px;
}
button.contact__btn {
    padding: 10px 25px;
    border-radius: 10px;
    background: var(--btnNone);
    border: 1px solid;
    border-color: var(--btnNone);
    font-weight: 700;
    font-size: 16px;

    color: var(--black);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
@media (max-width: 950px) {
    .cabinet__adr-i {
        margin-top: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }
    .cabinet__adr-i > .cabinet__input {
        -webkit-box-flex: 1 !important;
        -ms-flex: auto !important;
        flex: auto !important;
    }
}