/* --- Scroll --- */

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f0f3f2; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #00101633; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #001e2b; 
}

/* --- Scroll --- */

.cart-btn-animation::after {
   opacity: 0;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   content: '';
   height: 100%;
   width: 100%;
   background: #ff5c23;
   border-radius: 100%;
   animation-name: ripple;
   animation-duration: 3s;
   animation-delay: 0s;
   animation-iteration-count: infinite;
   animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
   z-index: -1;
}
 @keyframes ripple {
   from {
     opacity: 1;
     transform: scale3d(0.3, 0.3, 1);
  }
   to {
     opacity: 0;
     transform: scale3d(1, 1, 1);
  }
}

.dropdown-category {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.no-dropdown-toggle:after {
  content: none;
}

@media only screen and (max-width: 600px) {
  .top-search-bar-height{
   height: 100% !important;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .top-search-bar-height{
   height: 100% !important;
  }  
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .top-search-bar-height{
   height: 80vh !important;
  }
} 
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .top-search-bar-height{
   height: 85vh !important;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1600px) {
  .top-search-bar-height{
   height: 85vh !important;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1900px) {
  .top-search-bar-height{
   height: 90vh !important;
  }
}
