/* NIMA VALE homepage mid-section fixes.
   Loaded after the main readability CSS so repeated legacy rules cannot override it. */

body.home .lv-hands-inner {
  width: min(calc(100% - 48px), 1440px) !important;
  max-width: 1440px !important;
}

body.home .lv-hands-stage {
  min-height: clamp(520px, 47vw, 620px) !important;
}

body.home .lv-hand-slide {
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1fr) clamp(220px, 14vw, 260px) !important;
}

body.home .lv-hand-cinematic {
  min-height: clamp(520px, 47vw, 620px) !important;
}

body.home .lv-hand-products {
  height: 100% !important;
  min-height: clamp(520px, 47vw, 620px) !important;
  display: grid !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  padding: 0 0 0 18px !important;
  background: rgba(255, 250, 241, 0.54) !important;
}

body.home .lv-hand-product-card {
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  align-content: start !important;
  gap: 8px !important;
  padding: 0 0 12px !important;
  overflow: hidden !important;
  background: rgba(23, 19, 15, 0.16) !important;
  color: #fff9f0 !important;
  text-decoration: none !important;
}

body.home .lv-hand-product-card-empty {
  border: 1px solid rgba(80, 55, 28, 0.16) !important;
  background: rgba(255, 250, 241, 0.28) !important;
}

body.home .lv-hand-product-media {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  background-color: #efe2ce !important;
}

body.home .lv-hand-products span,
body.home .lv-hand-products em {
  padding-inline: 12px !important;
}

body.home .lv-mountain-section {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  grid-template-columns: minmax(360px, 0.82fr) minmax(360px, 0.78fr) !important;
  gap: clamp(36px, 5vw, 72px) !important;
  padding: clamp(72px, 8vw, 112px) max(28px, calc((100vw - 1600px) / 2)) !important;
}

body.home .lv-mountain-copy {
  max-width: 650px !important;
  justify-self: start !important;
}

body.home .lv-mountain-video {
  width: min(100%, 620px) !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  justify-self: start !important;
}

@media (max-width: 1180px) {
  body.home .lv-hand-slide {
    grid-template-columns: minmax(0, 0.94fr) minmax(0, 1fr) 210px !important;
  }

  body.home .lv-mountain-section {
    grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.72fr) !important;
    padding-inline: 32px !important;
  }
}

@media (max-width: 900px) {
  body.home .lv-hands-stage {
    min-height: 0 !important;
  }

  body.home .lv-hand-slide {
    position: relative !important;
    inset: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body.home .lv-hand-slide:not(.is-active) {
    display: none !important;
  }

  body.home .lv-hand-cinematic {
    min-height: 320px !important;
  }

  body.home .lv-hand-products {
    min-height: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    gap: 14px !important;
    padding: 14px !important;
  }

  body.home .lv-hand-product-card,
  body.home .lv-hand-product-card-empty {
    min-height: 280px !important;
  }

  body.home .lv-mountain-section {
    width: calc(100% - 32px) !important;
    box-sizing: border-box !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
    margin-inline: auto !important;
    padding: 64px 24px !important;
  }

  body.home .lv-mountain-copy,
  body.home .lv-mountain-video {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    justify-self: stretch !important;
  }
}

@media (max-width: 560px) {
  body.home .lv-hands-inner {
    width: calc(100% - 28px) !important;
  }

  body.home .lv-hand-products {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.home .lv-hand-product-card,
  body.home .lv-hand-product-card-empty {
    min-height: 500px !important;
  }

  body.home .lv-hand-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.home .lv-mountain-section {
    width: calc(100% - 28px) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 54px 18px !important;
  }

  body.home .lv-mountain-copy h2 {
    font-size: clamp(36px, 12vw, 48px) !important;
  }
}