/* Europe route hero: a restrained focus veil behind the copy only.
   The existing hero gradients remain the no-filter fallback. */

.europe-route-page.ui-v4-europe-product-design .eu-hero::after {
  position: absolute;
  z-index: 1;
  inset: 0 auto 0 0;
  width: 62%;
  pointer-events: none;
  content: "";
  background: linear-gradient(
    90deg,
    rgba(2, 17, 28, 0.1) 0%,
    rgba(2, 17, 28, 0.07) 72%,
    rgba(2, 17, 28, 0) 100%
  );
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  -webkit-mask-image: linear-gradient(
    90deg,
    #000 0%,
    #000 72%,
    rgba(0, 0, 0, 0.7) 84%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    #000 0%,
    #000 72%,
    rgba(0, 0, 0, 0.7) 84%,
    transparent 100%
  );
}

.europe-route-page.ui-v4-europe-product-design .eu-hero__media {
  z-index: 0;
}

.europe-route-page.ui-v4-europe-product-design .eu-hero::before {
  z-index: 2;
}

.europe-route-page.ui-v4-europe-product-design .eu-hero__content {
  position: relative;
  z-index: 3;
}

@media (max-width: 720px) {
  .europe-route-page.ui-v4-europe-product-design .eu-hero::after {
    inset: 0 0 auto;
    width: 100%;
    height: 76%;
    background: linear-gradient(
      180deg,
      rgba(3, 19, 31, 0.1) 0%,
      rgba(3, 19, 31, 0.07) 62%,
      rgba(3, 19, 31, 0) 100%
    );
    -webkit-mask-image: linear-gradient(
      180deg,
      #000 0%,
      #000 60%,
      rgba(0, 0, 0, 0.66) 78%,
      transparent 100%
    );
    mask-image: linear-gradient(
      180deg,
      #000 0%,
      #000 60%,
      rgba(0, 0, 0, 0.66) 78%,
      transparent 100%
    );
  }
}

@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
  .europe-route-page.ui-v4-europe-product-design .eu-hero::after {
    display: none;
  }
}