/** Shopify CDN: Minification failed

Line 12:0 Unexpected "{"
Line 12:1 Expected identifier but found "%"
Line 14:9 Expected identifier but found whitespace
Line 16:10 Expected identifier but found whitespace
Line 16:99 Expected identifier but found whitespace
Line 21:1 Expected identifier but found "%"

**/

{% comment %}
  Shoppable Video Section for Shopify Store
  Author: Arti Devmani

  License: This code is created by Aarti Devmani and is authorized for personal and commercial use.

  Description:
  - This section is designed for embedding shoppable videos with dynamic and responsive capabilities.
  - Developed for Shopify stores with customization options for desktop, tablet, and mobile views.
{% endcomment %}


.shopable-video-item video {
  position: relative;
}

etq-video-player {
  display: flex;
}

h2.etq-product__title.etq-font-normal {
    margin-bottom: 0;
}

.product__media.product-item__media--ratio.rounded {
  display: flex;
}

.shoppable-video-popup a {
  text-decoration: none;
}

.etq-section-shoppable-video a {
  text-decoration: none;
}

.etq-popup.shoppable-video-popup button.buy-now-btn {
  border: none;
  min-height: 40px;
}

.etq-section-shoppable-video .flickity-button {
  width: 55px !important;
  height: 55px !important;
}

.etq-section-shoppable-video .flickity-prev-next-button.next {
  right: -15px !important;
}

.etq-section-shoppable-video .flickity-prev-next-button.previous {
  left: -15px !important;
}

.etq-section-shoppable-video .flickity-prev-next-button svg.flickity-button-icon {
  width: 16px !important;
  height: 16px !important;
  left: auto !important;
  position: relative !important;
  top: auto !important;
}

.etq-section-shoppable-video .flickity-button {
  display: flex !important;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.product-item.product__item-js {
  background: #ffffff87;
  display: flex;
  position: absolute;
  bottom: 1.5rem;
  z-index: 1;
  left: 1.5rem;
  border-radius: 5px;
  right: 1.5rem;
}

.shopable-video-item {
  position: relative;
}

.shopable-video-item:after {
  background: linear-gradient(180deg, #0000 50%, #0009);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  content: "";
}

img.video-item-image {
  height: 55px;
  width: 50px;
  border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.etq-section-shoppable-video .t4s-section-head h1 {
  margin: 0
}

.etq-section-shoppable-video .t4s-section-head p {
  margin: 0
}

@media (min-width:756px) {
  .etq-tetimonials-item.carousel-cell {
    padding: 0 1rem;
  }

  .desk-hide {
    display: none !important;
  }

  img.video-item-image {
    height: 72px;
    width: 65px;
  }
}

.shopable-video-item .product-item__name {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  width: 90%;
}

.product-item__inner {
  width: auto;
  background: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.product-item__information {
  width: 70%;
  line-height: 1.4;
  padding-left: 1rem;
  color: #ffffff;
  display: flex;
  font-weight: 600;
  flex-direction: column;
  justify-content: center;
}



.etq-section-shoppable-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shoppable-video-popup video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.etq-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.3s ease-in-out;
}

.etq-popup.active {
  display: flex;
}

.shopable-product-image img {
  border-radius: 15px;
  width: 50%;
}

.shopable-product-image {
  display: flex;
  gap: 15px;
  width: calc(100% - 15px);
  flex-direction: row;
  margin-bottom: 28px;
}

.etq-popup__content {
      flex-direction: column;
  background: #fff;
  display: flex;
  color: #353535;
  max-height: 80vh;
  width: 100%;
  max-width: 1200px;
  border-radius: 15px;
  overflow: scroll;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.etq-popup__content .product-description {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 2rem;
}

.etq-popup__content .etq-product-info__item {
  padding: 6px 0;
}

.etq-popup__left {
  flex: 1;
}

.etq-popup__right {
  flex: 1;
  position: relative;
}

.etq-popup__right .inner-container {
  padding: 20px 30px;
  height: calc(100% - 85px);
  overflow: scroll;
}

.etq-popup__close {
   padding: initial !important;
  position: absolute;
  top: 12px;
  right: 15px;
  height: 36px;
  cursor: pointer;
  display: flex;
  width: 36px;
  font-size: 20px;
  color: #ffff;
  background: #000;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.etq-popup__close svg {
  width: 12px;
}


#shopable-video-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  display: none;
  opacity: 0;
  right: 0;
  z-index: 9998;
  min-height: 100lvh;
  background-color: #000000b3;
  -webkit-backdrop-filter: blur(5px);
  /*backdrop-filter: blur(5px);*/
}

.shoppable-video-popup {
  max-width: 72rem;
}

.shoppable-video-popup video {
  position: relative;
}

.etq-popup__content etq-video-player {
  height: 100%;
}

.buy-now-btn {
  background: #000;
  color: #fff;
  width: 100%;
}

.stikcy-buy-button {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  margin-top: 16px;
  left: 0;
  z-index: 1;
  padding: 12px 20px;
  border-top: 1px solid #e5e2e2;
}

.shopable-video-item video {
  cursor: pointer;
}

.etq-section-shoppable-video .etq-slider__container {
  height: 100% !important;
}

.etq-section-shoppable-video ol.flickity-page-dots {
  position: relative !important;
  bottom: 0;
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}

@media (max-width:756px) {
  .etq-section-shoppable-video button.flickity-button {
    display: none !important;
  }

  .etq-tetimonials-item.carousel-cell {
    padding: 0 0.5rem;
  }

  .etq-popup__left {
    position: relative;
  }

  .etq-popup.shoppable-video-popup button.buy-now-btn {
    max-width: 12rem;
    background: #fff;
    color: #000;
    height: 4.5rem;
    margin: auto 1rem;
  }

  .etq-popup.shoppable-video-popup .product-item__inner {
    padding: 0;
    width: auto;
  }

  .etq-popup.shoppable-video-popup img.video-item-image {
    height: 76px;
    width: 130px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .shoppable-video-popup {
    width: 90%;
  }

  .etq-popup__left::after {
    background: linear-gradient(180deg, #0000 50%, #0009);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    content: "";
  }

  .etq-popup__right {
    display: none;
  }

  .etq-popup__close {
    background: #fff;
    padding: 1rem 1.2rem;
    color: #000;
    border-radius: 50%;
    border: none;
    width: 38px;
    height: 38px;
  }

  .etq-popup.shoppable-video-popup .product-item__name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    width: 90%;
  }

}

.etq-section-shoppable-video .t4s-section-head h1:after {
background-image: url(//hikez-theme.myshopify.com/cdn/shop/files/moutain-icon-color.png?v=1614784614&width=350);}