/*
 * ЧАЙ ШОП — global preloader.
 * Warm cream surface + tea-green/brown spinner, matching the current site.
 */
html.chai25-site-loading,
html.chai25-site-loading body{
  overflow:hidden!important;
}

html.chai25-site-loading::before{
  position:fixed;
  z-index:2147483000;
  inset:0;
  display:block;
  content:"";
  background:
    radial-gradient(circle at 50% 44%,rgba(82,111,53,.12),transparent 180px),
    radial-gradient(circle at 50% 48%,rgba(122,79,43,.07),transparent 290px),
    #fff8ea;
  opacity:1;
  visibility:visible;
  pointer-events:all;
  transition:opacity .28s ease,visibility .28s ease;
}

html.chai25-site-loading::after{
  position:fixed;
  z-index:2147483001;
  top:50%;
  left:50%;
  width:50px;
  height:50px;
  display:block;
  content:"";
  box-sizing:border-box;
  border:4px solid #ead8bd;
  border-top-color:#526f35;
  border-right-color:#7a4f2b;
  border-radius:50%;
  opacity:1;
  visibility:visible;
  pointer-events:none;
  transform:translate(-50%,-50%);
  animation:chai25-site-loader-spin .72s linear infinite;
  filter:drop-shadow(0 8px 16px rgba(84,49,21,.10));
  transition:opacity .24s ease,visibility .24s ease;
}

html.chai25-site-loading-leave::before,
html.chai25-site-loading-leave::after{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

@keyframes chai25-site-loader-spin{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

@media(prefers-reduced-motion:reduce){
  html.chai25-site-loading::before,
  html.chai25-site-loading::after{transition:none}

  html.chai25-site-loading::after{animation-duration:1.45s}
}
