.shs-product-hero__container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "title" "media" "badge" "description" "actions";
}
@media only screen and (min-width: 768px) {
  .shs-product-hero__container {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto auto 1fr;
    column-gap: 40px;
    grid-template-areas: "media title" "media badge" "media description" "media actions";
  }
}
@media only screen and (min-width: 992px) {
  .shs-product-hero__container {
    column-gap: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .shs-product-hero__container {
    column-gap: 80px;
  }
}
.shs-product-hero h1 {
  grid-area: title;
  font-size: clamp(30px, 5vw, 60px);
  font-style: normal;
  font-weight: 900;
  line-height: clamp(30px, 5vw, 60px);
  letter-spacing: -0.6px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 1200px) {
  .shs-product-hero h1 {
    margin-bottom: 10px;
  }
}
.shs-product-hero h1 span[style*="text-decoration: underline"],
.shs-product-hero h1 span[style*="text-decoration:underline"] {
  text-decoration: none !important;
  color: #E24A02 !important;
}
.shs-product-hero__media {
  grid-area: media;
  position: relative;
  width: 100%;
  max-width: calc(100vw - 32px);
}
@media only screen and (min-width: 768px) {
  .shs-product-hero__media {
    width: 400px;
  }
}
@media only screen and (min-width: 1200px) {
  .shs-product-hero__media {
    width: 600px;
  }
}
.shs-product-hero__main-swiper {
  aspect-ratio: 600/520;
  height: auto;
  width: 328px;
  max-width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  background: #f5f5f5;
}
@media only screen and (min-width: 768px) {
  .shs-product-hero__main-swiper {
    width: 100%;
  }
}
.shs-product-hero__main-swiper .swiper-slide {
  aspect-ratio: 16/9;
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.shs-product-hero__main-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.shs-product-hero__main-swiper.swiper-crossfade .swiper-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shs-product-hero__main-swiper lite-youtube {
  width: 100%;
  height: 100%;
}
.shs-product-hero__slide--variant {
  position: relative;
}
.shs-product-hero__slide--variant::after {
  content: attr(data-variant-name);
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  background: #E24A02;
  padding: 4px 16px;
  z-index: 10;
  color: #FFF;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.36px;
}
.shs-product-hero__image-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shs-product-hero__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shs-product-hero__thumbs-swiper {
  padding-bottom: 10px;
  position: relative;
  width: 100%;
  max-width: 318px;
}
@media only screen and (min-width: 768px) {
  .shs-product-hero__thumbs-swiper {
    max-width: 100%;
  }
}
.shs-product-hero__thumbs-swiper .swiper-wrapper {
  align-items: center;
}
.shs-product-hero__thumbs-swiper .swiper-slide {
  width: auto;
  margin-right: 0.5rem;
  flex-shrink: 0;
  user-select: none;
}
.shs-product-hero__thumb {
  width: 72px;
  height: 62px;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #C1C1C1;
  transition: all 0.2s ease-in-out;
  background-color: #FFF;
}
@media only screen and (min-width: 1200px) {
  .shs-product-hero__thumb {
    width: 112px;
    height: 97px;
  }
}
.shs-product-hero__thumb:hover {
  border-color: #E24A02;
}
.shs-product-hero__thumb img {
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: contain;
  object-position: center;
}
.shs-product-hero__thumb-video {
  position: relative;
  width: 100%;
  height: 100%;
}
.shs-product-hero__play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("/wp-content/themes/summithandlingsystems/assets/images/icon-white-play-btn.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 77/55;
  width: 54px;
  filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.95));
  backdrop-filter: blur(2.5px);
  padding: 0;
  transition: all 0.3s ease;
}
.shs-product-hero .swiper-button-prev,
.shs-product-hero .swiper-button-next {
  margin: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  width: 30px;
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out;
}
.shs-product-hero .swiper-button-prev:hover,
.shs-product-hero .swiper-button-next:hover {
  background-color: #E24A02;
}
.shs-product-hero .swiper-button-prev:after,
.shs-product-hero .swiper-button-next:after {
  content: "";
  width: 24px;
  height: 24px;
}
.shs-product-hero .swiper-button-prev.swiper-button-disabled,
.shs-product-hero .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.shs-product-hero .swiper-button-prev {
  left: 0;
  padding-right: 6px;
}
.shs-product-hero .swiper-button-prev::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3e%3cpath d='M7.56855 12.5253C7.56855 12.2216 7.66981 11.9516 7.8723 11.7491L13.2723 6.34908C13.6773 5.91033 14.3861 5.91033 14.7911 6.34908C15.2298 6.75408 15.2298 7.46283 14.7911 7.86783L10.1673 12.5253L14.7911 17.1491C15.2298 17.5541 15.2298 18.2628 14.7911 18.6678C14.3861 19.1066 13.6773 19.1066 13.2723 18.6678L7.8723 13.2678C7.66981 13.0653 7.56855 12.7953 7.56855 12.5253Z' fill='white'/%3e%3c/svg%3e");
}
.shs-product-hero .swiper-button-next {
  right: 0;
  padding-left: 6px;
}
.shs-product-hero .swiper-button-next::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M16.4324 11.9747C16.4324 12.2784 16.3312 12.5484 16.1287 12.7509L10.7287 18.1509C10.3237 18.5897 9.61492 18.5897 9.20992 18.1509C8.77117 17.7459 8.77117 17.0372 9.20992 16.6322L13.8337 11.9747L9.20992 7.35095C8.77117 6.94595 8.77117 6.2372 9.20992 5.8322C9.61492 5.39345 10.3237 5.39345 10.7287 5.8322L16.1287 11.2322C16.3312 11.4347 16.4324 11.7047 16.4324 11.9747Z' fill='white'/%3e%3c/svg%3e");
}
.swiper-slide-thumb-active .shs-product-hero__thumb {
  border-color: #E24A02;
  border-width: 2px;
}
.shs-product-hero__badge {
  grid-area: badge;
  display: inline-flex;
  padding: 3.5px 16px;
  background: #E24A02;
  border-radius: 20px;
  color: #FFF;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 20px;
  width: fit-content;
  margin-top: 25px;
}
@media only screen and (min-width: 768px) {
  .shs-product-hero__badge {
    margin-top: 0;
  }
}
.shs-product-hero__description {
  grid-area: description;
  margin-top: 20px;
}
@media only screen and (min-width: 992px) {
  .shs-product-hero__description ul {
    column-count: 2;
  }
}
.shs-product-hero__variants-subheading {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) {
  .shs-product-hero__variants-list {
    column-count: 2;
  }
}
.shs-product-hero__actions {
  grid-area: actions;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  align-self: start;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .shs-product-hero__actions {
    gap: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .shs-product-hero__actions {
    gap: 40px;
  }
}
.shs-product-hero__buttons {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
}
@media only screen and (min-width: 360px) {
  .shs-product-hero__buttons {
    flex-direction: row;
  }
}
.shs-product-hero__cta-btn {
  padding-top: 10px;
  padding-bottom: 10px;
  align-items: center;
  justify-content: center;
  width: fit-content;
}
@media only screen and (min-width: 768px) {
  .shs-product-hero__cta-btn {
    padding: 9px 12.5px;
  }
}
.shs-product-hero__cta-btn, .shs-product-hero__share-btn {
  font-size: 20px;
}
.shs-product-hero__thumbs-swiper .swiper-wrapper {
  justify-content: flex-start;
}
.shs-product-hero__literature-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  color: #000;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .shs-product-hero__literature-link {
    font-size: 18px;
  }
}
.shs-product-hero__literature-link::before {
  content: "";
  width: 32px;
  height: 32px;
  display: inline-flex;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3e%3cpath d='M4.80078 7.35998C4.80078 5.77148 6.09691 4.47998 7.6911 4.47998H14.9169V10.24C14.9169 11.0365 15.5627 11.68 16.3621 11.68H22.1427V18.16H12.7492C11.155 18.16 9.85885 19.4515 9.85885 21.04V27.52H7.6911C6.09691 27.52 4.80078 26.2285 4.80078 24.64V7.35998ZM22.1427 10.24H16.3621V4.47998L22.1427 10.24ZM12.7492 20.32H14.1943C15.5898 20.32 16.7234 21.4495 16.7234 22.84C16.7234 24.2305 15.5898 25.36 14.1943 25.36H13.4717V26.8C13.4717 27.196 13.1466 27.52 12.7492 27.52C12.3517 27.52 12.0266 27.196 12.0266 26.8V24.64V21.04C12.0266 20.644 12.3517 20.32 12.7492 20.32ZM14.1943 23.92C14.795 23.92 15.2782 23.4385 15.2782 22.84C15.2782 22.2415 14.795 21.76 14.1943 21.76H13.4717V23.92H14.1943ZM18.5298 20.32H19.975C21.1717 20.32 22.1427 21.2875 22.1427 22.48V25.36C22.1427 26.5525 21.1717 27.52 19.975 27.52H18.5298C18.1324 27.52 17.8072 27.196 17.8072 26.8V21.04C17.8072 20.644 18.1324 20.32 18.5298 20.32ZM19.975 26.08C20.3724 26.08 20.6976 25.756 20.6976 25.36V22.48C20.6976 22.084 20.3724 21.76 19.975 21.76H19.2524V26.08H19.975ZM23.5879 21.04C23.5879 20.644 23.913 20.32 24.3105 20.32H26.4782C26.8756 20.32 27.2008 20.644 27.2008 21.04C27.2008 21.436 26.8756 21.76 26.4782 21.76H25.033V23.2H26.4782C26.8756 23.2 27.2008 23.524 27.2008 23.92C27.2008 24.316 26.8756 24.64 26.4782 24.64H25.033V26.8C25.033 27.196 24.7079 27.52 24.3105 27.52C23.913 27.52 23.5879 27.196 23.5879 26.8V23.92V21.04Z' fill='%23E24A02'/%3e%3c/svg%3e");
}
.shs-product-hero__literature-link:hover {
  color: #E24A02;
  text-decoration-color: #E24A02;
}

.shs-product-hero__thumb-slide--variant::before {
  content: attr(data-variant-text);
  display: block;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 10;
  color: #000;
  font-size: 14px;
  line-height: normal;
}
@media only screen and (min-width: 1200px) {
  .shs-product-hero__thumb-slide--variant::before {
    top: -25px;
  }
}

.shs-product-hero__thumbs-swiper:has(.swiper-slide[data-variant-text]) {
  padding-top: 32px;
}

/*# sourceMappingURL=product-hero-style.css.map */