/* Final visual layer: loaded last so legacy rules cannot override it. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.hero__video {
  background:
    url("assets/hero-vimeo-poster.jpg?v=20260807-5") center / cover no-repeat,
    #03040d;
}

.hero__video iframe {
  opacity: 0;
  transition: opacity .7s ease;
}

.hero__video.is-loaded iframe {
  opacity: 1;
}

.hero__video.is-loaded {
  background-image: none;
  background-color: #03040d;
}

.imh-directions--exact#directions {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(180deg, rgba(5, 6, 17, .76), rgba(5, 6, 17, .92)),
    radial-gradient(circle at 72% 28%, rgba(255, 62, 177, .2), transparent 34%),
    #050611;
  padding-top: 32px;
}

.imh-directions--exact#directions::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  background:
    linear-gradient(rgba(3, 4, 14, .7), rgba(3, 4, 14, .7)),
    url("assets/v4/directions-map-neon-v6.jpg?v=20260808-1") center / cover no-repeat;
  opacity: 1;
  filter: saturate(1.2) contrast(1.08);
  box-shadow: inset 0 45px 72px rgba(3, 4, 14, .3), inset 0 -58px 82px rgba(3, 4, 14, .42);
  pointer-events: none;
}

.imh-directions__text {
  position: relative;
  z-index: 1;
}

.imh-directions__text > h2 {
  background: linear-gradient(92deg, #f06ab9 0%, #b766ff 48%, #65c8ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-size: 320% 100%;
  animation: text-gradient-wave-reverse 7.5s ease-in-out infinite;
  font-size: clamp(18px, 2vw, 23px);
  font-weight: 780;
  line-height: 1.2;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.imh-directions__text article h3 {
  background: linear-gradient(100deg, #8c3fff 0%, #d13ed8 48%, #ff58a8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-size: 220% 100%;
  animation: cta-gradient-flow 4s ease-in-out infinite;
}

.msg-widget__label {
  display: none !important;
}

.msg-widget__list {
  right: 4px;
  bottom: 72px;
  width: auto;
  align-items: center;
  gap: 10px;
}

.msg-widget__item {
  width: auto;
}

.imh-directions__text article {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 300px;
  padding: 150px 22px 24px;
}

.imh-directions__text article::before {
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-position: center;
  background-size: cover;
  box-shadow: none;
}

.imh-directions__text article:nth-of-type(1)::before { background-image: linear-gradient(180deg, rgba(5,7,20,.08) 24%, rgba(7,9,27,.94) 86%), url("assets/v4/direction-card-japan-fuji-v6.jpg?v=20260808-1"); }
.imh-directions__text article:nth-of-type(2)::before { background-image: linear-gradient(180deg, rgba(5,7,20,.08) 24%, rgba(7,9,27,.94) 86%), url("assets/v4/direction-card-korea-car-hd.jpg?v=20260807-5"); }
.imh-directions__text article:nth-of-type(3)::before { background-image: linear-gradient(180deg, rgba(5,7,20,.08) 24%, rgba(7,9,27,.94) 86%), url("assets/v4/direction-card-china-car-hd.jpg?v=20260807-5"); }
.imh-directions__text article:nth-of-type(4)::before { background-image: linear-gradient(180deg, rgba(5,7,20,.08) 24%, rgba(7,9,27,.94) 86%), url("assets/v4/direction-card-uae-car-hd.jpg?v=20260807-5"); }

.imh-directions__text article::after {
  display: none;
}

.imh-directions__text article h3,
.imh-directions__text article p {
  position: relative;
  z-index: 1;
}

@media (max-width: 680px) {
  .hero {
    position: relative;
    overflow: visible;
    background: transparent;
  }

  .hero::before { display: none; }

  .hero__video,
  .hero__shade {
    position: fixed;
    inset: -2px 0;
    width: 100%;
    height: calc(100dvh + 4px);
  }

  .hero__video {
    z-index: -2;
    overflow: hidden;
    opacity: 1;
    filter: brightness(var(--ambient-brightness, 1));
    transition: filter .16s linear;
  }

  .hero__video.is-loaded {
    opacity: 1;
  }

  .hero__shade {
    z-index: -1;
    background: #02040e;
    opacity: .18;
    transition: opacity .16s linear;
    pointer-events: none;
  }

  .hero.ambient-ended .hero__video,
  .hero.ambient-ended .hero__shade {
    visibility: hidden;
    opacity: 0;
  }

  .hero__video iframe {
    top: 50%;
    left: 50%;
    width: max(100%, 177.78dvh);
    height: max(100%, 56.25vw);
    min-width: 0;
    min-height: 0;
    transform: translate(-50%, -50%);
  }

  .imh-benefits#advantages .imh-benefit:nth-child(5) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 4px);
  }

  .imh-benefits#advantages {
    position: relative;
    background: linear-gradient(180deg, rgba(5,6,16,.22), rgba(5,6,16,.72));
  }

  .imh-directions--exact#directions::before {
    background-position: 70% center;
    background-size: auto 100%;
    opacity: 1;
    box-shadow: inset 0 36px 60px rgba(3, 4, 14, .3), inset 0 -48px 72px rgba(3, 4, 14, .42);
  }

  .imh-directions__text article {
    min-height: 250px;
    padding: 118px 12px 16px;
  }

  .imh-directions__text article::before {
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-position: center;
    background-size: cover;
    box-shadow: none;
  }

  .imh-directions__text article:nth-of-type(1)::before { background-image: linear-gradient(180deg, transparent 42%, rgba(10,12,31,.92)), url("assets/v4/direction-card-japan-fuji-v6.jpg?v=20260808-1"); }
  .imh-directions__text article:nth-of-type(2)::before { background-image: linear-gradient(180deg, transparent 42%, rgba(10,12,31,.92)), url("assets/v4/direction-card-korea-car-hd.jpg?v=20260807-5"); }
  .imh-directions__text article:nth-of-type(3)::before { background-image: linear-gradient(180deg, transparent 42%, rgba(10,12,31,.92)), url("assets/v4/direction-card-china-car-hd.jpg?v=20260807-5"); }
  .imh-directions__text article:nth-of-type(4)::before { background-image: linear-gradient(180deg, transparent 42%, rgba(10,12,31,.92)), url("assets/v4/direction-card-uae-car-hd.jpg?v=20260807-5"); }

  .imh-directions__text article::after { display: none; }

  #about.split {
    position: relative;
    min-height: 720px;
    padding: 132px 14px 34px;
    background:
      linear-gradient(180deg, rgba(3,5,17,.04), rgba(3,5,17,.44) 37%, rgba(3,5,17,.96) 76%),
      url("assets/about-import-company-bg.jpg?v=20260807-5") 31% top / auto 440px no-repeat,
      #040611;
  }

  #about .split__content {
    padding: 20px 18px;
    background: rgba(7,8,24,.78);
    border-color: rgba(255,255,255,.16);
    backdrop-filter: none;
  }

  .process-exact {
    padding: 0;
    background: #050611;
  }

  .process-exact__image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    animation: none;
  }

  .process-exact__seo {
    position: absolute;
    display: block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
  }

  .faq {
    background:
      linear-gradient(180deg, rgba(5,5,13,.46), rgba(5,5,13,.74)),
      url("assets/faq-import-questions-bg.jpg?v=20260807-5") 12% center / cover no-repeat;
  }

  .faq::before {
    background: linear-gradient(180deg, rgba(5,5,13,.1), rgba(5,5,13,.36));
    filter: none;
  }

  .contact-showcase {
    background:
      linear-gradient(180deg, rgba(2,2,11,.18), rgba(2,2,11,.72)),
      url("assets/contact-bmw-x6-neon.jpg?v=20260807-5") 62% top / auto 430px no-repeat,
      #02020b;
  }

  .contact-showcase__shell {
    background: linear-gradient(180deg, rgba(3,4,17,.12), rgba(3,4,17,.9) 58%);
  }

  .msg-widget__list {
    right: 4px;
    bottom: 68px;
    width: 52px;
    max-width: 52px;
    align-items: center;
  }

  .msg-widget__item {
    width: 50px;
    max-width: 50px;
    justify-content: center;
  }

  .msg-widget__label,
  .msg-widget.active .msg-widget__label {
    display: none !important;
  }

  .msg-widget__icon {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
  }

  .to-top {
    right: 16px;
    bottom: 108px;
  }

  .msg-widget:not(.active) .msg-widget__btn {
    animation: msg-pulse 1.85s ease-in-out infinite !important;
  }

  .reveal,
  .reveal--left,
  .reveal--right,
  .reveal.is-visible {
    filter: none;
    transition: opacity .3s ease, transform .3s ease;
    will-change: auto;
  }

  .site-header,
  .hero__trust,
  .hero__guarantees,
  .request-card__form,
  .contact-showcase__card {
    backdrop-filter: none;
  }

  .hero h1 span,
  .hero__promise span,
  .about-brand,
  .contact-showcase__brand,
  .msg-widget:not(.active) .msg-widget__btn {
    animation: none;
  }

  .imh-directions__text article:hover,
  .msg-widget__item:hover,
  .msg-widget__btn:hover {
    transform: none;
  }
}