@media only screen and (min-width: 992px) {
  .header__wpml {
    position: relative !important;
    top: unset;
    right: unset;
  }
}
.geolocation {
  position: fixed;
  top: calc(var(--geo-top) + 20px);
  right: 12px;
  width: calc(100% - 24px);
  display: none;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  z-index: -10;
  padding: 16px;
  background: #fff;
  box-shadow: 0 10px 32px 0 rgba(8, 31, 90, 0.15);
  border-radius: 8px;
}
@media only screen and (min-width: 768px) {
  .geolocation {
    width: 304px;
  }
}
@media only screen and (min-width: 992px) {
  .geolocation {
    position: absolute !important;
    top: calc(var(--geo-top) - 77px);
    right: 5px;
  }
}
.geolocation__header {
  display: flex;
}
.geolocation__close {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9508 10.9496C11.2242 10.6762 11.2242 10.233 10.9508 9.95961L6.99103 5.99982L10.9506 2.0402C11.224 1.76684 11.224 1.32362 10.9506 1.05025C10.6773 0.776886 10.2341 0.776886 9.96069 1.05025L6.00108 5.00987L2.04128 1.05007C1.76791 0.776704 1.3247 0.776703 1.05133 1.05007C0.777965 1.32344 0.777965 1.76665 1.05133 2.04002L5.01113 5.99982L1.05115 9.9598C0.777782 10.2332 0.777782 10.6764 1.05115 10.9497C1.32452 11.2231 1.76773 11.2231 2.0411 10.9497L6.00108 6.98977L9.96088 10.9496C10.2342 11.2229 10.6775 11.2229 10.9508 10.9496Z' fill='%23030303' /%3E%3C/svg%3E") no-repeat center center;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
.geolocation__close:hover {
  background-color: #f5f5f5;
}
.geolocation__descr {
  font-weight: 400;
  font-size: 13px;
  line-height: 120%;
  color: #030303;
  flex: 1;
}
.geolocation__select {
  position: relative;
  margin: 16px 0;
}
.geolocation__select button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 38px;
  min-height: 38px;
  color: #10182f;
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 8px;
  padding: 5px 8px 5px 16px;
}
.geolocation__select button::before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath d='M7.76569 0.234315C8.0781 0.546734 8.0781 1.05327 7.76569 1.36568L3.49902 5.63235C3.1911 5.94027 2.69345 5.94535 2.37931 5.64377L0.245976 3.59578C-0.0727533 3.2898 -0.0830887 2.78337 0.222891 2.46464C0.528871 2.14591 1.0353 2.13558 1.35403 2.44156L2.92191 3.94672L6.63431 0.234315C6.94673 -0.0781048 7.45327 -0.0781048 7.76569 0.234315Z' fill='%23030303'/%3E%3C/svg%3E") no-repeat center center;
  width: 16px;
  height: 16px;
}
.geolocation__select button::after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M10.8984 1.37793L7.3629 4.91346C6.69624 5.58013 6.3629 5.91346 5.94869 5.91346C5.53448 5.91346 5.20114 5.58013 4.53448 4.91346L0.998943 1.37793' stroke='%230E0E1F' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  margin-left: auto;
  margin-right: 4px;
}
.geolocation__select button.open {
  border-bottom-color: transparent;
  border-radius: 8px 8px 0px 0px;
}
.geolocation__select button.open::after {
  transform: matrix(1, 0, 0, -1, 0, 0);
}
.geolocation__select-list {
  display: none;
  background-color: transparent;
  border: 1px solid rgb(217, 217, 217);
  width: 100%;
  z-index: 1;
  padding: 5px 12px 5px 8px;
  border-top: 0;
  border-radius: 0px 0px 8px 8px;
  margin-top: -1px;
}
.geolocation__select-list li {
  cursor: pointer;
  color: #10182f;
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  padding: 10px 8px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.geolocation__select-list li::before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath d='M7.76569 0.234315C8.0781 0.546734 8.0781 1.05327 7.76569 1.36568L3.49902 5.63235C3.1911 5.94027 2.69345 5.94535 2.37931 5.64377L0.245976 3.59578C-0.0727533 3.2898 -0.0830887 2.78337 0.222891 2.46464C0.528871 2.14591 1.0353 2.13558 1.35403 2.44156L2.92191 3.94672L6.63431 0.234315C6.94673 -0.0781048 7.45327 -0.0781048 7.76569 0.234315Z' fill='%23606492'/%3E%3C/svg%3E") no-repeat center center;
  width: 16px;
  height: 16px;
  transition: 0.2s ease-in-out;
}
.geolocation__select-list li:hover {
  background: rgba(16, 24, 47, 0.1);
  border-radius: 6px;
}
.geolocation__bttn {
  display: flex !important;
  padding: 8px 16px;
  font-size: 14px !important;
  line-height: 120%;
  min-height: 38px !important;
  transition: unset !important;
  width: 100%;
  margin: 0 !important;
}
.geolocation-animate {
  display: block !important;
  pointer-events: unset;
  visibility: visible;
  z-index: 999;
  animation: visibleGeo 0.25s ease-in-out forwards;
  animation-delay: 0.5s;
}
@keyframes visibleGeo {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}