/* Loader Overlay */
.loader-overlay {
  position: fixed;
  inset: 0;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.loader-overlay.hidden {
  opacity: 0;
  visibility: hidden;
}

/* Honeycomb Loader */
@-webkit-keyframes honeycomb {
  0%, 20%, 80%, 100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
  30%, 70% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes honeycomb {
  0%, 20%, 80%, 100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
  30%, 70% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

.honeycomb { height: 24px; position: relative; width: 24px; }
.honeycomb div { -webkit-animation: honeycomb 2.1s infinite backwards; animation: honeycomb 2.1s infinite backwards; background: #ff0000; height: 12px; margin-top: 6px; position: absolute; width: 24px; }
.honeycomb div:after, .honeycomb div:before { content: ''; border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; left: 0; right: 0; }
.honeycomb div:after { top: -6px; border-bottom: 6px solid #ff0000; }
.honeycomb div:before { bottom: -6px; border-top: 6px solid #ff0000; }
.honeycomb div:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; left: -28px; top: 0; }
.honeycomb div:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; left: -14px; top: 22px; }
.honeycomb div:nth-child(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; left: 14px; top: 22px; }
.honeycomb div:nth-child(4) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; left: 28px; top: 0; }
.honeycomb div:nth-child(5) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; left: 14px; top: -22px; }
.honeycomb div:nth-child(6) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; left: -14px; top: -22px; }
.honeycomb div:nth-child(7) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; left: 0; top: 0; }

@media only screen and (max-width: 480px) {
  .loader-overlay { background: #ffffff; }
  .honeycomb { transform: scale(0.9); }
}
:root {
    --main-border-radius: 8px;
    --mainColor: #ad7555;
    --oldColor: #ffc700;
    --priceColor: #ff0000;
    --middleHeaderColor: #ffffff;
    --middleHeaderTextColor: #000000;
    --topBarColor: #ffc700;
    --topBarTextColor: #000000;
    --oldColor: #ffc700;
    --backgroundColorReview: #152755;
    --oldColorReview: #ffc700;
    --backgroundColorFlashSale: #152755;
    --oldColorFlashSale: #000f36;
    --oldColorFlashSale2: #fcdb10;
    --oldColorFlashSale3: #152755;
    --backgroundColorService: #152755;
    --backgroundColorItemVoucher: #305a9b;
}