#ShockingSale1Style {
  max-width: 1920px !important;
  width: 100% !important;
  height: fit-content !important;
  margin: 0 auto !important;
}

@media (min-width: 1025px) {

:is(#ShockingSale1Style.carousel-style1 .inner-container) .products-components {
          width: var(--sg-carousel-max-width, 100%) !important;
      }
        }

:is(:is(#ShockingSale1Style.carousel-style1 .inner-container) .products-components) .single-product-box {
          margin: 0 !important;
        }

@media (min-width: 1025px) {

#ShockingSale1Style.carousel-style2 .inner-container {
        width: 100% !important;
    }
      }

@media (min-width: 1025px) {

:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components {
          width: 100% !important;
          padding: 0;
      }
        }

@media (min-width: 1025px) {

:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .products-title {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }
          }

:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .single-product-box {
          margin: 0 !important;
        }

@media (max-width: 1024px) {

.outer-row-3:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .single-product-box),.outer-row-4:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .single-product-box),.outer-row-5:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .single-product-box) {
              width: 100% !important;
              min-width: 100% !important;
          }
            }

.row-3:is(:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .single-product-box) .product-images),.row-4:is(:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .single-product-box) .product-images),.row-5:is(:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .single-product-box) .product-images) {
              width: 100% !important;
            }

:is(.row-3:is(:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .single-product-box) .product-images),.row-4:is(:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .single-product-box) .product-images),.row-5:is(:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .single-product-box) .product-images)) img {
                width: 100% !important;
              }

@media (min-width: 1025px) {

:is(:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .slick-slider) .slick-list) .slick-track {
                margin: 0 0 0 auto !important;
            }
              }

@media (max-width: 1024px) {

:is(:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .slick-slider) .slick-list) .slick-track {
                width: 100% !important;
                min-width: 100% !important;
            }
              }

@media (max-width: 1024px) {

:is(:is(:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .slick-slider) .slick-list) .slick-track) .slick-slide {
                  width: 40% !important;
                  min-width: 40% !important;
              }
                }

@media (max-width: 442px) {

:is(:is(:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .slick-slider) .slick-list) .slick-track) .slick-slide {
                  width: 45% !important;
                  min-width: 45% !important;
              }
                }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .slick-slider) .slick-list) .slick-track) .slick-slide)  > div {
                  width: fit-content !important;
                }

@media (max-width: 1024px) {

:is(:is(:is(:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .slick-slider) .slick-list) .slick-track) .slick-slide)  > div {
                    min-width: 100% !important;
                }
                  }

:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .slick-arrow.slick-prev,:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .slick-arrow.slick-prev:hover {
          content: url('https://api.iconify.design/ant-design:left-circle-filled.svg?color=%2338484F&width=40px') !important;
          vertical-align: -0.125em;
          z-index: 1000;
          left: 4px;
          opacity: 0.5 !important;
          height: 40px;
        }

:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .slick-arrow.slick-prev,:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .slick-arrow.slick-prev:hover)::before {
            content: url('https://api.iconify.design/ant-design:left-circle-filled.svg?color=%2338484F&width=40px') !important;
            vertical-align: -0.125em;
          }

:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .slick-arrow.slick-next,:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .slick-arrow.slick-next:hover {
          content: url('https://api.iconify.design/ant-design:right-circle-filled.svg?color=%2338484F&width=40px') !important;
          vertical-align: -0.125em;
          z-index: 1000;
          right: 24px;
          opacity: 0.5 !important;
          height: 40px;
        }

:is(:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .slick-arrow.slick-next,:is(:is(#ShockingSale1Style.carousel-style2 .inner-container) .products-components) .slick-arrow.slick-next:hover)::before {
            content: url('https://api.iconify.design/ant-design:right-circle-filled.svg?color=%2338484F&width=40px') !important;
            vertical-align: -0.125em;
          }

#ShockingSale1Style.hide {
    display: none;
  }

#ShockingSale1Style.shocking-sale-listing-fullwidth {
    max-width: 100% !important;
    width: 100% !important;
  }

@media (max-width: 1024px) {

#ShockingSale1Style {
    width: 100% !important;
    display: block !important;
}
  }

#ShockingSale1Style .inner-container {
    position: relative;
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0;
  }

:is(#ShockingSale1Style .inner-container) .expired-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000;
      background-color: rgba(0, 0, 0, 0.85);
    }

:is(#ShockingSale1Style .inner-container) .heading-components {
      position: relative;
      width: 100% !important;
      max-width: inherit !important;
      height: inherit !important;
      margin: 0 auto !important;
      padding-bottom: 0 !important;
    }

:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container {
        position: relative;
        display: block;
        height: fit-content !important;
        margin: 0 auto !important;
        align-items: center;
      }

:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner {
          width: 100%;
          padding: 24px 16px;
        }

@media (max-width: 1023px) {

:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner {
            padding: 16px;
        }
          }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content {
            width: fit-content;
            display: flex;
            flex-direction: row;
            align-items: flex-end;
            gap: 16px;
            margin: 0 auto;
          }

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-name-col {
              display: flex;
              flex-direction: column;
              align-items: flex-end;
              gap: 4px;
            }

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .countdown-label {
              font-size: 15px;
              line-height: 16px;
            }

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-name {
              display: flex;
              font-size: 40px;
              font-weight: bold;
              line-height: 48px !important;
              margin-right: 0 !important;
              align-items: center;
            }

.promotion-name--image:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-name) {
                max-width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
              }

.promotion-name--image:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-name) img {
                  max-width: 100%;
                  max-height: 80px;
                  height: auto;
                  width: auto;
                  display: block;
                }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-name) i.zap {
                mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 13 20' fill='none'%3E%3Cpath d='M3.27617 0.448723C3.31578 0.319142 3.39799 0.205386 3.51047 0.124493C3.62295 0.0435989 3.75967 -7.89783e-05 3.90013 1.07208e-07H9.0998C9.20273 7.52376e-05 9.30417 0.0236561 9.39577 0.0688014C9.48737 0.113947 9.56651 0.179365 9.62668 0.259672C9.68684 0.339979 9.72631 0.432877 9.74183 0.530719C9.75735 0.628561 9.74849 0.728549 9.71596 0.822451L7.40211 7.49955H12.3496C12.4713 7.49947 12.5906 7.53226 12.6939 7.59417C12.7972 7.65609 12.8803 7.74465 12.9338 7.84976C12.9873 7.95488 13.0091 8.07234 12.9966 8.18875C12.984 8.30517 12.9378 8.41587 12.8631 8.50824L3.76364 19.7576C3.67042 19.8734 3.53788 19.954 3.38913 19.9854C3.24039 20.0169 3.0849 19.9971 2.94978 19.9295C2.81467 19.8619 2.70852 19.7509 2.64986 19.6158C2.5912 19.4806 2.58375 19.33 2.62881 19.1901L4.96996 11.8743H0.650339C0.54929 11.8744 0.449618 11.8518 0.35924 11.8083C0.268863 11.7648 0.190269 11.7017 0.1297 11.6239C0.0691306 11.5462 0.0282553 11.4559 0.0103199 11.3603C-0.00761551 11.2646 -0.00211702 11.1663 0.0263789 11.0731L3.27617 0.448723Z' fill='%230C2028'/%3E%3C/svg%3E");
                -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 13 20' fill='none'%3E%3Cpath d='M3.27617 0.448723C3.31578 0.319142 3.39799 0.205386 3.51047 0.124493C3.62295 0.0435989 3.75967 -7.89783e-05 3.90013 1.07208e-07H9.0998C9.20273 7.52376e-05 9.30417 0.0236561 9.39577 0.0688014C9.48737 0.113947 9.56651 0.179365 9.62668 0.259672C9.68684 0.339979 9.72631 0.432877 9.74183 0.530719C9.75735 0.628561 9.74849 0.728549 9.71596 0.822451L7.40211 7.49955H12.3496C12.4713 7.49947 12.5906 7.53226 12.6939 7.59417C12.7972 7.65609 12.8803 7.74465 12.9338 7.84976C12.9873 7.95488 13.0091 8.07234 12.9966 8.18875C12.984 8.30517 12.9378 8.41587 12.8631 8.50824L3.76364 19.7576C3.67042 19.8734 3.53788 19.954 3.38913 19.9854C3.24039 20.0169 3.0849 19.9971 2.94978 19.9295C2.81467 19.8619 2.70852 19.7509 2.64986 19.6158C2.5912 19.4806 2.58375 19.33 2.62881 19.1901L4.96996 11.8743H0.650339C0.54929 11.8744 0.449618 11.8518 0.35924 11.8083C0.268863 11.7648 0.190269 11.7017 0.1297 11.6239C0.0691306 11.5462 0.0282553 11.4559 0.0103199 11.3603C-0.00761551 11.2646 -0.00211702 11.1663 0.0263789 11.0731L3.27617 0.448723Z' fill='%230C2028'/%3E%3C/svg%3E");
                mask-size: contain;
                -webkit-mask-size: contain;
                mask-repeat: no-repeat;
                -webkit-mask-repeat: no-repeat;
                display: inline-block;
                width: 36px;
                height: 36px;
                min-width: 36px;
                margin: 0 8px;
              }

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-date-countdown {
              display: flex;
              flex-direction: column;
              align-items: flex-end;
              gap: 4px;
              margin-top: 3px;
              font-size: 18px;
              line-height: 24px;
              font-weight: normal;
              white-space: nowrap;
            }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-date-countdown) .countdown-grid {
                display: grid;
                grid-template-columns: auto auto auto auto auto;
                grid-auto-rows: auto;
                column-gap: 4px;
                row-gap: 4px;
                justify-items: center;
                align-items: center;
              }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-date-countdown) .countdown-grid.with-days {
                grid-template-columns: auto auto auto auto auto auto auto;
              }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-date-countdown) .ct-digit {
                display: flex;
                align-items: center;
                justify-content: center;
                min-width: 48px;
                height: 48px;
                padding: 2px 4px;
                font-size: 24px;
                font-weight: bold;
                text-align: center;
                border-radius: 3px;
                box-sizing: border-box;
              }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-date-countdown) .ct-unit-label {
                font-size: 15px;
                line-height: 16px;
                text-align: center;
                text-transform: capitalize;
              }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-date-countdown) .ct-colon {
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 24px;
                font-weight: bold;
                line-height: 1;
                padding: 0 2px;
              }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-date-countdown) .ct-colon-empty {
                visibility: hidden;
              }

@media (max-width: 1023px) {

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content {
              flex-direction: column;
              align-items: center;
              text-align: center;
              gap: 8px;
          }

              :is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-name {
                font-size: 32px;
                line-height: 40px;
                margin-right: 0 !important;
                margin-bottom: 4px;
                justify-content: center;
              }

                :is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-name) i.zap {
                  width: 28px;
                  height: 28px;
                  min-width: 28px;
                }

                .promotion-name--image:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-name) img {
                  max-height: 56px;
                }

              :is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-name-col {
                align-items: center;
              }

              :is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .countdown-label {
                font-size: 15px;
              }

              :is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-date-countdown {
                align-items: center;
              }

                :is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-date-countdown) .ct-digit {
                  min-width: 44px;
                  height: 44px;
                  font-size: 24px;
                }

                :is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-date-countdown) .ct-unit-label {
                  font-size: 12px;
                }

                :is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-date-countdown) .ct-colon {
                  font-size: 24px;
                }
            }

@media (max-width: 442px) {
              :is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-name {
                font-size: 26px;
              }

                .promotion-name--image:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-name) img {
                  max-height: 40px;
                }
                :is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-date-countdown) .ct-digit {
                  min-width: 36px;
                  height: 36px;
                  font-size: 20px;
                }

                :is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .shocking-sale-banner) .promotion-content) .promotion-date-countdown) .ct-colon {
                  font-size: 20px;
                }
            }

:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .media-content {
          width: 100% !important;
          margin: 0 auto !important;
          border: none !important;
        }

@media (max-width: 1024px) {

:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .media-content {
            width: 100% !important;
            height: auto !important;
            margin-right: 0px !important;
            margin-left: 0px !important;
            margin-bottom: 16px !important;
            padding: 0 !important;
            display: block !important;
        }
          }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .media-content) .content-image {
            width: 100% !important;
          }

@media (max-width: 1024px) {

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .media-content) .content-image {
              width: 100% !important;
          }
            }

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .media-content) .content-image)  > div {
              display: block !important;
            }

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .media-content) .content-image) img {
              height: 100% !important;
              width: 100%;
              object-fit: cover !important;
              margin: auto;
            }

@media (max-width: 1024px) {

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .heading-components) .heading-container) .media-content) .content-image) img {
                height: auto !important;
            }
              }

:is(#ShockingSale1Style .inner-container) .products-components {
      max-width: 100% !important;
      height: inherit !important;
      margin: 0 auto !important;
      padding: 10px 5px 0;
    }

:is(:is(#ShockingSale1Style .inner-container) .products-components) .products-title {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        position: relative !important;
      }

@media (max-width: 1023px) {

:is(:is(#ShockingSale1Style .inner-container) .products-components) .products-title {
          font-size: 20px !important;
          line-height: 24px !important;
          letter-spacing: 0.15px !important;
          min-height: 16px !important;
          padding-top: unset !important;
          padding-bottom: unset !important;
          margin-bottom: 20px !important;
      }
        }

@media (max-width: 442px) {

:is(:is(#ShockingSale1Style .inner-container) .products-components) .products-title {
          font-size: 20px !important;
      }
        }

:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .products-title) .heading-image {
          height: auto;
          margin: 0 auto !important;
        }

@media (min-width: 1023px) {

:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .products-title) .heading-image {
            width: fit-content;
        }
          }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .products-title) .heading-image)  > div {
            display: block !important;
          }

:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .products-title) .see-all {
          width: fit-content;
          margin-left: auto;
          margin-right: 10px;
        }

@media (max-width: 1023px) {

:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .products-title) .see-all {
            font-size: 12px !important;
            line-height: 16px !important;
            letter-spacing: 0.4px !important;
            font-weight: 400 !important;
            text-align: center !important;
            width: 100% !important;
            bottom: unset !important;
            right: unset !important;
            padding-top: 12px;
        }
          }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .products-title) .see-all) a {
            color: inherit !important;
            font-size: inherit !important;
          }

:is(:is(#ShockingSale1Style .inner-container) .products-components) .products-col-item {
        padding: 5px !important;
      }

:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box {
        width: 100%;
        margin: 5px !important;
        position: relative;
        text-align: center;
        padding: 12px;
        padding-bottom: 17px;
        border-style: solid !important;
        flex: 1 1 0;
      }

@media (max-width: 766px) {

:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box {
          padding: 0 0 17px 0 !important;
      }
        }

.ratio-11:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images {
            height: unset !important;
            aspect-ratio: 1 / 1 !important;
          }

:is(.ratio-11:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) img {
              height: unset !important;
              aspect-ratio: 1 / 1 !important;
            }

.ratio-23:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images {
            height: unset !important;
            aspect-ratio: 2 / 3 !important;
          }

:is(.ratio-23:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) img {
              height: unset !important;
              aspect-ratio: 2 / 3 !important;
            }

.ratio-32:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images {
            height: unset !important;
            aspect-ratio: 3 / 2 !important;
          }

:is(.ratio-32:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) img {
              height: unset !important;
              aspect-ratio: 3 / 2 !important;
            }

:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images {
          display: block !important;
          position: relative;
          height: 260px;
          vertical-align: middle;
          align-items: center;
          overflow: hidden;
          box-shadow: none !important;
        }

.row-3:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images),.row-4:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images),.row-5:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) {
            width: 100% !important;
          }

:is(.row-3:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images),.row-4:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images),.row-5:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images)) img {
              width: 100% !important;
            }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) .discount-tag {
            font-family: var(--font-roboto) !important;
            position: absolute;
            bottom: 10px;
            right: 10px;
            width: fit-content;
            padding: 0 3px;
            height: 21px !important;
            font-size: 16px;
            line-height: 21px;
            border-radius: 2px;
          }

@media (max-width: 1023px) {

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) .discount-tag {
              height: 16px !important;
              font-size: 12px !important;
              line-height: 16px !important;
          }
            }

@media (max-width: 442px) {

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) .discount-tag {
              font-family: var(--font-roboto) !important;
              position: absolute;
              bottom: 10px;
              right: 10px;
              height: 15px;
              font-size: 10px;
              line-height: 15px;
              text-align: center;
          }
            }

.sold-out:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) .overlay {
              width: 100%;
              height: 100%;
              position: absolute;
              background-color: rgb(255 255 255 / 50%);
              top: 0;
            }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) .first-img > img {
            opacity: 1 !important;
            transition: opacity 0.2s !important;
          }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) .sec-img > img {
            opacity: 0 !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            transition: opacity 0.2s !important;
          }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) img {
            object-fit: contain !important;
            width: 100%;
            box-shadow: none !important;
            background: none !important;
          }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) ul {
            padding-left: 0;
            margin-bottom: 0;
            list-style-type: none;
            position: absolute;
            top: 10px;
            right: 0;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
          }

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) ul) li {
              margin-bottom: 8px;
            }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) ul) li) p {
                width: 40px;
                height: 40px;
                line-height: 42px;
                background-color: #ffffff;
                color: #0c2028;
                border-radius: 50%;
                box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
              }

:is(:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) ul) li) p):hover,:is(:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) ul) li) p):focus {
                  color: #ffffff;
                  background-color: #0c2028;
                }

.disabled:is(:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) ul) li) p) {
                  cursor: not-allowed;
                  background-color: #ffffff !important;
                  color: #0c2028 !important;
                }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-images) ul) li):last-child {
                margin-bottom: 0;
              }

:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content {
          display: flex !important;
          flex-direction: column;
          flex: 1 1 auto;
          margin-top: 12px;
        }

@media (max-width: 766px) {

:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content {
            padding-left: 6px !important;
            padding-right: 6px !important;
        }
          }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) h3 {
            font-size: 16px;
            margin-bottom: 4px !important;
          }

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) h3) a {
              overflow-wrap: break-word !important;
              display: block;
              display: -webkit-box;
              word-wrap: break-word;
              word-break: break-word;
              margin: 0;
              line-height: 20px;
              -webkit-box-orient: vertical;
              overflow: hidden;
              text-overflow: ellipsis;
            }

@media (max-width: 1023px) {

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) h3) a {
                font-size: 14px !important;
                line-height: 20px !important;
                letter-spacing: 0.25px !important;
                font-weight: 400 !important;
            }
              }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) h3) a):hover,:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) h3) a):focus {
                color: #0c2028;
              }

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) #Styled_ProductCardRating) .rating-wishlist {
              position: unset !important;
              bottom: unset !important;
              width: unset !important;
              height: unset !important;
            }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) #Styled_ProductCardRating) .rating-wishlist) .rating-stars {
                text-align: 'left' !important;
              }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) .price-buynow {
            width: 100% !important;
            display: flex !important;
            justify-content: space-between !important;
            align-items: flex-end;
            margin-top: auto;
          }

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) .price-buynow) .buy-now-btn {
              margin-left: 8px !important;
              margin-bottom: 4px !important;
              padding: 0 12px !important;
              width: 90px !important;
              height: 33px !important;
              flex-shrink: 0;
              box-sizing: border-box;
              display: inline-flex !important;
              align-items: center;
              justify-content: center;
              text-align: center !important;
              font-size: 14px !important;
              line-height: 17px !important;
            }

@media (max-width: 766px) {

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) .price-buynow) .buy-now-btn {
                padding: 0 8px !important;
                width: 76px !important;
                height: 31px !important;
                font-size: 12px !important;
                line-height: 15px !important;
            }
              }

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) .price-buynow) .see-detail-btn {
              width: auto !important;
              white-space: nowrap;
            }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) .price-popup-container {
            display: flex;
            width: 100%;
          }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) .price-container {
            display: block !important;
            width: fit-content !important;
            align-items: baseline;
          }

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) .price-container) .product-price {
              width: fit-content !important;
              display: flex !important;
              flex-wrap: wrap;
              margin-top: 0px !important;
              margin-bottom: 0px !important;
              text-align: left !important;
              min-height: 18px !important;
            }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) .price-container) .product-price) .new-price {
                align-self: center !important;
                font-size: 16px;
                line-height: 19px;
                font-weight: bold;
                word-break: break-all;
                overflow: hidden;
                -webkit-line-clamp: 1 !important;
                -webkit-box-orient: vertical !important;
                display: -webkit-box !important;
              }

:is(:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) .price-container) .product-price) .new-price) .currency-code {
                  font-weight: bold;
                }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) .price-container) .product-price) .old-price {
                align-self: center !important;
                margin-right: 5px;
                font-size: 12px;
                font-weight: normal !important;
                text-decoration: line-through;
                word-break: break-all;
                overflow: hidden;
                -webkit-line-clamp: 1 !important;
                -webkit-box-orient: vertical !important;
                display: -webkit-box !important;
              }

:is(:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) .price-container) .product-price) .old-price) .discount-val {
                  margin-left: 4px;
                  font-size: 12px !important;
                }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) .product-status {
            font-size: 14px !important;
            font-style: italic !important;
            font-weight: bold !important;
            text-align: left;
          }

@media (max-width: 766px) {

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) .product-status {
              font-size: 12px !important;
          }
            }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box) .product-content) .btn {
            display: block;
            width: 100%;
          }

@media (min-width: 1024px) {
              :is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box):hover,:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box):focus) .product-images) .sec-img > img {
                opacity: 1 !important;
              }
              :is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box):hover,:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box):focus) .product-images) .swappable > img {
                opacity: 0 !important;
              }
          }

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box):hover,:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box):focus) .product-content) .btn-light {
              background-color: #0c2028;
              color: #ffffff;
            }

:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .single-product-box):hover {
          z-index: 1001 !important;
          box-shadow: 0 1px 5px rgb(0 0 0 / 40%);
        }

:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider {
        width: 100% !important;
        height: 100% !important;
        max-height: inherit !important;
        max-width: inherit !important;
      }

:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider) .slick-list {
          width: 100% !important;
          height: 100% !important;
          max-height: inherit !important;
          max-width: inherit !important;
        }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider) .slick-list) .slick-track {
            max-height: inherit !important;
            display: flex !important;
            margin: 0;
          }

:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider) .slick-list) .slick-track) .slick-slide {
              padding: 5px !important;
              height: inherit !important;
            }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider) .slick-list) .slick-track) .slick-slide):hover {
                padding: 3px 5px 5px !important;
              }

:is(:is(:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider) .slick-list) .slick-track) .slick-slide)  > div {
                display: flex;
                height: 100%;
              }

:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider) .slick-arrow.slick-prev {
          content: url('https://api.iconify.design/ant-design:left-circle-filled.svg?color=%23E5E5E5&width=40px');
          vertical-align: -0.125em;
          z-index: 1000;
          left: 4px;
          opacity: 1;
        }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider) .slick-arrow.slick-prev)::before {
            content: url('https://api.iconify.design/ant-design:left-circle-filled.svg?color=%23E5E5E5&width=40px');
            vertical-align: -0.125em;
          }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider) .slick-arrow.slick-prev):hover {
            opacity: 0.5 !important;
            visibility: visible !important;
          }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider) .slick-arrow.slick-prev):hover::before {
              content: url('https://api.iconify.design/ant-design:left-circle-filled.svg?color=%2338484F&width=40px');
              vertical-align: -0.125em;
            }

:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider) .slick-arrow.slick-next {
          z-index: 1000;
          right: 24px;
          opacity: 1;
        }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider) .slick-arrow.slick-next)::before {
            content: url('https://api.iconify.design/ant-design:right-circle-filled.svg?color=%23D4D4D4&width=40px');
            vertical-align: -0.125em;
          }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider) .slick-arrow.slick-next):hover {
            opacity: 0.5 !important;
            visibility: visible !important;
          }

:is(:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider) .slick-arrow.slick-next):hover::before {
              content: url('https://api.iconify.design/ant-design:right-circle-filled.svg?color=%2338484F&width=40px');
              vertical-align: -0.125em;
            }

:is(:is(:is(#ShockingSale1Style .inner-container) .products-components) .slick-slider) .slick-disabled {
          display: none !important;
        }

:is(:is(#ShockingSale1Style .inner-container) .products-components) .extra-btn {
        text-align: center !important;
        width: fit-content;
        min-width: 186px;
        min-height: 37px;
        padding: 8px;
        margin: 20px auto 0;
        font-size: 14px !important;
        cursor: pointer;
      }

:is(#ShockingSale1Style .inner-container) .grid-row {
      display: flex !important;
      position: relative;
      width: 100%;
    }

:is(#ShockingSale1Style .inner-container) .placeholder {
      background-color: transparent;
      height: inherit;
      margin: 5px;
      position: relative;
      padding: 12px;
      padding-bottom: 17px;
      flex: 1 1 0;
    }

@media (max-width: 766px) {

:is(#ShockingSale1Style .inner-container) .placeholder {
        padding: 0 0 17px 0 !important;
    }
      }

:is(#ShockingSale1Style .inner-container) .products-collections-listing.row {
      margin-left: 0 !important;
      margin-right: 0 !important;
      width: 100% !important;
    }

:is(#ShockingSale1Style .inner-container) .collection-pagination {
      padding: 0 5px !important;
      display: grid !important;
      justify-content: end !important;
      margin-top: 20px !important;
      margin-bottom: 32px !important;
    }

.preview-mode:is(:is(#ShockingSale1Style .inner-container) .collection-pagination) .ant-pagination-options {
        pointer-events: none;
        opacity: 0.7;
      }

@media (max-width: 1023px) {

:is(#ShockingSale1Style .inner-container) .collection-pagination {
        justify-content: center;
    }

        :is(:is(#ShockingSale1Style .inner-container) .collection-pagination) .ant-pagination-item,:is(:is(#ShockingSale1Style .inner-container) .collection-pagination) .ant-pagination-prev,:is(:is(#ShockingSale1Style .inner-container) .collection-pagination) .ant-pagination-next {
          min-width: 32px;
          height: 32px;
          line-height: 32px;
        }
      }

@media (max-width: 442px) {
        :is(:is(#ShockingSale1Style .inner-container) .collection-pagination) .ant-pagination-options {
          display: none;
        }
      }

#Styled_AllProducts.container:has(.shocking-sale-listing-fullwidth) {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#Styled_AllProducts.container:has(.shocking-sale-listing-fullwidth)
  .block-layout {
  width: 100% !important;
  min-width: 100% !important;
}

#Styled_AllProducts.container:has(.shocking-sale-listing-fullwidth)
  .banner-background
  .banner-components
  img {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}
