/* Ice Moscow 26/27 — desktop and mobile tuning for the "Что вас ждёт" block.
   v10: remove overflow artifacts, keep arrows centered, keep title readable,
   and make the composition responsive instead of hard-locking it to a 1440 artboard. */

@media (min-width:1101px) {
  .lm-site .lm-journey {
    position: relative;
    height: 900px !important;
    min-height: 900px !important;
    overflow: hidden !important;
  }

  .lm-site .lm-journey__inner {
    position: relative;
    height: 100%;
    padding-top: 82px !important;
    padding-bottom: 0 !important;
    z-index: 2;
  }

  .lm-site .lm-journey__inner h2 {
    position: relative;
    z-index: 3;
    max-width: 760px !important;
    width: auto !important;
    font-size: clamp(52px, 4.35vw, 68px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.03em !important;
  }

  .lm-site .lm-journey__stage {
    position: relative !important;
    width: min(1360px, calc(100% + 120px)) !important;
    max-width: 1360px !important;
    height: 610px !important;
    margin: 24px auto 0 !important;
    overflow: hidden !important;
    pointer-events: none;
  }

  .lm-site .lm-journey__spark {
    position: absolute !important;
    top: 58px !important;
    left: -46px !important;
    width: 78% !important;
    max-width: none !important;
    height: auto !important;
    opacity: 0.96 !important;
    object-fit: contain !important;
    mix-blend-mode: screen !important;
    pointer-events: none;
  }

  .lm-site .lm-journey__base {
    position: absolute !important;
    left: -50px !important;
    right: -50px !important;
    bottom: -4px !important;
    top: auto !important;
    width: calc(100% + 100px) !important;
    height: 274px !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center bottom !important;
    opacity: 0.96 !important;
    mix-blend-mode: screen !important;
    pointer-events: none;
  }

  .lm-site .lm-quest-track {
    position: absolute !important;
    top: 136px !important;
    left: 38px !important;
    right: 38px !important;
    width: auto !important;
    height: 370px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 0 !important;
    overflow: visible !important;
    pointer-events: auto;
  }

  .lm-site .lm-quest-card {
    position: relative !important;
    flex: 0 0 auto !important;
    width: clamp(160px, 12.4vw, 194px) !important;
    height: auto !important;
    aspect-ratio: 184 / 339 !important;
    min-width: 0 !important;
    margin: 0 !important;
    filter: none !important;
    overflow: visible !important;
    pointer-events: auto;
    transition: transform .28s ease, filter .28s ease;
  }

  .lm-site .lm-quest-card:nth-child(1) { width: clamp(180px, 13.9vw, 210px) !important; }
  .lm-site .lm-quest-card:nth-child(4) { width: clamp(168px, 12.7vw, 188px) !important; }
  .lm-site .lm-quest-card:nth-child(5) { width: clamp(172px, 12.9vw, 190px) !important; }
  .lm-site .lm-quest-card:nth-child(7) { width: clamp(170px, 12.7vw, 186px) !important; }

  .lm-site .lm-quest-card:hover {
    transform: translateY(-6px);
    filter: drop-shadow(0 8px 18px rgba(245, 190, 96, .18)) !important;
  }

  .lm-site .lm-quest-card img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .lm-site .lm-quest-card__number {
    position: absolute !important;
    top: 20px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    font-size: clamp(18px, 1.45vw, 24px) !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    color: #cbb38a !important;
    z-index: 2;
    text-shadow: 0 0 6px rgba(2, 12, 38, .9);
  }

  .lm-site .lm-quest-card__text {
    position: absolute !important;
    left: 9% !important;
    right: 9% !important;
    bottom: 24px !important;
    top: auto !important;
    color: var(--lm-snow) !important;
    text-align: center !important;
    font-size: clamp(15px, 1.2vw, 17px) !important;
    line-height: 1.16 !important;
    font-weight: 500 !important;
    letter-spacing: -0.03em !important;
    text-shadow: 0 2px 5px rgba(2, 12, 38, .9);
    z-index: 2;
  }

  .lm-site .lm-quest-card:nth-child(3) .lm-quest-card__text,
  .lm-site .lm-quest-card:nth-child(7) .lm-quest-card__text {
    bottom: 20px !important;
  }

  .lm-site .lm-quest-card__arrow {
    position: absolute !important;
    top: 49% !important;
    right: -19px !important;
    transform: translateY(-50%) !important;
    font-size: 42px !important;
    line-height: 1 !important;
    color: #f3b948 !important;
    z-index: 3;
    text-shadow: 0 0 12px rgba(243, 185, 72, .45);
  }

  .lm-site .lm-journey__count {
    display: none !important;
  }

  .lm-site .lm-journey__action {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 48px !important;
    margin: 0 !important;
    text-align: center !important;
    z-index: 4;
    pointer-events: auto;
  }

  .lm-site .lm-journey__action .lm-button {
    width: 322px !important;
    min-width: 322px !important;
    min-height: 64px !important;
    height: 64px !important;
    padding: 0 28px !important;
    border-radius: 999px !important;
    background: #e1cba4 !important;
    color: #03153a !important;
    font-size: 16px !important;
  }

  .lm-site .lm-journey-desktop-break { display: inline !important; }

  /* Rules block closer to the approved comp */
  .lm-site .lm-rules {
    min-height: 790px !important;
    height: auto !important;
    overflow: hidden !important;
  }

  .lm-site .lm-rules__roof {
    top: -8px !important;
    left: 0 !important;
    width: 100% !important;
    height: 122px !important;
    object-fit: cover !important;
  }

  .lm-site .lm-rules__lantern {
    top: 148px !important;
    width: clamp(170px, 14vw, 220px) !important;
    max-width: 220px !important;
  }

  .lm-site .lm-rules__lantern--left { left: 9.5% !important; }
  .lm-site .lm-rules__lantern--right { right: 9.5% !important; }

  .lm-site .lm-rules__paper {
    width: 510px !important;
    min-height: 546px !important;
    margin: 138px auto 66px !important;
    padding: 38px 48px 40px !important;
    background-size: 100% 100% !important;
  }

  .lm-site .lm-rules__paper h2 {
    font-size: 24px !important;
    margin-bottom: 22px !important;
  }

  .lm-site .lm-rule-group { margin-bottom: 18px !important; }
  .lm-site .lm-rule-group h3 { font-size: 15px !important; margin-bottom: 6px !important; }
  .lm-site .lm-rule-group p { font-size: 15px !important; line-height: 1.52 !important; }
}

/* Mobile / tablet retain carousel, but fix arrow placement and background overlaps. */
@media (max-width:1100px) {
  .lm-site .lm-journey__stage { overflow: hidden !important; }
}

@media (max-width:700px) {
  .lm-site .lm-journey {
    height: 548px !important;
    overflow: hidden !important;
  }

  .lm-site .lm-journey__inner {
    padding-top: 25px !important;
  }

  .lm-site .lm-journey__inner h2 {
    max-width: 332px !important;
  }

  .lm-site .lm-journey__stage {
    width: calc(100% + 32px) !important;
    margin-left: -16px !important;
    height: 326px !important;
    margin-top: 14px !important;
  }

  .lm-site .lm-journey__spark {
    top: 58px !important;
    left: -54px !important;
    width: 470px !important;
    max-width: none !important;
    opacity: .9 !important;
  }

  .lm-site .lm-journey__base {
    bottom: 10px !important;
    left: -18px !important;
    width: calc(100% + 36px) !important;
    max-width: none !important;
    opacity: .9 !important;
  }

  .lm-site .lm-quest-track {
    top: 52px !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    height: 238px !important;
    padding: 0 16px !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    justify-content: flex-start !important;
  }

  .lm-site .lm-quest-card {
    flex: 0 0 118px !important;
    width: 118px !important;
    height: 228px !important;
    aspect-ratio: auto !important;
  }

  .lm-site .lm-quest-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .lm-site .lm-quest-card__number {
    top: 14px !important;
    font-size: 12px !important;
  }

  .lm-site .lm-quest-card__text {
    left: 10% !important;
    right: 10% !important;
    bottom: 18px !important;
    top: auto !important;
    font-size: 10px !important;
    line-height: 1.22 !important;
  }

  .lm-site .lm-quest-card__arrow {
    top: 50% !important;
    right: -12px !important;
    transform: translateY(-50%) !important;
    font-size: 28px !important;
  }

  .lm-site .lm-journey__count {
    display: block !important;
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 10px !important;
    text-align: center !important;
  }

  .lm-site .lm-journey__action {
    margin-top: 0 !important;
    padding: 0 16px !important;
    position: relative !important;
    bottom: auto !important;
  }

  .lm-site .lm-journey__action .lm-button {
    width: 100% !important;
    min-width: 0 !important;
    background: #051b3d !important;
    color: #fff !important;
  }
}

@media (min-width:1101px) {
  .lm-site .lm-journey-desktop-break { display: inline !important; }
}

@media (max-width:1100px) {
  .lm-site .lm-journey-desktop-break { display: none !important; }
}