<style>*,
:before,
:after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}

*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb
}

:before,
:after {
  --tw-content: ""
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: Karla, sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent
}

body {
  margin: 0;
  line-height: inherit
}

*,
body {
  font-family: Karla, sans-serif
}

@media (max-width: 639px) {
  * {
    -ms-overflow-style: none;
    scrollbar-width: none
  }

  body,
  html {
    overflow-x: hidden;
    overflow-y: auto
  }
}

</style><link rel="stylesheet" href="product_files/styles-V3NZZV64.css" media="all" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-V3NZZV64.css"></noscript><style>.app-root-layout[_ngcontent-ng-c267844007] {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0
}

.app-main-content[_ngcontent-ng-c267844007] {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0
}

app-header[_ngcontent-ng-c267844007] {
  flex-shrink: 0;
  width: 100%;
  margin: 0;
  padding: 0
}

app-footer[_ngcontent-ng-c267844007] {
  flex-shrink: 0;
  width: 100%;
  margin: 0;
  padding: 0
}

</style><style>.toast-container[_ngcontent-ng-c2646380782] {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  max-width: 350px;
  width: 100%
}

.toast-item[_ngcontent-ng-c2646380782] {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 25px #00000026;
  margin-bottom: 12px;
  overflow: hidden;
  position: relative;
  animation: _ngcontent-ng-c2646380782_slideInRight .3s ease-out;
  border-left: 4px solid
}

.toast-item.success[_ngcontent-ng-c2646380782] {
  border-left-color: #10b981
}

.toast-item.error[_ngcontent-ng-c2646380782] {
  border-left-color: #ef4444
}

.toast-item.warning[_ngcontent-ng-c2646380782] {
  border-left-color: #f59e0b
}

.toast-item.info[_ngcontent-ng-c2646380782] {
  border-left-color: #3b82f6
}

.toast-content[_ngcontent-ng-c2646380782] {
  display: flex;
  align-items: flex-start;
  padding: 16px;
  gap: 12px
}

.toast-icon[_ngcontent-ng-c2646380782] {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center
}

.toast-svg[_ngcontent-ng-c2646380782] {
  width: 20px;
  height: 20px
}

.toast-svg.success[_ngcontent-ng-c2646380782] {
  color: #10b981
}

.toast-svg.error[_ngcontent-ng-c2646380782] {
  color: #ef4444
}

.toast-svg.warning[_ngcontent-ng-c2646380782] {
  color: #f59e0b
}

.toast-svg.info[_ngcontent-ng-c2646380782] {
  color: #3b82f6
}

.toast-message[_ngcontent-ng-c2646380782] {
  flex: 1;
  min-width: 0
}

.toast-message[_ngcontent-ng-c2646380782] p[_ngcontent-ng-c2646380782] {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  line-height: 1.4;
  word-wrap: break-word
}

.toast-close[_ngcontent-ng-c2646380782] {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s ease
}

.toast-close[_ngcontent-ng-c2646380782]:hover {
  background: #f3f4f6;
  color: #6b7280
}

.toast-close[_ngcontent-ng-c2646380782] svg[_ngcontent-ng-c2646380782] {
  width: 16px;
  height: 16px
}

.toast-progress[_ngcontent-ng-c2646380782] {
  height: 3px;
  width: 100%;
  background: #e5e7eb;
  position: absolute;
  bottom: 0;
  left: 0;
  animation: _ngcontent-ng-c2646380782_progressShrink 3s linear forwards
}

.progress-success[_ngcontent-ng-c2646380782] {
  background: #10b981
}

.progress-error[_ngcontent-ng-c2646380782] {
  background: #ef4444
}

.progress-warning[_ngcontent-ng-c2646380782] {
  background: #f59e0b
}

.progress-info[_ngcontent-ng-c2646380782] {
  background: #3b82f6
}

@keyframes _ngcontent-ng-c2646380782_slideInRight {
  0% {
    transform: translate(100%);
    opacity: 0
  }

  to {
    transform: translate(0);
    opacity: 1
  }
}

@keyframes _ngcontent-ng-c2646380782_slideOutRight {
  0% {
    transform: translate(0);
    opacity: 1
  }

  to {
    transform: translate(100%);
    opacity: 0
  }
}

@keyframes _ngcontent-ng-c2646380782_progressShrink {
  0% {
    width: 100%
  }

  to {
    width: 0%
  }
}

.toast-item.removing[_ngcontent-ng-c2646380782] {
  animation: _ngcontent-ng-c2646380782_slideOutRight .3s ease-in forwards
}

@media (max-width: 480px) {
  .toast-container[_ngcontent-ng-c2646380782] {
    right: 10px;
    left: 10px;
    max-width: none
  }

  .toast-item[_ngcontent-ng-c2646380782] {
    margin-bottom: 8px
  }

  .toast-content[_ngcontent-ng-c2646380782] {
    padding: 12px
  }

  .toast-message[_ngcontent-ng-c2646380782] p[_ngcontent-ng-c2646380782] {
    font-size: 13px
  }
}

</style><style>header[_ngcontent-ng-c1515649279] {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  display: block
}

.mobile-menu-enter[_ngcontent-ng-c1515649279] {
  opacity: 0;
  transform: translate(-100%)
}

.mobile-menu-enter-active[_ngcontent-ng-c1515649279] {
  opacity: 1;
  transform: translate(0);
  transition: opacity .3s ease-out, transform .3s ease-out
}

.mobile-menu-exit[_ngcontent-ng-c1515649279] {
  opacity: 1;
  transform: translate(0)
}

.mobile-menu-exit-active[_ngcontent-ng-c1515649279] {
  opacity: 0;
  transform: translate(-100%);
  transition: opacity .3s ease-in, transform .3s ease-in
}

.backdrop-enter[_ngcontent-ng-c1515649279] {
  opacity: 0
}

.backdrop-enter-active[_ngcontent-ng-c1515649279] {
  opacity: 1;
  transition: opacity .3s ease-out
}

.backdrop-exit[_ngcontent-ng-c1515649279] {
  opacity: 1
}

.backdrop-exit-active[_ngcontent-ng-c1515649279] {
  opacity: 0;
  transition: opacity .3s ease-in
}

.mobile-menu[_ngcontent-ng-c1515649279] {
  transform: translate(-100%);
  transition: transform .3s ease-in-out
}

.mobile-menu.open[_ngcontent-ng-c1515649279] {
  transform: translate(0)
}

.mobile-menu-overlay[_ngcontent-ng-c1515649279] {
  z-index: 9999
}

.mobile-menu-sidebar[_ngcontent-ng-c1515649279] {
  z-index: 10000
}

.neon-header-bg[_ngcontent-ng-c1515649279] {
  background: linear-gradient(135deg, #000, #0a0010, #000015) !important;
  border-bottom: 2px solid #9d00ff !important;
  box-shadow: 0 0 15px #9d00ff66, 0 0 30px #9d00ff33 !important
}

.navbar-wrapper[_ngcontent-ng-c1515649279] {
  background: linear-gradient(135deg, #0a001f, #000015) !important
}

.neon-nav-bar[_ngcontent-ng-c1515649279] {
  background: linear-gradient(135deg, #0a001f, #000015) !important;
  border-bottom: 2px solid #00FFFF !important;
  box-shadow: 0 0 10px #00ffff4d, 0 0 20px #00ffff1a !important
}

.navbar-wrapper[_ngcontent-ng-c1515649279]>div[_ngcontent-ng-c1515649279],
.neon-nav-bar[_ngcontent-ng-c1515649279]>div[_ngcontent-ng-c1515649279],
.neon-nav-bar[_ngcontent-ng-c1515649279]>div[_ngcontent-ng-c1515649279]>div[_ngcontent-ng-c1515649279] {
  background-color: transparent !important
}

.neon-text-white[_ngcontent-ng-c1515649279] {
  color: #fff;
  text-shadow: 0 0 5px #00FFFF, 0 0 10px #00FFFF
}

.neon-text-logo[_ngcontent-ng-c1515649279] {
  color: #0ff;
  text-shadow: 0 0 5px #000000, 0 0 10px #2a7c7c, 0 0 15px #00FFFF
}

.neon-text-subtitle[_ngcontent-ng-c1515649279] {
  color: #f3c;
  text-shadow: 0 0 5px #FF33CC, 0 0 10px #FF33CC
}

.neon-icon[_ngcontent-ng-c1515649279] {
  color: #0ff;
  filter: drop-shadow(0 0 3px #00FFFF);
  transition: all .3s ease
}

.neon-icon[_ngcontent-ng-c1515649279]:hover {
  color: #f3c;
  filter: drop-shadow(0 0 5px #FF33CC)
}

.neon-cart-badge[_ngcontent-ng-c1515649279] {
  background: linear-gradient(135deg, #f3c, #9d00ff);
  color: #fff;
  text-shadow: 0 0 5px rgba(255, 255, 255, .8);
  box-shadow: 0 0 10px #f3c9, 0 0 20px #9d00ff66
}

.neon-button-header[_ngcontent-ng-c1515649279] {
  background: linear-gradient(135deg, #00ffff1a, #9d00ff1a);
  border: 2px solid #00FFFF;
  color: #0ff;
  text-shadow: 0 0 5px #223636;
  box-shadow: 0 0 10px #00ffff4d, inset 0 0 10px #00ffff1a;
  transition: all .3s ease
}

.neon-button-header[_ngcontent-ng-c1515649279]:hover {
  background: linear-gradient(135deg, #0ff3, #9d00ff33);
  box-shadow: 0 0 15px #0ff9, 0 0 30px #0ff6, inset 0 0 15px #0ff3;
  transform: translateY(-2px)
}

.mobile-menu-sidebar[_ngcontent-ng-c1515649279] {
  background: linear-gradient(135deg, #0a001f, #000015) !important;
  border-right: 2px solid #FF33CC !important;
  box-shadow: 0 0 20px #f3c6, inset 0 0 20px #00000080 !important
}

.mobile-menu-sidebar[_ngcontent-ng-c1515649279] ul[_ngcontent-ng-c1515649279],
.mobile-menu-sidebar[_ngcontent-ng-c1515649279] li[_ngcontent-ng-c1515649279],
.mobile-menu-header[_ngcontent-ng-c1515649279],
.mobile-menu-nav[_ngcontent-ng-c1515649279],
.mobile-menu-nav[_ngcontent-ng-c1515649279] ul[_ngcontent-ng-c1515649279] li[_ngcontent-ng-c1515649279] {
  background-color: transparent !important
}

.mobile-menu-nav[_ngcontent-ng-c1515649279] ul[_ngcontent-ng-c1515649279] li[_ngcontent-ng-c1515649279] a[_ngcontent-ng-c1515649279],
.mobile-menu-nav[_ngcontent-ng-c1515649279] ul[_ngcontent-ng-c1515649279] li[_ngcontent-ng-c1515649279] button[_ngcontent-ng-c1515649279] {
  background-color: transparent !important;
  background-image: none !important
}

.mobile-menu-nav[_ngcontent-ng-c1515649279] ul[_ngcontent-ng-c1515649279] li[_ngcontent-ng-c1515649279] a[_ngcontent-ng-c1515649279]:hover,
.mobile-menu-nav[_ngcontent-ng-c1515649279] ul[_ngcontent-ng-c1515649279] li[_ngcontent-ng-c1515649279] button[_ngcontent-ng-c1515649279]:hover {
  background-image: linear-gradient(90deg, #00ffff1a, #ff33cc1a) !important
}

.mobile-menu-overlay[_ngcontent-ng-c1515649279] .fixed.inset-0[_ngcontent-ng-c1515649279] {
  background: #000c;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px)
}

.mobile-menu-item[_ngcontent-ng-c1515649279] {
  color: #0ff;
  text-shadow: 0 0 5px #00FFFF;
  transition: all .3s ease
}

.mobile-menu-item[_ngcontent-ng-c1515649279]:hover {
  background: linear-gradient(90deg, #00ffff1a, #ff33cc1a) !important;
  background-color: transparent !important;
  color: #f3c !important;
  text-shadow: 0 0 5px #FF33CC, 0 0 10px #FF33CC;
  box-shadow: 0 0 10px #ff33cc4d, inset 0 0 10px #ff33cc1a !important
}

.mobile-menu-close[_ngcontent-ng-c1515649279] {
  color: #f3c;
  filter: drop-shadow(0 0 3px #FF33CC);
  transition: all .3s ease
}

.mobile-menu-close[_ngcontent-ng-c1515649279]:hover {
  color: #0ff;
  filter: drop-shadow(0 0 5px #00FFFF)
}

.neon-nav-link[_ngcontent-ng-c1515649279] {
  color: #0ff;
  text-shadow: 0 0 5px #00FFFF;
  transition: all .3s ease;
  position: relative
}

.neon-nav-link[_ngcontent-ng-c1515649279]:hover {
  color: #f3c;
  text-shadow: 0 0 5px #FF33CC, 0 0 10px #FF33CC
}

.neon-nav-link[_ngcontent-ng-c1515649279]:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #0ff, #f3c);
  box-shadow: 0 0 5px #f3c;
  transition: width .3s ease
}

.neon-nav-link[_ngcontent-ng-c1515649279]:hover:after {
  width: 100%
}

.neon-dropdown[_ngcontent-ng-c1515649279] {
  background: linear-gradient(135deg, #0a001f, #000015);
  border: 2px solid #00FFFF;
  box-shadow: 0 0 20px #0ff6, 0 0 40px #0ff3, inset 0 0 20px #00000080
}

.neon-dropdown-item[_ngcontent-ng-c1515649279] {
  color: #0ff;
  text-shadow: 0 0 3px #00FFFF;
  border-bottom: 1px solid rgba(0, 255, 255, .2);
  transition: all .3s ease
}

.neon-dropdown-item[_ngcontent-ng-c1515649279]:hover {
  background: linear-gradient(90deg, #00ffff1a, #ff33cc1a);
  color: #f3c;
  text-shadow: 0 0 5px #FF33CC, 0 0 10px #FF33CC;
  box-shadow: 0 0 10px #ff33cc4d, inset 0 0 10px #ff33cc1a
}

body.menu-open[_ngcontent-ng-c1515649279] {
  overflow: hidden
}

.mobile-menu-nav[_ngcontent-ng-c1515649279] {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  overscroll-behavior: contain
}

.mobile-menu-nav[_ngcontent-ng-c1515649279] ul[_ngcontent-ng-c1515649279] {
  padding-bottom: 2rem
}

@supports (-webkit-touch-callout: none) {
  .mobile-menu-nav[_ngcontent-ng-c1515649279] {
    -webkit-overflow-scrolling: touch
  }
}

.mobile-menu-nav[_ngcontent-ng-c1515649279] {
  padding: 1rem
}

.mobile-menu-nav[_ngcontent-ng-c1515649279] ul[_ngcontent-ng-c1515649279] {
  padding-bottom: 1rem
}

.mobile-menu-header[_ngcontent-ng-c1515649279] {
  padding: 1rem;
  border-bottom: 1px solid rgba(0, 255, 255, .2)
}

.mobile-menu-nav[_ngcontent-ng-c1515649279] li[_ngcontent-ng-c1515649279] a[_ngcontent-ng-c1515649279],
.mobile-menu-nav[_ngcontent-ng-c1515649279] li[_ngcontent-ng-c1515649279] button[_ngcontent-ng-c1515649279] {
  padding: .5rem .75rem !important;
  font-size: .875rem !important
}

.mobile-menu-nav[_ngcontent-ng-c1515649279] ul[_ngcontent-ng-c1515649279] ul[_ngcontent-ng-c1515649279] {
  margin-left: .75rem !important
}

.mobile-menu-nav[_ngcontent-ng-c1515649279] ul[_ngcontent-ng-c1515649279] ul[_ngcontent-ng-c1515649279] li[_ngcontent-ng-c1515649279] a[_ngcontent-ng-c1515649279] {
  padding: .375rem .5rem !important;
  font-size: .8rem !important
}

</style><style>footer[_ngcontent-ng-c2411531869] {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  display: block
}

.neon-footer-bg[_ngcontent-ng-c2411531869] {
  background: linear-gradient(135deg, #000, #0a0010, #000015);
  border-top: 2px solid #9d00ff;
  box-shadow: 0 0 15px #9d00ff66, 0 0 30px #9d00ff33, inset 0 0 20px #00000080;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%
}

.neon-footer-border[_ngcontent-ng-c2411531869] {
  border-top: 1px solid rgba(0, 255, 255, .3);
  box-shadow: 0 0 10px #0ff3
}

.neon-text-footer[_ngcontent-ng-c2411531869] {
  color: #0ff;
  text-shadow: 0 0 5px #00FFFF, 0 0 10px #00FFFF
}

.neon-text-footer-sub[_ngcontent-ng-c2411531869] {
  color: rgb(23, 66, 83);
  text-shadow: 0 0 3px #FF33CC, 0 0 6px #FF33CC
}

.neon-text-footer-link[_ngcontent-ng-c2411531869] {
  color: #0ff;
  text-shadow: 0 0 3px #00FFFF;
  transition: all .3s ease
}

.neon-text-footer-link[_ngcontent-ng-c2411531869]:hover {
  color: #f3c;
  text-shadow: 0 0 5px #FF33CC, 0 0 10px #FF33CC
}

.neon-social-icon[_ngcontent-ng-c2411531869] {
  color: #0ff;
  filter: drop-shadow(0 0 3px #132222);
  transition: all .3s ease
}

.neon-social-icon[_ngcontent-ng-c2411531869]:hover {
  color: #f3c;
  filter: drop-shadow(0 0 5px #FF33CC);
  transform: scale(1.2)
}

.neon-telegram-button[_ngcontent-ng-c2411531869] {
  background: linear-gradient(135deg, #0ff, #9d00ff);
  color: #000;
  box-shadow: 0 0 20px #0ff9, 0 0 40px #9d00ff66, inset 0 0 20px #fff3;
  transition: all .3s ease
}

.neon-telegram-button[_ngcontent-ng-c2411531869]:hover {
  background: linear-gradient(135deg, #f3c, #0ff);
  box-shadow: 0 0 30px #f3cc, 0 0 60px #0ff9, inset 0 0 30px #ffffff4d;
  transform: scale(1.1)
}

.py-4[_ngcontent-ng-c2411531869] {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.px-4[_ngcontent-ng-c2411531869] {
  padding-left: 1rem;
  padding-right: 1rem
}

.mb-3[_ngcontent-ng-c2411531869] {
  margin-bottom: .75rem
}

.space-x-2[_ngcontent-ng-c2411531869]>*[_ngcontent-ng-c2411531869]+*[_ngcontent-ng-c2411531869] {
  margin-left: .5rem
}

.space-x-4[_ngcontent-ng-c2411531869]>*[_ngcontent-ng-c2411531869]+*[_ngcontent-ng-c2411531869] {
  margin-left: 1rem
}

.space-y-2[_ngcontent-ng-c2411531869]>*[_ngcontent-ng-c2411531869]+*[_ngcontent-ng-c2411531869] {
  margin-top: .5rem
}

.max-w-7xl[_ngcontent-ng-c2411531869] {
  max-width: 80rem
}

.mx-auto[_ngcontent-ng-c2411531869] {
  margin-left: auto;
  margin-right: auto
}

.flex[_ngcontent-ng-c2411531869] {
  display: flex
}

.flex-col[_ngcontent-ng-c2411531869] {
  flex-direction: column
}

.items-center[_ngcontent-ng-c2411531869] {
  align-items: center
}

.justify-between[_ngcontent-ng-c2411531869] {
  justify-content: space-between
}

.text-center[_ngcontent-ng-c2411531869] {
  text-align: center
}

.text-left[_ngcontent-ng-c2411531869] {
  text-align: left
}

.text-sm[_ngcontent-ng-c2411531869] {
  font-size: .875rem;
  line-height: 1.25rem
}

.block[_ngcontent-ng-c2411531869] {
  display: block
}

ul[_ngcontent-ng-c2411531869] {
  list-style: none;
  padding: 0;
  margin: 0
}

@media (min-width: 768px) {
  .md\:flex-row[_ngcontent-ng-c2411531869] {
    flex-direction: row
  }

  .md\:mb-0[_ngcontent-ng-c2411531869] {
    margin-bottom: 0
  }

  .md\:space-y-0[_ngcontent-ng-c2411531869] {
    margin-top: 0
  }

  .md\:space-x-4[_ngcontent-ng-c2411531869]>*[_ngcontent-ng-c2411531869]+*[_ngcontent-ng-c2411531869] {
    margin-left: 1rem
  }

  .md\:text-left[_ngcontent-ng-c2411531869] {
    text-align: left
  }
}

</style><style>.min-h-screen[_ngcontent-ng-c1353860128] {
  background: linear-gradient(135deg, #000, #0a0010, #000015);
  min-height: 100vh
}

.neon-border[_ngcontent-ng-c1353860128] {
  border: 2px solid;
  border-image: linear-gradient(135deg, #0ff, #f3c, #9d00ff) 1;
  box-shadow: 0 0 10px #00ffff80, 0 0 20px #ff33cc4d, inset 0 0 10px #9d00ff1a
}

.neon-border-cyan[_ngcontent-ng-c1353860128] {
  border: 2px solid #00FFFF;
  box-shadow: 0 0 10px #0ff9, 0 0 20px #0ff6, inset 0 0 10px #00ffff1a
}

.neon-border-pink[_ngcontent-ng-c1353860128] {
  border: 2px solid #581b49;
  box-shadow: 0 0 10px #f3c9, 0 0 20px #f3c6, inset 0 0 10px #ff33cc1a
}

.neon-text[_ngcontent-ng-c1353860128] {
  color: rgb(5, 122, 122);
  text-shadow: 0 0 5px #0b6363, 0 0 10px #096161, 0 0 15px #1d2b2b, 0 0 20px #0d1f1f
}

.neon-text-pink[_ngcontent-ng-c1353860128] {
  color: rgb(18, 150, 95);
  text-shadow: 0 0 5px #244e63, 0 0 10px #241a21, 0 0 15px #24302e
}

.neon-text-purple[_ngcontent-ng-c1353860128] {
  color: #490b70;
  text-shadow: 0 0 5px #6d7e7e, 0 0 10px #402f4b, 0 0 15px #291d30
}

.neon-button[_ngcontent-ng-c1353860128] {
  background: linear-gradient(135deg, #0ffc, #9d00ffcc) !important;
  border: 3px solid #00FFFF !important;
  color: #0ff !important;
  text-shadow: 0 0 10px #213535, 0 0 20px #1f2e2e, 0 0 30px #263333 !important;
  transition: all .3s ease;
  box-shadow: 0 0 25px rgb(26, 32, 32), 0 0 50px #0b1313e6, 0 0 75px #00ffffb3, inset 0 0 25px #0ff6 !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px)
}

.neon-button[_ngcontent-ng-c1353860128]:hover:not(:disabled) {
  background: linear-gradient(135deg, #00ffffe6, #9d00ffe6) !important;
  box-shadow: 0 0 30px #0ff, 0 0 60px #00ffffe6, 0 0 90px #00ffffb3, inset 0 0 30px #00ffff80 !important;
  transform: translateY(-2px)
}

.neon-button[_ngcontent-ng-c1353860128]:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 0 15px #00ffffb3, 0 0 30px #00ffff80, inset 0 0 15px #00ffff4d !important
}

.neon-button[_ngcontent-ng-c1353860128]:disabled {
  opacity: .5 !important;
  cursor: not-allowed;
  border-color: #00ffff80 !important;
  box-shadow: 0 0 5px #00ffff4d, inset 0 0 5px #00ffff0d !important
}

.neon-card[_ngcontent-ng-c1353860128] {
  background: linear-gradient(135deg, #0a001f, #000015) !important;
  border: 2px solid #00FFFF;
  box-shadow: 0 0 15px #0ff6, 0 0 30px #0ff3, inset 0 0 15px #00000080;
  border-radius: .75rem
}

.neon-quantity-button[_ngcontent-ng-c1353860128] {
  background: linear-gradient(135deg, #0ff3, #9d00ff33) !important;
  border: 2px solid #00FFFF !important;
  color: #0ff !important;
  text-shadow: 0 0 5px #00FFFF !important;
  box-shadow: 0 0 10px #00ffff4d, inset 0 0 10px #00ffff1a !important;
  transition: all .3s ease
}

.neon-quantity-button[_ngcontent-ng-c1353860128]:hover:not(:disabled) {
  background: linear-gradient(135deg, #00ffff4d, #9d00ff4d) !important;
  box-shadow: 0 0 15px #0ff9, 0 0 30px #0ff6, inset 0 0 15px #0ff3 !important;
  transform: translateY(-2px)
}

.neon-quantity-button[_ngcontent-ng-c1353860128]:disabled {
  opacity: .3 !important;
  cursor: not-allowed
}

.neon-badge[_ngcontent-ng-c1353860128] {
  background: linear-gradient(135deg, #f3c, #9d00ff);
  color: #fff;
  text-shadow: 0 0 5px rgba(255, 255, 255, .8);
  box-shadow: 0 0 10px #f3c9, 0 0 20px #9d00ff66
}

.neon-spinner[_ngcontent-ng-c1353860128] {
  border: 3px solid rgba(0, 255, 255, .3);
  border-top: 3px solid #00FFFF;
  box-shadow: 0 0 10px #00ffff80
}

.text-red-400[_ngcontent-ng-c1353860128] {
  color: #f44;
  text-shadow: 0 0 5px #ff4444, 0 0 10px #ff4444, 0 0 15px #ff4444
}

.text-green-400[_ngcontent-ng-c1353860128] {
  color: #4f4;
  text-shadow: 0 0 5px #44ff44, 0 0 10px #44ff44, 0 0 15px #44ff44
}

.neon-image-container[_ngcontent-ng-c1353860128] {
  border: 2px solid #00FFFF;
  box-shadow: 0 0 15px #00ffff80, 0 0 30px #00ffff4d, inset 0 0 15px #00000080;
  border-radius: .5rem;
  overflow: hidden
}

.neon-breadcrumb[_ngcontent-ng-c1353860128] {
  color: #0ff;
  text-shadow: 0 0 5px #00FFFF;
  transition: all .3s ease
}

.neon-breadcrumb[_ngcontent-ng-c1353860128]:hover {
  color: #f3c;
  text-shadow: 0 0 5px #FF33CC, 0 0 10px #FF33CC
}

.neon-total-box[_ngcontent-ng-c1353860128] {
  background: linear-gradient(135deg, #00ffff1a, #9d00ff1a) !important;
  border: 2px solid #00FFFF;
  box-shadow: 0 0 15px #0ff6, inset 0 0 15px #00ffff1a;
  border-radius: .5rem
}

@media (max-width: 640px) {

  .neon-button[_ngcontent-ng-c1353860128],
  .neon-quantity-button[_ngcontent-ng-c1353860128] {
    min-height: 44px;
    min-width: 44px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent
  }
}

button[_ngcontent-ng-c1353860128] {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  min-height: 44px
}

button[_ngcontent-ng-c1353860128]:active {
  transform: scale(.98);
  transition: transform .1s
}

button[_ngcontent-ng-c1353860128]:not(:disabled) {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}

</style>
/* Custom CSS styling ....*/

<style>

/* Basic neon glow text */
.neon-text {
  color: #0ff;
  /* cyan glow */
  text-shadow:
    0 0 5px #0ff,
    0 0 10px #0ff,
    0 0 20px #0ff,
    0 0 40px #0ff;
  font-weight: bold;
}

.neon-text-pink {
  color: #ce08ce;
  text-shadow:
    0 0 5px #c917c9,
    0 0 10px #3d1d3d,
    0 0 20px #ff00ff,
    0 0 40px #ff00ff;
}

.neon-text-purple {
  color: #8613c9;
  text-shadow:
    0 0 5px #a020f0,
    0 0 10px #a020f0,
    0 0 20px #a020f0,
    0 0 40px #a020f0;
}

/* Neon glow button effect */
.neon-quantity-button {
  background-color: #41183e;
  border: 2px solid #0ff;
  color: #0ff;
  transition: all 0.2s;
}

.neon-quantity-button:hover {
  box-shadow:
    0 0 5px #0ff,
    0 0 10px #0ff,
    0 0 20px #0ff,
    0 0 40px #0ff;
}

/* Quantity number (the increasing digit) */
#quantity {
  color: #0ff;
  /* cyan color */
  text-shadow: 0 0 5px #0ff, 0 0 10px #0ff;
  font-weight: bold;
}

.text-lg {
  color: #0ff;
  /* cyan color */
  text-shadow: 0 0 5px #0ff, 0 0 10px #0ff;
  font-weight: bold;
}