/* Start:/assets/components/landing/bookmap/style.css?179206367329200*/
@font-face {
  font-family: 'XTypewriter';
  src: local("XTypewriter Bold"), local("XTypewriter-Bold"), local("X Typewriter Bold"), url("/assets/fonts/XTypewriter/XTypewriter-Bold.woff2") format("woff2"), url("/assets/fonts/XTypewriter/XTypewriter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Droid1997';
  src: local("Droid1997 Regular"), local("Droid1997-Regular"), local("Droid 1997 Regular"), url("/assets/fonts/Droid1997/Droid1997-Regular.woff2") format("woff2"), url("/assets/fonts/Droid1997/Droid1997-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

html.is-p-mor-map-open {
  overflow: hidden; }

@media (max-width: 1023px) {
  .p-mor {
    background: url("/assets/img/media/landing/bookmap/background/background_mobile.webp") repeat top left calc(50% - 98px)/1078px auto; } }
  @media (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .p-mor {
      background-image: url("/assets/img/media/landing/bookmap/background/background_mobile@2x.webp"); } }
  @media (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 3) and (min-resolution: 288dpi) {
    .p-mor {
      background-image: url("/assets/img/media/landing/bookmap/background/background_mobile@3x.webp"); } }

@media (min-width: 1024px) {
  .p-mor {
    background: url("/assets/img/media/landing/bookmap/background/background_desktop.webp") repeat center/cover; } }
  @media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .p-mor {
      background-image: url("/assets/img/media/landing/bookmap/background/background_desktop@2x.webp"); } }
  @media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 3) and (min-resolution: 288dpi) {
    .p-mor {
      background-image: url("/assets/img/media/landing/bookmap/background/background_desktop@3x.webp"); } }

.p-mor-hero {
  position: relative; }
  @media (max-width: 1023px) {
    .p-mor-hero {
      padding: 450px 10px 345px; } }
  @media (min-width: 1024px) and (max-width: 1439px) {
    .p-mor-hero {
      height: 768px; } }
  @media (min-width: 1440px) {
    .p-mor-hero {
      height: 810px; } }
  .p-mor-hero__title-main {
    display: block;
    position: absolute;
    font-family: 'Droid1997', sans-serif;
    font-size: 120px;
    line-height: .92;
    font-weight: 400;
    color: #FFFCF8; }
    @media (max-width: 375px) {
      .p-mor-hero__title-main {
        top: 28px;
        left: 24px; } }
    @media (min-width: 376px) and (max-width: 1023px) {
      .p-mor-hero__title-main {
        width: 245px;
        top: 28px;
        left: calc(50% - 155.5px); } }
    @media (min-width: 1024px) and (max-width: 1439px) {
      .p-mor-hero__title-main {
        width: 500px;
        top: 98px;
        left: calc(50% - 476px);
        font-size: 148px;
        line-height: .9; } }
    @media (min-width: 1440px) {
      .p-mor-hero__title-main {
        width: 640px;
        top: 69px;
        left: calc(50% - 657px);
        font-size: 190px;
        line-height: .9; } }
  .p-mor-hero__title-aside {
    display: block;
    position: absolute;
    padding: 14px;
    background: #F3EBDD;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
    transform: rotate(-5deg);
    font-family: 'XTypewriter', serif;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    color: #2A2B2D; }
    @media (max-width: 375px) {
      .p-mor-hero__title-aside {
        top: 363px;
        right: 26.64px; } }
    @media (min-width: 376px) and (max-width: 1023px) {
      .p-mor-hero__title-aside {
        top: 363px;
        right: calc(50% - 153.5px); } }
    @media (min-width: 1024px) and (max-width: 1439px) {
      .p-mor-hero__title-aside {
        top: 243px;
        left: calc(50% - 206px);
        font-size: 24px; } }
    @media (min-width: 1440px) {
      .p-mor-hero__title-aside {
        top: 258px;
        left: calc(50% - 314px);
        font-size: 30px; } }
  .p-mor-hero__text {
    padding: 24px;
    border-radius: 20px;
    background: #FFFCF8;
    box-shadow: inset 0 0 0 1px #CFD2D5;
    text-align: center; }
    @media (max-width: 1023px) {
      .p-mor-hero__text {
        max-width: 355px;
        margin: 0 auto; } }
    @media (min-width: 1024px) and (max-width: 1439px) {
      .p-mor-hero__text {
        width: 400px;
        position: absolute;
        top: 340px;
        left: calc(50% + 73px); } }
    @media (min-width: 1440px) {
      .p-mor-hero__text {
        width: 497px;
        padding: 40px;
        position: absolute;
        top: 306px;
        left: calc(50% + 91px); } }
    .p-mor-hero__text-p {
      font-size: 16px;
      line-height: 1.2;
      font-weight: 500;
      margin-bottom: 20px; }
      @media (min-width: 1024px) {
        .p-mor-hero__text-p {
          font-size: 14px; } }
      @media (min-width: 1440px) {
        .p-mor-hero__text-p {
          font-size: 18px; } }
    .p-mor-hero__text-small {
      font-size: 14px;
      line-height: 1.2;
      font-weight: 400;
      opacity: .8; }
      @media (min-width: 1024px) {
        .p-mor-hero__text-small {
          font-size: 12px; } }
      @media (min-width: 1440px) {
        .p-mor-hero__text-small {
          font-size: 16px; } }
    .p-mor-hero__text-btn:not(:first-child) {
      margin-top: 30px; }
      @media (min-width: 1024px) and (max-width: 1439px) {
        .p-mor-hero__text-btn:not(:first-child) {
          margin-top: 24px; } }
  .p-mor-hero__bg1 {
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px; }
    @media (max-width: 1023px) {
      .p-mor-hero__bg1 {
        width: 1104px;
        height: 482px;
        left: -8px; } }
    @media (min-width: 1024px) and (max-width: 1439px) {
      .p-mor-hero__bg1 {
        width: 1061px;
        height: 463px; } }
    @media (min-width: 1440px) {
      .p-mor-hero__bg1 {
        width: 1344px;
        height: 587px; } }
    .p-mor-hero__bg1 img {
      display: block;
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%; }
  .p-mor-hero__bg2 {
    display: block;
    position: absolute; }
    @media (max-width: 375px) {
      .p-mor-hero__bg2 {
        left: 146px; } }
    @media (min-width: 376px) and (max-width: 1023px) {
      .p-mor-hero__bg2 {
        left: calc(50% - 33.5px); } }
    @media (max-width: 1023px) {
      .p-mor-hero__bg2 {
        width: 255px;
        height: 283px;
        top: -5px; } }
    @media (min-width: 1024px) and (max-width: 1439px) {
      .p-mor-hero__bg2 {
        width: 475px;
        height: 354px;
        right: 35px;
        top: 0; } }
    @media (min-width: 1440px) {
      .p-mor-hero__bg2 {
        width: 678px;
        height: 407px;
        right: 44px;
        top: -5px; } }
    .p-mor-hero__bg2 img {
      display: block;
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%; }
  .p-mor-hero__bg3 {
    display: block;
    position: absolute;
    bottom: 37px;
    left: 781px;
    width: 166px;
    height: 154px; }
    .p-mor-hero__bg3 img {
      display: block;
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%; }
    @media (max-width: 1439px) {
      .p-mor-hero__bg3 {
        display: none !important; } }
  .p-mor-hero__elem1 {
    display: block;
    position: absolute; }
    .p-mor-hero__elem1 img {
      display: block;
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%; }
    @media (max-width: 375px) {
      .p-mor-hero__elem1 {
        left: 221px; } }
    @media (min-width: 376px) and (max-width: 1023px) {
      .p-mor-hero__elem1 {
        left: calc(50% + 41.5px); } }
    @media (max-width: 1023px) {
      .p-mor-hero__elem1 {
        top: 181px;
        width: 177px;
        height: 205px; } }
    @media (min-width: 1024px) {
      .p-mor-hero__elem1 {
        display: none !important; } }
  .p-mor-hero__elem2 {
    display: block;
    position: absolute; }
    .p-mor-hero__elem2 img {
      display: block;
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%; }
    @media (max-width: 375px) {
      .p-mor-hero__elem2 {
        right: 237px; } }
    @media (min-width: 376px) and (max-width: 1023px) {
      .p-mor-hero__elem2 {
        right: calc(50% + 57.5px); } }
    @media (max-width: 1023px) {
      .p-mor-hero__elem2 {
        top: 288px;
        width: 171px;
        height: 193px; } }
    @media (min-width: 1024px) {
      .p-mor-hero__elem2 {
        display: none !important; } }
  @media (max-width: 1023px) {
    .p-mor-hero__title-aside {
      z-index: 5; }
    .p-mor-hero__text {
      position: relative;
      z-index: 1; }
    .p-mor-hero__bg1 {
      z-index: 0; }
    .p-mor-hero__bg2 {
      z-index: 10; }
    .p-mor-hero__elem1 {
      z-index: 1; }
    .p-mor-hero__elem2 {
      z-index: 15; } }
  @media (min-width: 1024px) and (max-width: 1439px) {
    .p-mor-hero__title {
      z-index: 1; }
    .p-mor-hero__text {
      position: relative;
      z-index: 10; }
    .p-mor-hero__bg1 {
      z-index: 5; }
    .p-mor-hero__bg2 {
      z-index: 15; } }
  @media (min-width: 1440px) {
    .p-mor-hero__title {
      z-index: 1; }
    .p-mor-hero__text {
      position: relative;
      z-index: 10; }
    .p-mor-hero__bg1 {
      z-index: 5; }
    .p-mor-hero__bg2 {
      z-index: 15; }
    .p-mor-hero__bg3 {
      z-index: 15; } }

.p-mor-map-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.25s ease, visibility 0.25s ease; }
  .p-mor-map-modal.is-open {
    visibility: visible;
    opacity: 1; }
  .p-mor-map-modal__title {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    white-space: nowrap !important; }
  .p-mor-map-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.8); }
  .p-mor-map-modal__viewport {
    position: absolute;
    inset: 0;
    overflow: hidden;
    touch-action: none;
    user-select: none; }
  .p-mor-map-modal__map {
    position: absolute;
    top: 0;
    left: 0;
    width: 5212px;
    height: 2848px;
    transform-origin: 0 0;
    will-change: transform; }
  .p-mor-map-modal__image {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none; }
  .p-mor-map-modal__close {
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    font-size: 30px;
    line-height: 1; }
  .p-mor-map-modal__cities {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none; }
  .p-mor-map-modal__city {
    position: absolute;
    transform: translate(-50%, calc(-100% + 20px));
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 10px;
    pointer-events: auto;
    cursor: pointer; }
    .p-mor-map-modal__city[data-city="ulyanovsk"] {
      z-index: 3; }
    .p-mor-map-modal__city[data-city="tolyatti"] {
      z-index: 4; }
    .p-mor-map-modal__city[data-city="samara"] {
      z-index: 5; }
  .p-mor-map-modal__city-label {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #DFE0E1;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); }
  .p-mor-map-modal__city-label-title {
    display: block;
    background-color: #848587; }
  .p-mor-map-modal__city-pin {
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #CFD2D5; }
  html.touch .p-mor-map-modal__city:active,
  html.no-touch .p-mor-map-modal__city:hover, .p-mor-map-modal__city._active {
    z-index: 10; }
    html.touch .p-mor-map-modal__city:active .p-mor-map-modal__city-label,
    html.no-touch .p-mor-map-modal__city:hover .p-mor-map-modal__city-label, .p-mor-map-modal__city._active .p-mor-map-modal__city-label {
      background-color: var(--city-label-color); }
    html.touch .p-mor-map-modal__city:active .p-mor-map-modal__city-label-title,
    html.no-touch .p-mor-map-modal__city:hover .p-mor-map-modal__city-label-title, .p-mor-map-modal__city._active .p-mor-map-modal__city-label-title {
      background-color: var(--city-title-color); }
    html.touch .p-mor-map-modal__city:active .p-mor-map-modal__city-pin,
    html.no-touch .p-mor-map-modal__city:hover .p-mor-map-modal__city-pin, .p-mor-map-modal__city._active .p-mor-map-modal__city-pin {
      background-color: #FF4438; }
  .p-mor-map-modal__navigation {
    position: absolute;
    z-index: 10; }
    @media (max-width: 1023px) {
      .p-mor-map-modal__navigation {
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 20px);
        max-width: 355px; } }
    @media (min-width: 1024px) {
      .p-mor-map-modal__navigation {
        top: 30px;
        right: 30px;
        width: 260px; } }
  .p-mor-map-modal__label {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 40px;
    padding: 12px 20px;
    border-radius: 5px;
    background: #FFFCF8;
    box-shadow: inset 0 0 0 1px #CFD2D5;
    color: #949599;
    z-index: 10; }
    .p-mor-map-modal__label::before {
      content: '';
      flex: 0 0 16px;
      aspect-ratio: 1;
      background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.0003 7.3332V3.9996a1.3333 1.3333 0 0 0-2.6669 0m0 2.667V2.6661a1.3334 1.3334 0 0 0-2.6669 0v1.3334m0 0V7m0-3.0003a1.3334 1.3334 0 1 0-2.6668 0v5.3338m8.0007-4.0003a1.3337 1.3337 0 0 1 1.3334-1.3335 1.3334 1.3334 0 0 1 1.3335 1.3335v4.0003a5.334 5.334 0 0 1-1.5623 3.7715 5.334 5.334 0 0 1-3.7715 1.5623H8c-1.8668 0-3.0002-.5734-3.9936-1.5602l-2.4002-2.4002a1.3333 1.3333 0 0 1 .9592-2.2267 1.333 1.333 0 0 1 .9276.3466l1.1734 1.1734' stroke='%23949599' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain; }
    .p-mor-map-modal__label span {
      display: block;
      font-size: 12px;
      line-height: 1.2;
      font-weight: 500; }
    @media (max-width: 1023px) {
      .p-mor-map-modal__label {
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 20px);
        max-width: 355px; } }
    @media (min-width: 1024px) {
      .p-mor-map-modal__label {
        top: 30px;
        left: 30px; } }
  .p-mor-map-modal__picture-lighthouse {
    position: absolute;
    width: 124px;
    height: 124px;
    z-index: 8;
    left: 86.8381%;
    top: 88.4480%; }
  .p-mor-map-modal__picture-crab {
    position: absolute;
    width: 115px;
    height: 102px;
    z-index: 8;
    left: 83.1159%;
    top: 94.6629%; }

.p-mor-city-modal {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 200ms, opacity 200ms ease; }
  .p-mor-city-modal._open {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s, opacity 200ms ease; }
  .p-mor-city-modal._preparing {
    visibility: hidden; }
  .p-mor-city-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(42, 43, 45, 0.5); }
  .p-mor-city-modal__dialog {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 100%;
    overflow-y: scroll;
    transform: translateY(12px) scale(0.98);
    transition: transform 200ms ease; }
    @media (max-width: 1023px) {
      .p-mor-city-modal__dialog {
        padding-left: 10px;
        padding-right: 10px; } }
  .p-mor-city-modal._open .p-mor-city-modal__dialog {
    transform: translateY(0) scale(1); }
  .p-mor-city-modal__content {
    min-width: 0;
    min-height: auto;
    position: relative;
    max-width: 355px;
    margin: 28px auto; }
    @media (min-width: 1024px) {
      .p-mor-city-modal__content {
        max-width: 460px;
        margin: 25px auto; } }
    @media (min-width: 1440px) {
      .p-mor-city-modal__content {
        max-width: 564px; } }
  .p-mor-city-modal__content-main {
    background: #fff;
    padding: 24px;
    border-radius: 20px; }
    @media (min-width: 1440px) {
      .p-mor-city-modal__content-main {
        padding: 30px; } }
  .p-mor-city-modal__title {
    display: inline-flex;
    font-family: 'XTypewriter', serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    padding: 7px 14px;
    background: #F3EBDD;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); }
    @media (min-width: 1024px) {
      .p-mor-city-modal__title {
        font-size: 24px;
        padding: 8px 12px; } }
    @media (min-width: 1440px) {
      .p-mor-city-modal__title {
        font-size: 28px;
        padding: 10px 14px; } }
    .p-mor-city-modal__title:not(:last-child) {
      margin-bottom: 14px; }
      @media (min-width: 1024px) {
        .p-mor-city-modal__title:not(:last-child) {
          margin-bottom: 18px; } }
      @media (min-width: 1440px) {
        .p-mor-city-modal__title:not(:last-child) {
          margin-bottom: 20px; } }
  .p-mor-city-modal__description {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500; }
    @media (min-width: 1024px) and (max-width: 1439px) {
      .p-mor-city-modal__description {
        font-size: 14px; } }
  .p-mor-city-modal__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 30px; }
    @media (min-width: 1024px) and (max-width: 1439px) {
      .p-mor-city-modal__list {
        gap: 10px;
        margin-top: 24px; } }
  .p-mor-city-modal__list-item {
    padding-bottom: 12px; }
    @media (min-width: 1024px) and (max-width: 1439px) {
      .p-mor-city-modal__list-item {
        padding-bottom: 12px; } }
    .p-mor-city-modal__list-item:not(:last-child) {
      border-bottom: 1px solid rgba(207, 210, 213, 0.2); }
  .p-mor-city-modal__close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    color: #CFD2D5;
    cursor: pointer; }
    .p-mor-city-modal__close::before, .p-mor-city-modal__close::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 14px;
      height: 1.4px;
      background: currentColor; }
    .p-mor-city-modal__close::before {
      transform: translate(-50%, -50%) rotate(45deg); }
    .p-mor-city-modal__close::after {
      transform: translate(-50%, -50%) rotate(-45deg); }
    @media (min-width: 1024px) {
      .p-mor-city-modal__close {
        width: 50px;
        height: 50px; }
        .p-mor-city-modal__close::before, .p-mor-city-modal__close::after {
          width: 18px;
          height: 2px; } }
    html.touch .p-mor-city-modal__close:active {
      color: #2A2B2D; }
    html.no-touch .p-mor-city-modal__close:hover {
      color: #2A2B2D; }
  .p-mor-city-modal__content-aside {
    --aside-font-color: #FFFCF8;
    --aside-background-color: #FF4438;
    position: relative;
    width: 100%;
    background: var(--aside-background-color);
    padding: 24px;
    border-radius: 20px; }
    .p-mor-city-modal__content-aside:not(._is-active) {
      display: none !important; }
    @media (max-width: 1023px) {
      .p-mor-city-modal__content-aside {
        top: -9px; } }
    @media (min-width: 1024px) {
      .p-mor-city-modal__content-aside {
        max-width: 260px;
        position: absolute;
        top: 50%;
        right: 100%;
        transform: translateY(-50%) rotate(-6deg); } }
    @media (min-width: 1440px) {
      .p-mor-city-modal__content-aside {
        max-width: 300px; } }
    .p-mor-city-modal__content-aside-title {
      font-size: 18px;
      line-height: 1.3;
      font-weight: 600;
      color: var(--aside-font-color);
      margin-bottom: 30px; }
      @media (min-width: 1024px) {
        .p-mor-city-modal__content-aside-title {
          font-size: 13.75px;
          line-height: 1.2;
          margin-bottom: 20px; } }
      @media (min-width: 1440px) {
        .p-mor-city-modal__content-aside-title {
          font-size: 16px; } }
    .p-mor-city-modal__content-aside-discount {
      margin-bottom: 14px; }
      @media (min-width: 1440px) {
        .p-mor-city-modal__content-aside-discount {
          margin-bottom: 16px; } }
    .p-mor-city-modal__content-aside-label {
      display: inline-flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      white-space: nowrap;
      height: 40px;
      padding: 5px 20px;
      background-color: var(--aside-font-color);
      border-radius: 100px; }
      .p-mor-city-modal__content-aside-label span {
        font-size: 24px;
        line-height: 1;
        color: var(--aside-background-color); }
      @media (min-width: 1440px) {
        .p-mor-city-modal__content-aside-label {
          height: 50px; } }
    .p-mor-city-modal__content-aside-text {
      font-size: 14px;
      line-height: 1.3;
      font-weight: 500;
      color: var(--aside-font-color); }
      @media (min-width: 1024px) {
        .p-mor-city-modal__content-aside-text {
          font-size: 12px;
          line-height: 1.2; } }
      @media (min-width: 1440px) {
        .p-mor-city-modal__content-aside-text {
          font-size: 14px; } }
    .p-mor-city-modal__content-aside-coupon {
      color: var(--aside-font-color);
      margin-top: 30px; }
      @media (min-width: 1024px) {
        .p-mor-city-modal__content-aside-coupon {
          margin-top: 20px; } }

.p-mor-navigation__toggler {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  position: relative;
  width: 100%;
  min-height: 40px;
  background: #FF4438;
  border-radius: 5px;
  padding: 5px 50px 5px 20px;
  margin-bottom: 8px;
  text-align: left; }
  .p-mor-navigation__toggler span {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    color: #FFFCF8; }
  .p-mor-navigation__toggler::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23fffcf8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/12px auto; }

.p-mor-navigation__cities {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease; }
  .p-mor-navigation__cities-wrap {
    background: #FFFCF8;
    box-shadow: inset 0 0 0 1px #CFD2D5;
    border-radius: 5px;
    padding: 20px; }
  .p-mor-navigation__cities-inner {
    max-height: 348px; }
    .p-mor-navigation__cities-inner .simplebar-track.simplebar-vertical {
      width: 4px !important;
      background: rgba(207, 210, 213, 0.2) !important; }
    .p-mor-navigation__cities-inner .simplebar-scrollbar {
      width: 4px !important; }
      .p-mor-navigation__cities-inner .simplebar-scrollbar::before {
        width: 4px !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        opacity: 1;
        background: rgba(207, 210, 213, 0.6) !important;
        border-radius: 3px !important; }

.p-mor-navigation__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 14px; }
  .p-mor-navigation__list-item {
    font-size: 14px;
    line-height: 10px;
    font-weight: 400;
    color: rgba(42, 43, 45, 0.8);
    white-space: nowrap;
    text-overflow: ellipsis; }
    .p-mor-navigation__list-item._active {
      font-weight: 600;
      color: #2a2b2d; }

.p-mor-navigation.is-expanded .p-mor-navigation__cities {
  height: auto; }

.p-mor-navigation.is-expanded .p-mor-navigation__toggler::after {
  transform: translateY(-50%) rotate(180deg); }

.p-mor-btn {
  --btn-height: 28px;
  --btn-padding: 5px 16px;
  --btn-font-size: 12px;
  --btn-font-color: #FF4438;
  --btn-background-color: #FFF;
  --btn-border-color: #FF4438;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  min-height: var(--btn-height);
  padding: var(--btn-padding);
  background-color: var(--btn-background-color);
  border: 1.4px solid var(--btn-border-color);
  border-radius: 100px;
  font-size: var(--btn-font-size);
  line-height: 1; }
  @media (min-width: 1440px) {
    .p-mor-btn {
      --btn-height: 32px;
      --btn-padding: 5px 20px;
      --btn-font-size: 14px; } }
  .p-mor-btn__wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px; }
  .p-mor-btn__title {
    font-weight: 600;
    color: var(--btn-font-color); }
  .p-mor-btn__icon {
    flex: 0 0 auto;
    color: var(--btn-font-color);
    width: 16px; }
    @media (min-width: 1440px) {
      .p-mor-btn__icon {
        width: 20px; } }
  .p-mor-btn_big {
    --btn-height: 40px;
    --btn-padding: 5px 30px;
    --btn-font-size: 14px; }
    @media (min-width: 1440px) {
      .p-mor-btn_big {
        --btn-height: 50px;
        --btn-padding: 5px 30px;
        --btn-font-size: 16px; } }
  html.touch .p-mor-btn:active,
  html.no-touch .p-mor-btn:hover {
    --btn-font-color: #FFF;
    --btn-background-color: #FF4438; }

.p-mor-product {
  display: flex;
  width: 100%;
  gap: 16px; }
  @media (min-width: 1440px) {
    .p-mor-product {
      gap: 20px; } }
  .p-mor-product__aside {
    flex: 0 0 auto; }
  .p-mor-product__main {
    flex: 1 1 auto; }
    @media (min-width: 1024px) {
      .p-mor-product__main {
        display: flex;
        gap: 20px; } }
    @media (max-width: 1023px) {
      .p-mor-product__main-info {
        margin-bottom: 14px; } }
    @media (min-width: 1024px) {
      .p-mor-product__main-info {
        flex: 1 1 auto; } }
    @media (min-width: 1024px) {
      .p-mor-product__main-buttons {
        flex: 0 0 auto; } }
  .p-mor-product__picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 78px;
    padding: 6px;
    background: #F4F2EF;
    border-radius: 4px; }
    @media (min-width: 1440px) {
      .p-mor-product__picture {
        width: 68px;
        height: 90px;
        padding: 7px; } }
    .p-mor-product__picture img {
      display: block;
      flex: 0 0 auto;
      max-width: 100%;
      max-height: 100%; }
  .p-mor-product__title {
    font-size: 13px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 3px; }
    @media (min-width: 1440px) {
      .p-mor-product__title {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 8px; } }
  .p-mor-product__authors {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    color: #949599; }
    @media (min-width: 1440px) {
      .p-mor-product__authors {
        font-size: 14px; } }

.p-mor-copy {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }
  .p-mor-copy__input {
    display: none; }
  .p-mor-copy__button {
    width: 100%;
    height: 40px;
    padding: 12px 30px;
    border: 1.4px dashed #FFFCF8;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; }
    @media (min-width: 1440px) {
      .p-mor-copy__button {
        height: 50px; } }
  .p-mor-copy__title {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #FFFCF8;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .p-mor-copy__icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
    .p-mor-copy__icon_copy {
      background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M2.67 10.67c-.74 0-1.34-.6-1.34-1.34V2.67c0-.74.6-1.34 1.34-1.34h6.66c.74 0 1.34.6 1.34 1.34m-4 2.66h6.66c.74 0 1.34.6 1.34 1.34v6.66c0 .74-.6 1.34-1.34 1.34H6.67c-.74 0-1.34-.6-1.34-1.34V6.67c0-.74.6-1.34 1.34-1.34Z' stroke='%23fffcf8' stroke-width='1.4' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }
    .p-mor-copy__icon_success {
      background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.25 8 3.25 3.25 6.25-6.5' stroke='%23fffcf8' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      display: none; }
  .p-mor-copy._is-copied .p-mor-copy__icon_copy {
    display: none; }
  .p-mor-copy._is-copied .p-mor-copy__icon_success {
    display: block; }

/*# sourceMappingURL=../../maps/landing/bookmap/style.css.map */

/* End */
/* /assets/components/landing/bookmap/style.css?179206367329200 */