int-components 0.0.2

package/dist/rh-components/HotelsLanding/index.css

@@ -0,0 +1,1287 @@
+.layout-module__fluidLayout--BNE04[class] {
+  font-size: 1rem;
+}
+
+.layout-module__staticLayout--x_6dR[class] {
+  font-size: 1px;
+}
+
+@keyframes Button-module__spin--lWtk7 {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.Button-module__text--holIg {
+  font-size: var(--button-font-size, 14em);
+  white-space: nowrap;
+  text-transform: uppercase;
+}
+
+.Button-module__root--Knp7O {
+  all: unset;
+  display: inline-flex;
+  font-family: Aeonik, sans-serif;
+  font-weight: var(--button-font-weight, 700);
+  cursor: pointer;
+  box-sizing: border-box;
+  line-height: var(--button-line-height, 1);
+  color: var(--button-color);
+  background-color: var(--button-bg);
+  align-items: center;
+  justify-content: center;
+  padding: var(--button-padding-vertical, 0) var(--button-padding-horizontal, 0);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+@media (hover: hover) and (pointer: fine) {
+    /* [class] нужны, чтоб повысить специфичность выставления переменных при ховере и пр. */
+    .Button-module__root--Knp7O[class]:hover {
+      --button-bg: var(--button-bg-hover);
+      --inner-border-width: 2em;
+    }
+
+    .Button-module__root--Knp7O[class]:focus {
+      --button-bg: var(--button-bg-focus);
+      --inner-border-width: 2em;
+    }
+
+    .Button-module__root--Knp7O[class]:active {
+      --button-bg: var(--button-bg-active);
+      --inner-border-width: 3em;
+    }
+  }
+
+.Button-module__root--Knp7O[class]:disabled {
+    cursor: default;
+    --button-bg: var(--button-bg-disabled);
+    --button-color: var(--button-color-disabled);
+    --inner-border-color: var(--disabled-border-color);
+    --inner-border-width: 1em;
+  }
+
+.Button-module__root--Knp7O[class]:disabled .Button-module__text--holIg {
+      opacity: var(--disabled-text-opacity, 0.4);
+    }
+
+.Button-module__hidden--Q6Ztq {
+  visibility: hidden;
+}
+
+.Button-module__s--o9reb {
+  --button-font-weight: 400;
+  --button-padding-vertical: 11em;
+  --button-padding-horizontal: 24em;
+  --spinner-size: 18em;
+}
+
+.Button-module__m--ZGRqJ {
+  --button-padding-vertical: 16em;
+  --button-padding-horizontal: 40em;
+  --spinner-size: 24em;
+}
+
+@media (min-width: 1152px) {
+    .Button-module__withMediaDimension--Z_A5M.Button-module__s--o9reb {
+      --button-font-size: 16em;
+      --button-padding-horizontal: 32em;
+    }
+
+    .Button-module__withMediaDimension--Z_A5M.Button-module__m--ZGRqJ {
+      --button-font-size: 16em;
+    }
+  }
+
+@media (min-width: 1536px) {
+    .Button-module__withMediaDimension--Z_A5M.Button-module__s--o9reb {
+      --button-font-size: 18em;
+      --spinner-size: 24em;
+    }
+
+    .Button-module__withMediaDimension--Z_A5M.Button-module__m--ZGRqJ {
+      --button-font-size: 20em;
+      --button-padding-horizontal: 52em;
+      --button-padding-vertical: 18em;
+      --spinner-size: 28em;
+    }
+  }
+
+.Button-module__primary--V9FFQ {
+  --button-color: #fff;
+}
+
+.Button-module__primary--V9FFQ.Button-module__purple--biF8d {
+    --button-bg: rgba(140, 30, 255, 1);
+    --button-bg-hover: rgba(169, 86, 255, 1);
+    --button-bg-active: rgba(140, 30, 255, 1);
+    --button-bg-focus: rgba(169, 86, 255, 1);
+    --button-bg-disabled: rgba(197, 143, 255, 1);
+    --button-color-disabled: #fff;
+    --disabled-text-opacity: 1;
+  }
+
+.Button-module__primary--V9FFQ.Button-module__black--Iz790 {
+    --button-bg: #000;
+    /* Стилей черной primary-кнопки пока нет в дизайне
+     При необходимости можно тут имплементировать */
+  }
+
+.Button-module__secondary--_9J0r {
+  --button-bg: transparent;
+  box-shadow: inset 0 0 0 var(--inner-border-width, 1px)
+    var(--inner-border-color);
+}
+
+.Button-module__secondary--_9J0r.Button-module__black--Iz790 {
+    --inner-border-color: #000;
+    --disabled-border-color: rgba(128, 128, 128, 1);
+    --button-color: #000;
+  }
+
+.Button-module__secondary--_9J0r.Button-module__white--l3jcr {
+    --inner-border-color: #fff;
+    --disabled-border-color: rgba(128, 128, 128, 1);
+    --button-color: #fff;
+    --button-color-disabled: rgba(128, 128, 128, 1);
+  }
+
+.Button-module__isLoading--u5f2m {
+  pointer-events: none;
+}
+
+.Button-module__spinner--Zj28d {
+  width: var(--spinner-size);
+  height: var(--spinner-size);
+  border-radius: 50%;
+  box-sizing: border-box;
+  display: inline-flex;
+  background: transparent;
+  position: absolute;
+}
+
+.Button-module__spinner--Zj28d::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border-radius: 50%;
+    background: conic-gradient(
+      from 180deg,
+      color-mix(in srgb, var(--button-color, #fff) 0%, transparent) 0deg,
+      color-mix(in srgb, var(--button-color, #fff) 30%, transparent) 90deg,
+      color-mix(in srgb, var(--button-color, #fff) 80%, transparent) 180deg,
+      var(--button-color, #fff) 270deg,
+      color-mix(in srgb, var(--button-color, #fff) 0%, transparent) 360deg
+    );
+    animation: Button-module__spin--lWtk7 1s linear infinite;
+    -webkit-mask: url("data:image/svg+xml,%3csvg width=%27100%27 height=%27100%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cdefs%3e%3cmask id=%27ring%27%3e%3crect width=%27100%27 height=%27100%27 fill=%27white%27/%3e%3ccircle cx=%2750%27 cy=%2750%27 r=%2725%27 fill=%27black%27/%3e%3c/mask%3e%3c/defs%3e%3crect width=%27100%27 height=%27100%27 fill=%27white%27 mask=%27url%28%23ring%29%27/%3e%3c/svg%3e");
+            mask: url("data:image/svg+xml,%3csvg width=%27100%27 height=%27100%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cdefs%3e%3cmask id=%27ring%27%3e%3crect width=%27100%27 height=%27100%27 fill=%27white%27/%3e%3ccircle cx=%2750%27 cy=%2750%27 r=%2725%27 fill=%27black%27/%3e%3c/mask%3e%3c/defs%3e%3crect width=%27100%27 height=%27100%27 fill=%27white%27 mask=%27url%28%23ring%29%27/%3e%3c/svg%3e");
+    -webkit-mask-size: 100% 100%;
+            mask-size: 100% 100%;
+  }
+
+.ContactModal-module__overlay--ti1yT {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+  padding: 20em;
+}
+
+.ContactModal-module__modal--Xzwl2 {
+  background: #fff;
+  padding: 18em;
+  width: 100%;
+  max-width: 545em;
+  box-sizing: border-box;
+  max-height: 90vh;
+  overflow-y: auto;
+  position: relative;
+  font-family: Aeonik, sans-serif;
+}
+
+.ContactModal-module__closeButton--qvADd {
+  position: absolute;
+  top: 16em;
+  right: 16em;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 4em;
+  line-height: 1;
+}
+
+.ContactModal-module__title--XrI8J {
+  margin: 0 0 12em 0;
+  font-weight: 900;
+  color: #000;
+  font-family: ABCGravity, sans-serif;
+}
+
+.ContactModal-module__titleText--HH4uj {
+  font-size: 24em;
+}
+
+.ContactModal-module__subtitle--dS9UA {
+  font-size: 16em;
+  margin: 0;
+}
+
+.ContactModal-module__form--XuQzj {
+  display: grid;
+  grid-gap: 16em;
+  gap: 16em;
+  margin-top: 28em;
+}
+
+.ContactModal-module__field--c99HI {
+  display: grid;
+  grid-gap: 8em;
+  gap: 8em;
+}
+
+.ContactModal-module__inputWrapper--e2l3N,
+.ContactModal-module__textareaWrapper--rSQEQ {
+  padding: 14em 16em;
+  border: 1em solid #000;
+  transition: border-color 0.2s;
+}
+
+.ContactModal-module__inputWrapper--e2l3N:focus-within,
+.ContactModal-module__textareaWrapper--rSQEQ:focus-within {
+  border-color: rgba(140, 30, 255, 1);
+}
+
+.ContactModal-module__inputWrapperError--s_bqB {
+  border-color: #dc3545;
+}
+
+.ContactModal-module__input--wuaB7,
+.ContactModal-module__textarea--i19oy {
+  border: none;
+  outline: none;
+  padding: 0;
+  background: transparent;
+  width: 100%;
+  font-size: 18em;
+  font-family: Aeonik, sans-serif;
+}
+
+.ContactModal-module__textareaWrapper--rSQEQ {
+  min-height: 80em;
+}
+
+.ContactModal-module__textarea--i19oy {
+  resize: vertical;
+  height: 100%;
+}
+
+.ContactModal-module__error--jso6D {
+  color: #dc3545;
+  font-size: 14em;
+}
+
+.ContactModal-module__submitButton--qbQOa {
+  margin-top: 20em;
+  justify-self: stretch;
+  width: 100%;
+}
+
+.ContactModal-module__successMessage--Nyhi4 {
+  text-align: center;
+  padding: 40em 20em;
+}
+
+.ContactModal-module__successTitle--dVn02 {
+  font-size: 36em;
+  font-family: ABCGravity, sans-serif;
+  font-weight: 900;
+}
+
+.ContactModal-module__successText--KJznx {
+  margin: 0;
+  font-size: 16em;
+  color: #666;
+  line-height: 1.5;
+}
+
+@media (max-width: 768px) {
+  .ContactModal-module__overlay--ti1yT {
+    padding: 0;
+    align-items: stretch;
+  }
+
+  .ContactModal-module__modal--Xzwl2 {
+    max-width: none;
+    max-height: none;
+    height: -webkit-fill-available;
+    width: -webkit-fill-available;
+  }
+
+  .ContactModal-module__closeButton--qvADd {
+    top: 12em;
+    right: 12em;
+  }
+}
+
+.Footer-module__root--T9ly6 {
+  background: #000;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  border-top: 4em solid rgba(140, 30, 255, 1);
+  padding: 76em 18em 24em;
+  color: rgba(229, 229, 229, 1);
+  font-family: Aeonik, sans-serif;
+}
+
+.Footer-module__header--hy1ME {
+  display: grid;
+  grid-gap: 20em;
+  gap: 20em;
+  line-height: 0.9;
+}
+
+.Footer-module__title--OX7d9 {
+  font-family: ABCGravity, sans-serif;
+  font-weight: 900;
+  font-size: 28em;
+  color: rgba(254, 221, 0, 1);
+  margin: 0;
+  line-height: 100%;
+  letter-spacing: 0.01em;
+}
+
+.Footer-module__subTitle--EmP0b {
+  font-family: ABCGravity, sans-serif;
+  font-weight: 900;
+  font-size: 36em;
+  line-height: 100%;
+  color: #fff;
+  margin: 0;
+}
+
+.Footer-module__advantages--z7ASK {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(9, auto);
+  grid-column-gap: 16em;
+  column-gap: 16em;
+  grid-row-gap: 40em;
+  row-gap: 40em;
+  margin: 60em 0 0;
+  padding: 0;
+  list-style: none;
+  width: 100%;
+  max-width: 100%;
+}
+
+.Footer-module__advantageTitle--spnaR {
+  margin: 0;
+  padding-bottom: 12em;
+  border-bottom: 1em solid rgba(254, 221, 0, 1);
+  font-weight: 400;
+  line-height: 1;
+  font-size: inherit;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.Footer-module__advantageTitleText--cMrU_ {
+  font-size: 18em;
+}
+
+.Footer-module__advantageText--BHbmo {
+  font-size: 14em;
+  line-height: 1.23;
+  margin: 0;
+  opacity: 0.9;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  -webkit-hyphens: auto;
+          hyphens: auto;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.Footer-module__advantageItem--EcCx_ {
+  display: grid;
+  grid-template-rows: subgrid;
+  grid-row: span 3;
+  grid-gap: 24em;
+  gap: 24em;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+
+.Footer-module__advantageInfo--Ilud0 {
+  display: grid;
+  grid-template-rows: subgrid;
+  grid-row: 1 / 3;
+  grid-gap: 12em;
+  gap: 12em;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.Footer-module__marketingBlock--DnIGu {
+  grid-row: 1 / 4;
+}
+
+.Footer-module__affiliatesBlock--jVQ0L {
+  grid-row: 1 / 4;
+}
+
+.Footer-module__suppliersBlock--yrn9l {
+  grid-row: 4 / 7;
+}
+
+.Footer-module__hotelsBlock--uGUyj {
+  grid-row: 4 / 7;
+}
+
+.Footer-module__providersBlock--Zmk8W {
+  grid-row: 7 / 10;
+  grid-column: 1;
+}
+
+.Footer-module__advantageLink--bcoK8 {
+  color: rgba(255, 238, 128, 1);
+  text-decoration: none;
+}
+
+.Footer-module__footerBottom--u_o7y {
+  display: grid;
+  grid-template-columns: 1fr;
+  margin-top: 80em;
+  grid-gap: 16em;
+  gap: 16em;
+}
+
+.Footer-module__social--H1Yw4 {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: -webkit-min-content;
+  grid-auto-columns: min-content;
+  grid-gap: 33em;
+  gap: 33em;
+}
+
+.Footer-module__footerLinks--R9Hnr {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: grid;
+  grid-gap: 24em;
+  gap: 24em;
+  grid-auto-flow: column;
+  justify-self: end;
+}
+
+.Footer-module__footerLink--ipb6W {
+  color: rgba(255, 255, 255, 1);
+  font-size: 12em;
+  text-decoration: none;
+}
+
+.Footer-module__footerLeft--nnkZo {
+  display: grid;
+  grid-gap: 20em;
+  gap: 20em;
+  grid-auto-rows: -webkit-min-content;
+  grid-auto-rows: min-content;
+  grid-template-columns: 1fr 1fr;
+}
+
+.Footer-module__footerLegal--jAGGe {
+  display: grid;
+  grid-gap: 12em;
+  gap: 12em;
+}
+
+.Footer-module__footerLegalText--xlXoo {
+  font-size: 12em;
+  line-height: 1.23;
+  color: rgba(128, 128, 128, 1);
+  margin: 0;
+}
+
+.Footer-module__footerLegalText--xlXoo a {
+    color: rgba(128, 128, 128, 1);
+    text-decoration: none;
+  }
+
+.Footer-module__footerParagraphSection--rin95 {
+  display: grid;
+  grid-gap: 3em;
+  gap: 3em;
+}
+
+@media (min-width: 500px) {
+  .Footer-module__root--T9ly6 {
+    border-top: 8em solid rgba(140, 30, 255, 1);
+  }
+
+  .Footer-module__advantageItem--EcCx_ {
+    gap: 35em;
+  }
+
+  .Footer-module__advantageTitle--spnaR {
+    padding-bottom: 16em;
+  }
+
+  .Footer-module__advantageTitleText--cMrU_ {
+    font-size: 18em;
+  }
+
+  .Footer-module__advantageText--BHbmo {
+    font-size: 14em;
+  }
+
+  .Footer-module__advantageInfo--Ilud0 {
+    gap: 16em;
+  }
+
+  .Footer-module__footerBottom--u_o7y {
+    grid-template-columns: 1fr 1fr;
+    margin-top: 60em;
+    gap: 0;
+  }
+
+  .Footer-module__footerLeft--nnkZo {
+    grid-template-columns: 1fr;
+  }
+
+  .Footer-module__footerLinks--R9Hnr {
+    gap: 12em;
+    grid-auto-flow: row;
+    justify-self: start;
+  }
+}
+
+@media (min-width: 1152px) {
+  .Footer-module__root--T9ly6 {
+    padding: 100em 24em 20em;
+  }
+
+  .Footer-module__title--OX7d9 {
+    font-size: 44em;
+  }
+
+  .Footer-module__subTitle--EmP0b {
+    font-size: 50em;
+  }
+
+  .Footer-module__advantages--z7ASK {
+    grid-auto-flow: column;
+    grid-auto-columns: 1fr;
+    grid-template-rows: auto 1fr auto;
+    gap: 20em;
+  }
+
+  .Footer-module__advantageItem--EcCx_ {
+    grid-template-rows: subgrid;
+    grid-row: 1 / 4;
+    gap: 62em;
+  }
+
+  .Footer-module__advantageTitleText--cMrU_ {
+    font-size: 22em;
+  }
+
+  .Footer-module__advantageText--BHbmo {
+    font-size: 18em;
+  }
+
+  .Footer-module__advantageInfo--Ilud0 {
+    grid-template-rows: subgrid;
+    grid-row: 1 / 3;
+  }
+
+  .Footer-module__affiliatesBlock--jVQ0L {
+    order: 1;
+  }
+
+  .Footer-module__suppliersBlock--yrn9l {
+    order: 2;
+  }
+
+  .Footer-module__hotelsBlock--uGUyj {
+    order: 3;
+  }
+
+  .Footer-module__marketingBlock--DnIGu {
+    order: 4;
+  }
+
+  .Footer-module__providersBlock--Zmk8W {
+    order: 5;
+  }
+
+  .Footer-module__footerBottom--u_o7y {
+    margin-top: 80em;
+  }
+
+  .Footer-module__footerLegalText--xlXoo {
+    font-size: 14em;
+  }
+}
+
+.Header-module__root--MyGKu {
+  font-family: Aeonik, sans-serif;
+  background-color: var(--bg-color);
+  border-bottom: 1em solid rgba(191, 191, 191, 1);
+  position: relative;
+}
+
+.Header-module__root--MyGKu,
+.Header-module__header--Ie2CT {
+  height: 74em;
+  box-sizing: border-box;
+  background-color: var(--bg-color);
+}
+
+.Header-module__header--Ie2CT {
+  position: relative;
+}
+
+.Header-module__wideHeader--P2oxX.Header-module__hidden--gobBG {
+    visibility: hidden;
+  }
+
+.Header-module__compactHeader--LsvY9 {
+  display: none;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+}
+
+.Header-module__compactHeader--LsvY9.Header-module__visible--ococB {
+    display: block;
+  }
+
+@media (max-width: 768px) and (pointer: coarse) and (hover: none) {
+
+.Header-module__compactHeader--LsvY9 {
+    position: fixed;
+}
+  }
+
+.Header-module__light--e8MFJ {
+  --general-color: #000;
+  --bg-color: #fff;
+  --logo-accent-color: #000;
+}
+
+.Header-module__dark--mJEmI {
+  --general-color: #fff;
+  --bg-color: #000;
+  --logo-accent-color: #fedd00;
+}
+
+.Header-module__yellow--W7Vw1 {
+  --general-color: #000;
+  --bg-color: rgba(254, 221, 0, 1);
+  --logo-accent-color: #000;
+}
+
+.Header-module__leftContainer--T8NI2 {
+  display: grid;
+  grid-auto-flow: column;
+  grid-gap: 60em;
+  gap: 60em;
+  grid-auto-columns: -webkit-min-content;
+  grid-auto-columns: min-content;
+  align-items: center;
+  justify-self: start;
+  height: 100%;
+  position: absolute;
+  left: 15em;
+  top: 0;
+}
+
+.Header-module__rightContainer--ZvsQ0 {
+  display: grid;
+  grid-auto-flow: column;
+  justify-content: end;
+  align-items: center;
+  grid-gap: 16em;
+  gap: 16em;
+  justify-self: end;
+  position: absolute;
+  right: 28em;
+  height: 100%;
+  z-index: 1;
+}
+
+.Header-module__navList--ikTYl {
+  list-style: none;
+  display: grid;
+  grid-gap: 40em;
+  gap: 40em;
+  grid-auto-flow: column;
+  padding: 0;
+}
+
+.Header-module__menuLink--yDAEH {
+  all: unset;
+  color: var(--menu-link-color);
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.Header-module__light--e8MFJ .Header-module__menuLink--yDAEH {
+    --menu-link-color: var(--general-color);
+  }
+
+.Header-module__dark--mJEmI .Header-module__menuLink--yDAEH {
+    --menu-link-color: var(--general-color);
+  }
+
+.Header-module__menuLinkText--MV8k7 {
+  font-size: 18em;
+  line-height: 1.23;
+}
+
+.Header-module__subMenuOpener--7Gf68 {
+  padding-right: 20em;
+  position: relative;
+}
+
+.Header-module__subMenuOpener--7Gf68::after {
+    content: "";
+    width: 17em;
+    height: 17em;
+    background: url(03a1823ba824367789ec.svg) no-repeat right center;
+    position: absolute;
+    right: 0;
+    top: 2em;
+    background-size: cover;
+  }
+
+.Header-module__subMenuOpener--7Gf68.Header-module__subMenuOpenerActive--hM0jl::after {
+    transform: rotate(180deg) translateY(-1em);
+  }
+
+.Header-module__subNavList--opWlU {
+  display: none;
+  position: absolute;
+  background: var(--bg-color);
+  top: 100%;
+  border: 1em solid rgba(191, 191, 191, 1);
+  gap: 20em;
+  padding: 20em 18em 18em;
+  min-width: 146em;
+  max-width: 180em;
+}
+
+.Header-module__subNavList--opWlU .Header-module__menuLink--yDAEH {
+    white-space: unset;
+  }
+
+.Header-module__subNavList--opWlU.Header-module__subNavListOpened--mebR2 {
+    display: grid;
+  }
+
+.Header-module__burgerMenuContainer--GmhQc {
+  display: grid;
+  justify-self: end;
+  align-self: center;
+}
+
+.Header-module__burgerMenuButton--sm0Lo {
+  all: unset;
+  cursor: pointer;
+  display: inline-grid;
+}
+
+.Header-module__burgerMenu--SUEsD {
+  padding: 20em 18em 18em;
+  display: grid;
+  grid-gap: 20em;
+  gap: 20em;
+  grid-auto-rows: -webkit-min-content;
+  grid-auto-rows: min-content;
+  grid-auto-columns: 1fr;
+  position: absolute;
+  z-index: 10000;
+  top: 100%;
+  right: 0;
+  border-left: 1em solid rgba(191, 191, 191, 1);
+  border-bottom: 1em solid rgba(191, 191, 191, 1);
+  background-color: var(--burger-menu-bg);
+  width: 282em;
+}
+
+@media (max-width: 768px) and (pointer: coarse) and (hover: none) {
+
+.Header-module__burgerMenu--SUEsD {
+    width: -webkit-fill-available;
+}
+  }
+
+.Header-module__light--e8MFJ .Header-module__burgerMenu--SUEsD {
+    --burger-menu-bg: rgba(255, 255, 255, 0.9);
+  }
+
+.Header-module__dark--mJEmI .Header-module__burgerMenu--SUEsD {
+    --burger-menu-bg: rgba(0, 0, 0, 0.8);
+    --burger-menu-border-color: rgba(191, 191, 191, 1);
+  }
+
+.Header-module__yellow--W7Vw1 .Header-module__burgerMenu--SUEsD {
+    --burger-menu-bg: rgba(254, 221, 0, 0.9);
+    --burger-menu-border-color: rgba(0, 0, 0, 1);
+  }
+
+.Header-module__burgerMenu--SUEsD .Header-module__navList--ikTYl {
+    grid-auto-flow: row;
+    gap: 20em;
+  }
+
+.Header-module__logo--V8O4g {
+  height: 60em;
+}
+
+.Header-module__burgerButtons--gDROa {
+  display: grid;
+  grid-gap: 16em;
+  gap: 16em;
+}
+
+.Header-module__separator--lw7LB {
+  height: 1em;
+  background: var(--general-color);
+}
+
+@media (max-width: 1399px) {
+  .Header-module__navList--ikTYl {
+    gap: 32em;
+  }
+
+  .Header-module__menuLinkText--MV8k7 {
+    font-size: 16em;
+  }
+
+  .Header-module__root--MyGKu,
+  .Header-module__header--Ie2CT {
+    height: 58em;
+  }
+
+  .Header-module__logo--V8O4g {
+    height: 38em;
+  }
+}
+
+@media (min-width: 1400px) and (max-width: 1919px) {
+  .Header-module__navList--ikTYl {
+    gap: 32em;
+  }
+
+  .Header-module__menuLinkText--MV8k7 {
+    font-size: 16em;
+  }
+
+  .Header-module__root--MyGKu,
+  .Header-module__header--Ie2CT {
+    height: 74em;
+  }
+
+  .Header-module__logo--V8O4g {
+    height: 52em;
+  }
+}
+
+@media (min-width: 1920px) {
+  .Header-module__root--MyGKu,
+  .Header-module__header--Ie2CT {
+    height: 84em;
+  }
+
+  .Header-module__logo--V8O4g {
+    height: 60em;
+  }
+}
+
+.HotelCard-module__root--popq0 {
+  display: flex;
+  flex-direction: column;
+  background: var(--card-bg, #ffffff);
+  border-radius: 0;
+  overflow: hidden;
+  max-width: 100%;
+  font-family: "Aeonik", sans-serif;
+}
+
+.HotelCard-module__rootFixed--TvjpT {
+  width: 440em;
+  max-width: 440em;
+}
+
+.HotelCard-module__clickable--mp25I {
+  cursor: pointer;
+  text-decoration: none;
+  color: inherit;
+}
+
+.HotelCard-module__imageContainer--FZfWz {
+  position: relative;
+  width: 100%;
+  height: 260em;
+  overflow: hidden;
+}
+
+.HotelCard-module__image--fREMp {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.HotelCard-module__discount--G2sau {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: rgba(140, 30, 255, 1);
+  color: var(--discount-text, #ffffff);
+  width: 87em;
+  height: 77em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 700;
+  font-family: "Aeonik", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  border-radius: 0;
+  letter-spacing: 0.01em;
+}
+
+.HotelCard-module__discountText--hH9Sf {
+  font-size: 23em;
+}
+
+.HotelCard-module__content--IA_3z {
+  padding: 15em;
+  background: var(--card-bg, #ffffff);
+  display: flex;
+  flex-direction: column;
+  gap: 4em;
+}
+
+.HotelCard-module__stars--jTODO {
+  display: flex;
+  gap: 1em;
+}
+
+.HotelCard-module__starFilled--Ps4vk,
+.HotelCard-module__starEmpty--FBbdo {
+  width: 12em;
+  height: 12em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxMCAxMCI+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTQuNjE1LjQ4MmEuNC40IDAgMCAxIC43MjYgMGwxLjEwMiAyLjM3MmEuNC40IDAgMCAwIC4zMTQuMjI4bDIuNTk3LjMxNWEuNC40IDAgMCAxIC4yMjQuNjlMNy42NjIgNS44NjhhLjQuNCAwIDAgMC0uMTIuMzdsLjUwMyAyLjU2N2EuNC40IDAgMCAxLS41ODcuNDI2TDUuMTczIDcuOTZhLjQuNCAwIDAgMC0uMzkgMEwyLjQ5OSA5LjIzYS40LjQgMCAwIDEtLjU4Ny0uNDI2bC41MDMtMi41NjdhLjQuNCAwIDAgMC0uMTItLjM3TC4zNzggNC4wODhhLjQuNCAwIDAgMSAuMjI0LS42OUwzLjIgMy4wODFhLjQuNCAwIDAgMCAuMzE1LS4yMjhMNC42MTUuNDgyWiIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjQuOTc4IiB4Mj0iNC45NzgiIHkxPSItLjMiIHkyPSIxMC43IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGQUYwMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0YyOTAwNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==);
+  color: rgba(248, 159, 3, 1);
+}
+
+.HotelCard-module__starEmpty--FBbdo {
+  opacity: 0.3;
+}
+
+.HotelCard-module__title--BOmwo {
+  margin: 0;
+  font-size: 18em;
+  font-weight: 600;
+  color: #000;
+  line-height: 1.3;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-family: "Aeonik", sans-serif;
+}
+
+.HotelCard-module__location--uglfh {
+  margin: 0;
+  color: rgba(105, 105, 105, 1);
+  font-size: 15em;
+  line-height: 1.3;
+  font-family: "Aeonik", sans-serif;
+}
+
+.HotelCard-module__dates--mhAjB {
+  margin: 0;
+  color: #000;
+  font-size: 18em;
+  line-height: 1.3;
+  letter-spacing: 0.01em;
+  font-family: "Aeonik", sans-serif;
+}
+
+.HotelCard-module__priceInfoWrapper--fplFE {
+  margin-top: 11em;
+}
+
+.HotelCard-module__priceInfo--qLmoQ {
+  width: 100%;
+  background: rgba(140, 30, 255, 1);
+  font-family: "Aeonik", sans-serif;
+  color: rgba(255, 255, 255, 1);
+  padding: 14px 16px 16px;
+  box-sizing: border-box;
+}
+
+.HotelCard-module__bookNowText--pgznJ {
+  font-size: 14em;
+  text-transform: uppercase;
+  text-align: center;
+  font-weight: 700;
+}
+
+.HotelCard-module__mainPriceText--wIEbi {
+  font-size: 18em;
+}
+
+.HotelCard-module__infoPriceText--GSy_s {
+  font-size: 14em;
+}
+
+/* Root */
+.HotelsLanding-module__root--JnV8j {
+  display: grid;
+  grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
+  grid-template-rows: min-content 1fr min-content;
+  align-content: start;
+  min-height: 100vh;
+  background-color: #efefef;
+  color: #000000;
+  font-weight: 400;
+  font-family: var(--font-main, "Aeonik", sans-serif);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.HotelsLanding-module__hero--CVhVp {
+  background-color: #ccc;
+  background-repeat: no-repeat;
+  background-image: var(--background-mobile);
+  background-position: center;
+  background-size: cover;
+  display: flex;
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
+
+.HotelsLanding-module__hero--CVhVp {
+    background-image: var(--background-mobile-2x);
+}
+  }
+
+@media (min-width: 500px) {
+
+.HotelsLanding-module__hero--CVhVp {
+    background-image: var(--background-desktop);
+}
+
+    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
+
+.HotelsLanding-module__hero--CVhVp {
+      background-image: var(--background-desktop-2x);
+}
+    }
+  }
+
+.HotelsLanding-module__heroContainer--RviY3 {
+  display: flex;
+  justify-content: end;
+  width: 100%;
+  max-width: 1448px;
+  margin: 0 auto;
+  padding: 26em 15em;
+  box-sizing: border-box;
+}
+
+@media (min-width: 500px) {
+
+.HotelsLanding-module__heroContainer--RviY3 {
+    padding: 16em 44em;
+    min-height: 320em;
+}
+  }
+
+@media (min-width: 1152px) {
+
+.HotelsLanding-module__heroContainer--RviY3 {
+    min-height: 670em;
+}
+  }
+
+.HotelsLanding-module__slogan--qHFoi {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-end;
+  width: auto;
+  text-align: right;
+  font-family: var(--font-secondary, "ABCGravity", sans-serif);
+  font-weight: 900;
+}
+
+.HotelsLanding-module__sloganText--YwQRu {
+  font-size: 45em;
+  line-height: 90%;
+  text-transform: uppercase;
+}
+
+@media (min-width: 500px) {
+
+.HotelsLanding-module__sloganText--YwQRu {
+    font-size: 60em;
+}
+  }
+
+@media (min-width: 1152px) {
+
+.HotelsLanding-module__sloganText--YwQRu {
+    font-size: 115em;
+}
+  }
+
+.HotelsLanding-module__sloganYellow--su_yv {
+  color: #f5d742;
+}
+
+.HotelsLanding-module__sloganWhite--P2y71 {
+  color: #fff;
+}
+
+.HotelsLanding-module__heroLogo--RMmG1 {
+  width: 33em;
+}
+
+@media (min-width: 500px) {
+
+.HotelsLanding-module__heroLogo--RMmG1 {
+    width: 49em;
+}
+  }
+
+@media (min-width: 1152px) {
+
+.HotelsLanding-module__heroLogo--RMmG1 {
+    width: 97em;
+}
+  }
+
+/* Hotels Section */
+.HotelsLanding-module__hotels--z2v4G {
+  max-width: 1392px;
+  margin-inline: auto;
+  padding-bottom: 60em;
+}
+@media (min-width: 1152px) {
+.HotelsLanding-module__hotels--z2v4G {
+    padding-bottom: 100em;
+}
+  }
+
+.HotelsLanding-module__hotelsHeader--XxyLM {
+  display: flex;
+  flex-direction: column;
+  gap: 16em;
+  padding: 45em 16em;
+}
+
+@media (min-width: 500px) {
+
+.HotelsLanding-module__hotelsHeader--XxyLM {
+    gap: 22em;
+}
+  }
+
+@media (min-width: 1152px) {
+
+.HotelsLanding-module__hotelsHeader--XxyLM {
+    gap: 28em;
+    padding-top: 80em;
+    padding-bottom: 80em;
+}
+  }
+
+.HotelsLanding-module__hotelsTitle--dcfRZ {
+  margin: 0;
+  line-height: 1.1;
+  text-align: center;
+  font-family: var(--font-secondary, "ABCGravity", sans-serif);
+  font-weight: 900;
+  font-size: 32em;
+}
+
+@media (min-width: 500px) {
+
+.HotelsLanding-module__hotelsTitle--dcfRZ {
+    font-size: 40em;
+}
+  }
+
+@media (min-width: 1152px) {
+
+.HotelsLanding-module__hotelsTitle--dcfRZ {
+    font-size: 65em;
+}
+  }
+
+.HotelsLanding-module__hotelsSubtitle--s0NrA {
+  margin: 0;
+  font-weight: 700;
+  line-height: 1;
+  text-align: center;
+  font-size: 14em;
+}
+
+@media (min-width: 500px) {
+
+.HotelsLanding-module__hotelsSubtitle--s0NrA {
+    font-size: 17em;
+}
+  }
+
+@media (min-width: 1152px) {
+
+.HotelsLanding-module__hotelsSubtitle--s0NrA {
+    font-size: 23em;
+}
+  }
+
+.HotelsLanding-module__hotelsList--ylptR {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(343px, 440px));
+  justify-content: center;
+  grid-gap: 30px 13px;
+  gap: 30px 13px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.HotelsLanding-module__hotelCard--IkewD {
+  justify-content: space-between;
+  min-height: 100%;
+}
+
+.HotelsLanding-module__hotelCard--IkewD:hover [class*="HotelCard-module__priceInfo"] {
+  background-color: #000000;
+}
+