/** Shopify CDN: Minification failed

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

**/
/* ========================================
   NEONX Cyberpunk Theme — Category A: Typography & Fonts
   ======================================== */

/* --- Dark Base Background (existing, preserved) --- */
.card__media .media,
.card__inner,
.product__media-item {
  background: #0d0d1a !important;
}
.media--transparent {
  background: #0d0d1a !important;
}

/* --- Google Font Import via @import for reliability --- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

/* --- Global Body Typography --- */
body {
  font-family: 'Rajdhani', 'Space Grotesk', 'Noto Sans SC', sans-serif !important;
  letter-spacing: 0.03em !important;
  color: #c8d2f0 !important;
}

/* --- Headings: Uppercase, geometric, letter-spacing --- */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: #e8ecf8 !important;
}

/* --- Hero Heading: Gradient neon text (cyan->purple) --- */
.banner__heading {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(2.5rem, 6vw, 4.5rem) !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, #00f5ff 0%, #b44dff 50%, #ff2d95 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: 0 0 40px rgba(0, 245, 255, 0.3), 0 0 80px rgba(180, 77, 255, 0.2) !important;
}

.banner__text {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  font-size: 1.3rem !important;
  letter-spacing: 0.08em !important;
  color: rgba(200, 210, 240, 0.9) !important;
  font-weight: 500 !important;
}

/* --- Price Styling: Monospace/bold with neon accent --- */
.price {
  font-family: 'Space Grotesk', 'Noto Sans SC', monospace !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: #00f5ff !important;
}

.price .price-item--sale {
  color: #ff2d95 !important;
}

.price .price-item--regular {
  color: rgba(200, 210, 240, 0.6) !important;
  text-decoration: line-through !important;
}

/* --- Section Headings --- */
.title-wrapper-with-link h2,
.section-header h2,
.multicolumn__heading,
.rich-text__heading {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  background: linear-gradient(135deg, #00f5ff, #b44dff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-weight: 700 !important;
}

/* --- Collection/Product card title --- */
.card__heading a,
.collection-list .card__heading {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-size: 1.1rem !important;
  color: #e8ecf8 !important;
}

/* --- Body text refinement --- */
p, .rte, .body, .text-body {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  letter-spacing: 0.03em !important;
  line-height: 1.6 !important;
  color: #a0b0d0 !important;
}

/* --- Link styling --- */
a:not(.button):not(.header__heading-link) {
  color: #7ec8ff !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

a:not(.button):not(.header__heading-link):hover {
  color: #00f5ff !important;
  text-shadow: 0 0 10px rgba(0, 245, 255, 0.5) !important;
}

/* --- Badge styling --- */
.badge {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 0.7rem !important;
  background: rgba(0, 245, 255, 0.15) !important;
  border: 1px solid rgba(0, 245, 255, 0.3) !important;
  color: #00f5ff !important;
  border-radius: 2px !important;
  padding: 2px 8px !important;
}

/* --- Product media description typography --- */
.product__description {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  letter-spacing: 0.04em !important;
  line-height: 1.7 !important;
  color: #a0b0d0 !important;
}

/* === Category B: Buttons & CTAs === */

.button--primary,.shopify-challenge__button button,button.button,a.button{
  font-family:'Orbitron',sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:0.12em !important;
  font-weight:600 !important;
  font-size:0.85rem !important;
  padding:14px 32px !important;
  border-radius:4px !important;
  transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94) !important;
  position:relative !important;
  overflow:hidden !important;
}

.button--primary{
  background:linear-gradient(135deg,#00f5ff 0%,#0088cc 100%) !important;
  border:none !important;
  color:#0d0d1a !important;
  box-shadow:0 0 20px rgba(0,245,255,0.3),inset 0 0 20px rgba(0,245,255,0.1) !important;
}

.button--primary:hover{
  background:linear-gradient(135deg,#00f5ff 0%,#00aaff 100%) !important;
  box-shadow:0 0 40px rgba(0,245,255,0.6),0 0 80px rgba(0,245,255,0.3),inset 0 0 30px rgba(0,245,255,0.2) !important;
  transform:translateY(-2px) !important;
}

.button--primary::before{
  content:'' !important;
  position:absolute !important;
  top:-2px !important;left:-2px !important;right:-2px !important;bottom:-2px !important;
  background:linear-gradient(45deg,#00f5ff,#b44dff,#00f5ff,#b44dff) !important;
  background-size:400% 400% !important;
  border-radius:6px !important;
  z-index:-1 !important;
  animation:neonBorderGlow 3s ease infinite !important;
  opacity:0 !important;
  transition:opacity 0.4s ease !important;
}

.button--primary:hover::before{opacity:1 !important}

@keyframes neonBorderGlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

.button--secondary{
  background:transparent !important;
  border:2px solid #00f5ff !important;
  color:#00f5ff !important;
  box-shadow:0 0 10px rgba(0,245,255,0.2),inset 0 0 10px rgba(0,245,255,0.05) !important;
}

.button--secondary:hover{
  background:rgba(0,245,255,0.1) !important;
  border-color:#00f5ff !important;
  box-shadow:0 0 30px rgba(0,245,255,0.5),0 0 60px rgba(0,245,255,0.2) !important;
  transform:translateY(-2px) !important;
  color:#e8ecf8 !important;
}

.product-form__submit{
  font-family:'Orbitron',sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:0.15em !important;
  font-weight:700 !important;
  background:linear-gradient(135deg,#00f5ff,#b44dff) !important;
  border:none !important;
  color:#0d0d1a !important;
  padding:16px 40px !important;
  border-radius:4px !important;
  box-shadow:0 0 25px rgba(0,245,255,0.3),0 0 50px rgba(180,77,255,0.15) !important;
  animation:atcPulse 2s ease-in-out infinite !important;
  transition:all 0.3s ease !important;
}

.product-form__submit:hover{
  box-shadow:0 0 50px rgba(0,245,255,0.6),0 0 100px rgba(180,77,255,0.3) !important;
  transform:translateY(-3px) !important;
  animation:none !important;
}

@keyframes atcPulse{
  0%,100%{box-shadow:0 0 25px rgba(0,245,255,0.3),0 0 50px rgba(180,77,255,0.15)}
  50%{box-shadow:0 0 40px rgba(0,245,255,0.5),0 0 80px rgba(180,77,255,0.3)}
}

.banner__buttons .button{font-size:0.9rem !important;padding:16px 36px !important}

.quick-add__submit,.card__quick-add .button{
  font-family:'Orbitron',sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:0.1em !important;
  background:rgba(0,245,255,0.15) !important;
  border:1px solid rgba(0,245,255,0.4) !important;
  color:#00f5ff !important;
}

.quick-add__submit:hover,.card__quick-add .button:hover{
  background:rgba(0,245,255,0.25) !important;
  box-shadow:0 0 20px rgba(0,245,255,0.3) !important;
}

/* === Category C: Hero Banner === */

/* Dark gradient overlay behind banner content */
.banner--adapt,
.banner--large,
.banner--medium,
.banner--small {
  position: relative !important;
}

.banner::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(13,13,26,0.7) 40%, rgba(0,245,255,0.08) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.banner__content {
  position: relative !important;
  z-index: 2 !important;
}

.banner__heading {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(2.5rem, 6vw, 4.5rem) !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, #00f5ff 0%, #b44dff 50%, #ff2d95 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: 0 0 40px rgba(0,245,255,0.3), 0 0 80px rgba(180,77,255,0.2) !important;
  margin-bottom: 0.5em !important;
}

.banner__text {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  font-size: 1.3rem !important;
  letter-spacing: 0.08em !important;
  color: rgba(200,210,240,0.9) !important;
  font-weight: 500 !important;
  max-width: 600px !important;
  margin: 0 auto 1.5em !important;
}

.banner__buttons {
  margin-top: 1.5em !important;
}

.banner__buttons .button--primary {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  font-size: 0.9rem !important;
  padding: 16px 36px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, #00f5ff 0%, #0088cc 100%) !important;
  border: none !important;
  color: #0d0d1a !important;
  border-radius: 4px !important;
  box-shadow: 0 0 30px rgba(0,245,255,0.4) !important;
  transition: all 0.4s ease !important;
}

.banner__buttons .button--primary:hover {
  box-shadow: 0 0 60px rgba(0,245,255,0.7), 0 0 100px rgba(0,245,255,0.3) !important;
  transform: translateY(-3px) !important;
}

.banner__buttons .button--secondary {
  background: transparent !important;
  border: 2px solid #00f5ff !important;
  color: #00f5ff !important;
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 14px 34px !important;
  border-radius: 4px !important;
  box-shadow: 0 0 15px rgba(0,245,255,0.2) !important;
  transition: all 0.4s ease !important;
}

.banner__buttons .button--secondary:hover {
  background: rgba(0,245,255,0.12) !important;
  box-shadow: 0 0 40px rgba(0,245,255,0.5) !important;
  transform: translateY(-3px) !important;
}

/* Subtle scan line overlay on banner */
.banner {
  position: relative;
}

.banner::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0,245,255,0.015) 2px,
    rgba(0,245,255,0.015) 4px
  ) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* === Category D: Announcement Bar === */

.announcement-bar {
  background: linear-gradient(90deg, #0a0a18 0%, #0d0d2a 50%, #0a0a18 100%) !important;
  border-bottom: 1px solid rgba(0,245,255,0.15) !important;
  box-shadow: 0 1px 15px rgba(0,245,255,0.08) !important;
}

.announcement-bar__message {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #00f5ff !important;
  font-weight: 500 !important;
  padding: 10px 20px !important;
}

.announcement-bar .announcement-bar__link {
  color: #00f5ff !important;
}

.announcement-bar .announcement-bar__link:hover {
  color: #b44dff !important;
  text-shadow: 0 0 15px rgba(180,77,255,0.4) !important;
}

.announcement-bar--announcement {
  border-bottom: 1px solid rgba(0,245,255,0.1) !important;
}

/* Slider dots in announcements */
.announcement-bar .slider-button {
  color: #00f5ff !important;
}

/* === Category E: Navigation === */

/* Header background */
.header-wrapper,
.header {
  background: rgba(10,10,24,0.95) !important;
  border-bottom: 1px solid rgba(0,245,255,0.1) !important;
}

/* Header heading link (logo area) */
.header__heading-link {
  color: #e8ecf8 !important;
}

.header__heading-link:hover {
  color: #00f5ff !important;
}

/* Nav links */
.list-menu__item {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: rgba(200,210,240,0.85) !important;
  font-weight: 500 !important;
  padding: 1.2rem 1rem !important;
  transition: color 0.3s ease !important;
  position: relative !important;
}

.list-menu__item:hover {
  color: #00f5ff !important;
}

/* Animated underline effect */
.list-menu__item::after {
  content: '' !important;
  position: absolute !important;
  bottom: 8px !important;
  left: 50% !important;
  width: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #00f5ff, #b44dff) !important;
  transition: all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) !important;
  transform: translateX(-50%) !important;
}

.list-menu__item:hover::after {
  width: 70% !important;
}

/* Active page indicator */
.list-menu__item--active {
  color: #00f5ff !important;
}

.list-menu__item--active::after {
  width: 70% !important;
  opacity: 1 !important;
}

/* Nav list spacing */
.header__inline-menu .list-menu {
  gap: 4px !important;
}

/* Header icons (search, cart, account) */
.header__icon {
  color: rgba(200,210,240,0.85) !important;
  transition: color 0.3s ease !important;
}

.header__icon:hover {
  color: #00f5ff !important;
}

/* Header icon count badge */
.header__icon .icon-cart-badge {
  background: linear-gradient(135deg, #00f5ff, #b44dff) !important;
  color: #0d0d1a !important;
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  font-size: 0.6rem !important;
}

/* Submenu / dropdown */
.header__submenu .list-menu__item {
  font-size: 0.8rem !important;
  padding: 0.8rem 1rem !important;
}

.header__submenu {
  background: rgba(13,13,26,0.98) !important;
  border: 1px solid rgba(0,245,255,0.15) !important;
  box-shadow: 0 4px 30px rgba(0,0,0,0.6), 0 0 20px rgba(0,245,255,0.05) !important;
}

/* Mobile menu */
.header__menu-toggle {
  color: rgba(200,210,240,0.85) !important;
}

.menu-drawer {
  background: rgba(10,10,24,0.98) !important;
}

.menu-drawer__menu-item {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(200,210,240,0.85) !important;
}

/* === Category F: Product Page === */

/* Product title */
.product__title h1 {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #e8ecf8, #00f5ff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Product price display */
.product__price .price {
  font-family: 'Space Grotesk', 'Noto Sans SC', monospace !important;
  font-weight: 700 !important;
  font-size: 1.8rem !important;
  letter-spacing: 0.05em !important;
  color: #00f5ff !important;
}

.product__price .price .price-item--regular {
  color: #00f5ff !important;
}

.product__price .price .price-item--sale {
  color: #ff2d95 !important;
}

.product__price .price .price__sale dd {
  color: #ff2d95 !important;
}

/* Variant selector */
.product-form__input .select__select,
.product-form__input select,
.variant-select {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  background: rgba(13,13,26,0.9) !important;
  border: 1px solid rgba(0,245,255,0.3) !important;
  color: #c8d2f0 !important;
  letter-spacing: 0.05em !important;
  border-radius: 4px !important;
  padding: 12px 40px 12px 16px !important;
  transition: all 0.3s ease !important;
}

.product-form__input .select__select:hover,
.product-form__input select:hover,
.variant-select:hover {
  border-color: #00f5ff !important;
  box-shadow: 0 0 15px rgba(0,245,255,0.15) !important;
}

.product-form__input .select__select:focus,
.product-form__input select:focus,
.variant-select:focus {
  border-color: #00f5ff !important;
  box-shadow: 0 0 20px rgba(0,245,255,0.25) !important;
  outline: none !important;
}

/* Variant radio buttons / pills */
.product-form__input .form__label {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  font-size: 0.75rem !important;
  color: rgba(200,210,240,0.7) !important;
}

.product-form__input input[type='radio'] + label {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  border: 1px solid rgba(0,245,255,0.2) !important;
  background: transparent !important;
  color: #c8d2f0 !important;
  border-radius: 4px !important;
  padding: 10px 20px !important;
  transition: all 0.3s ease !important;
  letter-spacing: 0.05em !important;
}

.product-form__input input[type='radio']:checked + label {
  border-color: #00f5ff !important;
  background: rgba(0,245,255,0.12) !important;
  color: #00f5ff !important;
  box-shadow: 0 0 15px rgba(0,245,255,0.2) !important;
}

.product-form__input input[type='radio']:hover + label {
  border-color: rgba(0,245,255,0.5) !important;
  background: rgba(0,245,255,0.05) !important;
}

/* Quantity selector */
.product-form__input .quantity__input {
  background: rgba(13,13,26,0.9) !important;
  border: 1px solid rgba(0,245,255,0.2) !important;
  color: #c8d2f0 !important;
  font-family: 'Space Grotesk', 'Noto Sans SC', monospace !important;
}

.quantity__button {
  color: #00f5ff !important;
}

.quantity__button:hover {
  color: #b44dff !important;
}

/* Product description */
.product__description {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  letter-spacing: 0.03em !important;
  line-height: 1.7 !important;
  color: #a0b0d0 !important;
}

.product__description p {
  color: #a0b0d0 !important;
}

.product__description strong,
.product__description b {
  color: #c8d2f0 !important;
}

/* Product info section backgrounds */
.product--thumbnail .product__info-wrapper {
  background: transparent !important;
}

.product__info-container {
  padding: 2rem !important;
}

/* Add to cart section container */
.product-form {
  margin-top: 1.5rem !important;
}

/* Shopify payment button */
.shopify-payment-button__button--unbranded {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  background: linear-gradient(135deg, #0088cc, #00f5ff) !important;
  border: none !important;
  color: #0d0d1a !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
}

.shopify-payment-button__button--unbranded:hover {
  box-shadow: 0 0 30px rgba(0,245,255,0.5) !important;
  transform: translateY(-2px) !important;
}

/* Pickup availability */
.pickup-availability {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  color: #a0b0d0 !important;
}

/* === Category G: Footer === */

.footer {
  background: linear-gradient(180deg, #0a0a18 0%, #050510 100%) !important;
  border-top: 1px solid rgba(0,245,255,0.1) !important;
}

/* Footer heading styles */
.footer__block-heading,
.footer-block__heading {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: #00f5ff !important;
  margin-bottom: 1.2rem !important;
  position: relative !important;
  padding-bottom: 0.5rem !important;
}

.footer-block__heading::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 30px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #00f5ff, #b44dff) !important;
}

/* Footer link hover effects */
.footer__link,
.footer-block__details-content .list-menu__item--link {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.04em !important;
  color: rgba(160,176,208,0.7) !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  padding: 4px 0 !important;
  display: inline-block !important;
}

.footer__link:hover,
.footer-block__details-content .list-menu__item--link:hover {
  color: #00f5ff !important;
  text-shadow: 0 0 10px rgba(0,245,255,0.3) !important;
  padding-left: 4px !important;
}

/* Footer social links */
.footer__list-social .list-social__link {
  color: rgba(160,176,208,0.6) !important;
  transition: all 0.3s ease !important;
}

.footer__list-social .list-social__link:hover {
  color: #00f5ff !important;
  text-shadow: 0 0 15px rgba(0,245,255,0.4) !important;
}

/* Newsletter input styling */
.newsletter-form__field-wrapper .field__input {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  background: rgba(13,13,26,0.9) !important;
  border: 1px solid rgba(0,245,255,0.25) !important;
  color: #c8d2f0 !important;
  letter-spacing: 0.04em !important;
  border-radius: 4px !important;
  padding: 14px 16px !important;
  transition: all 0.3s ease !important;
}

.newsletter-form__field-wrapper .field__input::placeholder {
  color: rgba(160,176,208,0.4) !important;
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
}

.newsletter-form__field-wrapper .field__input:focus {
  border-color: #00f5ff !important;
  box-shadow: 0 0 20px rgba(0,245,255,0.15) !important;
  outline: none !important;
}

.newsletter-form__button {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-size: 0.7rem !important;
  background: linear-gradient(135deg, #00f5ff, #0088cc) !important;
  color: #0d0d1a !important;
  border: none !important;
  border-radius: 0 4px 4px 0 !important;
  transition: all 0.3s ease !important;
}

.newsletter-form__button:hover {
  box-shadow: 0 0 20px rgba(0,245,255,0.4) !important;
}

/* Footer bottom bar */
.footer__copyright,
.footer__payment {
  color: rgba(160,176,208,0.5) !important;
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.04em !important;
}

.footer__content-bottom {
  border-top: 1px solid rgba(0,245,255,0.08) !important;
  padding-top: 1.5rem !important;
}

/* Footer store information */
.footer__column--info {
  color: rgba(160,176,208,0.6) !important;
}

/* Footer brand info */
.footer__brand-info {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
}

.footer__brand-info p {
  color: rgba(160,176,208,0.6) !important;
}

/* === Category H: Scrollbar & Misc === */

/* Custom dark scrollbar */
::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}

::-webkit-scrollbar-track {
  background: #050510 !important;
  border-left: 1px solid rgba(0,245,255,0.05) !important;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #00f5ff, #b44dff) !important;
  border-radius: 4px !important;
  border: 2px solid #050510 !important;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #00f5ff, #ff2d95) !important;
}

/* Firefox scrollbar */
* {
  scrollbar-width: thin !important;
  scrollbar-color: #00f5ff #050510 !important;
}

/* Section dividers */
.section-divider,
hr,
.shopify-section-divider {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(0,245,255,0.2), rgba(180,77,255,0.2), transparent) !important;
  margin: 0 !important;
}

/* Smooth page transitions */
body {
  transition: background-color 0.3s ease !important;
}

* {
  scroll-behavior: smooth !important;
}

/* Section spacing with subtle top border */
.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group) {
  position: relative !important;
}

.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group)::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 10% !important;
  width: 80% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(0,245,255,0.08), transparent) !important;
  pointer-events: none !important;
}

.shopify-section:not(.shopify-section-group-header-group):not(.shopify-section-group-footer-group):first-child::before {
  display: none !important;
}

/* Page background */
body,
.main-content,
#MainContent {
  background: #0a0a18 !important;
}

/* Focus ring styling */
*:focus-visible {
  outline: 2px solid #00f5ff !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(0,245,255,0.2) !important;
}

/* Loading spinner */
.loading__spinner {
  color: #00f5ff !important;
}

/* Selected text styling */
::selection {
  background: rgba(0,245,255,0.25) !important;
  color: #e8ecf8 !important;
}

/* Gradient section background for alternating sections */
.page-width {
  max-width: 1400px !important;
}

/* Background for featured product sections */
.featured-product .product__info-wrapper {
  background: transparent !important;
}

/* Rich text section styling */
.rich-text {
  background: transparent !important;
}

.rich-text__heading {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  background: linear-gradient(135deg, #00f5ff, #b44dff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.rich-text__text {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  letter-spacing: 0.04em !important;
  color: #a0b0d0 !important;
}

/* Image with text section */
.image-with-text .image-with-text__heading {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}

.image-with-text .image-with-text__text {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  letter-spacing: 0.03em !important;
  color: #a0b0d0 !important;
}

/* Multicolumn section */
.multicolumn-list__item {
  background: rgba(13,13,26,0.6) !important;
  border: 1px solid rgba(0,245,255,0.08) !important;
  border-radius: 4px !important;
  padding: 1.5rem !important;
  transition: all 0.3s ease !important;
}

.multicolumn-list__item:hover {
  border-color: rgba(0,245,255,0.25) !important;
  box-shadow: 0 0 25px rgba(0,245,255,0.05) !important;
}

.multicolumn-list__item .multicolumn-card__info h3 {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}

.multicolumn-list__item .multicolumn-card__info .rte {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  letter-spacing: 0.03em !important;
  color: #a0b0d0 !important;
}

/* Animation for fade-in sections on scroll (uses existing Shopify animation framework) */
.animate--fade-in {
  animation-duration: 0.8s !important;
  animation-timing-function: cubic-bezier(0.25,0.46,0.45,0.94) !important;
}


/* ============================================================
   TRUST BADGES SECTION
   ============================================================ */
.trust-badges-section {
  background: linear-gradient(180deg, #0a0a18 0%, #0d0d1a 100%) !important;
  padding: 3rem 0 !important;
  border-top: 1px solid rgba(0, 245, 255, 0.1) !important;
  border-bottom: 1px solid rgba(0, 245, 255, 0.1) !important;
}
.trust-badges-section .multicolumn-card {
  background: transparent !important;
  text-align: center !important;
  padding: 1.5rem !important;
  border-right: 1px solid rgba(0, 245, 255, 0.08) !important;
}
.trust-badges-section .multicolumn-card:last-child {
  border-right: none !important;
}
.trust-badges-section .multicolumn-card h3 {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  color: #00f5ff !important;
  text-transform: uppercase !important;
  margin-bottom: 0.4rem !important;
}
.trust-badges-section .multicolumn-card p {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  font-size: 0.8rem !important;
  color: rgba(200, 210, 240, 0.7) !important;
  line-height: 1.4 !important;
}
.trust-badges-section .multicolumn-card::before {
  content: '' !important;
  display: block !important;
  width: 40px !important;
  height: 3px !important;
  background: linear-gradient(90deg, #00f5ff, #b44dff) !important;
  margin: 0 auto 1rem !important;
  border-radius: 2px !important;
}

/* ============================================================
   HERO BANNER ENHANCEMENTS
   ============================================================ */
.banner::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: 
    linear-gradient(135deg, rgba(8,8,15,0.85) 0%, rgba(10,10,46,0.7) 40%, rgba(15,10,26,0.85) 100%) !important;
  z-index: 1 !important;
}
.banner::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: 
    repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,245,255,0.015) 2px, rgba(0,245,255,0.015) 4px) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
.banner__content {
  position: relative !important;
  z-index: 2 !important;
}
.banner__heading {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  font-size: clamp(2.5rem, 8vw, 5rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, #00f5ff, #b44dff, #00f5ff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  margin-bottom: 1rem !important;
}
.banner__text {
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.03em !important;
  color: rgba(200, 210, 240, 0.9) !important;
  max-width: 650px !important;
  margin: 0 auto 2rem !important;
  line-height: 1.7 !important;
}
.banner__buttons .button--primary {
  background: linear-gradient(135deg, #00f5ff, #0088cc) !important;
  border: none !important;
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  padding: 14px 32px !important;
  font-size: 0.85rem !important;
  transition: all 0.3s ease !important;
}
.banner__buttons .button--primary:hover {
  box-shadow: 0 0 30px rgba(0, 245, 255, 0.5), 0 0 60px rgba(0, 136, 204, 0.3) !important;
  transform: translateY(-2px) !important;
}
.banner__buttons .button--secondary {
  border: 2px solid rgba(0, 245, 255, 0.4) !important;
  color: #00f5ff !important;
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  padding: 14px 32px !important;
  font-size: 0.85rem !important;
}


/* ============================================
   NEONX Language Switcher — Cyberpunk Style
   ============================================ */
.neonx-lang-switcher {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: 1rem;
  z-index: 10;
}
.neonx-lang-btn {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(0, 245, 255, 0.08);
  border: 1px solid rgba(0, 245, 255, 0.3);
  color: #c8d2f0;
  padding: 0.4rem 0.75rem;
  border-radius: 4px;
  cursor: pointer;
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.neonx-lang-btn:hover {
  background: rgba(0, 245, 255, 0.15);
  border-color: rgba(0, 245, 255, 0.6);
  color: #00f5ff;
}
.neonx-lang-flag { font-size: 1rem; }
.neonx-lang-name { text-transform: uppercase; }
.neonx-lang-arrow { margin-left: 0.2rem; transition: transform 0.2s; }
.neonx-lang-btn:hover .neonx-lang-arrow { transform: rotate(180deg); }

.neonx-lang-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 0.4rem;
  background: rgba(13, 13, 26, 0.98);
  border: 1px solid rgba(0, 245, 255, 0.4);
  border-radius: 4px;
  padding: 0.3rem 0;
  list-style: none;
  min-width: 160px;
  box-shadow: 0 4px 20px rgba(0, 245, 255, 0.15), 0 0 40px rgba(0, 245, 255, 0.05);
  z-index: 100;
}
.neonx-lang-option {
  padding: 0.45rem 1rem;
  cursor: pointer;
  color: #a0b0d0;
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  transition: all 0.15s;
  white-space: nowrap;
}
.neonx-lang-option:hover {
  background: rgba(0, 245, 255, 0.1);
  color: #00f5ff;
}
.neonx-lang-option.active {
  background: rgba(0, 245, 255, 0.15);
  color: #00f5ff;
  font-weight: 600;
}

/* Mobile: smaller */
@media screen and (max-width: 749px) {
  .neonx-lang-switcher { margin-left: 0.5rem; }
  .neonx-lang-btn { padding: 0.3rem 0.5rem; font-size: 0.75rem; gap: 0.25rem; }
  .neonx-lang-name { display: none; }
  .neonx-lang-dropdown { right: auto; left: 0; min-width: 130px; }
  .neonx-lang-option { font-size: 0.75rem; padding: 0.4rem 0.75rem; }
}

/* NEONX Reviews */
.neonx-reviews-section{max-width:1200px;margin:3rem auto;padding:0 2rem}
.neonx-reviews-heading{font-family:'Orbitron','Noto Sans SC',sans-serif;font-size:1.5rem;text-transform:uppercase;letter-spacing:.1em;color:#00f5ff;border-bottom:1px solid rgba(0,245,255,.2);padding-bottom:.75rem;margin-bottom:1.5rem}
.neonx-reviews-count{font-size:.85rem;color:rgba(200,210,240,.6);font-weight:400}
.neonx-review-summary{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1rem 1.5rem;background:rgba(0,245,255,.05);border:1px solid rgba(0,245,255,.15);border-radius:6px}
.neonx-review-big-stars{font-size:1.8rem;color:#ffd700;letter-spacing:.1em}
.neonx-review-big-rating{font-family:'Rajdhani','Noto Sans SC',sans-serif;font-size:1.2rem;color:#c8d2f0;font-weight:600}
.neonx-review-source{font-family:'Rajdhani','Noto Sans SC',sans-serif;font-size:.85rem;color:rgba(160,176,208,.6)}
.neonx-reviews-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}
.neonx-review-card{background:rgba(13,13,26,.8);border:1px solid rgba(0,245,255,.12);border-radius:8px;padding:1.25rem;transition:all .3s}
.neonx-review-card:hover{border-color:rgba(0,245,255,.4);box-shadow:0 0 20px rgba(0,245,255,.08);transform:translateY(-2px)}
.neonx-review-stars{font-size:1rem;color:#ffd700;letter-spacing:.15em}
.neonx-review-stars span{font-family:'Rajdhani','Noto Sans SC',sans-serif;font-size:.8rem;color:rgba(160,176,208,.7);margin-left:.5rem}
.neonx-review-title{font-family:'Orbitron','Noto Sans SC',sans-serif;font-size:.85rem;font-weight:600;color:#c8d2f0;text-transform:uppercase;letter-spacing:.05em;margin:.3rem 0}
.neonx-review-body{font-family:'Rajdhani','Noto Sans SC',sans-serif;font-size:.9rem;line-height:1.5;color:rgba(180,190,210,.85);margin-bottom:.75rem}
.neonx-review-footer{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.75rem}
.neonx-review-author{font-family:'Orbitron','Noto Sans SC',sans-serif;color:#00f5ff;font-weight:500;letter-spacing:.05em}
.neonx-review-badge{background:rgba(255,153,0,.15);color:#ff9900;padding:.15rem .5rem;border-radius:3px;font-family:'Rajdhani','Noto Sans SC',sans-serif;font-size:.7rem;font-weight:600}
@media(max-width:749px){.neonx-reviews-section{padding:0 1rem}.neonx-reviews-list{grid-template-columns:1fr}}


/* ============================================
   NEONX Urgency + Trust Elements
   ============================================ */
.neonx-urgency-trust {
  max-width: 600px;
  margin: 1.5rem 0;
}
/* Discount Banner */
.neonx-discount-banner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, rgba(255, 51, 51, 0.12), rgba(180, 77, 255, 0.08));
  border: 1px solid rgba(255, 51, 51, 0.3);
  border-radius: 6px;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.neonx-discount-icon { font-size: 1.2rem; }
.neonx-discount-text {
  font-family: 'Orbitron', 'Noto Sans SC', sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  color: #ff4444;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.neonx-discount-prices { margin-left: auto; display: flex; gap: 0.5rem; align-items: center; }
.neonx-price-now {
  font-family: 'Space Grotesk', 'Noto Sans SC', monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #00f5ff;
}
.neonx-price-was {
  font-family: 'Space Grotesk', 'Noto Sans SC', monospace;
  font-size: 0.85rem;
  color: rgba(160, 176, 208, 0.5);
  text-decoration: line-through;
}
/* Stock Alert */
.neonx-stock-alert {
  padding: 0.6rem 1rem;
  border-radius: 4px;
  margin-bottom: 0.75rem;
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
}
.neonx-stock-low {
  background: rgba(255, 140, 0, 0.1);
  border: 1px solid rgba(255, 140, 0, 0.3);
  color: #ff8c00;
}
.neonx-stock-ok {
  background: rgba(0, 255, 100, 0.06);
  border: 1px solid rgba(0, 255, 100, 0.15);
  color: rgba(0, 255, 100, 0.8);
}
.neonx-stock-bar {
  height: 3px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  margin-top: 0.4rem;
}
.neonx-stock-low .neonx-stock-fill {
  height: 100%;
  background: linear-gradient(90deg, #ff4444, #ff8c00);
  border-radius: 2px;
  transition: width 0.5s;
}
/* Trust Row */
.neonx-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 0.6rem;
}
.neonx-trust-item {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.65rem;
  background: rgba(0, 245, 255, 0.04);
  border: 1px solid rgba(0, 245, 255, 0.1);
  border-radius: 4px;
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif;
  font-size: 0.78rem;
  color: rgba(180, 196, 220, 0.8);
  font-weight: 500;
}
.neonx-trust-icon { font-size: 0.85rem; }
/* Social Proof */
.neonx-social-proof {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0;
  font-family: 'Rajdhani', 'Noto Sans SC', sans-serif;
  font-size: 0.82rem;
  color: rgba(160, 176, 208, 0.7);
}
.neonx-social-proof strong {
  color: #00f5ff;
  font-weight: 600;
}
.neonx-proof-divider {
  color: rgba(160, 176, 208, 0.3);
}
@media(max-width:749px) {
  .neonx-discount-banner { gap: 0.4rem; }
  .neonx-discount-prices { margin-left: 0; width: 100%; justify-content: flex-end; margin-top: 0.3rem; }
  .neonx-trust-row { gap: 0.4rem; }
  .neonx-trust-item { font-size: 0.7rem; padding: 0.3rem 0.5rem; }
}

/* ============================================
   NEONX Urgency + Trust Elements v2
   ============================================ */
.neonx-urgency-trust {
  width: 100%;
  margin: 0.5rem 0 1rem 0;
}

/* Discount Banner */
.neonx-discount-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.7rem 1.2rem;
  background: linear-gradient(135deg, rgba(255,51,51,0.1), rgba(255,51,51,0.03));
  border: 1px solid rgba(255,51,51,0.25);
  border-radius: 6px;
  margin-bottom: 0.6rem;
  flex-wrap: wrap;
  text-align: center;
}
.neonx-discount-icon { font-size: 1.1rem; flex-shrink: 0; }
.neonx-discount-text {
  font-family: 'Orbitron','Noto Sans SC',sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  color: #ff4444;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.neonx-discount-prices {
  display: flex;
  gap: 0.6rem;
  align-items: baseline;
}
.neonx-price-now {
  font-family: 'Space Grotesk','Noto Sans SC',monospace;
  font-size: 1.15rem;
  font-weight: 700;
  color: #00f5ff;
}
.neonx-price-was {
  font-family: 'Space Grotesk','Noto Sans SC',monospace;
  font-size: 0.8rem;
  color: rgba(160,176,208,0.45);
  text-decoration: line-through;
}

/* Stock Alert */
.neonx-stock-alert {
  text-align: center;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  margin-bottom: 0.6rem;
  font-family: 'Rajdhani','Noto Sans SC',sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
}
.neonx-stock-low {
  background: rgba(255,140,0,0.08);
  border: 1px solid rgba(255,140,0,0.25);
  color: #ff8c00;
}
.neonx-stock-ok {
  background: rgba(0,255,100,0.05);
  border: 1px solid rgba(0,255,100,0.12);
  color: rgba(0,255,100,0.75);
}
.neonx-stock-bar {
  height: 3px;
  background: rgba(255,255,255,0.08);
  border-radius: 2px;
  margin: 0.4rem auto 0;
  max-width: 200px;
}
.neonx-stock-low .neonx-stock-fill {
  height: 100%;
  background: linear-gradient(90deg,#ff4444,#ff8c00);
  border-radius: 2px;
}

/* Trust Row - centered, clean grid */
.neonx-trust-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.8rem 0;
}
.neonx-trust-item {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.8rem;
  background: rgba(0,245,255,0.03);
  border: 1px solid rgba(0,245,255,0.1);
  border-radius: 5px;
  font-family: 'Rajdhani','Noto Sans SC',sans-serif;
  font-size: 0.78rem;
  color: rgba(180,196,220,0.8);
  font-weight: 500;
  transition: all 0.2s;
}
.neonx-trust-item:hover {
  border-color: rgba(0,245,255,0.25);
  background: rgba(0,245,255,0.06);
}
.neonx-trust-icon { font-size: 0.9rem; flex-shrink: 0; }

@media(max-width:749px) {
  .neonx-discount-banner { flex-direction: column; gap: 0.3rem; padding: 0.6rem 0.8rem; }
  .neonx-discount-text { font-size: 0.72rem; }
  .neonx-trust-row { gap: 0.35rem; }
  .neonx-trust-item { font-size: 0.7rem; padding: 0.3rem 0.55rem; }
}

/* neonx-update-20260605 */