#onesignal-bell-container{display:none}

body.ScrollMoved .OtherGalleryList{
   opacity:0;
   transition:all 0.2s;
   pointer-events:none;
   bottom:-100%;
}

.OtherGalleryList{
   overflow:hidden;
   min-width:0;
   box-sizing:border-box;
   transition:all 0.2s;
   position:fixed;
   bottom:18px;
   width:48%;
}

.CategoryNav{
   padding:4px 0;
   margin-bottom:2px;
   overflow:hidden;
   min-width:0;
   width:100%;
   box-sizing:border-box;
}

.CategoryNav-slider{
   position:relative;
   padding:0 20px;
   overflow:hidden;
   box-sizing:border-box;
}

.categoryNavSwiper{
   overflow:hidden;
   height:56px;
}

.categoryNavSwiper .swiper-slide{
   cursor:pointer;
   transition:opacity 0.2s;
   overflow:hidden;
   height:56px;
   position:relative;
}

.categoryNavSwiper .swiper-slide.catNavActive{
   transform:none;
   z-index:1;
}

.CategoryNav-thumb{
   width:100%;
   height:42px;
   overflow:hidden;
   background:#f5f5f5;
}

.CategoryNav-thumb img{
   width:100%;
   height:100%;
   object-fit:cover;
   display:block;
   object-position:top;
}

.categoryNavSwiper .swiper-slide.catNavActive::after{
   content:"";
   display:block;
   width:4px;
   height:4px;
   border-radius:50%;
   background:#000;
   position:absolute;
   left:50%;
   bottom:3px;
   transform:translateX(-50%);
}

body.CategoryNavDragging .ProductViewContainer .ColorItem,
body.CategoryNavDragging .ProductViewContainer .ColorItem *{
   border-color:transparent!important;
   box-shadow:none!important;
   outline:0!important;
}

body.CategoryNavDragging .ProductViewContainer .ColorItem::before,
body.CategoryNavDragging .ProductViewContainer .ColorItem::after{
   opacity:0!important;
   visibility:hidden!important;
   content:none!important;
}

.categoryNav-arrow{
   position:absolute;
   top:50%;
   transform:translateY(-50%);
   width:18px;
   height:18px;
   display:flex;
   align-items:center;
   justify-content:center;
   cursor:pointer;
   z-index:2;
   background:rgba(255,255,255,0.9);
   border-radius:50%;
   transition:background 0.2s;
   display:none;
}

.categoryNav-arrow:hover{
   background:#fff;
}

.categoryNav-arrow-prev{
   left:0;
}

.categoryNav-arrow-next{
   right:0;
}

.categoryNav-arrow.swiper-button-disabled{
   opacity:0.2;
   pointer-events:none;
}

@media only screen and (max-width:991px){
   .CategoryNav{
      padding:3px 0;
      margin-bottom:1px;
   }

   .CategoryNav-slider{
      padding:0 16px;
   }

   .categoryNavSwiper{
      height:50px;
   }

   .categoryNavSwiper .swiper-slide{
      height:50px;
   }

   .CategoryNav-thumb{
      height:36px;
   }
}
