/* BrandEcho Hero Slider (Modern) */
.behs-hero { position: relative; width: 100%; overflow: hidden; }
.behs-hero .behs-swiper { width: 100%; height: var(--behs-height, clamp(520px, 70vh, 820px)); }

.behs-slide {
  position: relative;
  width: 100%; height: 100%;
  display: block;
  isolation: isolate;
}

/* Background layer (Ken Burns + parallax) */
.behs-bg{
  position:absolute; inset:0;
  background-size: cover;
  background-position: center;
  transform: scale(1.06);
  transition: transform 1400ms ease;
  will-change: transform;
}
.swiper-slide-active .behs-bg{ transform: scale(1.12); }

/* Subtle animated blobs */
.behs-slide::before{
  content:"";
  position:absolute; inset:-10%;
  background:
    radial-gradient(800px 420px at 15% 25%, rgba(196,0,1,.25), transparent 60%),
    radial-gradient(720px 520px at 80% 20%, rgba(255,192,0,.18), transparent 55%),
    radial-gradient(680px 520px at 30% 85%, rgba(255,255,255,.08), transparent 55%);
  opacity:.85;
  z-index: 1;
  animation: behsFloat 10s ease-in-out infinite;
  pointer-events:none;
}
@keyframes behsFloat{
  0%{ transform: translate3d(0,0,0) scale(1); }
  50%{ transform: translate3d(0,-12px,0) scale(1.02); }
  100%{ transform: translate3d(0,0,0) scale(1); }
}

/* Dark overlay for readability */
.behs-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.80) 0%, rgba(0,0,0,.52) 45%, rgba(0,0,0,.15) 100%);
  z-index: 2;
}

.behs-container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  padding: 0 20px;
  display: grid;
  align-items: center;
  z-index: 3;
}

.behs-content { max-width: 720px; color: #fff; }

/* Modern typography */
.behs-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  font-size: 13px;
  letter-spacing: .2px;
  margin-bottom: 14px;
  backdrop-filter: blur(8px);
}
.behs-kicker::before{
  content:"";
  width:10px; height:10px;
  border-radius:999px;
  background: #C40001;
  box-shadow: 0 0 0 4px rgba(196,0,1,.22);
}

.behs-title {
  font-size: clamp(34px, 4.4vw, 62px);
  line-height: 1.02;
  margin: 0 0 14px 0;
  font-weight: 900;
  letter-spacing: -0.02em;
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.behs-desc {
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.6;
  margin: 0 0 22px 0;
  opacity: .92;
  max-width: 60ch;
}

.behs-actions { display: flex; gap: 12px; flex-wrap: wrap; }

.behs-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 14px;
  text-decoration: none !important;
  font-weight: 800;
  font-size: 14px;
  transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease;
  will-change: transform;
  overflow: hidden;
}
.behs-btn:hover { transform: translateY(-2px); opacity: .98; }
.behs-btn:active { transform: translateY(0px); }

.behs-btn-primary {
  background: #C40001;
  color: #fff !important;
  box-shadow: 0 14px 34px rgba(196,0,1,.28);
}
.behs-btn-primary::after{
  content:"";
  position:absolute; inset:-40%;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.22) 35%, transparent 70%);
  transform: translateX(-30%) rotate(10deg);
  transition: transform 600ms ease;
}
.behs-btn-primary:hover::after{ transform: translateX(40%) rotate(10deg); }

.behs-btn-secondary {
  background: rgba(255,255,255,.12);
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(10px);
}

/* Swiper UI */
.behs-hero .swiper-pagination-bullet { opacity: .55; }
.behs-hero .swiper-pagination-bullet-active { opacity: 1; }
.behs-hero .swiper-button-next, .behs-hero .swiper-button-prev {
  color: #fff;
  width: 44px; height: 44px;
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(8px);
  transition: transform .18s ease, opacity .18s ease;
}
.behs-hero .swiper-button-next:hover, .behs-hero .swiper-button-prev:hover { transform: scale(1.05); }
.behs-hero .swiper-button-next:after, .behs-hero .swiper-button-prev:after { font-size: 16px; font-weight: 900; }

/* Fallback backgrounds if no image is set */
.behs-fallback-1 { background-image: radial-gradient(circle at 20% 20%, rgba(196,0,1,.75), rgba(20,20,20,.92)); }
.behs-fallback-2 { background-image: radial-gradient(circle at 80% 20%, rgba(255,192,0,.65), rgba(20,20,20,.92)); }
.behs-fallback-3 { background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08), rgba(20,20,20,.94)); }

/* Staggered entrance animations */
.behs-content > * { opacity: 0; transform: translateY(14px); }
.swiper-slide-active .behs-kicker { animation: behsIn .7s ease forwards; animation-delay: .05s; }
.swiper-slide-active .behs-title  { animation: behsIn .8s ease forwards; animation-delay: .14s; }
.swiper-slide-active .behs-desc   { animation: behsIn .85s ease forwards; animation-delay: .24s; }
.swiper-slide-active .behs-actions{ animation: behsIn .9s ease forwards; animation-delay: .32s; }
@keyframes behsIn{
  to { opacity: 1; transform: translateY(0); }
}

/* Mobile */
@media (max-width: 768px) {
  .behs-overlay { background: linear-gradient(180deg, rgba(0,0,0,.84) 0%, rgba(0,0,0,.48) 55%, rgba(0,0,0,.20) 100%); }
  .behs-title { font-size: clamp(30px, 7vw, 46px); }
}