/** Shopify CDN: Minification failed

Line 73:10 Unexpected "{"
Line 73:19 Expected ":"
Line 89:10 Unexpected "{"
Line 89:19 Expected ":"
Line 127:4 Unexpected "{"
Line 127:5 Expected identifier but found "%"
Line 149:6 Unexpected "{"
Line 149:7 Expected identifier but found "%"
Line 278:10 Unexpected "{"
Line 278:19 Expected ":"
... and 3 more hidden warnings

**/
    .most-selling-jewelry-container{ position:relative; line-height:0; z-index: 16; }
    img.most-selling-bg-banner-image-desktop{ width:100%; margin-top:-100px; height:976px; }
    img.most-selling-bg-banner-image-tablet{ display:none; }
    img.most-selling-bg-banner-image-mobile{ display:none; }
    img.most-selling-image-heading{ position:absolute; top:3%; width:351px; left:37%; }
    .most-selling-heading {
        margin: 0;
        position: absolute;
        left: 44.8%;
        top: 12%;
        color: #FFCE00;
        z-index: 99;
        font-size: 32px;
        font-family: 'Vampliers' !important;
    } 
    .most-selling-bottom-button img {
      width: 160px;
      position: absolute;
      top: 60%;
      left:44%;
    }  
    a.most-selling-button {
      position: absolute;
      top: 65%;
      left: 47.5%;
      color: #FFCE00 !important;
      text-decoration: none;
      background-image: linear-gradient(to left, #FFCE00, #EA6C19) !important;
      background-clip: text !important;
  }
    .most-selling-image img{ width:77%; position:absolute; top:-106px; left:14%; }

    .product-grid { width: 15.4% !important; }

    .most-selling-swiper-wrap{
      position:absolute; top:28%;
      width:100%;
      padding:0 14px;
    }

    .swiper-slide{
      background:#000;
      padding:12px;
      border-radius:10px;
      height:auto;
    }
    .product-image img{
      width:100%;
      display:block;
      border-radius:10px;
      height:auto;
    }
    .product-informations{ margin-top:8px; display:inline-block; }
    .product-title-custom{ color:#fff; margin:6px 0 0; font-size:13px; line-height:20px; }
    .price-pr{ color:#fff; font-weight:600; font-size:14px; display:block; }
    .product-links{ color:#fff; text-decoration:none; display:block; }

    #cjs-{{ section.id }} .most-selling-button-prev{
        color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 999px;
        background: #111;
        /* border: 1px solid rgba(255, 255, 255, .15); */
        position: absolute;
        top: 45%;
        left:2%;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor:pointer;
    }
    #cjs-{{ section.id }} .most-selling-button-next{
        color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 999px;
        background: #111;
        /* border: 1px solid rgba(255, 255, 255, .15); */
        position: absolute;
        top: 45%;
        left:94%;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor:pointer;
    }
    img.most-selling-pump-eye {
        width: 64px;
        position: absolute;
        top: 6.9%;
        left: 37.8%;
        transform: rotate(-13deg);
        animation: fadeinout 4s infinite;
    }
    @keyframes fadeinout { 0%{opacity:0;} 50%{opacity:1;} 100%{opacity:0;} }
    img.most-selling-eye-second {
        position: absolute;
        width: 51px;
        top: 7.6%;
        left: 58.8%;
        transform: rotate(10deg);
        animation: fadeinout 4s infinite;
    }
    @keyframes fadeinout { 0%{opacity:0;} 50%{opacity:1;} 100%{opacity:0;} }
    .price-prc {
      display: block;
      margin: 8px 0 9px 0;
   }
    {% comment %} @media (max-width:855px){
      img.most-selling-bg-banner-image-tablet{ display:block; width:100%; margin-top:-100px; }
      img.most-selling-bg-banner-image-desktop{ display:none; }
      img.most-selling-bg-banner-image-mobile{ display:none; }
      .product-grid {
        width: 33.33% !important;
      }   
      .cjs-swiper-wrap {
        position: absolute;
        top: 41%;
        width: 100%;
        padding: 0 14px;
      }
      .most-selling-pump-eye {
        display: none;
      }
      .most-selling-swiper-wrap {
        position: absolute;
        top: 26%;
        width: 100%;
        padding: 0 14px;
      }
    } {% endcomment %}

    @media (min-width:769px) and (max-width:1180px){
        img.most-selling-heading {
            position: absolute;
            top: 11%;
            width: 351px;
            left: 28%;  
        }
        .most-selling-heading {
            margin: 0;
            position: absolute;
            left: 40.5%;
            top: 21.7%;
            color: #FFCE00;
            z-index: 99;
            font-size: 32px;
            font-family: 'Vampliers' !important;
        }
        img.most-selling-image-heading {
            position: absolute;
            top: 14%;
            width: 341px;
            left: 28%;
        }
        most-selling-swiper-wrap {
            position: absolute;
            top: 41%;
            width: 100%;
            padding: 0 14px;
        }
        img.most-selling-bg-banner-image-tablet{ display:block; width:100%; margin-top:-100px; height:1002px; }
      img.most-selling-bg-banner-image-desktop{ display:none; }
      img.most-selling-bg-banner-image-mobile{ display:none; }
      .product-grid {
        width: 33.33% !important;
      }   
      .cjs-swiper-wrap {
        position: absolute;
        top: 41%;
        width: 100%;
        padding: 0 14px;
      }
      .most-selling-pump-eye {
        display: none;
      }
      .most-selling-swiper-wrap {
        position: absolute;
        top: 33%;
        width: 100%;
        padding: 0 14px;
      }
      .most-selling-bottom-button img {
        width: 160px;
        position: absolute;
        top: 67%;
        left: 40%;
      }
      a.most-selling-button {
        position: absolute;
        top: 71.7%;
        left: 45.6%;
        color: #FFCE00;
        font-size: 17px;
        background-image: linear-gradient(to left, #FFCE00, #EA6C19);
        background-clip: text;
      }
      /* #cjs-template--24993212465456__most_selling_dtdchj .product-grid {
          border-radius: 14px;
          overflow: hidden;
          height: 336px !important;
      } */
    }

    @media (min-width:1024px) and (max-width:1180px){
      img.most-selling-bg-banner-image-tablet {
        display: block;
        width: 100%;
        margin-top: -123px;
        height:1242px;
      }
      img.most-selling-image-heading {
        position: absolute;
        top: 16%;
        width: 341px;
        left: 33%;
      } 
      .most-selling-heading {
        margin: 0;
        position: absolute;
        left: 42.8%;
        top: 22.2%;
        color: #FFCE00;
        z-index: 99;
        font-size: 32px;
        font-family: 'Vampliers' !important;
      }
      .most-selling-swiper-wrap {
        position: absolute;
        top: 34%;
        width: 100%;
        padding: 0 14px;
      }
      .most-selling-bottom-button img {
        width: 160px;
        position: absolute;
        top: 69%;
        left: 40%;
      }
      a.most-selling-button {
        position: absolute;
        top: 72.8%;
        left: 44.5%;
        color: #FFCE00;
        background-image: linear-gradient(to left, #FFCE00, #EA6C19);
        background-clip: text;
      }
      .product-title-custom {
          color: #fff;
          margin: 6px 0 0;
          font-size: 12px !important;
          line-height: 20px;
      }
    }

    @media (max-width:500px){
    .product-grid {
        width: 100% !important;
    }
    #cjs-{{ section.id }} .most-selling-button-prev{
        color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 999px;
        background: #111;
        /* border: 1px solid rgba(255, 255, 255, .15); */
        position: absolute;
        top: 45%;
        left:2%;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #cjs-{{ section.id }} .most-selling-button-next{
        color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 999px;
        background: #111;
        /* border: 1px solid rgba(255, 255, 255, .15); */
        position: absolute;
        top: 45%;
        left:84%;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
    }

      img.most-selling-bg-banner-image-tablet{ display:none; }
      img.most-selling-bg-banner-image-desktop{ display:none; }
      img.most-selling-bg-banner-image-mobile{ display:block; width:100%; margin-top:-85px; }

      img.most-selling-image-heading{ top:11%; width:300px; left:18%; }
      .most-selling-heading{ left:38.5%; top:16%; font-size:20px; letter-spacing:1px; }
      .most-selling-pump-eye {
            display: none;
        }
    }
    @media screen and (max-width:430px){
      img.most-selling-image-heading {
        top: 11%;
        width: 300px;
        left: 13%;
      }
      .most-selling-heading {
        left: 33.5%;
        top: 18%;
        font-size: 26px;
        letter-spacing: 1px;
      }
      .most-selling-bottom-button img {
        width: 160px;
        position: absolute;
        top: 65%;
        left: 27%;
      }
      a.most-selling-button {
        position: absolute;
        top: 69%;
        left: 38.4%;
        color: #FFCE00;
        background-image: linear-gradient(to left, #FFCE00, #EA6C19);
        color: transparent;
        background-clip: text;
      }
      img.most-selling-bg-banner-image-mobile {
        display: block;
        width: 100%;
        margin-top: -85px;
        height: 1169px;
      }
      .most-selling-heading {
          left: 33.5%;
          top: 17%;
          font-size: 26px;
          letter-spacing: 1px;
      }
    }
    @media screen and (max-width:384px){
      img.most-selling-image-heading {
        top: 11%;
        width: 300px;
        left: 8%;
      }
      .most-selling-heading {
        left: 31.5%;
        top: 19%;
        font-size: 26px;
        letter-spacing: 1px;
      } 
      .most-selling-bottom-button img {
        width: 160px;
        position: absolute;
        top: 65%;
        left: 29%;
      }
      a.most-selling-button {
        position: absolute;
        top: 69.3%;
        left: 42.2%;
        color: #FFCE00;
        background-image: linear-gradient(to left, #FFCE00, #EA6C19);
        color: transparent;
        background-clip: text;
      }
      .most-selling-heading {
        left: 31.5%;
        top: 17.5%;
        font-size: 26px;
        letter-spacing: 1px;
      }
      img.most-selling-bg-banner-image-mobile {
        display: block;
        width: 100%;
        margin-top: -85px;
        height: 1062px;
      }
    }
    @media screen and (min-width:1905px){
      img.most-selling-bg-banner-image-desktop {
        width: 100% !important;
        margin-top: -121px !important;
      }
      img.most-selling-image-heading {
        position: absolute !important;
        top: 3% !important;
        width: 351px !important; 
        left: 40% !important;
      }
      .most-selling-heading {
        margin: 0 !important;
        position: absolute !important;
        left: 45.5% !important;
        top: 11.5% !important;
        color: #FFCE00 !important;
        z-index: 99 !important;
        font-size: 32px !important;
        font-family: 'Vampliers' !important;
      }
      .most-selling-swiper-wrap {
        position: absolute !important;
        top: 25% !important;
        width: 100% !important;
        padding: 0 14px !important;
      }
      img.most-selling-bg-banner-image-desktop {
        width: 100%;
        margin-top: -105px;
        height: 1063px !important;
      }
      img.most-selling-pump-eye {
        width: 71px !important;
        position: absolute !important;
        top: 6.8% !important;
        left: 40.6% !important;
        transform: rotate(-13deg) !important;
        animation: fadeinout 4s infinite;
      }
      img.most-selling-eye-second {
        position: absolute !important;
        width: 49px !important;
        top: 7.4% !important;
        left: 55.5% !important;
        transform: rotate(10deg) !important;
        animation: fadeinout 4s infinite;
      }
      a.most-selling-button {
        position: absolute !important;
        top: 67.7% !important;
        left: 46.7% !important;
        color: #FFCE00 !important;
        text-decoration: none !important;
        background-image: linear-gradient(to left, #FFCE00, #EA6C19);
        color: transparent;
        background-clip: text;
      }
    }
    @media screen and (min-width:1920px){
      img.most-selling-bg-banner-image-desktop {
        width: 100% !important;
        margin-top: -121px !important;
      }
      img.most-selling-image-heading {
        position: absolute !important;
        top: 3% !important;
        width: 351px !important; 
        left: 40% !important;
      }
      .most-selling-heading {
        margin: 0 !important;
        position: absolute !important;
        left: 45.5% !important;
        top: 11.5% !important;
        color: #FFCE00 !important;
        z-index: 99 !important;
        font-size: 32px !important;
        font-family: 'Vampliers' !important;
      }
      .most-selling-swiper-wrap {
        position: absolute !important;
        top: 25% !important;
        width: 100% !important;
        padding: 0 14px !important;
      }
      img.most-selling-bg-banner-image-desktop {
        width: 100%;
        margin-top: -105px;
        height: 1063px !important;
      }
      img.most-selling-pump-eye {
        width: 71px !important;
        position: absolute !important;
        top: 6.8% !important;
        left: 40.6% !important;
        transform: rotate(-13deg) !important;
        animation: fadeinout 4s infinite;
      }
      img.most-selling-eye-second {
        position: absolute !important;
        width: 49px !important;
        top: 7.4% !important;
        left: 55.5% !important;
        transform: rotate(10deg) !important;
        animation: fadeinout 4s infinite;
      }
      a.most-selling-button {
        position: absolute !important;
        top: 67.7% !important;
        left: 46.7% !important;
        color: #FFCE00 !important;
        text-decoration: none !important;
        background-image: linear-gradient(to left, #FFCE00, #EA6C19);
        color: transparent;
        background-clip: text;
      }
    }
    /* ========= Scroll reveal for main heading ========= */
    .reveal-from-top{
      opacity:0;
      transform: translateY(-80px);
      transition: transform 4s ease, opacity 4s ease;
      will-change: transform, opacity;
    }
    .reveal-from-top.in-view{
      opacity:1;
      transform: translateY(0);
    }
    @media (prefers-reduced-motion: reduce){
      .reveal-from-top{
        transition: none;
        transform:none;
        opacity:1;
      }
    }
    /* ================================================== */
    @media screen and (min-width:1660px){
      img.most-selling-bg-banner-image-desktop {
        width: 100%;
        margin-top: -105px;
        height: 1000px;
      }
      .most-selling-bottom-button img {
        width: 160px;
        position: absolute;
        top: 63%;
        left: 44%;
      }
      a.most-selling-button {
        position: absolute;
        top: 68%;
        left: 47%;
        color: #FFCE00;
        text-decoration: none;
        background-image: linear-gradient(to left, #FFCE00, #EA6C19);
        color: transparent;
        background-clip: text;
      }
      img.most-selling-image-heading {
        position: absolute;
        top: 7%;
        width: 26%;
        left: 37%;
      }
      img.most-selling-pump-eye {
        width: 75px;
        position: absolute;
        top: 7.7%;
        left: 37.9%;
        transform: rotate(-13deg);
        animation: fadeinout 4s infinite;
      }
      img.most-selling-eye-second {
        position: absolute;
        width: 56px;
        top: 8.9%;
        left: 59%;
        transform: rotate(10deg);
        animation: fadeinout 4s infinite;
      }
      .most-selling-heading {
        margin: 0;
        position: absolute;
        left: 45.8%;
        top: 14%;
        color: #FFCE00;
        z-index: 99;
        font-size: 32px;
        font-family: 'Vampliers' !important;
      }
      img.most-selling-image-heading {
        position: absolute;
        top: 3%;
        width: 26%;
        left: 37%;
      }
      .most-selling-image img {
        width: 77%;
        position: absolute;
        top: -130px;
        left: 14%;
    }
@media screen and (max-width:393px){
  .most-selling-button-prev {
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #111;
    /* border: 1px solid rgba(255, 255, 255, .15); */
    position: absolute;
    top: 45%;
    left: 0%;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .most-selling-button-next {
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #111;
    /* border: 1px solid rgba(255, 255, 255, .15); */
    position: absolute;
    top: 45%;
    left: 88%;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  img.most-selling-image-heading {
    top: 8%;
    width: 300px;
    left: 13%;
  }
  .most-selling-heading {
    left: 35.5%;
    top: 15.8%;
    font-size: 26px;
    letter-spacing: 1px;
    right:0;
    width:100%;
  }
  .most-selling-swiper-wrap {
    position: absolute;
    top: 25%;
    width: 100%;
    padding: 0 14px;
  }
  .most-selling-bottom-button img {
    width: 160px;
    position: absolute;
    top: 64%;
    left: 27%;
  }
  img.most-selling-bg-banner-image-mobile {
    display: block;
    width: 100%;
    margin-top: -85px;
    height: 899px;
  }
  .most-selling-heading {
    left: 35.5%;
    top: 15.8%;
    font-size: 26px;
    letter-spacing: 1px;
  }
  .most-selling-swiper-wrap {
    position: absolute;
    top: 24%;
    width: 100%;
    padding: 0 14px;
  }
  .most-selling-bottom-button img {
    width: 160px;
    position: absolute;
    top: 63%;
    left: 27%;
  }
  a.most-selling-button {
    position: absolute;
    top: 68.1%;
    left: 40%;
    color: #FFCE00;
    background-image: linear-gradient(to left, #FFCE00, #EA6C19);
    color: transparent;
    background-clip: text;
  }
  img.most-selling-bg-banner-image-mobile {
    display: block;
    width: 100%;
    margin-top: -85px;
    height: 885px;
  }
}
