/* Steylux Modern Clothing Theme - Main Layout & Components */
@import url('../../style.css');

/* Enhanced Animations & Transitions */
@keyframes pulseBadge {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

.stx-stock-notice {
  animation: pulseBadge 3s infinite ease-in-out;
}

@keyframes spinLoader {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.stx-spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spinLoader 0.8s linear infinite;
}

/* Modal Smooth Zoom & Backdrop */
.stx-modal-card {
  will-change: transform, opacity;
}

/* Glassmorphism Accents */
.stx-glass {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}