@charset "UTF-8";
body {
  height: auto;
  min-height: 100vh;
  min-height: 100dvh;
  background: var(--body-bg);
  color: var(--body-text);
}

.promotion {
  background-color: var(--body-bg-secondary);
}

/* PRIMARY COLOR */

.mileage__item--save {
  background-color: var(--color-primary);
}

.mileage__item--save .mileage__item-price-relevant, .span {
  color: var(--color-primary);
}


/* HEADER */


.header {
  background: var(--header-bg);
  color: var(--header-text);
}

.header-popup {
  background: var(--header-bg);
}

/*  */
.header__main-nav-link,
.header-popup__nav-link,
.callback-button__icon,
.header__main-burger {
  color: var(--header-text);
}

/*  */
.header-popup__info-geo,
.header-popup__info-time {
  color: var(--header-text-secondary);
}

/*  */
.callback-button__icon {
  background: currentColor !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 0 48 48' width='48'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath fill='white' d='M13.25 21.59c2.88 5.66 7.51 10.29 13.18 13.17l4.4-4.41c.55-.55 1.34-.71 2.03-.49 1.24.74 4.65 1.14 7.14 1.14 1.11 0 2 .89 2 2v7c0 1.11-.89 2-2 2-18.78 0-34-15.22-34-34 0-1.11.9-2 2-2h7c1.11 0 2 .89 2 2 0 2.49.4 4.9 1.14 7.14.22.69.06 1.48-.49 2.03l-4.4 4.42z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 0 48 48' width='48'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath fill='white' d='M13.25 21.59c2.88 5.66 7.51 10.29 13.18 13.17l4.4-4.41c.55-.55 1.34-.71 2.03-.49 1.24.74 4.65 1.14 7.14 1.14 1.11 0 2 .89 2 2v7c0 1.11-.89 2-2 2-18.78 0-34-15.22-34-34 0-1.11.9-2 2-2h7c1.11 0 2 .89 2 2 0 2.49.4 4.9 1.14 7.14.22.69.06 1.48-.49 2.03l-4.4 4.42z'/%3E%3C/svg%3E");
  -webkit-mask-size: 24px;
          mask-size: 24px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.header__main-burger span {
  background: currentColor;
}

/*        */
/* FOOTER */
/*        */
.footer {
  background: var(--footer-bg);
  color: var(--footer-text);
}

/*         */
/* BUTTONS */
/*         */
.header__main-right-button,
.promo__window-btn {
  background: var(--btn-main-bg) !important;
  color: var(--btn-main-text) !important;
  border-color: transparent !important;
  transition: 0.2s;
  transition-property: opacity, transform, box-shadow;
}

.header__main-right-button:hover,
.promo__window-btn:hover {
  opacity: 0.9;
}
.header__main-right-button:active,
.promo__window-btn:active {
  box-shadow: inset 2px 0 5px -5px;
  transform: scale(0.95);
}

/*       */
/* CARDS */
/*       */
.promo__window-wrap,
.mileage__item {
  background-color: var(--card-main-bg);
  color: var(--card-main-text);
}