.hover-stroke {
  -webkit-transition: stroke var(--hover-transition);
  transition: stroke var(--hover-transition);
}
.hover-fill {
  -webkit-transition: fill var(--hover-transition);
  transition: fill var(--hover-transition);
}

@media (max-width: 768px) {
  .mobile-hide {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .mobile-show {
    display: none !important;
  }
}

.input {
  position: relative;
}
.input input, .input textarea, .input .output_text {
  width: 100%;
  outline: none;
  color: var(--black);
  border: 1px solid transparent;
  -webkit-transition: border-color var(--hover-transition);
  transition: border-color var(--hover-transition);
  padding: 0.9375rem 1.25rem;
  border-radius: 0.5rem;
  background-color: var(--white);
  font-size: max(1.25rem, 12px);
  line-height: 100%;
}
.input input::-webkit-input-placeholder, .input textarea::-webkit-input-placeholder, .input .output_text::-webkit-input-placeholder {
  opacity: 1 !important;
  color: #878787 !important;
}
.input input::-moz-placeholder, .input textarea::-moz-placeholder, .input .output_text::-moz-placeholder {
  opacity: 1 !important;
  color: #878787 !important;
}
.input input:-ms-input-placeholder, .input textarea:-ms-input-placeholder, .input .output_text:-ms-input-placeholder {
  opacity: 1 !important;
  color: #878787 !important;
}
.input input::-ms-input-placeholder, .input textarea::-ms-input-placeholder, .input .output_text::-ms-input-placeholder {
  opacity: 1 !important;
  color: #878787 !important;
}
.input input::placeholder, .input textarea::placeholder, .input .output_text::placeholder {
  opacity: 1 !important;
  color: #878787 !important;
}
.input input:focus-within, .input textarea:focus-within, .input .output_text:focus-within {
  border-color: var(--black);
}
.input input[disabled], .input input[readonly]:not(.output_text), .input textarea[disabled], .input textarea[readonly]:not(.output_text), .input .output_text[disabled], .input .output_text[readonly]:not(.output_text) {
  opacity: 0.48;
  cursor: not-allowed;
}
.input .output_value[disabled] ~ .output_text, .input .output_value[readonly] ~ .output_text {
  opacity: 0.48;
  cursor: not-allowed !important;
}
.input__message {
  display: block;
  color: var(--red);
  margin-top: 0.3125rem;
}
.input.input--radio {
  display: block;
  text-align: left;
  line-height: 120%;
  padding: 0.65625rem 2.75rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: border-color var(--hover-transition), background-color var(--hover-transition);
  transition: border-color var(--hover-transition), background-color var(--hover-transition);
}
.input.input--radio > span {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-color: transparent;
  border-radius: 50%;
  -webkit-transition: background-color var(--hover-transition);
  transition: background-color var(--hover-transition);
}
.input.input--radio > span::before, .input.input--radio > span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.input.input--radio > span::before {
  border: 2px solid #999;
  background-color: var(--white);
}
.input.input--radio > span::after {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: opacity var(--hover-transition), visibility var(--hover-transition);
  transition: opacity var(--hover-transition), visibility var(--hover-transition);
  background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="12" cy="12" r="11" fill="white" stroke="%230F0F0F" stroke-width="2" /%3E%3Ccircle cx="12" cy="12" r="6" fill="%230F0F0F" /%3E%3C/svg%3E');
}
@media (any-hover: hover) {
  .input.input--radio:not(:has(input:checked)):hover > span {
    background-color: rgba(153, 153, 153, 0.1);
  }
}
.input.input--radio:has(input:checked) span::after {
  opacity: 1;
  visibility: visible;
}

[type=checkbox], [type=radio] {
  position: absolute;
  left: -9999px;
}

.site-container {
  overflow: hidden;
}

.section-top {
  font-family: var(--font-kharkiv);
}
.section-top--right {
  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: flex-end;
  text-align: right;
}
.section-subtitle {
  position: relative;
  width: 100%;
  padding-bottom: 0.75rem;
  -webkit-text-stroke: 1px var(--black);
}
.section-subtitle > p {
  font-size: max(2.25rem, 12px);
  line-height: 100%;
}
.section-subtitle::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: var(--black);
}
.section-subtitle.section-title {
  width: 100%;
}
.section-subtitle:not(:last-child) {
  margin-bottom: 1.5rem;
}
.section-title {
  position: relative;
  z-index: 2;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  -webkit-text-stroke: 2px var(--black);
  text-transform: uppercase;
}
.section-title::before {
  content: "";
  position: absolute;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
@media (max-width: 768px) {
  .section-subtitle > p {
    font-size: 24px;
  }
  .section-subtitle {
    padding-bottom: 20px;
  }
}

.swiper-buttons {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.swiper-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;
  width: 3rem;
  height: 3rem;
  border-radius: 0.625rem;
  background-color: var(--white);
  -webkit-transition: opacity var(--hover-transition);
  transition: opacity var(--hover-transition);
}
.swiper-button-disabled {
  opacity: 0.2;
}
.swiper-button-lock {
  display: none;
}
.swiper-button > svg {
  width: 1.5rem;
  height: 1.5rem;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 768px) {
  .swiper-buttons {
    position: static;
    margin-top: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }
  .swiper-button {
    width: 40px;
    height: 40px;
    border-radius: 8px;
  }
  .swiper-button > svg {
    width: 20px;
    height: 20px;
  }
  .swiper-button:not(:last-child) {
    margin-right: 20px;
  }
}

.fancybox__backdrop {
  backdrop-filter: blur(20px);
  background-color: rgba(162, 169, 169, 0.7);
}
.fancybox__slide {
  padding: 1.25rem;
}

.f-button.is-close-btn {
  display: none;
}

.popup {
  width: 30.125rem;
  border: 1px solid #0a0a0b;
  border-radius: 0.625rem;
  padding: 2rem;
  background-color: #e4dfc4;
  color: var(--black);
}
.popup__title {
  font-family: var(--font-kharkiv);
  font-size: max(1.5rem, 12px);
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  -webkit-text-stroke: 2px var(--black);
  margin-bottom: 2rem;
}
.popup__row {
  font-family: var(--font-kharkiv);
  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;
  margin-top: 2.1875rem;
  font-size: max(1.5rem, 12px);
  line-height: 100%;
}
.popup__row:has(.popup__price-old) .popup__price::before {
  top: -0.9375rem;
  left: -0.625rem;
  right: -1.6875rem;
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 134 48" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M66.5205 0.5C84.8475 0.5 101.418 3.17016 113.389 7.47168C119.376 9.62324 124.187 12.1737 127.49 14.9805C130.796 17.7889 132.542 20.806 132.542 23.9033C132.542 27.0007 130.796 30.0186 127.49 32.8271C124.187 35.6339 119.376 38.1844 113.389 40.3359C101.418 44.6374 84.8474 47.3076 66.5205 47.3076C48.1935 47.3076 31.623 44.6375 19.6523 40.3359C13.6649 38.1844 8.85449 35.6339 5.55078 32.8271C2.24514 30.0187 0.5 27.0007 0.5 23.9033C0.500153 20.8061 2.24534 17.7888 5.55078 14.9805C8.85448 12.1737 13.6649 9.62323 19.6523 7.47168C31.623 3.17012 48.1935 0.500027 66.5205 0.5Z" stroke="black" /%3E%3C/svg%3E');
}
.popup__price {
  position: relative;
  -webkit-text-stroke: 1px var(--black);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.popup__price::before {
  content: "";
  position: absolute;
  top: -0.875rem;
  left: -2.96875rem;
  right: -3.09375rem;
  height: 2.9875rem;
  -webkit-transform: rotate(-5.6deg);
  -ms-transform: rotate(-5.6deg);
  transform: rotate(-5.6deg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 193 48" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M96.4883 0.5C123.104 0.500029 147.184 3.17295 164.595 7.48633C173.304 9.64398 180.317 12.2052 185.141 15.0303C189.999 17.8757 192.475 20.8912 192.476 23.9033C192.476 26.9155 189.999 29.9309 185.141 32.7764C180.317 35.6015 173.304 38.1636 164.595 40.3213C147.184 44.6347 123.104 47.3076 96.4883 47.3076C69.8722 47.3076 45.7921 44.6347 28.3809 40.3213C19.6714 38.1636 12.6583 35.6015 7.83496 32.7764C2.97701 29.9309 0.5 26.9155 0.5 23.9033C0.500224 20.8912 2.97702 17.8757 7.83496 15.0303C12.6583 12.2051 19.6714 9.64399 28.3809 7.48633C45.7921 3.17291 69.8722 0.5 96.4883 0.5Z" stroke="black" /%3E%3C/svg%3E');
}
.popup__price-old {
  text-decoration: line-through;
  color: var(--red);
  margin-right: 0.5rem;
}
.popup__text {
  font-size: max(0.875rem, 12px);
  line-height: 140%;
  letter-spacing: 0.01em;
  text-align: center;
  margin-top: 0.75rem;
}
@media (max-width: 768px) {
  .popup {
    padding: 20px;
  }
  .popup__title {
    font-size: 18px;
  }
  .popup__text {
    font-size: 12px;
  }
}

.form__row:not(:last-child) {
  margin-bottom: 0.75rem;
}
.form__button {
  margin-top: 2rem;
}
.form__button .btn {
  width: 100%;
}

.iti {
  width: 100%;
}
.iti__selected-dial-code {
  font-weight: 500;
  line-height: 100%;
  color: #0a0a0b;
  margin-left: 0.75rem !important;
}
.iti__selected-flag {
  padding-left: 1.25rem;
  border-radius: 0.75rem 0 0 0.75rem;
}
.iti__search-input {
  display: none;
}
.iti__dropdown-content {
  border: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border-radius: 0.75rem;
  margin-top: 0.75rem !important;
}
.iti__divider {
  display: none;
}
.iti__country {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.iti__country-list {
  border-radius: 0.75rem;
  background-color: var(--white);
}
.iti__country-list > li {
  color: #0a0a0b;
  -webkit-transition: background-color var(--hover-transition);
  transition: background-color var(--hover-transition);
}
.iti__dial-code {
  -webkit-transition: color var(--hover-transition);
  transition: color var(--hover-transition);
}
.iti__flag-container {
  padding: 0;
}
.iti__arrow {
  border-top-color: #0a0a0b;
}
.iti__arrow--up {
  border-bottom-color: #0a0a0b;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: transparent !important;
}
/*# sourceMappingURL=common.css.map */
/*# sourceMappingURL=common.css.map */