/* simple loader state */
#shop-grid.is-loading { opacity: .5; pointer-events: none; transition: opacity .2s ease; }

/* chips look like badges with close */
#active-chips .chip { display: inline-flex; align-items: center; gap: .35rem; }
#active-chips .chip i { font-size: .85em; }


#shop-viewport { position: relative; }
#shop-viewport #shop-loader{
  position: absolute; inset: 0;
  display: none; align-items: center; justify-content: center;
  background: rgba(255,255,255,.6);
  backdrop-filter: blur(2px);
  z-index: 200;            /* above chips/filters in the shop area */
  cursor: wait;
}
#shop-viewport #shop-loader.is-active{ display:flex; }

#shop-viewport #shop-loader .logo{
  width: clamp(72px, 12vw, 120px);
  height: auto;
  animation: ali-breathe 2.2s ease-in-out infinite;
}
@keyframes ali-breathe{
  0%,100% { opacity:.85; transform: scale(.98) }
  50%     { opacity:1;   transform: scale(1.02) }
}
@media (prefers-reduced-motion: reduce){
  #shop-viewport #shop-loader .logo{ animation:none; }
}