/** Shopify CDN: Minification failed

Line 19:0 All "@import" rules must come first

**/
/* Header Component Styles */

nav.bg-black {
  background-color: #000 !important;
}

.text-white, .text-white * {
  color: #fff !important;
}

.hover\:text-gray-300:hover {
  color: #d1d5db !important;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&display=swap');

/* Logo Glow Animation */
@keyframes glow {
  0%, 100% {
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5), 
                0 0 20px rgba(255, 215, 0, 0.3);
  }
  50% {
    text-shadow: 0 0 20px rgba(255, 215, 0, 0.8), 
                0 0 30px rgba(255, 215, 0, 0.5),
                0 0 40px rgba(255, 215, 0, 0.3);
  }
}

.glow-text {
  animation: glow 2s ease-in-out infinite;
  font-family: 'Noto Sans KR', sans-serif;
  letter-spacing: 0.08em;
  position: relative;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  white-space: nowrap;
  text-transform: uppercase;
}

.glow-text::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.8);
  transform: translateY(-50%);
}

/* Navigation Menu Styles */
.nav-menu {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.nav-menu::-webkit-scrollbar {
  display: none;
}

/* Dropdown Menu Positioning */
.nav-dropdown {
  position: relative;
}

.nav-dropdown-menu {
  z-index: 100;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .glow-text {
    font-size: 1.25rem;
  }
  
  .nav-menu {
    justify-content: flex-start;
    padding-left: 0;
  }
  
  .nav-menu a {
    white-space: nowrap;
  }
}

@media (max-width: 640px) {
  .glow-text {
    font-size: 1rem;
  }
}