/** Shopify CDN: Minification failed

Line 354:0 Unexpected "<"
Line 358:0 Unexpected "<"

**/
/* U Inventory  */

.uinventory-box {
  display: flex;
  align-items: center;
}
.cstm-inventory-icon {
  position: relative;
  display: inline-block;
}

.cstm-inventory-icon:before {
  animation: inventory-animation 2s linear infinite;
}
.cstm-inventory-icon:after,
.cstm-inventory-icon:before {
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}

@keyframes inventory-animation {
  0% {
      opacity: 0.5;
  }

  to {
      transform: scale(2.5);
      opacity: 0;
  }
}
.mimgSwatch {
  width: 50px;
  height: 50px;
  padding: 2px !important;
  border-radius: 0%;
  position: relative;
}
.mimgSwatch img{
  width:100%;
  height: 100%;
  object-fit:cover;
  border-radius:0%
}
.product__price.on-sale{
  font-weight:bold;
}
.u-marquee-item img {
  object-fit: cover;
  border-radius:10px;
}
.u-marque-container{
  position:relative;
}
.u-marque-content{
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  line-height:1.4;
  padding: 18px 23px;
  border-radius: 10px;
  border: 0px solid #000000;
  background-color: #ffffff;
  position: relative;
  width:fit-content;
  z-index: 3;
  text-align: center;
  box-shadow: -3px 7px 9px -2px #a09c9c;
}
.u-marque-text{
  margin:0 ! important;
}
.u-marquee-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}
@keyframes track {
  0% {
    transform: translateX(0)
  }
  100% {
    transform: translateX(-100%)
  }                                                                                                 
}
.u-marquee-container {
  display: flex;
  width: fit-content;
}
.u-marquee-content {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}
.u-marquee-containerWrapper{
  position: relative;
  display: flex;
  overflow: hidden;
  width: 200%;
}
.u-marquee-footer{
  position:relative;
  margin:0 auto;
  box-shadow: -3px 7px 9px -2px #a09c9c;
  text-align:center;
}
@media(max-width:769px){
  .u-marquee-footer{
    width:90%;
  }
}
.u-marquee-footer p{
  margin:0;
}
.usize-bar-content, .usizebar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
}
.usizebarmain{
  width:100%;
  height:3px;
}
.usizebar{
  gap:10px;
  width:100%;
}
.usize-bar-content{
  margin-top:5px;
}
.usizebar-heading{
  display:block;
  margin-bottom:13px;
}
.usize-bar-content span{
  font-size:12px; 
}
.doubleusp{
  display:flex;
  gap:7px;
  align-items:center;
}
.doubleusps{
  border-radius: .375rem;
  display:flex;
  align-items:center;
  justify-content: space-between;
  padding:8px;
}
.doubleusps span{
  font-size:14px;  
}
@media(max-width:769px){
 .doubleusps span{
   font-size:10px;  
}
}
#cstmdate{
  font-weight:bold;
}
.udot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  animation: blink 1.5s infinite;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.uimgswatch{
  width: 30px;
  height: 30px;
  padding: 0 !important;
  border-radius: 0%;
  position: relative;
}
.uimgswatch img{
  border-radius: 0%;
  width: 30px;
  height: 30px;
  object-fit:cover;
}
.ugrid-productswatches{
  gap:10px;
}
.uimgswatch {
  position: relative;
  display: inline-block;
}
.uimgswatch::after {
  content: "";
  position: absolute;
  inset: 0px;
  border-radius: 0%;
  transition: all 0.25s ease;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
            rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.uimgswatch:hover::after {
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
              rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    inset:-3px;
}
.uimgswatch::after {
  pointer-events: none;
}
.u-laodmoreswatch{
  margin-bottom:10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:10px;
}
/* U USP  */

.u-usp-one{
  display:flex;
  align-items:center;
}
/* U Review  */
.u-reviews-icon-txt{
  display:flex !important ;
  align-items:center;
}
.u-reviews-icon-txt p{
  margin: 0;
}

/* U Product Slider */

u-product-heading{
  text-align:center;
  text-transform: uppercase;
}
.u-product h2{
  text-align:center;
  margin-top:15px;
  margin-bottom: 5px;
}
.u-product-img-wrapper {
  position: relative;
  overflow: hidden;
}
.u-product-image {
  width: 100%;
  transition: opacity 0.4s ease;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}
.u-product-image.hover-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.u-product-img-wrapper:hover .hover-image {
  opacity: 1;
}
.u-product-img-wrapper:hover .main-image {
  opacity: 0;
}
.u-product-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 2px 8px;
  text-transform: uppercase;
  z-index: 5;
}
.u-product-compare-price{
  margin-left: 6px !important;
}
.u-product h2 a {
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease;
}

.u-product-slider-section .swiper-button-next,
.u-product-slider-section .swiper-button-prev {
  display: flex !important;
  position: absolute;
  justify-content: center;
  color: #000000;
  background-color: white;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 40%;
  opacity:0;
  transition: all 0.3s ease;
}
.u-product-slider-section:hover .swiper-button-next,
.u-product-slider-section:hover .swiper-button-prev {
  opacity:1;
}
.u-product-slider-section .swiper-button-next:after,
.u-product-slider-section .swiper-button-prev:after{
  font-size: 16px;
}
.u-product-slider-prices{
  text-align:center;
}
.u-product-slider-prices{
  text-align:center;
}
.u-slider-product-link{
  position: relative;
  overflow: hidden;
  display: block;
}
/* === Collection Hero Banner Fix === */
.collection-hero {
  height: auto !important;
  max-height: none !important;
}

.collection-hero__image.image-fit {
  object-fit: contain !important;
  object-position: center !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

.collection-hero .parallax-container,
.collection-hero .parallax-image {
  height: auto !important;
  position: relative !important;
}
<style>
  .udot {
    background-color: #FF6B00 !important;
  }
</style>