/* =========================================================
   HOME HERO SLIDER – DESKTOP
   ========================================================= */

body.home .hero-slider {
  position: relative;
  overflow: hidden;
}

body.home .hero-slider .slide,
body.home .hero-slider .slick-slide {
  height: 100vh;
  min-height: 600px;
}

body.home .hero-slider .slideImg,
body.home .hero-slider .slideImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* =========================================================
   HOME HERO TEXT
   ========================================================= */

body.home .hero-slider .slideContent {
  position: absolute;
  bottom: 15%;
  left: 6%;
  max-width: 520px;
  z-index: 5;
  color: #fff;
}

body.home .hero-slider .slideContent h1,
body.home .hero-slider .slideContent h2,
body.home .hero-slider .slideContent p {
  color: #fff;
  text-shadow: 0 3px 10px rgba(0,0,0,0.85);
}

/* =========================================================
   HOME HERO OVERLAY
   ========================================================= */

body.home .hero-slider .slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.6),
    rgba(0,0,0,0.15)
  );
  z-index: 2;
}

/* =========================================================
   HOME HERO – MOBILE FIX (ONLY HOME)
   ========================================================= */

@media (max-width: 768px) {

  body.home .hero-slider,
  body.home .hero-slider .slick-list,
  body.home .hero-slider .slick-track {
    background: #000;
  }

  body.home .hero-slider .slide,
  body.home .hero-slider .slick-slide {
    height: 60vh;
    min-height: 0;
    max-height: 60vh;
  }

  body.home .hero-slider .slideImg img {
    object-fit: contain;
    background: #000;
  }

  body.home .hero-slider .slideContent {
    left: 12px;
    right: 12px;
    bottom: 16px;
    max-width: 100%;
  }

  body.home .hero-slider .slideContent h1,
  body.home .hero-slider .slideContent h2 {
    font-size: 18px;
    line-height: 1.25;
  }

  body.home .hero-slider .slideContent p {
    font-size: 13px;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

  body.home .hero-slider .slide,
  body.home .hero-slider .slick-slide {
    height: 52vh;
  }

  body.home .hero-slider .slideContent h1,
  body.home .hero-slider .slideContent h2 {
    font-size: 16px;
  }

  body.home .hero-slider .slideContent p {
    font-size: 12px;
  }
}