:root {
    --spacing: 20px;
    --spacing-0: 0px;
    --spacing-0-5: calc(var(--spacing) * 0.5);
    --spacing-1: var(--spacing);
    --spacing-1-5: calc(var(--spacing) * 1.5);
    --spacing-2: calc(var(--spacing) * 2);
    --spacing-2-5: calc(var(--spacing) * 2.5);
    --spacing-3: calc(var(--spacing) * 3);
    --spacing-3-5: calc(var(--spacing) * 3.5);
    --spacing-4: calc(var(--spacing) * 4);
    --spacing-4-5: calc(var(--spacing) * 4.5);
    --spacing-5: calc(var(--spacing) * 5);
    --spacing-6: calc(var(--spacing) * 6);
    --spacing-6-5: calc(var(--spacing) * 6.5);
    --spacing-7: calc(var(--spacing) * 7);
    --spacing-8: calc(var(--spacing) * 8);
    --col: calc(100vw / 8);
    --col-1: var(--col);
    --col-2: calc(var(--col) * 2);
    --col-2-2: calc(var(--col) * 2.2);
    --col-2-5: calc(var(--col) * 2.5);
    --col-3: calc(var(--col) * 3);
    --col-3-5: calc(var(--col) * 3.5);
    --col-4: calc(var(--col) * 4);
    --col-4-5: calc(var(--col) * 4.5);
    --col-5: calc(var(--col) * 5);
    --col-6: calc(var(--col) * 6);
    --col-7: calc(var(--col) * 7);
    --col-7-5: calc(var(--col) * 7.5);
    --col-8: calc(var(--col) * 8);
    --col-9: calc(var(--col) * 9);
    --col-10: calc(var(--col) * 10);
    --col-11: calc(var(--col) * 11);
    --col-12: calc(var(--col) * 12);
  }
  @media only screen and (min-width: 568px) and (max-aspect-ratio: 13/9),
    only screen and (min-width: 668px) and (min-height: 416px),
    only screen and (min-width: 980px) {
    :root {
      --spacing: 40px;
      --col: calc(100vw / 12);
    }
  }
  @media screen and (min-width: 980px) and (max-width: 1200px) {
    :root {
      --spacing: calc(40px + 10 * ((100vw - 980px) / 220));
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1440px) {
    :root {
      --spacing: calc(50px + 10 * ((100vw - 1200px) / 240));
    }
  }
  @media screen and (min-width: 1440px) and (max-width: 1920px) {
    :root {
      --spacing: calc(60px + 20 * ((100vw - 1440px) / 480));
    }
  }
  @media only screen and (min-width: 1920px) {
    :root {
      --spacing: 80px;
    }
  }
  .favourites__title {
    font-family: 'Bariol';
    font-weight: 300;
  }
  .favourite-item__area > small,
  .favourite-item__price > small {
    font-size: 1.1rem;
    line-height: 1.45455em;
    letter-spacing: 0.04em;
  }
  @media only screen and (min-width: 1200px) {
    .favourite-item__area > small,
    .favourite-item__price > small {
      font-size: 1.3rem;
      line-height: 1.53846em;
      letter-spacing: 0.04em;
    }
  }
  @media only screen and (min-width: 1920px) {
    .favourite-item__area > small,
    .favourite-item__price > small {
      font-size: 1.5rem;
      line-height: 1.6em;
      letter-spacing: 0.04em;
    }
  }
  .favourites {
    padding: var(--spacing-4) var(--spacing) 0;
  }
  .favourites__btns-wrap {
    margin-bottom: var(--spacing);
    margin-top: var(--spacing);
  }
  .favourites__btns-wrap > * {
    margin: 10px 10px 0 0;
  }
  .favourites__btns-wrap .icon {
    color: #c49f8a;
  }
  .favourites__btns-wrap .btn__text {
    margin-left: 1rem;
  }
  .favourites__btns-wrap--no-favs {
    position: absolute;
    margin: 0;
    bottom: var(--spacing-2);
  }
  .favourites__title {
    font-size: 4.7rem;
    line-height: 1.17021em;
    letter-spacing: 0.02em;
    margin-right: 36px;
  }
  .favourites__title:after,
  .favourites__title:before {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    position: relative;
  }
  .favourites__title:before {
    margin-top: -0.12011em;
  }
  .favourites__title:after {
    margin-bottom: -0.32011em;
  }
  @media only screen and (min-width: 568px) and (max-aspect-ratio: 13/9),
    only screen and (min-width: 668px) and (min-height: 416px),
    only screen and (min-width: 980px) {
    .favourites__title:before {
      margin-top: -0.10877em;
    }
    .favourites__title:after {
      margin-bottom: -0.30877em;
    }
  }
  @media only screen and (min-width: 568px) and (max-aspect-ratio: 13/9),
    only screen and (min-width: 668px) and (min-height: 416px),
    only screen and (min-width: 980px) {
    .favourites__title {
      font-size: 6.1rem;
      line-height: 1.14754em;
      letter-spacing: -0.02em;
    }
  }
  @media only screen and (max-width: 567px) and (max-aspect-ratio: 13/9) {
    .favourites__title {
      font-size: calc(4.7rem + 14 * ((100vw - 360px) / 308));
      line-height: calc(1.17021em + -0.22672 * ((100vw - 360px) / 308));
      letter-spacing: calc(0.02em + -0.4 * ((100vw - 360px) / 308));
    }
  }
  @media (max-width: 667px) and (min-aspect-ratio: 13/9),
    only screen and (max-width: 979px) and (max-height: 415px) and (min-aspect-ratio: 13/9) {
    .favourites__title {
      font-size: calc(4.7rem + 14 * ((100vw - 568px) / 412));
      line-height: calc(1.17021em + -0.22672 * ((100vw - 568px) / 412));
      letter-spacing: calc(0.02em + -0.4 * ((100vw - 568px) / 412));
    }
  }
  .favourites__counter {
    font-size: 1.1rem;
    line-height: 1.45455em;
    letter-spacing: 0.04em;
  }
  .favourites__counter:after,
  .favourites__counter:before {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    position: relative;
  }
  .favourites__counter:before {
    margin-top: -0.26227em;
  }
  .favourites__counter:after {
    margin-bottom: -0.46227em;
  }
  .favourites__list li {
    margin-top: 10px;
    flex: 0 1 100%;
    width: 100%;
  }
  @media only screen and (min-width: 568px) and (max-aspect-ratio: 13/9),
    only screen and (min-width: 668px) and (min-height: 416px),
    only screen and (min-width: 980px) {
    .favourites {
      padding: var(--spacing-3) var(--spacing) 0;
    }
    .favourites__btns-wrap {
      margin-top: 0;
      margin-bottom: calc(var(--spacing) / 40 * 30);
    }
    .favourites__btns-wrap--no-favs {
      margin: 0;
    }
  }
  @media only screen and (min-width: 1200px) {
    .favourites {
      padding: 120px 120px 0;
    }
    .favourites__btns-wrap {
      margin-top: 0;
      margin-bottom: calc(var(--spacing) / 60 * 40);
    }
    .favourites__btns-wrap > * {
      margin: 0 10px 0 0;
    }
    .favourites__btns-wrap--no-favs {
      margin: 0;
    }
    .favourites__btns-wrap--no-favs > * {
      margin-right: 20px;
    }
    .favourites__title {
      margin-bottom: calc(var(--spacing) / 60 * 40);
    }
    .favourites__list li {
      flex: 0 1 50%;
      width: 50%;
      margin-top: calc(var(--spacing) / 3);
    }
    .favourites__list li:nth-child(odd) {
      padding-right: calc(var(--spacing) / 6);
    }
    .favourites__list li:nth-child(2n) {
      padding-left: calc(var(--spacing) / 6);
    }
  }
  @media only screen and (min-width: 1440px) {
    .favourites__empty-text {
      margin: calc(var(--spacing) / 60 * 20) 0;
    }
  }
  .favourite-item {
    position: relative;
    background: #f6f2eb;
    padding: var(--spacing);
  }
  .favourite-item a {
    position: relative;
    z-index: 2;
  }
  .favourite-item .favourite-item__link {
    display: none;
  }
  @media only screen and (min-width: 1200px) {
    .favourite-item__info {
      font-size: 1.1rem;
      line-height: 1.45455em;
      letter-spacing: 0.04em;
      font-weight: 500;
    }
  }
  .favourite-item__wrapper {
    position: relative;
  }
  .favourite-item__area > small,
  .favourite-item__price > small {
    display: block;
    color: #a69c8c;
    margin-bottom: 10px;
  }
  @media only screen and (min-width: 1200px) {
    .favourite-item__area > small,
    .favourite-item__price > small {
      font-size: 1.1rem;
      line-height: 1.45455em;
      letter-spacing: 0.04em;
      font-weight: 500;
    }
  }
  .favourite-item__area > small:after,
  .favourite-item__area > small:before,
  .favourite-item__price > small:after,
  .favourite-item__price > small:before {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    position: relative;
  }
  @media only screen and (min-width: 1200px) {
    .favourite-item__area > small:before,
    .favourite-item__price > small:before {
      margin-top: -0.26227em;
    }
    .favourite-item__area > small:after,
    .favourite-item__price > small:after {
      margin-bottom: -0.46227em;
    }
  }
  .favourite-item__area span,
  .favourite-item__price span {
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.6em;
    letter-spacing: 0.04em;
    color: #2c2926;
  }
  @media only screen and (min-width: 568px) and (max-aspect-ratio: 13/9),
    only screen and (min-width: 668px) and (min-height: 416px),
    only screen and (min-width: 980px) {
    .favourite-item__area span,
    .favourite-item__price span {
      font-size: 2rem;
      line-height: 1.25em;
      letter-spacing: 0.02em;
    }
  }
  @media only screen and (max-width: 567px) and (max-aspect-ratio: 13/9) {
    .favourite-item__area span,
    .favourite-item__price span {
      font-size: calc(1.5rem + 5 * ((100vw - 360px) / 308));
      line-height: calc(1.6em + -3.5 * ((100vw - 360px) / 308));
      letter-spacing: calc(0.04em + -0.2 * ((100vw - 360px) / 308));
    }
  }
  @media (max-width: 667px) and (min-aspect-ratio: 13/9),
    only screen and (max-width: 979px) and (max-height: 415px) and (min-aspect-ratio: 13/9) {
    .favourite-item__area span,
    .favourite-item__price span {
      font-size: calc(1.5rem + 5 * ((100vw - 568px) / 412));
      line-height: calc(1.6em + -3.5 * ((100vw - 568px) / 412));
      letter-spacing: calc(0.04em + -0.2 * ((100vw - 568px) / 412));
    }
  }
  .favourite-item__area span small,
  .favourite-item__price span small {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.6em;
    letter-spacing: 0.04em;
  }
  @media only screen and (min-width: 568px) and (max-aspect-ratio: 13/9),
    only screen and (min-width: 668px) and (min-height: 416px),
    only screen and (min-width: 980px) {
    .favourite-item__area span small,
    .favourite-item__price span small {
      font-size: 1.4rem;
      line-height: 1.5625em;
      letter-spacing: 0;
      text-transform: none;
    }
  }
  @media only screen and (min-width: 1200px) {
    .favourite-item__area span small,
    .favourite-item__price span small {
      font-size: 1.1rem;
      line-height: 1.45455em;
      letter-spacing: 0.04em;
      font-weight: 500;
    }
  }
  @media only screen and (max-width: 567px) and (max-aspect-ratio: 13/9) {
    .favourite-item__area span small,
    .favourite-item__price span small {
      font-size: calc(1.5rem + -1 * ((100vw - 360px) / 308));
      line-height: calc(1.6em + -0.375 * ((100vw - 360px) / 308));
      letter-spacing: calc(0.04em + -0.4 * ((100vw - 360px) / 308));
    }
  }
  @media (max-width: 667px) and (min-aspect-ratio: 13/9),
    only screen and (max-width: 979px) and (max-height: 415px) and (min-aspect-ratio: 13/9) {
    .favourite-item__area span small,
    .favourite-item__price span small {
      font-size: calc(1.5rem + -1 * ((100vw - 568px) / 412));
      line-height: calc(1.6em + -0.375 * ((100vw - 568px) / 412));
      letter-spacing: calc(0.04em + -0.4 * ((100vw - 568px) / 412));
    }
  }
  .favourite-item__area span sup,
  .favourite-item__price span sup {
    font-weight: 400;
  }
  .favourite-item__price > small {
    color: #c49f8a;
    text-align: right;
  }
  .favourite-item__info {
    color: #a69c8c;
  }
  .favourite-item__plan {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0 87px;
  }
  .favourite-item__plan img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
  }
  .favourite-item__info {
    position: absolute;
    left: 0;
    top: 0;
  }
  .favourite-item__favourite {
    position: absolute;
    right: 0;
    top: 0;
  }
  .favourite-item__area {
    position: absolute;
    left: 0;
    bottom: -8px;
  }
  .favourite-item__price {
    position: absolute;
    right: 0;
    bottom: -8px;
  }
  .favourite-item__extras {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 49px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(86, 84, 64, 0.1);
  }
  @media only screen and (min-width: 1200px) {
    .favourite-item {
      padding: calc(var(--spacing) / 3);
    }
    .favourite-item__extras {
      padding-bottom: 20px;
      bottom: 55px;
    }
    .favourite-item__plan {
      padding: 45px 0 120px;
    }
  }
  .favourite-more {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border: 1px dashed #565440;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
  }
  .favourite-more__title {
    width: 100%;
    margin-top: 20px;
  }
  @media only screen and (min-width: 1200px) {
    .favourite-more__title {
      font-size: 1.3rem;
      line-height: 1.53846em;
      letter-spacing: 0.04em;
      font-weight: 500;
    }
  }
  .favourite-more__title:after,
  .favourite-more__title:before {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    position: relative;
  }
  @media only screen and (min-width: 1200px) {
    .favourite-more__title:before {
      margin-top: -0.30423em;
    }
    .favourite-more__title:after {
      margin-bottom: -0.50423em;
    }
  }