/* Global CoffeeVar header. Shared by landing and all inner pages. */
.cv-landing-header.cv-site-header,
.cv-landing-header {
  background:
    linear-gradient(180deg, rgba(255, 250, 242, .5), rgba(255, 250, 242, .24)),
    rgba(255, 250, 242, .2) !important;
  border-bottom: 1px solid rgba(58, 33, 23, .07) !important;
  box-shadow: 0 10px 28px rgba(58, 33, 23, .04) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.1) !important;
          backdrop-filter: blur(20px) saturate(1.1) !important;
}

.cv-landing-header.cv-site-header.is-scrolled,
.cv-landing-header.is-scrolled {
  background:
    linear-gradient(180deg, rgba(255, 250, 242, .58), rgba(255, 250, 242, .34)),
    rgba(255, 250, 242, .28) !important;
  border-bottom-color: rgba(58, 33, 23, .08) !important;
  box-shadow: 0 8px 24px rgba(58, 33, 23, .052) !important;
}

.cv-landing-header__lang {
  background: rgba(255, 255, 255, .24) !important;
  border-color: rgba(58, 33, 23, .1) !important;
  -webkit-backdrop-filter: blur(10px) !important;
          backdrop-filter: blur(10px) !important;
}

.cv-landing-header__lang a {
  position: relative;
  min-width: 34px !important;
  min-height: 30px !important;
  padding: 0 6px !important;
  color: transparent !important;
  overflow: hidden;
}

.cv-landing-header__lang a:hover,
.cv-landing-header__lang a.is-active {
  background: rgba(36, 18, 13, .92) !important;
  color: transparent !important;
}

.cv-landing-header__request,
.cv-landing-header.cv-site-header .cv-landing-header__request,
.cv-site-header .cv-landing-header__request {
  border: 1px solid rgba(255, 248, 236, .22) !important;
  background:
    linear-gradient(135deg, #2b1510 0%, #120806 100%) !important;
  color: #fff8ec !important;
  box-shadow:
    0 14px 30px rgba(18, 8, 6, .28),
    inset 0 1px 0 rgba(255, 248, 236, .16) !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .18);
}

.cv-landing-header__request:hover,
.cv-landing-header.cv-site-header .cv-landing-header__request:hover,
.cv-site-header .cv-landing-header__request:hover {
  background:
    linear-gradient(135deg, #d8a36c 0%, #b88157 100%) !important;
  color: #24120d !important;
  box-shadow:
    0 16px 34px rgba(184, 129, 87, .34),
    inset 0 1px 0 rgba(255, 248, 236, .28) !important;
}

.cv-lang-flag {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 16px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(36, 18, 13, .14), 0 2px 5px rgba(36, 18, 13, .12);
  transform: translateZ(0);
}

.cv-lang-flag__name {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.cv-lang-flag--tr {
  background: #e30a17;
}

.cv-lang-flag--tr::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}

.cv-lang-flag--tr::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e30a17;
  box-shadow: 6px 2px 0 -2px #fff;
}

.cv-lang-flag--en {
  background:
    linear-gradient(27deg, transparent 0 43%, #fff 43% 49%, #c8102e 49% 53%, #fff 53% 59%, transparent 59% 100%),
    linear-gradient(153deg, transparent 0 43%, #fff 43% 49%, #c8102e 49% 53%, #fff 53% 59%, transparent 59% 100%),
    linear-gradient(90deg, transparent 0 39%, #fff 39% 45%, #c8102e 45% 55%, #fff 55% 61%, transparent 61% 100%),
    linear-gradient(0deg, transparent 0 34%, #fff 34% 42%, #c8102e 42% 58%, #fff 58% 66%, transparent 66% 100%),
    #012169;
}

.cv-lang-flag--ru {
  background:
    linear-gradient(180deg, #fff 0 33.333%, #1c57a7 33.333% 66.666%, #d52b1e 66.666% 100%);
}

@media (max-width: 640px) {
  .cv-landing-header.cv-site-header,
  .cv-landing-header {
    background:
      linear-gradient(180deg, rgba(255, 250, 242, .72), rgba(255, 250, 242, .46)),
      rgba(255, 250, 242, .4) !important;
  }

  .cv-landing-header.cv-site-header.is-scrolled,
  .cv-landing-header.is-scrolled {
    background:
      linear-gradient(180deg, rgba(255, 250, 242, .78), rgba(255, 250, 242, .54)),
      rgba(255, 250, 242, .48) !important;
  }

  .cv-lang-flag {
    width: 21px;
    height: 15px;
  }
}