@import url("https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap");

#features .section_mhl * {
  font-family: 'graphie', 'proxima-nova', sans-serif;
}

#features .section_mhl p {
  font-size: clamp(30px, 2.6vw, 48px);
  letter-spacing: 0;
  font-weight: 500;
  margin: 0;
  color: #fff !important;
  text-align: center;
  font-family: 'Inter', sans-serif;
}

#features .section_mhl .absolute-l {
  display: none;
  position: absolute;
  bottom: auto;
  left: 5%;
  right: auto;
  top: 17%;
}

#features .section_mhl .absolute-rb {
  display: none;
  position: absolute;
  bottom: 17%;
  left: auto;
  right: 5%;
  top: auto;
}

#features .section_mhl .absolute-bottom {
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
  top: auto;
}

#features .section_mhl .absolute-bottom .shortdesc {
  margin: 0 0 0.3em;
  font-size: clamp(20px, 2vw, 44px);
  letter-spacing: 0;
  font-weight: 700;
  color: #fff !important;
  font-family: 'Inter', sans-serif;
}

/* #features .section_mhl .shortdesc {
  font-size: clamp(20px, 2vw, 44px);
  letter-spacing: 0;
  font-weight: 500;
  color: #fff !important;
  font-family: 'Inter', sans-serif;
} */

.product-hero-container,
.video-container {
  display: none !important;
}

.lightbox .video-container {
  display: block !important;
}

#features .section_mhl .absolute-l img {
  float: left;
  min-height: 15px;
}

@media screen and (min-width: 768px) {
  #features .section_mhl .absolute-l img {
    min-height: 21px;
  }

  #features .section_mhl .absolute-bottom {
    bottom: clamp(5px, 1vw, 20px);
  }
}

/* individual CSS */

#features .section_mhl {
  display: block !important;
  position: relative;
  background: url('/inline/products/23507/revamp/img/pebble-v3-hero-new-mobile.jpg') no-repeat top center;
  padding-top: 100vw;
  background-size: 100% auto;
}

@media screen and (min-width: 768px) {
  #features .section_mhl {
    min-height: calc(100vw * 900 / 2560);
    background: url('/inline/products/23507/revamp/img/pebble-v3-hero-new.jpg') no-repeat top center;
    background-size: auto 100%;
    padding-top: 0;
  }
}