.multistore {
  
  border: 1px solid #f2f4f8;            /* Додає світло-сірий обвід */
background-color: #fff;               /* Встановлює білий фон */
color: #8f90a6;                       /* Встановлює приглушений сіро-синій колір тексту */
padding: 0.5rem;                        /* Внутрішній відступ (паддінг) — 1 рем */
-webkit-transition: -webkit-box-shadow .3s ease-out;
transition: box-shadow .3s ease-out; /* Плавна анімація тіні при наведенні чи фокусі */
-o-transition: box-shadow .3s ease-out;
transition: box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out;
border-radius: .25rem;               /* Закруглення кутів на 4px */
}
.multistore:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Тінь при наведенні */
}

.multistores-loading {
  position: relative;
  transition: inherit;
}

.multistores-loading::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  color: #229ac8;
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  text-indent: -9999em;
  animation: load4 1.3s infinite linear;
  transform: translate(-50%, calc(-50% - 100px));
  z-index: 9;
}

.multistores-loading::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #FFF;
  z-index: 5;
}

@keyframes load4 {

  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }

  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }

  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }

  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }

  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }

  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

@media (max-width: 767px) {
  .widget-wrapper .widget-fab {
    bottom: 60px !important;
  }
}

.widget-wrapper.widget-right .widget,
.widget-wrapper.widget-right .widget-fab {
  right: 20px;
  bottom: 60px !important;
}

.multistore-product ul, .multistore-category ul {
  padding: 0;
}
.multistore-category {
  padding-top: 5px;
}
.multistore-product .multistore-stock-ready {
  display: inline-block;
  background: #e6f9ed;
  color: #179c4c;
  border-radius: 6px;
  padding: 8px 18px;
  /* font-weight: 600; */
  /* font-size: 16px; */
  /* line-height: 1.4; */
}

.multistore-product .multistore-stock-ready i {
  margin-right: 8px;
}

.multistore-product .multistore-stock-remote {
  display: inline-block;
  background: #FFF59D;
  color: #1A237E;
  border-radius: 6px;
  padding: 8px 18px;
  /* font-weight: 600; */
  /* font-size: 16px; */
  /* line-height: 1.4; */
}

.multistore-product .multistore-stock-remote i {
  margin-right: 8px;
}

.multistore-stock-none {
  display: inline-block;
  background: #fdeaea;
  color: #d9534f;
  border-radius: 6px;
  padding: 8px 18px;
  /* font-weight: 600; */
  /* font-size: 16px; */
  /* line-height: 1.4; */
}

.multistore-stock-none i {
  margin-right: 8px;
}

.multistore-category {
  padding-top: 5px;
}

.multistore-category .multistore-stock-ready {
  display: inline-block;
  background: #e6f9ed;
  color: #179c4c;
  border-radius: 6px;
  padding: 8px 18px;
  /* font-weight: 600; */
  font-size: 12px;
  /* line-height: 1.4; */
}

.multistore-category .multistore-stock-ready i {
  margin-right: 8px;
}

.multistore-category .multistore-stock-remote {
  display: inline-block;
  background: #FFF59D;
  color: #1A237E;
  border-radius: 6px;
  padding: 8px 18px;
  /* font-weight: 600; */
  font-size: 12px;
  /* line-height: 1.4; */
}

.multistore-category .multistore-stock-remote i {
  margin-right: 8px;
}