[class^=ico_],
[class*=" ico_"] {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
          align-items: center;
  line-height: 1em;
}


.section-wrapper {
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom:72px;
}

.search-margin-bottom {padding-bottom:40px;}

@media (max-width: 640px) {
    .section-wrapper {
        margin-left: 20px;
        margin-right: 20px;
    }
}


.counter,
.counter * {
  pointer-events: auto !important;
}

.table__cell {
  position: relative;
  z-index: 5;
}

html,
body {
    

  color: #001d4c;
  font-weight: 200;
  font-size: 18px;
  font-family: "Manrope", sans-serif;
}
@media (max-width: 767px) {
  html,
body {font-size: 80%;
    font-size: calc(13px + 8.5 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  html,
body {font-size: 80%;
    font-size: calc(13px + 5 * (100vw / 1920));
  }
}

h1, h2, h3, h4, h5, h6 {font-size: 80%;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.section-title {
  margin: 0 0 10px 0;
  color: #001d4c;
  font-weight: 700;
  font-size: 50px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .section-title {
    font-size: calc(24px + 44.2 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .section-title {
    font-size: calc(24px + 26 * (100vw / 1920));
  }
}



.section-title-bold {  font-weight:600;
  
  margin: 0 0 10px 0;
  color: #001d4c;
  font-weight: 700;
  font-size: 50px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}
@media (max-width: 767px) {
 .section-title-bold {  font-weight:600;
    font-size: calc(24px + 44.2 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
 .section-title-bold {  font-weight:600;
    font-size: calc(24px + 26 * (100vw / 1920));
  }
}

.section-subtitle {
  margin: 0;
  color: #001d4c;
  font-weight: 400;
  font-size: 35px;
  font-family: "Manrope", sans-serif;
}
@media (max-width: 767px) {
  .section-subtitle {
    font-size: calc(18px + 28.9 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .section-subtitle {
    font-size: calc(18px + 17 * (100vw / 1920));
  }
}
.section-subtitle b {
  font-weight: 500;
}

b {
  font-weight: 700;
}

@font-face {
  src: url("../fonts/icons.eot");
  src: url("../fonts/icons.eot?#iefix") format("eot"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg");
  font-family: "icons";
}
.ico_youtube:before, .ico_warning:before, .ico_view-list:before, .ico_view-grid:before, .ico_user:before, .ico_upload:before, .ico_unlocked:before, .ico_twitter:before, .ico_trash2:before, .ico_trash:before, .ico_success:before, .ico_submenu:before, .ico_search:before, .ico_plus:before, .ico_money:before, .ico_minus:before, .ico_menu9:before, .ico_menu8:before, .ico_menu7:before, .ico_menu6:before, .ico_menu5:before, .ico_menu4:before, .ico_menu3:before, .ico_menu2:before, .ico_menu14:before, .ico_menu13:before, .ico_menu12:before, .ico_menu11:before, .ico_menu10:before, .ico_menu1:before, .ico_locked:before, .ico_linkedin:before, .ico_instagram:before, .ico_import:before, .ico_home:before, .ico_google:before, .ico_flag:before, .ico_facebook:before, .ico_eye:before, .ico_eye-slash:before, .ico_exit:before, .ico_error:before, .ico_edit:before, .ico_dropdown-select-6:before, .ico_dropdown-select-5:before, .ico_dropdown-select-4:before, .ico_dropdown-select-3:before, .ico_dropdown-select-2:before, .ico_dropdown-select-1:before, .ico_download:before, .ico_diia:before, .ico_copy:before, .ico_close:before, .ico_clear:before, .ico_checkmark:before, .ico_bank:before, .ico_arrow-up:before, .ico_arrow-right:before, .ico_arrow-left:before, .ico_arrow-down:before, .ico_apple:before, .ico_angle-up:before, .ico_angle-right:before, .ico_angle-left:before, .ico_angle-down:before, .ico_add:before, .ico_accardion-arrow:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1em;
  font-family: "icons";
  text-decoration: none;
  text-decoration: inherit;
  text-transform: none;
}

.ico_accardion-arrow:before {
  content: "\e001";
}

.ico_add:before {
  content: "\e002";
}

.ico_angle-down:before {
  content: "\e003";
}

.ico_angle-left:before {
  content: "\e004";
}

.ico_angle-right:before {
  content: "\e005";
}

.ico_angle-up:before {
  content: "\e006";
}

.ico_apple:before {
  content: "\e007";
}

.ico_arrow-down:before {
  content: "\e008";
}

.ico_arrow-left:before {
  content: "\e009";
}

.ico_arrow-right:before {
  content: "\e00a";
}

.ico_arrow-up:before {
  content: "\e00b";
}

.ico_bank:before {
  content: "\e00c";
}

.ico_checkmark:before {
  content: "\e00d";
}

.ico_clear:before {
  content: "\e00e";
}

.ico_close:before {
  content: "\e00f";
}

.ico_copy:before {
  content: "\e010";
}

.ico_diia:before {
  content: "\e011";
}

.ico_download:before {
  content: "\e012";
}

.ico_dropdown-select-1:before {
  content: "\e013";
}

.ico_dropdown-select-2:before {
  content: "\e014";
}

.ico_dropdown-select-3:before {
  content: "\e015";
}

.ico_dropdown-select-4:before {
  content: "\e016";
}

.ico_dropdown-select-5:before {
  content: "\e017";
}

.ico_dropdown-select-6:before {
  content: "\e018";
}

.ico_edit:before {
  content: "\e019";
}

.ico_error:before {
  content: "\e01a";
}

.ico_exit:before {
  content: "\e01b";
}

.ico_eye-slash:before {
  content: "\e01c";
}

.ico_eye:before {
  content: "\e01d";
}

.ico_facebook:before {
  content: "\e01e";
}

.ico_flag:before {
  content: "\e01f";
}

.ico_google:before {
  content: "\e020";
}

.ico_home:before {
  content: "\e021";
}

.ico_import:before {
  content: "\e022";
}

.ico_instagram:before {
  content: "\e023";
}

.ico_linkedin:before {
  content: "\e024";
}

.ico_locked:before {
  content: "\e025";
}

.ico_menu1:before {
  content: "\e026";
}

.ico_menu10:before {
  content: "\e027";
}

.ico_menu11:before {
  content: "\e028";
}

.ico_menu12:before {
  content: "\e029";
}

.ico_menu13:before {
  content: "\e02a";
}

.ico_menu14:before {
  content: "\e02b";
}

.ico_menu2:before {
  content: "\e02c";
}

.ico_menu3:before {
  content: "\e02d";
}

.ico_menu4:before {
  content: "\e02e";
}

.ico_menu5:before {
  content: "\e02f";
}

.ico_menu6:before {
  content: "\e030";
}

.ico_menu7:before {
  content: "\e031";
}

.ico_menu8:before {
  content: "\e032";
}

.ico_menu9:before {
  content: "\e033";
}

.ico_minus:before {
  content: "\e034";
}

.ico_money:before {
  content: "\e035";
}

.ico_plus:before {
  content: "\e036";
}

.ico_search:before {
  content: "\e037";
}

.ico_submenu:before {
  content: "\e038";
}

.ico_success:before {
  content: "\e039";
}

.ico_trash:before {
  content: "\e03a";
}

.ico_trash2:before {
  content: "\e03b";
}

.ico_twitter:before {
  content: "\e03c";
}

.ico_unlocked:before {
  content: "\e03d";
}

.ico_upload:before {
  content: "\e03e";
}

.ico_user:before {
  content: "\e03f";
}

.ico_view-grid:before {
  content: "\e040";
}

.ico_view-list:before {
  content: "\e041";
}

.ico_warning:before {
  content: "\e042";
}

.ico_youtube:before {
  content: "\e043";
}

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

*:focus,
*:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

aside,
nav,
footer,
header,
section {
  display: block;
}

body {
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-size: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  background-color: inherit;
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    padding: 0.1em 0.2em 0.1em!important;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* =========================================
   INVENTORY SEARCH — FIX SEARCH BUTTON
   ========================================= */

.inventory__search .hitech-autocomplete__button {
    all: unset; /* сбрасываем глобальный ад */
    box-sizing: border-box;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 40px;
    margin-right: 12px;

    padding: 0 18px !important; /* ← ЛЕВЫЙ И ПРАВЫЙ ПАДДИНГ */

    border-radius: 20px;
    border: 1px solid #d1d5db;

    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #001d4c;
    background: #fff;

    cursor: pointer;
    white-space: nowrap;
}

/* hover */
.inventory__search .hitech-autocomplete__button:hover {
    background: #f8fafc;
    border-color: #94a3b8;
}

.tooltip::after {
  content: attr(data-tooltip);
}

.full-width {
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
  margin-right: -50vw;
  margin-left: -50vw;
}

._video {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
._video video,
._video iframe,
._video object,
._video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videobg video,
.videobg iframe,
.videobg object,
.videobg embed {
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
  z-index: -100;
  position: fixed;
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
          transform: translateX(-50%) translateY(-50%);
  background-size: cover;
}

.nowrap {
  white-space: nowrap;
}

html,
body {
  min-height: 100vh;
  margin: 0!important;
  padding: 0;
  background-color: #eaeff4;
}

.page-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          justify-content: space-between;
  min-width: 320px;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}
.page-wrapper .page-main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.uk-container-xlarge {
  max-width: 1720px;
}

.uk-container-large {
  max-width: 1600px;
}

.uk-container-medium {
  max-width: 1400px;
}

.uk-section-large + .uk-section-large {
  padding-top: 0;
}

[data-uk-scrollspy] > * {
  opacity: 0;
}

[data-uk-scrollspy] > .uk-scrollspy-inview {
  opacity: 1;
}

@media (min-width: 960px) {
  .uk-section-large {
    padding-top:72px;
    padding-bottom: 72px;
  }
}
.uk-pagination > * > * {
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  display: block;
  position: relative;
  margin: 0 10px;
  padding: 0;
  color: #001d4c;
  font-weight: 300;
  font-size: 20px;
  font-family: "Manrope", sans-serif;
  transition: all 0.25s linear;
}
.uk-pagination > * > *:hover {
  color: #6998d1;
}

.uk-pagination > .uk-active > * {
  border-bottom: 2px solid #001d4c;
  font-weight: 700;
}

.page-header {
  display: block;
  position: relative;
  background-color: #fff;
}
.page-header__scroll {
  background-color: #fff;
}
.page-header__scroll.uk-active {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.page-header__inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: space-between;
  padding: 25px 0;
  gap: 20px;
}
.page-header__logo {
  min-width: 380px;
}
@media only screen and (max-width: 1399px) {
  .page-header__logo {
    min-width: auto;
  }
}
@media only screen and (max-width: 1199px) {
  .page-header__logo {
    margin-right: auto;
  }
}
.page-header__logo .logo__img {
  max-width: 240px;
}
@media only screen and (max-width: 414px) {
  .page-header__logo .logo__img {
    max-width: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .page-header__menu {
    display: none;
  }
}
.page-header__actions {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: flex-end;
  gap: 43px;
}
@media only screen and (max-width: 767px) {
  .page-header__actions {
    gap: 10px;
  }
}
.page-header__mobile-menu-btn {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .page-header__mobile-menu-btn {
    display: block;
  }
}
.page-header__mobile-menu-btn svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25px;
          flex: 0 0 25px;
  width: 25px;
  height: 25px;
}
.page-header__mobile-menu a {
  margin-left: 10px;
}
.page-header__mobile-menu a svg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

.mainmenu {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  margin: 0;
  padding: 0;
  gap: 60px;
  gap: 3.125vw;
  list-style-type: none;
}
.mainmenu li {
  display: block;
  position: relative;
}
.mainmenu li a {
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  display: block;
  position: relative;
  color: #001d4c;
  font-weight: 300;
  font-size: 20px;
  transition: all 0.25s linear;
}
.mainmenu li a:hover, .mainmenu li a:focus, .mainmenu li a:active {
  color: #6998d1;
}

.email {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  padding: 7px 20px;
  gap: 15px;
  border: 2px solid #6998d1;
  border-radius: 25px;
}
.email__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
  display: block;
  position: relative;
          flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-bottom: -2px;
}
.email__text {
  color: #6998d1;
  font-weight: 400;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px) {
  .email__text {
    font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .email__text {
    font-size: calc(14px + 4 * (100vw / 1920));
  }
}

.user {
  color: #001d4c;
}
.user__icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          flex: 0 0 34px;
          align-items: center;
          justify-content: center;
  width: 34px;
  height: 34px;
}
@media only screen and (max-width: 767px) {
  .user__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    width: 24px;
    height: 24px;
  }
}

.cart {
  position: relative;
  color: #001d4c;
}
.cart__icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          flex: 0 0 34px;
          align-items: center;
          justify-content: center;
  width: 34px;
  height: 34px;
}
@media only screen and (max-width: 767px) {
  .cart__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    width: 24px;
    height: 24px;
  }
}
.cart__numb {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -8px;
  right: -8px;
          flex: 0 0 16px;
          align-items: center;
          justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #c62500;
  color: #fff;
  font-size: 12px;
}

.page-footer {
  padding: 80px 0;
  padding: 4.1666666667vw 0;
  background-color: #001d4c;
}
@media only screen and (max-width: 1199px) {
  .page-footer {
    padding: 40px 0;
  }
}
.page-footer__top {
  margin-bottom: 55px;
  margin-bottom: 2.8645833333vw;
}
@media only screen and (max-width: 767px) {
  .page-footer__top {
    margin-bottom: 40px;
  }
}
.page-footer__middle {
  margin-bottom: 25px;
  margin-bottom: 1.3020833333vw;
}
.page-footer__bottom .links {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          flex-direction: row;
          justify-content: flex-end;
  margin-top: 40px;
}
.page-footer h3 {
  margin: 0 0 20px 0;
  color: #fff;
  font-weight: 700;
  font-size: 21px;
  font-family: "Manrope", sans-serif;
}
@media (max-width: 767px) {
  .page-footer h3 {
    font-size: calc(16px + 8.5 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .page-footer h3 {
    font-size: calc(16px + 5 * (100vw / 1920));
  }
}
.page-footer ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
  margin: 0;
  padding: 0;
  gap: 5px;
  list-style-type: none;
}
.page-footer ul li {
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  font-family: "Manrope", sans-serif;
}
@media (max-width: 767px) {
  .page-footer ul li {
    font-size: calc(14px + 10.2 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .page-footer ul li {
    font-size: calc(14px + 6 * (100vw / 1920));
  }
}
.page-footer ul li a {
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  display: inline-block;
  margin-left: 5px;
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  font-family: "Manrope", sans-serif;
  transition: all 0.25s linear;
}
@media (max-width: 767px) {
  .page-footer ul li a {
    font-size: calc(14px + 10.2 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .page-footer ul li a {
    font-size: calc(14px + 6 * (100vw / 1920));
  }
}
.page-footer ul li a:hover, .page-footer ul li a:focus, .page-footer ul li a:active {
  color: #6998d1;
}

.links {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-start;
  margin: 0;
  padding: 0;
  gap: 20px !important;
  list-style-type: none;
}
.links__item {
  display: block;
  position: relative;
}
.links__link {
  display: block;
  position: relative;
  margin: 0 !important;
  padding: 0;
}
.links__icon {
  max-height: 55px;
}

.uk-offcanvas-bar {
  padding-top: 10px;
  padding-left: 20px;
  background-color: #001d4c;
}

.mobile-menu .mainmenu {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          align-items: stretch;
          justify-content: flex-start;
  margin: 0;
  padding: 0;
  gap: 20px;
  list-style-type: none;
}
.mobile-menu .mainmenu li {
  display: block;
  position: relative;
}
.mobile-menu .mainmenu li a {
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  display: block;
  position: relative;
  color: #fff;
  font-weight: 200;
  font-size: 18px;
  transition: all 0.25s linear;
}
.mobile-menu .mainmenu li a:hover, .mobile-menu .mainmenu li a:focus, .mobile-menu .mainmenu li a:active {
  color: #6998d1;
}

 .hero {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
  }

  .hero-svg {
    display: block;
    width: 100%;
    height: auto;
  }

  /* затемняющий слой */
  .hero-overlay-rect {
    fill: #000;
    opacity: 0;
    animation: overlayCycle 6s ease-in-out infinite;
  }

  /* стрелка */
  .hero-arrow {
    position: absolute;
    left: 50%;
    bottom: -9px;
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
  }

  .hero-arrow img {
    width: 45px;
    height: 45px;
  }

  /* текстовый контейнер */
  .hero-content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 15;
  }

  /* === АНИМАЦИИ === */

  /* Общий тайминг:  
     0–8%    появление  
     8–58%   статично  
     58–67%  уход  
     67–100% скрыто  
  */

  /* Мягкая премиальная анимация для заголовка, подзаголовка, кнопки и оверлея */
/* Заголовок — с паузой 5 сек перед появлением */
@keyframes titleCycle {
  0%   { opacity: 0; transform: translateX(-50px); }   /* первые 5 сек — пусто */
  16%  { opacity: 0; transform: translateX(-50px); }   /* 0–16% цикла = 5 сек */

  20%  { opacity: 1; transform: translateX(0); }       /* мягкий вход */
  76%  { opacity: 1; transform: translateX(0); }       /* длинный показ */

  90%  { opacity: 0; transform: translateX(-20px); }   /* мягкий уход */
  100% { opacity: 0; transform: translateX(-20px); }
}

/* Подзаголовок — то же, но с правой стороны */
@keyframes subtitleCycle {
  0%,16%  { opacity: 0; transform: translateX(50px); }

  20%  { opacity: 1; transform: translateX(0); }
  76%  { opacity: 1; transform: translateX(0); }

  90%  { opacity: 0; transform: translateX(20px); }
  100% { opacity: 0; transform: translateX(20px); }
}

/* Кнопка — аналогично */
@keyframes btnCycle {
  0%,16% { opacity: 0; transform: translateY(20px); }

  22%  { opacity: 1; transform: translateY(0); }
  76%  { opacity: 1; transform: translateY(0); }

  90%  { opacity: 0; transform: translateY(-5px); }
  100% { opacity: 0; transform: translateY(-5px); }
}

/* Оверлей — появляется только когда текст на экране */
@keyframes overlayCycle {
  0%,16%  { opacity: 0; }       /* первые 5 сек → видео чистое */

  20%     { opacity: 0.25; }    /* мягкий вход */
  76%     { opacity: 0.25; }    /* показ */

  90%     { opacity: 0; }       /* уход */
  100%    { opacity: 0; }
}

  /* ==== ТЕКСТ ==== */
  .hero-title {
    font-size: 64px;
    font-weight: 700;
    margin: 0 0 20px;
    color: #fff;
    animation: titleCycle 6s ease-in-out infinite;
  }

  .hero-subtitle {
    font-size: 32px;
    font-weight: 600;
    margin: 0 0 40px;
    color: #fff;
    animation: subtitleCycle 6s ease-in-out infinite;
    line-height: 1.4;
  }

  .hero-btn {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 174px;
  height: 64px;
  padding: 0;

  border-radius: 32px;
  border: none;

  background: #001d4c;
  color: #ffffff !important;
  text-decoration: none;

  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;

  /* ✅ ВАЖНО: оставляем анимацию, чтобы кнопка исчезала вместе со слайдером */
  animation: btnCycle 6s ease-in-out infinite;

  box-shadow:
    0 10px 28px rgba(0, 29, 76, 0.35),
    inset 0 0 0 1px rgba(255,255,255,0.08);

  transition:
    background .2s ease,
    box-shadow .2s ease,
    transform .15s ease;
}

.hero-btn:hover {
  background: #6998d1;
 
  color: #ffffff !important;

  box-shadow:
    0 14px 36px rgba(30, 135, 240, 0.4);

  transform: translateY(-1px);
}

.hero-btn:active {
  transform: translateY(0);
  box-shadow:
    0 8px 20px rgba(0, 29, 76, 0.3);
}

.hero-btn,
.hero-btn:link,
.hero-btn:visited,
.hero-btn:hover,
.hero-btn:active,
.hero-btn:focus {
  color: #ffffff !important;
  text-decoration: none;
}

.hero-btn-footer {
      margin-top: 45px;
  margin-bottom: 20px;
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 174px;
  height: 64px;
  padding: 0;

  border-radius: 32px;
  border: none;

  background: #001d4c;
  color: #ffffff !important;
  text-decoration: none;

  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;

 
  
}

.hero-btn-footer:hover {
  background: #6998d1;
 
  color: #ffffff !important;

  box-shadow:
    0 14px 36px rgba(30, 135, 240, 0.4);

  transform: translateY(-1px);
}

.hero-btn-footer:active {
  transform: translateY(0);
  box-shadow:
    0 8px 20px rgba(0, 29, 76, 0.3);
}

.hero-btn-footer,
.hero-btn-footer:link,
.hero-btn-footer:visited,
.hero-btn-footer:hover,
.hero-btn-footer:active,
.hero-btn-footer:focus {
  color: #ffffff !important;
  text-decoration: none;
}



.hero__more {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: -17px;
  left: 0;
          align-items: center;
          justify-content: center;
}
.hero__arrow {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
  -ms-flex: 0 0 4.6875vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  position: relative;
  top: 0;
          flex: 0 0 90px;
      flex: 0 0 4.6875vw;
          align-items: center;
          justify-content: center;
  width: 90px;
  width: 4.6875vw;
  height: 90px;
  height: 4.6875vw;
  border-radius: 50%;
  color: #fff;
}
@media only screen and (max-width: 1023px) {
  .hero__arrow {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    width: 60px;
    height: 60px;
  }
}

.inventory {
  display: block;
  z-index: 1;
  position: relative;
}
.inventory__inner {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  padding: 40px;
  border-radius: 20px;
  background-color: #fff;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
@media only screen and (max-width: 1199px) {
  .inventory__inner {
    padding: 15px;
    border-radius: 10px;
  }
}
.inventory__search {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  margin-top: 45px;
  margin-bottom: 20px;
  border-radius: 50px;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
@media only screen and (max-width: 767px) {
  .inventory__search {
    border-radius: 10px;
  }
}
.inventory__search .uk-search-default,
.inventory__search .uk-search-input {
  width: 100%;
}
.inventory__search .uk-search-icon {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
          flex-direction: row-reverse;
  width: 150px;
  gap: 10px;
  color: rgb(0, 29, 76);
  font-size: 22px;
  line-height: 1.2;
  font-family: "Manrope";
}
@media (max-width: 767px) {
  .inventory__search .uk-search-icon {
    font-size: calc(14px + 13.6 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .inventory__search .uk-search-icon {
    font-size: calc(14px + 8 * (100vw / 1920));
  }
}
@media only screen and (max-width: 767px) {
  .inventory__search .uk-search-icon {
    width: 60px;
    font-size: 0;
  }
}
.inventory__search .uk-search-input {
  height: 60px;
  padding: 20px 150px 20px 50px;
  padding: 20px 150px 20px 2.6041666667vw;
  border: none;
  color: rgb(155, 160, 170);
  font-size: 22px;
  line-height: 1.2;
  font-family: "Manrope";
}
@media (max-width: 767px) {
  .inventory__search .uk-search-input {
    font-size: calc(13px + 15.3 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .inventory__search .uk-search-input {
    font-size: calc(13px + 9 * (100vw / 1920));
  }
}
@media only screen and (max-width: 767px) {
  .inventory__search .uk-search-input {
    padding: 20px;
  }
}
.inventory__info {
  margin: 20px 0;
}

.info-list {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
  margin: 0;
  padding: 0;
  gap: 20px;
  list-style-type: none;
}
@media only screen and (max-width: 767px) {
  .info-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
    gap: 5px;
  }
}
.info-list__item {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: space-between;
  gap: 20px;
  color: #6998d1;
  font-weight: 200;
  font-size: 20px;
  font-family: "Manrope", sans-serif;
}
@media (max-width: 767px) {
  .info-list__item {
    font-size: calc(14px + 10.2 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .info-list__item {
    font-size: calc(14px + 6 * (100vw / 1920));
  }
}
.info-list__item img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  width: 24px;
  max-height: 24px;
}
@media only screen and (max-width: 767px) {
  .info-list__item img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
            flex: 0 0 20px;
    width: 20px;
    max-height: 20px;
  }
}

.counter {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
  gap: 5px;
}

.counter button {
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 5px;
  color: #6998d1;
  font-weight: 300;
  font-size: 21px;
  cursor: pointer;
}

.counter button:active {
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}

.counter input {
  width: 50px;
  height: 30px;
  border: none;
  outline: none;
  font-size: 21px;
  text-align: center;
}
@media (max-width: 767px) {
  .counter input {
    font-size: calc(15px + 10.2 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .counter input {
    font-size: calc(15px + 6 * (100vw / 1920));
  }
}

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

@media only screen and (max-width: 1199px) {
  .table__head {
    display: none;
  }
}
.table__head .table__row {
  border-radius: 5px;
  background-color: #6998d1;
  color: white;
}
.table__head .table__row .table__cell {
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  font-family: "Manrope", sans-serif;
}
@media (max-width: 767px) {
  .table__head .table__row .table__cell {
    font-size: calc(14px + 10.2 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .table__head .table__row .table__cell {
    font-size: calc(14px + 6 * (100vw / 1920));
  }
}
.table__head .table__row .table__cell:nth-child(3),
.table__head .table__row .table__cell:nth-child(4) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.table__row {
  -webkit-box-align: start;
      -ms-flex-align: start;
  -ms-grid-columns: 50% 12% 10% 28%;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 50% 12% 10% 28%;
          align-items: start;
  padding: 10px 0;
}
@media only screen and (max-width: 1199px) {
  .table__row {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    -webkit-box-align: center;
        -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
  }
  .table__row > * {
    width: 33%;
  }
}
@media only screen and (max-width: 1199px) and (max-width: 767px) {
  .table__row > * {
    width: 50%;
  }
}

.table__cell {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 20px;
  font-weight: 300;
  font-size: 20px;
}
@media (max-width: 767px) {
  .table__cell {
    font-size: calc(14px + 10.2 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .table__cell {
    font-size: calc(14px + 6 * (100vw / 1920));
  }
}

.table__body .table__row {
  border-bottom: 1px solid #eaeff4;
}
.table__body .table__row .table__cell {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: flex-start;
  gap: 10px;
}
.table__body .table__row .table__cell:nth-child(1) span {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .table__body .table__row .table__cell:nth-child(1) span {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1199px) {
  .table__body .table__row .table__cell:nth-child(1) {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .table__body .table__row .table__cell:nth-child(2) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 20%;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .table__body .table__row .table__cell:nth-child(2) {
    width: 50%;
  }
}
@media only screen and (max-width: 1199px) {
  .table__body .table__row .table__cell:nth-child(3) {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .table__body .table__row .table__cell:nth-child(3) {
    width: 50%;
  }
}
@media only screen and (max-width: 1199px) {
  .table__body .table__row .table__cell:nth-child(4) {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .table__body .table__row .table__cell:nth-child(4) {
    width: 100%;
    padding: 10px 0;
  }
}
.table__body .table__row .table__cell:nth-child(3),
.table__body .table__row .table__cell:nth-child(4) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.table__body .table__row .table__cell:nth-child(4) {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.table__body .table__row img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  width: 30px;
  height: 30px;
}
.table__body .table__row span.price {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
          align-items: center;
          justify-content: center;
  height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  background-color: #eaeff4;
}
.table__body .table__row button.buy {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
          align-items: center;
          justify-content: center;
  width: 40px;
  height: 30px;
  border: none;
  border-radius: 5px;
  background-color: #6998d1;
  color: #fff;
  transition: all 0.25s linear;
}
.table__body .table__row button.buy:hover {
  background-color: #001d4c;
}
.table__body .table__row button.buy img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 20px;
}

.table__foot {
  margin-top: 40px;
}

.quality {
  display: block;
  position: relative;
}
.quality:before {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vw;
          transform: translate(-50%, -50%);
  background-image: url(../img/bg_quality.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
.quality > * {
  z-index: 1;
  position: relative;
}
.quality__img {
  text-align: center;
}
.quality__img img {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border-radius: 15px;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.quality__content {
  padding-left: 40px;
  border-left: 2px solid #001d4c;
}
@media only screen and (max-width: 639px) {
  .quality__content {
    padding-left: 0;
    border-left: none;
  }
}

.table__cell a {
color:#001d4c;}

.table__cell a:hover {
color:#6998d1;}


.how-we-work {
  display: block;
  z-index: 1;
  position: relative;
}
.how-we-work__head {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
  padding: 20px 30px;
  border-radius: 20px;
  background-color: #fff;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
@media only screen and (max-width: 767px) {
  .how-we-work__head {
    padding: 15px 20px;
    border-radius: 10px;
  }
}

.how-we-work-card {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  min-height: 100%;
  padding: 30px;
  border-radius: 20px;
  background-color: #fff;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
@media only screen and (max-width: 767px) {
  .how-we-work-card {
    padding: 20px;
    border-radius: 10px;
  }
}
.how-we-work-card__title {
  margin: 0 0 10px 0;
  color: #001d4c;
  font-weight: 500;
  font-size: 35px;
  font-family: "Manrope", sans-serif;
}
@media (max-width: 767px) {
  .how-we-work-card__title {
    font-size: calc(20px + 25.5 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .how-we-work-card__title {
    font-size: calc(20px + 15 * (100vw / 1920));
  }
}
.how-we-work-card__text {
  margin: 0;
  color: #001d4c;
  font-weight: 200;
  font-size: 25px;
  font-family: "Manrope", sans-serif;
}
@media (max-width: 767px) {
  .how-we-work-card__text {
    font-size: calc(16px + 15.3 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .how-we-work-card__text {
    font-size: calc(16px + 9 * (100vw / 1920));
  }
}

.benefits__head {
  text-align: center;
}
.benefits__body {
  margin-top: 60px;
}

.benefits-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          align-items: stretch;
          justify-content: flex-start;
  max-width: 700px;
  margin: 0;
  margin: 0 auto;
  padding: 0;
  gap: 50px;
  list-style-type: none;
}
.benefits-list__item {
  display: block;
  position: relative;
  padding-left: 50px;
}
.benefits-list__item:before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3213 17.0159C12.2427 16.9465 12.1813 16.8919 12.1213 16.8372C10.8773 15.6985 9.63867 14.5545 8.38934 13.4212C7.69201 12.7879 6.60801 12.9759 6.16934 13.7919C5.85867 14.3692 5.99467 15.1092 6.51334 15.5852C8.11201 17.0492 9.71334 18.5105 11.316 19.9705C12.0467 20.6359 12.8253 20.6079 13.5293 19.9065C15.6853 17.7625 17.844 15.6199 20.0013 13.4759C20.8987 12.5852 21.7947 11.6919 22.6933 10.8025C23.028 10.4705 23.2067 10.0772 23.1627 9.60521C23.104 8.98521 22.7733 8.55188 22.1933 8.33188C21.584 8.10254 21.056 8.27588 20.608 8.72388C18.532 10.8012 16.4573 12.8785 14.3827 14.9559C13.7027 15.6372 13.02 16.3172 12.3213 17.0159ZM14.5813 -0.000120163C22.6253 -0.00411987 29.1787 6.55721 29.172 14.6092C29.1653 22.6585 22.6253 29.2052 14.5907 29.2065C6.54534 29.2065 -0.00666158 22.6465 5.083e-06 14.5959C0.00667175 6.54654 6.544 0.00387955 14.5813 -0.000120163Z' fill='%23001D4C' /%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.benefits-list__item:after {
  position: absolute;
  top: 40px;
  left: 12px;
  width: 2px;
  height: calc(100% - 40px);
  background-color: #001d4c;
  content: "";
}
.benefits-list__item p {
  margin: 0;
  font-weight: 200;
  font-size: 25px;
}
@media (max-width: 767px) {
  .benefits-list__item p {
    font-size: calc(14px + 18.7 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .benefits-list__item p {
    font-size: calc(14px + 11 * (100vw / 1920));
  }
}
.benefits-list__title {
  display: block;
  position: relative;
  margin: 0 0 10px 0;
  color: #001d4c;
  font-weight: 500;
  font-size: 30px;
  font-family: "Manrope", sans-serif;
}
@media (max-width: 767px) {
  .benefits-list__title {
    font-size: calc(16px + 23.8 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .benefits-list__title {
    font-size: calc(16px + 14 * (100vw / 1920));
  }
}

.map__body {
  margin: 75px 0;
}

.map-list-dots {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
          align-items: center;
          justify-content: flex-start;
  margin: 35px 0 50px;
  padding: 0;
  gap: 55px;
  gap: 2.8645833333vw;
  list-style-type: none;
}
.map-list-dots__item {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: flex-start;
  gap: 20px;
}
.map-list-dots__text {
  color: #001d4c;
  font-size: 20px;
  font-family: "Manrope", sans-serif;
}
@media (max-width: 767px) {
  .map-list-dots__text {
    font-size: calc(14px + 10.2 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .map-list-dots__text {
    font-size: calc(14px + 6 * (100vw / 1920));
  }
}
.map-list-dots__item:nth-child(1) .map-list-dots__text {
  color: #c62500;
}
.map-list-dots__item:nth-child(2) .map-list-dots__text {
  color: #466da5;
}
.map-list-dots__item:nth-child(3) .map-list-dots__text {
  color: #a56f20;
}
.map-list-dots__item:nth-child(4) .map-list-dots__text {
  color: #2e7d32;
}

.dot {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 50%;
}

.dot--red {
  background-color: #c62500;
}

.dot--blue {
  background-color: #466da5;
}

.dot--brown {
  background-color: #a56f20;
}

.dot--green {
  background-color: #2e7d32;
}

.map-list-country {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: flex-start;
  margin: 0;
  padding: 0;
  gap: 20px;
  list-style-type: none;
}
.map-list-country__item {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: flex-start;
  gap: 10px;
}
.map-list-country__text {
  color: #001d4c;
  font-weight: 200;
  font-family: "Manrope", sans-serif;
}

.map__title {
  margin: 0 0 28px 0;
  color: #001d4c;
  font-weight: 500;
  font-size: 30px;
  font-family: "Manrope", sans-serif;
}
@media (max-width: 767px) {
  .map__title {
    font-size: calc(20px + 17 * ((100vw - 320px) / 1920));
  }
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
  .map__title {
    font-size: calc(20px + 10 * (100vw / 1920));
  }
}
/* ================================
   GLOBAL SCALE FIX ~80%
   BASE TEXT = 18px
   LINKS FIXED = 18px
================================ */

/* ===== БАЗОВЫЙ ТЕКСТ (КЛЮЧЕВОЕ ИЗМЕНЕНИЕ) ===== */
html, body {
  font-size: calc(16px + 2 * (100vw / 1920));
}

/* ================= SECTION ================= */

.section-title {
  font-size: calc(24px * 0.8 + 26 * 0.8 * (100vw / 1920));
}

.section-subtitle {
  font-size: calc(18px * 0.8 + 17 * 0.8 * (100vw / 1920));
}

/* ================= LINKS ================= */

/* HEADER MENU */
.mainmenu li a {
  font-size: 18px;
}

/* FOOTER LINKS */
.page-footer ul li a {
  font-size: 18px;
}

/* TABLE LINKS */
.table__cell a {
  font-size: 18px;
}

/* GENERIC INLINE LINKS */
p a,
li a {
  font-size: 18px;
}

/* ================= HEADER ================= */

.email__text {
  font-size: calc(14px * 0.8 + 4 * 0.8 * (100vw / 1920));
}

/* ================= HERO ================= */

.hero-title {
  font-size: 51px;
}

.hero-subtitle {
  font-size: 26px;
}

.hero-btn {
  font-size: 18px;
  padding: 12px 32px;
}

/* ================= INVENTORY ================= */

.inventory__search .uk-search-icon {
  font-size: calc(14px * 0.8 + 8 * 0.8 * (100vw / 1920));
}

.inventory__search .uk-search-input {
  font-size: calc(13px * 0.8 + 9 * 0.8 * (100vw / 1920));
  height: 48px;
}

/* ================= INFO LIST ================= */

.info-list__item {
  font-size: calc(14px * 0.8 + 6 * 0.8 * (100vw / 1920));
}

/* ================= COUNTER ================= */

.counter button,
.counter input {
  font-size: calc(15px * 0.8 + 6 * 0.8 * (100vw / 1920));
}

/* ================= TABLE ================= */

.table__cell,
.table__head .table__cell {
  font-size: calc(14px * 0.8 + 6 * 0.8 * (100vw / 1920));
  padding: 8px 16px;
}

/* ================= FOOTER ================= */

.page-footer h3 {
  font-size: calc(16px * 0.8 + 5 * 0.8 * (100vw / 1920));
}

.page-footer ul li {
  font-size: calc(14px * 0.8 + 6 * 0.8 * (100vw / 1920));
}

/* ================= HOW WE WORK ================= */

.how-we-work-card__title {
  font-size: calc(20px * 0.8 + 15 * 0.8 * (100vw / 1920));
}

.how-we-work-card__text {
  font-size: calc(16px * 0.8 + 9 * 0.8 * (100vw / 1920));
}

/* ================= BENEFITS ================= */

.benefits-list__title {
  font-size: calc(16px * 0.8 + 14 * 0.8 * (100vw / 1920));
}

.benefits-list__item p {
  font-size: calc(14px * 0.8 + 11 * 0.8 * (100vw / 1920));
}

/* ================= MAP ================= */

.map-list-dots__text,
.map__title {
  font-size: calc(14px * 0.8 + 6 * 0.8 * (100vw / 1920));
}



/* Стили для нашей новой кнопки удаления */
.hitech-remove-btn {
    color: #d9534f;
    font-size: 18px;
    cursor: pointer;
}
.hitech-remove-btn:hover { color: #c9302c; }



.footer-bottom {
  background: #babec7;
  display: flex;
  justify-content: center;
}

.footer-bottom-links {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;

  width: max-content;
  max-width: 100%;
  padding: 10px 20px;
}

.footer-bottom-links a {
  color: #001d4c;
  transition: color 0.2s ease;
}

.footer-bottom-links a:hover,
.footer-bottom-links a:focus {
  color: #3a5f9c; /* чуть светлее, без “голубизны” */
}


/* OVERLAY */
.quote-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* POPUP */
.quote-popup {
  background: #ffffff;
  max-width: 620px;
  width: 100%;
  padding: 60px 60px 70px;
  border-radius: 20px;
  position: relative;
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.25);
}

/* CLOSE */
.quote-popup-close {
  position: absolute;
  top: 22px;
  right: 22px;
  background: none;
  border: none;
  font-size: 32px;
  line-height: 1;
  color: #9aa3b2;
  cursor: pointer;
}

.quote-popup-close:hover {
  color: #001f4d;
}

/* TITLE */
.quote-popup-title {
  margin: 0 0 36px;
  text-align: center;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #001f4d;
}

/* FORM */
.quote-form {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

/* LABEL TEXT — скрыты */
.quote-form span {
  display: none;
}

/* INPUTS */
.quote-form input,
.quote-form textarea {
  width: 100%;
  padding: 18px 20px;
  font-size: 19px;
  line-height: 1.4;
  border-radius: 8px;
  border: 1px solid #d7dbe2;
  background: #ffffff;
  color: #001f4d;
  transition: border-color 0.2s ease;
}

.quote-form input::placeholder,
.quote-form textarea::placeholder {
  color: #9aa3b2;
}

.quote-form input:focus,
.quote-form textarea:focus {
  outline: none;
  border-color: #002d72;
}

/* FILE INPUT */
.quote-file input[type="file"] {
  font-size: 16px;
  color: #8a94a6;
}

.quote-file input::file-selector-button {
  margin-right: 18px;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid #d7dbe2;
  background: #f5f7fa;
  cursor: pointer;
  font-size: 16px;
}

.quote-file input::file-selector-button:hover {
  background: #eef1f6;
}

/* BUTTON */
.quote-btn {
  margin-top: 26px;
  align-self: center;
  min-width: 220px;
  padding: 20px 56px!important;
  border-radius: 999px;
  border: none;
  background: #002d72;
  color: #ffffff;
  font-size: 19px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.1s ease;
}

.quote-btn:hover {
  background: #001f4d;
}

.quote-btn:active {
  transform: translateY(1px);
}

.uk-container.uk-container-medium a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.2s ease;
}

.uk-container.uk-container-medium a:hover,
.uk-container.uk-container-medium a:focus {
  color: #f2f2f2;
}

.uk-container.uk-container-medium a:visited {
  color: #dcdcdc;
}

/* ============================= */
/* Woo Login — HARD RESET & FIX  */
/* ============================= */

/* 1. Каркас формы — а не всей страницы */
.woocommerce-account .woocommerce-form-login {
  max-width: 520px;
  margin: 0 auto;
}

/* 2. ЖЁСТКО возвращаем несущий шрифт */
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"] {
  font-family: inherit !important;
  font-weight: 400;
  letter-spacing: 0.01em;
}

/* 3. Нормальная геометрия полей */
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"] {
  box-sizing: border-box;
  width: 100%;
  padding: 14px 16px;

  font-size: 16px;
  line-height: 1.35;

  border-radius: 10px;
  border: 1px solid #d7dbe2;

  background-color: #eef4ff;
  background-image: none !important;   /* ← УБИВАЕМ ГЛАЗИК ТЕМЫ */
  color: #001f4d;
}

/* 4. УБИВАЕМ ВСЕ ПСЕВДО-ГЛАЗИКИ ТЕМЫ */
.woocommerce-form-login input::before,
.woocommerce-form-login input::after,
.woocommerce-form-login .password-input::before,
.woocommerce-form-login .password-input::after {
  content: none !important;
  display: none !important;
}

/* 5. Фокус */
.woocommerce-form-login input:focus {
  outline: none;
  background-color: #ffffff;
  border-color: #002d72;
}

/* 6. Лейблы — компактно, без “воздуха” */
.woocommerce-form-login label {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px;
  color: #001f4d;
}

/* 7. Красная звёздочка */
.woocommerce-form-login .required {
  color: #c62828;
  font-weight: 600;
}

/* 8. Кнопка — стабильно */
.woocommerce-form-login button[type="submit"] {
  display: block;
  margin: 28px auto 0;

  min-width: 220px;
  padding: 16px 48px !important;

  border-radius: 999px;
  border: none;

  background: #002d72;
  color: #ffffff;

  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;

  cursor: pointer;
}

.woocommerce-form-login button[type="submit"]:hover {
  background: #001f4d;
}

/* 9. Remember me — без расползания */
.woocommerce-form-login .woocommerce-form__label-for-checkbox {
  font-size: 14px;
  color: #001f4d;
  margin-top: 6px;
}
/* Обращаемся ко всем возможным типам полей по тегам и классам */
html body input, 
html body textarea, 
html body select, 
html body .input-text,
html body #username,
html body #password {
    font-family: 'Manrope', sans-serif !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
}

/* Сброс для Chrome/Edge автозаполнения */
input:-webkit-autofill {
    -webkit-text-fill-color: #333 !important;
    font-family: 'Manrope', sans-serif !important;
}


/* "Дирижер" для строки корзины */
.hitech-cart-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Общие правила для всех ячеек корзины */
.hitech-cart-row > div {
    display: flex !important;
    align-items: center !important;
    padding: 10px 5px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important; /* Запрещаем сжатие, чтобы колонки не "плыли" */
}

/* 1. Чекбокс */
.table__cell-checkbox {
    width: 35px !important;
    justify-content: center !important;
}

/* 2. Имя (Name) - единственная тянущаяся колонка */
.table__cell-name {
    flex: 1 1 0% !important; /* Базис 0 позволяет колонке реально рассчитываться от остатка места */
    min-width: 0 !important;   /* КРИТИЧНО: позволяет flex-элементу сжиматься */
    max-width: 45%;
    white-space: normal !important; 
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important; /* Разрываем даже длинные артикулы, если надо */
    padding-right: 15px !important;
    line-height: 1.4 !important;
    display: block !important; /* Чтобы внутренние элементы не выстраивались во flex */
}

/* Применяем одинаковую ширину */
.table__cell-checkbox      { width: 45px !important; flex-basis: 45px !important; }
.table__cell-name          { flex-grow: 1 !important; flex-shrink: 1 !important; max-width: 40% !important; }
.table__cell-sku           { width: 15% !important; flex-basis: 15% !important; }
.table__cell-availability   { width: 10% !important; flex-basis: 10% !important; }
.table__cell-remove        { width: 45px !important; flex-basis: 45px !important; }
.table__cell-quantity      { width: 120px !important; flex-basis: 120px !important; }
.table__cell-price         { width: 90px !important; flex-basis: 90px !important; }
.table__cell-total         { width: 100px !important; flex-basis: 100px !important; }

/* Синхронизация выравнивания для числовых колонок */

/* Quantity — по центру, чтобы кнопки +/- были ровно под словом */
.table__cell-quantity {
    justify-content: center !important;
    text-align: center !important;
}

/* Price и Total — по правому краю */
.table__cell-price, 
.table__cell-total {
    justify-content: flex-end !important;
    text-align: right !important;
}

/* Добавляем небольшой внутренний отступ справа для Total, 
   чтобы цифры не липли к краю таблицы */
.table__cell-total {
    padding-right: 20px !important;
}

/* Убедимся, что в шапке заголовки ведут себя так же */
.table__head .table__cell-quantity { justify-content: center !important; }
.table__head .table__cell-price    { justify-content: flex-end !important; }
.table__head .table__cell-total    { justify-content: flex-end !important; padding-right: 20px !important; }

/* Общий сброс для ячеек, чтобы ничего не нализало друг на друга */
.hitech-cart-row > div {
    display: flex !important;
    align-items: center !important;
    padding: 10px 10px !important; /* Увеличили боковые отступы */
    box-sizing: border-box !important;
}

/* Название: оставляем прижатым влево */
.table__cell-name {
    justify-content: flex-start !important;
    text-align: left !important;
}

/* Код и Наличие: по центру */
.table__cell-sku,
.table__cell-availability {
    justify-content: center !important;
    text-align: center !important;
}

/* Кнопка удаления: даем ей четкое место, чтобы не пропадала */
.table__cell-remove {
    width: 50px !important;
    flex: 0 0 50px !important;
    justify-content: center !important;
}

/* Quantity: Ключевой фикс! */
.table__cell-quantity {
    width: 140px !important; /* Немного расширим, чтобы кнопки не жались */
    flex: 0 0 140px !important;
    justify-content: space-between !important; /* Раскидываем +/- и цифру */
    gap: 5px !important;
}

/* Цена и Итого: прижимаем вправо, но с отступом */
.table__cell-price, 
.table__cell-total {
    justify-content: flex-end !important;
    text-align: right !important;
    padding-right: 15px !important;
}

/* Если кнопки в Quantity всё равно слипаются, добавим им ширину */
.table__cell-quantity input {
    width: 40px !important;
    text-align: center !important;
    margin: 0 5px !important;
}

/* Состояние по умолчанию (Голубой) */
.table__cell-remove a, 
.table__cell-remove i {
    color: #6998d1 !important; /* Твой светлый/голубой цвет */
    transition: color 0.2s ease; /* Плавный переход */
    cursor: pointer;
}

/* Состояние при наведении (Темно-синий) */
.table__cell-remove a:hover, 
.table__cell-remove a:hover i {
    color: #001f4d !important; /* Твой темно-синий цвет (как в шапке таблицы) */
}

/* Дополнительно: чтобы иконка не была слишком мелкой и стояла по центру */
.table__cell-remove {
    font-size: 18px !important;
}
.section-wrapper .uk-container {
  padding-left: 0;
  padding-right: 0;
}
/* ===== Inverse version ===== */

.section-wrapper--inverse {
    background: #0b2a5b; /* тёмный фон секции */
}

/* карточка */
.how-we-work-card--inverse {
    background: transparent;
    color: #ffffff;
}

/* поле поиска */
.how-we-work-card--inverse .inventory__search input {
    background: #0b2a5b;
    color: #ffffff;
    border-color: rgba(255,255,255,0.4);
}

.how-we-work-card--inverse .inventory__search input::placeholder {
    color: rgba(255,255,255,0.6);
}

/* кнопка Request */
.how-we-work-card--inverse .hero-btn-footer {
    background: #ffffff;
    color: #0b2a5b;
}
.company {font-size:1.4em;
    font-weight:200;
}
/* ===============================
   SKYCHARGE — PAY NOW (MATCH CTA)
   =============================== */

/* контейнер кнопки — ОТРЫВАЕМ ОТ ТУЛБАРА */
.skycharge-wc-pay-wrapper {
  display: block;
  margin-top: 24px;      /* ← ВОЗДУХ СВЕРХУ */
  margin-bottom: 32px;   /* ← ВОЗДУХ СНИЗУ */
}

/* сама кнопка */
.skycharge-wc-pay-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 56px;          /* ← КАК НИЖНЯЯ */
  min-width: 200px;
  padding: 0 32px;

  background: #001d4c;
  color: #fff !important;

  font-size: 16px;
  font-weight: 600;

  border-radius: 50px;   /* ← КАК НИЖНЯЯ */
  border: none;
  text-decoration: none;
  cursor: pointer;

  box-shadow:
    0 10px 28px rgba(0, 29, 76, 0.25),
    0 3px 6px rgba(0, 29, 76, 0.18);
}

/* hover — мягко, без прыжков */
.skycharge-wc-pay-btn:hover {
  background: #003080;
}