/* ============================================================================
   COMPONENT: full-width hero banner (background-image + video variants) -
   STRUCTURE tier - from the global files, original order. Used by ~63
   templates (detail heroes, top100 banners, immersive pages). BASE-LINKED x8.
   Migrated 2026-07-06. PHASE-A FIDELITY: verbatim relocation.
   ========================================================================= */

.full_width_hero_banner_with_background_image {
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-family: var(--font-title);
	letter-spacing: 0.4px;
	padding:0;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4), -2px -2px 5px rgba(0, 0, 0, 0.2);
}

@media (min-width: 1820px) {
  .full_width_hero_banner_with_background_image {
  
    height: 700px; 
}

}
.full_width_hero_banner_with_background_image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: url("/static/images/hero_banner.f91b416cd27d.jpg") center center / cover no-repeat;
	animation: slowZoomScale 30s ease-in-out infinite;
	z-index: 0;
  }

.full_width_hero_banner_with_background_image_login::after {
	background: url("/static/images/users/hero_banner_login.2b5de840c35d.jpg") center center / cover no-repeat;
  }

.full_width_hero_banner_with_background_image_art_consultation::after {
	background: url("/static/images/orders/art_consultation_header.42cb2918cf15.jpg") center center / cover no-repeat;
  }

.full_width_hero_banner_with_background_image_top100::after {
	background: url("/static/images/hero_banner.f91b416cd27d.jpg") center center / cover no-repeat;
  }

.full_width_hero_banner_with_background_image::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
	  120deg,
	  rgba(255, 215, 0, 0.25) 0%,
	  rgba(255, 255, 255, 0.08) 25%,
	  rgba(0, 0, 0, 0.2) 50%,
	  rgba(255, 215, 0, 0.25) 100%
	);
	background-size: 200% 200%;
	animation: goldenShimmer 8s linear infinite; /* ✅ faster & visible shimmer */
	mix-blend-mode: overlay;
	opacity: 0.5;
	z-index: 1;
	pointer-events: none;
  }

.full_width_hero_banner_with_video::after {
	background: none;
  }

.full_width_hero_banner_with_video {
    position: relative;
  overflow: hidden;
  }

.full_width_hero_banner_with_video video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;      /* ensures the video fills the section */
	transform: translate(-50%, -50%);
	z-index: 0;
	filter: brightness(0.575); /* darken slightly for text readability */
  }

.full_width_hero_banner_with_video .container {
	position: relative;
	z-index: 1;
  }

.full_width_hero_banner_with_video::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
  }

.full_width_hero_banner_with_background_image ul.breadcrumb-navigation-list li a,.full_width_hero_banner_with_background_image ul.breadcrumb-navigation-list li {
	color:#E8E5DC;
}

.full_width_hero_banner_with_background_image .container {
	height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1500px) {
  .full_width_hero_banner_with_background_image .swiper-caption2::before {
		height: 100%;
	}

}
@media only screen and (max-width: 991px) {
  .full_width_hero_banner_with_background_image .swiper-caption2::before {
		height: 100%;
		width: 100%;
	}

}
@media only screen and (min-width: 767px) and (max-width: 1266px) {
  .full_width_hero_banner_with_background_image {

    height: 380px;

}

}
@media screen and (min-width: 270px) and (max-width: 479px) {
  .full_width_hero_banner_with_background_image {
		height: 359px;
		;
	}

}