/* Figma parity for inner pages. Loaded after legacy styles on purpose. */
.sub-page .motion-reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.sub-page .map-section h2,
.sub-page .map-section > p,
.sub-page .map-section .real-map,
.contacts-page .contacts-map .real-map {
  opacity: 1 !important;
  transform: none !important;
}

@media (min-width: 701px) {
  .sub-page .motion-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .sub-page .map-section .map-bg {
    top: -2px !important;
    height: 432px !important;
    background-image:
      linear-gradient(180deg, #fff 0%, #fff 30%, rgba(255,255,255,.995) 43%, rgba(255,255,255,.94) 55%, rgba(255,255,255,.68) 69%, rgba(255,255,255,.3) 83%, rgba(255,255,255,0) 100%),
      url("/assets/map-bg-wide.webp") !important;
    background-position: center !important;
    background-size: cover !important;
  }
  .sub-page .map-section h2,
  .sub-page .map-section > p,
  .sub-page .map-section .real-map,
  .contacts-page .contacts-map .real-map {
    opacity: 1 !important;
    transform: none !important;
  }

  .gallery-page .gallery-strip {
    top: 943px !important;
    height: 650px !important;
    overflow: visible !important;
    background: #fff !important;
    cursor: grab;
  }
  .gallery-page .gallery-strip.is-dragging { cursor: grabbing; }
  .gallery-page .gallery-viewport {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 1728px !important;
    height: 555px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  .gallery-page .gallery-track {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    transform: none !important;
    transition: none !important;
  }
  .gallery-page .gallery-slide {
    position: absolute !important;
    left: 1810px !important;
    top: 66px !important;
    z-index: 0;
    display: block !important;
    width: 318px !important;
    height: 423px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #ececea;
    opacity: 0;
    transform: none !important;
    transition:
      left .64s cubic-bezier(.22,1,.36,1),
      top .64s cubic-bezier(.22,1,.36,1),
      width .64s cubic-bezier(.22,1,.36,1),
      height .64s cubic-bezier(.22,1,.36,1),
      opacity .28s ease !important;
    will-change: left, top, width, height, opacity;
  }
  .gallery-page .gallery-slide.is-before-far { left: -50px !important; top: 66px !important; z-index: 1; width: 317px !important; height: 423px !important; opacity: 1; }
  .gallery-page .gallery-slide.is-before { left: 267px !important; top: 34px !important; z-index: 2; width: 389px !important; height: 487px !important; opacity: 1; }
  .gallery-page .gallery-slide.is-center { left: 656px !important; top: 0 !important; z-index: 3; width: 416px !important; height: 555px !important; opacity: 1; }
  .gallery-page .gallery-slide.is-after { left: 1072px !important; top: 34px !important; z-index: 2; width: 365px !important; height: 487px !important; opacity: 1; }
  .gallery-page .gallery-slide.is-after-far { left: 1437px !important; top: 66px !important; z-index: 1; width: 318px !important; height: 423px !important; opacity: 1; }
  .gallery-page .gallery-slide.is-off-left { left: -420px !important; opacity: 0; }
  .gallery-page .gallery-slide.is-off-right { left: 1810px !important; opacity: 0; }
  .gallery-page .gallery-slide img,
  .gallery-page .gallery-slide img:hover {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
  }
  .gallery-page .gallery-strip::before,
  .gallery-page .gallery-strip::after {
    content: "" !important;
    position: absolute !important;
    top: -12px !important;
    z-index: 6 !important;
    display: block !important;
    width: 291px !important;
    height: 597px !important;
    pointer-events: none;
  }
  .gallery-page .gallery-strip::before { left: 0 !important; background: linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%) !important; }
  .gallery-page .gallery-strip::after { right: 0 !important; background: linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%) !important; }
  .gallery-page .gallery-arrow {
    top: 590px !important;
    z-index: 7 !important;
    display: grid !important;
    place-items: center;
    width: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .gallery-page .gallery-arrow.left { left: 735px !important; }
  .gallery-page .gallery-arrow.right { left: 936px !important; }
  .gallery-page .gallery-arrow img { position: static !important; display: block !important; width: 56px !important; height: 56px !important; }
  .gallery-page .gallery-arrow.right img { transform: rotate(180deg) !important; }
  .gallery-page .gallery-arrow:disabled { opacity: .48 !important; }

  .faq-page .faq-list.chat-ready article .faq-question,
  .faq-page .faq-list.chat-ready article .faq-answer .faq-bubble-bg,
  .faq-page .faq-list.chat-ready article .faq-answer p {
    opacity: 0 !important;
    transform: translate3d(0,16px,0) scale(.99) !important;
    animation: none !important;
    transition: opacity .3s ease, transform .38s cubic-bezier(.22,1,.36,1) !important;
  }
  .faq-page .faq-list article.show-question .faq-question,
  .faq-page .faq-list article.show-answer .faq-answer .faq-bubble-bg,
  .faq-page .faq-list article.show-answer .faq-answer p,
  .faq-page .faq-list article.typing .faq-answer .faq-bubble-bg {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
  .faq-page .faq-list article.typing .faq-answer p { opacity: 0 !important; }
  .faq-page .faq-list article.typing .faq-typing { opacity: 1 !important; }
}

@media (prefers-reduced-motion: reduce) {
  .gallery-page .gallery-slide,
  .faq-page .faq-list article .faq-question,
  .faq-page .faq-list article .faq-answer .faq-bubble-bg,
  .faq-page .faq-list article .faq-answer p { transition: none !important; }
}