.clickable {
  cursor: pointer !important;
}

.subcategory-item {
  margin-left: 20px;
}

.product-item {
  width:100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.product-item > [class*='col-'] {
  min-height: 198px;
}

#fullLoadingOverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
  text-align: center;

  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display: none;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.custom-loader {
  width: 300px;
  height: 300px;
  display: flex;
  color:#F4AB2C;
  --c:#0000 calc(100% - 40px),currentColor calc(100% - 38px) 98%,#0000;
  background:
    radial-gradient(farthest-side at left,var(--c)) right /50% 100%,
    radial-gradient(farthest-side at top ,var(--c)) bottom/100% 50%;
  background-repeat: no-repeat;
  animation: f8-0 2s infinite linear .25s;
}
.custom-loader::before{
  content:"";
  width:50%;
  height: 50%;
  background:radial-gradient(farthest-side at bottom right,var(--c));
  animation: f8-1 .5s infinite linear;
}


@keyframes f8-0 {
  0%   ,12.49% {transform: rotate(0deg)}
  12.5%,37.49% {transform: rotate(90deg)}
  37.5%,62.49% {transform: rotate(180deg)}
  62.5%,87.49% {transform: rotate(270deg)}
  87.5%,100%   {transform: rotate(360deg)}
}

@keyframes f8-1 {
  0%      {transform: perspective(300px) rotateY(0)      rotate(0)} 
  50%     {transform: perspective(300px) rotateY(180deg) rotate(0)} 
  80%,100%{transform: perspective(300px) rotateY(180deg) rotate(90deg)}
}

a.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}