/** Shopify CDN: Minification failed

Line 358:9 Expected ":"
Line 358:16 Expected ":"

**/


/* CSS from section stylesheet tags */
.video-slider.page-width{ 
  padding-top: 3rem; 
}
/* 
  .reel-slider { 
  display: flex;
  flex-wrap: nowrap;
  overflow: scroll;
  padding: 0;
  list-style-type: none;
  gap: 1.5rem;
  overflow-y: hidden; 
  padding-block: 1rem; 
} */
.reel_heading { 
text-align: center; 
margin: 0; 
font-family: 'Spartan-Bold'; 
font-size: 35px; 
}
p.reel-description { 
text-wrap: balance;
font-family: Glacial-Regular;
color: #000;
text-align: center;
font-size: 21px;
line-height: 100%;
font-weight: 600;
}

.reel-slider  li { 
  cursor: pointer;
 min-width: 258px; 
 box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; 
 border-radius: 12px;
}

.reel-slider  .gif-wrapper { 
  position: relative;
}
.reel-slider  .offer-badge { 
position: absolute; 
top: 0; 
background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
  color: white; 
  font-size: 12px;
  font-weight: 600;
  line-height: 100%; 
  color: #fff;
  text-align:center;
  border: none;
  background-size: 300% 100%;

  border-radius: 5px;
  padding: 5px 10px; 
}


.reel-slider  .gif-wrapper  video { 
width: 100%; 
height: 100%;   
}

.reel-slider .product-img { 
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
}
.reel-slider .product-img  img { 
  width: 60px;
  height: 60px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.reel-slider  .product-details { 
padding: 20px 10px; 
}
.reel-slider  .product-details .title { 
font-size: 13px; 
font-family: 'Glacial-Regular'; 
font-weight: 600; 
margin-block: 10px 5px; 
min-height: 48px; 
color: #515151; 
}
.reel-slider  .product-details .pricing { 
display: flex; 
gap: 1rem; 
align-items: center; 
}
.reel-slider  .product-details .pricing .compare-price { 
text-decoration: line-through; 
color: #727272; 
}
.reel-slider  .product-details .pricing .selling-price {
color: #e80389; 
}

#reel_modal { 
  width: 100vw;
  height: 100dvh;
  text-align: center;
  overflow-y: hidden;
}

#reel_modal  video { 
  max-width: 500px;
  width: 100%;
  height: 100%;
  z-index: -1;
  /* scale: 1.1; */
  overflow: hidden;
}

#reel_modal  .video-wrapper { 
  position: relative; 
}

#reel_modal .top-panel  { 
  position: absolute;
  right: 0;
  z-index: 1;
  top: 1rem;
  right: 1rem;
}

#reel_modal .top-panel   button { 
  background-color: transparent;
  border: none;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, .1215686275);
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  border-radius: 50%;

}



#reel_modal figure {
  box-shadow:
    0 2.8px 2.2px rgba(0, 0, 0, 0.034),
    0 6.7px 5.3px rgba(0, 0, 0, 0.048),
    0 12.5px 10px rgba(0, 0, 0, 0.06),
    0 22.3px 17.9px rgba(0, 0, 0, 0.072),
    0 41.8px 33.4px rgba(0, 0, 0, 0.086),
    0 100px 80px rgba(0, 0, 0, 0.12);
  width: 50%;
}


#reel_modal  figcaption {
  display: flex;
}

#reel_modal .arrow-button{
  position: absolute; 
  top: 41%; 
  transform: translateY(-50%);
  background: #0000001a; 
  width: 50px; 
  height: 50px; 
  border-radius: 50%; 
  border: none; 
  text-align: center; 

}
#reel_modal .arrow-button.right { 
  right: 1rem; 
}
#reel_modal .arrow-button.right  svg { 
  rotate: -90deg; 
}
#reel_modal .arrow-button.left { 
  left: 1rem; 
}
#reel_modal .arrow-button.left svg { 
  rotate: 90deg; 
}
#reel_modal .arrow-button svg { 
  width: 15px; 
  height: 15px; 
  fill: white; 
  color: white; 
  margin-top: 5px; 
}


#reel_modal label {
  order: 2;
  text-align: center;
}

/* Fallback stuff */
#reel_modal progress[value] {
  appearance: none;
  border: none;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0,.25) inset;
  color: dodgerblue;
  display: inline;
  height: 5px;
  order: 1;
  position: relative;
  width: 100%;
}

/* WebKit styles */
#reel_modal progress[value]::-webkit-progress-bar {
  background-color: whiteSmoke;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0,.25) inset;
}

#reel_modal progress[value]::-webkit-progress-value {
  background-image: linear-gradient(
    to right,
    #ff8a00, #e52e71
  );
  border-radius: 3px;
  position: relative;
  transition: width 1s linear;
}

/* Firefox styles */
#reel_modal  progress[value]::-moz-progress-bar {
  background-image: -moz-linear-gradient(
    to right,
    #ff8a00, #e52e71
  );
  border-radius: 3px;
  position: relative;
  transition: width 1s linear;
}

/* reel modal product details */
#reel_modal  .modal-product-details { 
  position: absolute; 
  bottom: 0; 
  left: 0; 
  right: 0; 
  margin-inline: .5rem; 
  max-width: 500px; 
  margin: auto; 
}

#reel_modal  .modal-product-details-wrapper { 
  display: grid; 
  grid-template-columns: 1fr 3fr 2fr; 
  align-items: center; 
  background: #ffffffcc; 
  padding: 1rem; 
  border-radius: 8px; 
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#reel_modal  .modal-product-details-wrapper  p { 
  margin-inline: 8px; 
  font-weight: bold; 
  font-size: 14px; 
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  color: #f20089; 
  font-family: 'Spartan-Bold';
}
#reel_modal  .modal-product-details-wrapper  img { 
  border-radius: 8px; 
}
#reel_modal  .modal-product-details-wrapper  a { 
  text-decoration: none; 
  background: black; 
  color: white; 
  padding: 7px; 
  border-radius: 8px;   
  font-size: 13px; 
}

#reel_modal  .modal-product-details-wrapper  .pricing { 
  display: none; 
}



@media (max-width: 749px) {

p.reel-description { 
font-size: 18px; 
}

  #reel_modal { 
      padding: 0;
      min-width: 100vw;
      min-height: 100dvh;
  }
  #reel_modal  video { 
      min-width: 100vw;
      min-height: 100dvh;
      object-fit: cover;
      background-size: cover;
      background-color: contain;
  }
  #reel_modal .modal-product-details-wrapper { 
    margin: 1rem; 
  }
  .reel-slider li  { 
    min-width: 250px; 
    padding-inline:5px; 
  }
  div#splide01 {
    width: 100vw;
    padding-inline: 0;
  }

}

@media (min-width: 749px) { 
  #reel_modal .video-wrapper { 
    height: 100%; 
  }

}


/* splide  */
ul.splide__pagination.splide__pagination--ltr {
    display: none;
}
.splide__slide { 
  padding-inline: 1.4rem; 
  margin-inline: 1rem; 
}

.product-details-link { 
  text-decoration: none; 
}

/* mute buttton */

button.toggle-sound-button.muted .play { 
  display: none; 
}
button.toggle-sound-button.muted .muted{ 
  display; block; 
}
button.toggle-sound-button.play .muted{ 
    display: none; 
  }
  button.toggle-sound-button.play .play  { 
    display: block; 
  }

  .toggle-sound-button { 
    border: none;
    position: absolute;
    bottom: 16px;
    right: 16px; 
    background: #0000004d;
    backdrop-filter: blur(2px);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 8px; 
    transition: .3s;
    cursor: pointer;
  }
  .toggle-sound-button span { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
  }
.round-reel-slider { 
      padding: 0; 
      list-style-type: none; 
      display:flex; 
      gap: 1.8rem; 
      flex-wrap: no-wrap; 
      overflow: scroll; 
      overflow-y: hidden; 
  }
  .round-reel-slider .img-wrapper img { 
      width: 77px; 
      height: 77px; 
      border-radius: 50%; 
      border: 3px solid #a51080;
  }
  .round-reel-slider p.title{ 
  margin: 0;
  font-size: 12px;
  text-align: center;
  color: black;
  font-weight: bold;
  line-height: 110%; 
  }
  .round-reel-section  { 
      display: none; 
  }

  @media (max-width: 749px) { 
      .round-reel-section  { 
      display: inherit; 
  }
  }