.elementor-kit-14{--e-global-color-primary:#EC0089;--e-global-color-secondary:#00D0FF;--e-global-color-text:#000000;--e-global-color-accent:#ADFF2F;--e-global-color-22f3f79:#FFFFFF;--e-global-typography-primary-font-family:"Russo One";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Russo One";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Michroma";--e-global-typography-accent-font-weight:500;background-color:#F2F2F2;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-14 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Base styles and keyframe animations */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');

@keyframes neon-rainbow-shadow-4 {
  0%, 100% { filter: drop-shadow(0 0 5px #ffd700) drop-shadow(0 0 10px #ffd700) drop-shadow(0 0 15px #ffd700); }
  20% { filter: drop-shadow(0 0 5px #4169e1) drop-shadow(0 0 10px #4169e1) drop-shadow(0 0 15px #4169e1); }
  40% { filter: drop-shadow(0 0 5px #ff1493) drop-shadow(0 0 10px #ff1493) drop-shadow(0 0 15px #ff1493); }
  60% { filter: drop-shadow(0 0 5px #00fa9a) drop-shadow(0 0 10px #00fa9a) drop-shadow(0 0 15px #00fa9a); }
  80% { filter: drop-shadow(0 0 5px #ff4500) drop-shadow(0 0 10px #ff4500) drop-shadow(0 0 15px #ff4500); }
}

@keyframes wave-rotate-4 {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-3px) rotate(2deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(3px) rotate(-2deg); }
}

@keyframes neon-rainbow-shadow-5 {
  0%, 100% { filter: drop-shadow(0 0 5px #00ffff) drop-shadow(0 0 10px #00ffff) drop-shadow(0 0 15px #00ffff); }
  20% { filter: drop-shadow(0 0 5px #ff1493) drop-shadow(0 0 10px #ff1493) drop-shadow(0 0 15px #ff1493); }
  40% { filter: drop-shadow(0 0 5px #ffff00) drop-shadow(0 0 10px #ffff00) drop-shadow(0 0 15px #ffff00); }
  60% { filter: drop-shadow(0 0 5px #7b68ee) drop-shadow(0 0 10px #7b68ee) drop-shadow(0 0 15px #7b68ee); }
  80% { filter: drop-shadow(0 0 5px #00ff7f) drop-shadow(0 0 10px #00ff7f) drop-shadow(0 0 15px #00ff7f); }
}

@keyframes wave-rotate-5 {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-3px) rotate(2deg); }
  50% { transform: translateY(0) rotate(-2deg); }
  75% { transform: translateY(3px) rotate(1deg); }
}

@keyframes neon-rainbow-shadow {
  0%, 100% { filter: drop-shadow(0 0 5px #ff00de) drop-shadow(0 0 10px #ff00de) drop-shadow(0 0 15px #ff00de); }
  16.67% { filter: drop-shadow(0 0 5px #00ffff) drop-shadow(0 0 10px #00ffff) drop-shadow(0 0 15px #00ffff); }
  33.33% { filter: drop-shadow(0 0 5px #00ff00) drop-shadow(0 0 10px #00ff00) drop-shadow(0 0 15px #00ff00); }
  50% { filter: drop-shadow(0 0 5px #ffff00) drop-shadow(0 0 10px #ffff00) drop-shadow(0 0 15px #ffff00); }
  66.67% { filter: drop-shadow(0 0 5px #ff6600) drop-shadow(0 0 10px #ff6600) drop-shadow(0 0 15px #ff6600); }
  83.33% { filter: drop-shadow(0 0 5px #0080ff) drop-shadow(0 0 10px #0080ff) drop-shadow(0 0 15px #0080ff); }
}

@keyframes subtle-move {
  0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(2px, 2px); }
  50% { transform: translate(-2px, -2px); }
  75% { transform: translate(-2px, 2px); }
}

@keyframes neon-rainbow-shadow-2 {
  0%, 100% { filter: drop-shadow(0 0 5px #00ffff) drop-shadow(0 0 10px #00ffff) drop-shadow(0 0 15px #00ffff); }
  16.67% { filter: drop-shadow(0 0 5px #ff00de) drop-shadow(0 0 10px #ff00de) drop-shadow(0 0 15px #ff00de); }
  33.33% { filter: drop-shadow(0 0 5px #0080ff) drop-shadow(0 0 10px #0080ff) drop-shadow(0 0 15px #0080ff); }
  50% { filter: drop-shadow(0 0 5px #ff6600) drop-shadow(0 0 10px #ff6600) drop-shadow(0 0 15px #ff6600); }
  66.67% { filter: drop-shadow(0 0 5px #00ff00) drop-shadow(0 0 10px #00ff00) drop-shadow(0 0 15px #00ff00); }
  83.33% { filter: drop-shadow(0 0 5px #ffff00) drop-shadow(0 0 10px #ffff00) drop-shadow(0 0 15px #ffff00); }
}

@keyframes subtle-move-2 {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(2px, 2px) rotate(1deg); }
  50% { transform: translate(-2px, -2px) rotate(-1deg); }
  75% { transform: translate(-2px, 2px) rotate(0.5deg); }
}

@keyframes neon-rainbow-shadow-3 {
  0%, 100% { filter: drop-shadow(0 0 5px #ff00ff) drop-shadow(0 0 10px #ff00ff) drop-shadow(0 0 15px #ff00ff); }
  20% { filter: drop-shadow(0 0 5px #00ffff) drop-shadow(0 0 10px #00ffff) drop-shadow(0 0 15px #00ffff); }
  40% { filter: drop-shadow(0 0 5px #ffff00) drop-shadow(0 0 10px #ffff00) drop-shadow(0 0 15px #ffff00); }
  60% { filter: drop-shadow(0 0 5px #00ff00) drop-shadow(0 0 10px #00ff00) drop-shadow(0 0 15px #00ff00); }
  80% { filter: drop-shadow(0 0 5px #ff8000) drop-shadow(0 0 10px #ff8000) drop-shadow(0 0 15px #ff8000); }
}

@keyframes pulse-move-3 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(3px, -3px) scale(1.05); }
  50% { transform: translate(0, 0) scale(1); }
  75% { transform: translate(-3px, 3px) scale(0.95); }
}

@keyframes neon-rainbow-shadow-6 {
  0%, 100% { filter: drop-shadow(0 0 6px #ff4500) drop-shadow(0 0 12px #ff4500) drop-shadow(0 0 18px #ff4500); }
  20% { filter: drop-shadow(0 0 6px #1e90ff) drop-shadow(0 0 12px #1e90ff) drop-shadow(0 0 18px #1e90ff); }
  40% { filter: drop-shadow(0 0 6px #32cd32) drop-shadow(0 0 12px #32cd32) drop-shadow(0 0 18px #32cd32); }
  60% { filter: drop-shadow(0 0 6px #ff1493) drop-shadow(0 0 12px #ff1493) drop-shadow(0 0 18px #ff1493); }
  80% { filter: drop-shadow(0 0 6px #00ffff) drop-shadow(0 0 12px #00ffff) drop-shadow(0 0 18px #00ffff); }
}

@keyframes wave-rotate-6 {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-4px) rotate(3deg); }
  50% { transform: translateY(0) rotate(-3deg); }
  75% { transform: translateY(4px) rotate(2deg); }
}

@keyframes neon-rainbow-shadow-text {
  0%, 100% { text-shadow: 0 0 5px #ffd700, 0 0 10px #ffd700, 0 0 15px #ffd700; }
  20% { text-shadow: 0 0 5px #4169e1, 0 0 10px #4169e1, 0 0 15px #4169e1; }
  40% { text-shadow: 0 0 5px #ff1493, 0 0 10px #ff1493, 0 0 15px #ff1493; }
  60% { text-shadow: 0 0 5px #00fa9a, 0 0 10px #00fa9a, 0 0 15px #00fa9a; }
  80% { text-shadow: 0 0 5px #ff4500, 0 0 10px #ff4500, 0 0 15px #ff4500; }
}

@keyframes wave-rotate-text {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-3px) rotate(2deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(3px) rotate(-2deg); }
}

@keyframes neon-rainbow-shadow-text2 {
  0%, 100% { text-shadow: 0 0 5px #00fa9a, 0 0 10px #00fa9a, 0 0 15px #00fa9a; }
  20% { text-shadow: 0 0 5px #ff4500, 0 0 10px #ff4500, 0 0 15px #ff4500; }
  40% { text-shadow: 0 0 5px #ffd700, 0 0 10px #ffd700, 0 0 15px #ffd700; }
  60% { text-shadow: 0 0 5px #ff1493, 0 0 10px #ff1493, 0 0 15px #ff1493; }
  80% { text-shadow: 0 0 5px #4169e1, 0 0 10px #4169e1, 0 0 15px #4169e1; }
}

@keyframes wave-rotate-text2 {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(3px) rotate(-2deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(-3px) rotate(2deg); }
}

@keyframes button-glow-wave {
  0%, 100% { box-shadow: 0 0 5px #ff1493, 0 0 10px #ff1493, 0 0 20px #ff1493; }
  20% { box-shadow: 0 0 5px #00fa9a, 0 0 10px #00fa9a, 0 0 20px #00fa9a; }
  40% { box-shadow: 0 0 5px #ffd700, 0 0 10px #ffd700, 0 0 20px #ffd700; }
  60% { box-shadow: 0 0 5px #4169e1, 0 0 10px #4169e1, 0 0 20px #4169e1; }
  80% { box-shadow: 0 0 5px #ff4500, 0 0 10px #ff4500, 0 0 20px #ff4500; }
}

@keyframes button-bobbing {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-5px) rotate(-1deg); }
  50% { transform: translateY(0) rotate(0deg); }
  75% { transform: translateY(5px) rotate(1deg); }
}

/* Element styles */
.motion-image {
  position: relative;
  display: inline-block;
}

.motion-image img {
  display: block;
  animation: 
    neon-rainbow-shadow-4 10s infinite ease-in-out alternate,
    wave-rotate-4 6s infinite ease-in-out;
  transition: transform 0.3s ease;
}

.motion-image:hover img {
  animation: 
    neon-rainbow-shadow-4 5s infinite ease-in-out alternate,
    wave-rotate-4 3s infinite ease-in-out;
  transform: scale(1.1);
}

.nav-image5 {
  position: relative;
  display: inline-block;
  width: 125px;
}

.nav-image5 img {
  display: block;
  width: 100%;
  height: auto;
  animation: 
    neon-rainbow-shadow-5 10s infinite ease-in-out alternate,
    wave-rotate-5 7s infinite ease-in-out;
  transition: transform 0.3s ease;
}

.nav-image5:hover img {
  animation: 
    neon-rainbow-shadow-5 5s infinite ease-in-out alternate,
    wave-rotate-5 3.5s infinite ease-in-out;
  transform: scale(1.05);
}

.nav-image {
  position: relative;
  display: inline-block;
}

.nav-image img {
  display: block;
  animation: neon-rainbow-shadow 8s infinite linear, subtle-move 3s infinite;
}

.nav-image:hover img {
  animation: neon-rainbow-shadow 4s infinite linear, subtle-move 1.5s infinite;
}

.nav-image1 img {
  display: block;
  animation: 
    neon-rainbow-shadow 8s infinite linear reverse,
    subtle-move 3s infinite;
}

.nav-image1:hover img {
  animation: 
    neon-rainbow-shadow 4s infinite linear reverse,
    subtle-move 1.5s infinite;
}

.nav-image2 {
  position: relative;
  display: inline-block;
}

.nav-image2 img {
  display: block;
  animation: 
    neon-rainbow-shadow-2 10s infinite ease-in-out alternate,
    subtle-move-2 4s infinite ease-in-out;
}

.nav-image2:hover img {
  animation: 
    neon-rainbow-shadow-2 5s infinite ease-in-out alternate,
    subtle-move-2 2s infinite ease-in-out;
}

.nav-image3 {
  position: relative;
  display: inline-block;
}

.nav-image3 img {
  display: block;
  animation: 
    neon-rainbow-shadow-3 15s infinite linear,
    pulse-move-3 6s infinite ease-in-out;
}

.nav-image3:hover img {
  animation: 
    neon-rainbow-shadow-3 7.5s infinite linear,
    pulse-move-3 3s infinite ease-in-out;
}

.nav-image4 {
  position: relative;
  display: inline-block;
}

.nav-image4 img {
  display: block;
  animation: 
    neon-rainbow-shadow-4 12s infinite ease-in-out alternate,
    wave-rotate-4 8s infinite ease-in-out;
  transition: transform 0.3s ease;
}

.nav-image4:hover img {
  animation: 
    neon-rainbow-shadow-4 6s infinite ease-in-out alternate,
    wave-rotate-4 4s infinite ease-in-out;
  transform: scale(1.1);
}

.nav-image6 {
  position: relative;
  display: inline-block;
}

.nav-image6 img {
  display: block;
  animation: 
    neon-rainbow-shadow-6 12s infinite ease-in-out alternate,
    wave-rotate-6 9s infinite ease-in-out;
  transition: transform 0.3s ease;
}

.nav-image6:hover img {
  animation: 
    neon-rainbow-shadow-6 6s infinite ease-in-out alternate,
    wave-rotate-6 4.5s infinite ease-in-out;
  transform: scale(1.08);
}

.motion-text {
  display: inline-block;
  font-size: 24px;
  color: white;
  animation: 
    neon-rainbow-shadow-text 10s infinite ease-in-out alternate,
    wave-rotate-text 6s infinite ease-in-out;
  transition: transform 0.3s ease;
}

.motion-text:hover {
  animation: 
    neon-rainbow-shadow-text 5s infinite ease-in-out alternate,
    wave-rotate-text 3s infinite ease-in-out;
  transform: scale(1.1);
}

.motion-text2 {
  display: inline-block;
  font-size: 18px;
  color: white;
  animation: 
    neon-rainbow-shadow-text2 10s infinite ease-in-out alternate,
    wave-rotate-text2 6s infinite ease-in-out;
  transition: transform 0.3s ease;
}

.motion-text2:hover {
  animation: 
    neon-rainbow-shadow-text2 5s infinite ease-in-out alternate,
    wave-rotate-text2 3s infinite ease-in-out;
  transform: scale(1.1);
}

.elementor-button {
  animation: 
    button-glow-wave 10s infinite ease-in-out alternate,
    button-bobbing 6s infinite ease-in-out;
  transition: transform 0.3s ease;
  border: none !important;
  color: white !important;
  background-color: transparent;
  padding: 15px 30px !important;
  font-size: 18px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  border-radius: 5px !important;
}

.elementor-button:hover {
  animation: 
    button-glow-wave 5s infinite ease-in-out alternate,
    button-bobbing 3s infinite ease-in-out;
  transform: scale(1.1);
}

/* Neon Countdown Styles */
.neon-countdown-container {
  font-family: 'Orbitron', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}

.neon-countdown {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 800px;
}

.neon-digit-container {
  flex: 1;
  text-align: center;
  margin: 0 5px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  border: 5px dashed #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.neon-digit {
  padding: 5px;
  margin-bottom: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.neon-digit img {
  width: 100%;
  max-width: 80px;
  height: auto;
  filter: brightness(0) invert(1);
}

.neon-label {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
}

.neon-label img {
  max-height: 100%;
  width: auto;
  max-width: 100%;
}

.fallback-text {
  font-family: 'Orbitron', sans-serif;
  font-size: 2.5em;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 30px #00ffff;
}

.neon-digit-container:nth-child(1) { animation: glow-1 6s infinite, float-1 4s infinite ease-in-out; }
.neon-digit-container:nth-child(2) { animation: glow-2 6s infinite, float-2 5s infinite ease-in-out; }
.neon-digit-container:nth-child(3) { animation: glow-3 6s infinite, float-3 4.5s infinite ease-in-out; }
.neon-digit-container:nth-child(4) { animation: glow-4 6s infinite, float-4 3.5s infinite ease-in-out; }

/* Menu Cart Styles - Neon Theme with Motion */
.elementor-menu-cart {
  font-family: 'Roboto', sans-serif !important;
}

.elementor-menu-cart__toggle .elementor-button {
  background-color: transparent !important;
  color: #fff !important;
  border: 2px solid #00ffff !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
  font-weight: 700 !important;
  animation: 
    neon-glow 4s infinite linear,
    float-motion 6s infinite ease-in-out;
}

.elementor-menu-cart__toggle .elementor-button:hover {
  background-color: rgba(0, 255, 255, 0.2) !important;
  animation: 
    neon-glow 2s infinite linear,
    float-motion 3s infinite ease-in-out;
}

.elementor-menu-cart__container {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.elementor-menu-cart__main {
  background-color: #000 !important;
  border: 3px solid #00ffff !important;
  border-radius: 10px !important;
  color: #fff !important;
  box-shadow: 0 0 20px #00ffff, inset 0 0 10px #00ffff !important;
  animation: float-motion 8s infinite ease-in-out;
}

.elementor-menu-cart__product,
.elementor-menu-cart__subtotal {
  border-bottom: 1px solid rgba(0, 255, 255, 0.3) !important;
}

.elementor-menu-cart__product-name {
  color: #fff !important;
  font-weight: 500 !important;
  animation: float-motion 7s infinite ease-in-out;
}

.elementor-menu-cart__product-price {
  color: #fff !important;
  font-weight: 700 !important;
  animation: float-motion 7s infinite ease-in-out reverse;
}

.elementor-menu-cart__product-remove {
  color: #fff !important;
  border: 2px solid #00ffff !important;
  transition: all 0.3s ease !important;
}

.elementor-menu-cart__product-remove:hover {
  transform: scale(1.1) rotate(5deg);
}

.elementor-menu-cart__product-remove:before,
.elementor-menu-cart__product-remove:after {
  background-color: #00ffff !important;
}

.elementor-menu-cart__subtotal {
  font-weight: 700 !important;
  font-size: 1.1em !important;
  color: #0080ff !important;
  text-shadow: 0 0 5px #0080ff !important;
  animation: float-motion 6s infinite ease-in-out;
}

.elementor-menu-cart__footer-buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.elementor-menu-cart__footer-buttons .elementor-button {
  background-color: transparent !important;
  color: #fff !important;
  transition: all 0.3s ease !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  padding: 12px 20px !important;
  text-align: center !important;
  text-decoration: none !important;
  display: block !important;
  width: 100% !important;
  animation: 
    neon-glow 3s infinite linear,
    float-motion 6s infinite ease-in-out;
}

.elementor-menu-cart__footer-buttons .elementor-button:first-child {
  border: 2px solid #FF1493 !important;
}

.elementor-menu-cart__footer-buttons .elementor-button:last-child {
  border: 2px solid #32CD32 !important;
}

.elementor-menu-cart__footer-buttons .elementor-button:hover {
  background-color: rgba(0, 255, 0, 0.2) !important;
  animation: 
    neon-glow 2s infinite linear,
    float-motion 3s infinite ease-in-out;
  transform: scale(1.05);
}

.elementor-menu-cart__close-button {
  transition: all 0.3s ease !important;
}

.elementor-menu-cart__close-button:hover {
  transform: rotate(90deg) scale(1.1);
}

.elementor-menu-cart__close-button:before,
.elementor-menu-cart__close-button:after {
  background-color: #00ffff !important;
}

.elementor-menu-cart__toggle .elementor-button-icon {
  color: #fff !important;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff !important;
  animation: float-motion 5s infinite ease-in-out;
}

.elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before {
  background-color: #ff00de !important;
  color: #fff !important;
  border-radius: 50% !important;
  font-weight: bold !important;
  box-shadow: 0 0 5px #ff00de, 0 0 10px #ff00de !important;
  animation: float-motion 4s infinite ease-in-out reverse;
}

.elementor-menu-cart__product .variation {
  display: grid;
  grid-template-columns: max-content auto;
  margin: 10px 0;
  color: #fff;
}

/* Neon Form Styles */
.neon-form .elementor-field-group {
  margin-bottom: 20px !important;
}

.neon-form .elementor-field-label {
  font-weight: bold !important;
  animation: neon-label-color 8s infinite alternate;
}

.neon-form .elementor-field-textual {
  padding: 12px 15px !important;
  border: 3px solid #fff !important;
  border-radius: 5px !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #fff !important;
  font-size: 16px !important;
  transition: all 0.3s ease !important;
  animation: neon-field-idle 8s infinite alternate;
}

.neon-form .elementor-field-textual::placeholder {
  color: #ffffff !important;
  font-weight: 900;
  text-transform: uppercase;
  animation: neon-rainbow-shadow-text 10s infinite ease-in-out alternate;
}

.neon-form .elementor-field-textual:focus {
  outline: none !important;
  animation: neon-input-glow 4s infinite;
}

.neon-form .elementor-field-textual:focus::placeholder {
  animation: 
    neon-rainbow-shadow-text 5s infinite ease-in-out alternate,
    wave-rotate-text 3s infinite ease-in-out;
  transform: scale(1.1);
}

.neon-form .elementor-button {
  padding: 12px 30px !important;
  border: none !important;
  border-radius: 5px !important;
  background-color: #ff1493 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: all 0.3s ease !important;
  animation: 
    neon-button-pulse 1.5s infinite alternate,
    neon-button-float 3s ease-in-out infinite;
}

.neon-form .elementor-button:hover {
  animation: 
    neon-button-rainbow 1.5s linear infinite,
    neon-button-float-hover 2s ease-in-out infinite;
}

/* Media Queries */
@media (max-width: 768px) {
  .neon-countdown {
    flex-wrap: wrap;
  }
  .neon-digit-container {
    flex-basis: calc(50% - 10px);
    margin-bottom: 10px;
  }
  .elementor-menu-cart__footer-buttons {
    flex-direction: column !important;
  }
  .elementor-menu-cart__footer-buttons .elementor-button {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 480px) {
  .neon-digit-container {
    flex-basis: 100%;
  }
  .neon-digit img {
    max-width: 60px;
  }
  .neon-label {
    height: 20px;
  }
}

/* Fallback styles for slower browsers */
@media screen and (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .motion-image img,
  .nav-image5 img,
  .nav-image img,
  .nav-image1 img,
  .nav-image2 img,
  .nav-image3 img,
  .nav-image4 img,
  .nav-image6 img,
  .motion-text,
  .motion-text2,
  .elementor-button,
  .neon-digit-container,
  .elementor-menu-cart__toggle .elementor-button,
  .elementor-menu-cart__main,
  .elementor-menu-cart__product-name,
  .elementor-menu-cart__product-price,
  .elementor-menu-cart__subtotal,
  .elementor-menu-cart__footer-buttons .elementor-button,
  .elementor-menu-cart__toggle .elementor-button-icon,
  .elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before,
  .neon-form .elementor-field-label,
  .neon-form .elementor-field-textual,
  .neon-form .elementor-field-textual::placeholder,
  .neon-form .elementor-button {
    animation: none !important;
    transition: none !important;
  }

  .motion-image:hover img,
  .nav-image5:hover img,
  .nav-image:hover img,
  .nav-image1:hover img,
  .nav-image2:hover img,
  .nav-image3:hover img,
  .nav-image4:hover img,
  .nav-image6:hover img,
  .motion-text:hover,
  .motion-text2:hover,
  .elementor-button:hover,
  .elementor-menu-cart__toggle .elementor-button:hover,
  .elementor-menu-cart__footer-buttons .elementor-button:hover,
  .elementor-menu-cart__close-button:hover,
  .neon-form .elementor-button:hover {
    transform: none !important;
  }
}

/* Fallback styles for browsers that don't support CSS filters */
@supports not (filter: drop-shadow(0 0 0 #000)) {
  .motion-image img,
  .nav-image5 img,
  .nav-image img,
  .nav-image1 img,
  .nav-image2 img,
  .nav-image3 img,
  .nav-image4 img,
  .nav-image6 img {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  }

  .motion-text,
  .motion-text2,
  .elementor-button,
  .elementor-menu-cart__toggle .elementor-button,
  .elementor-menu-cart__footer-buttons .elementor-button {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  }
}

/* Vendor prefixes for keyframe animations */
@-webkit-keyframes neon-rainbow-shadow-4 { /* ... */ }
@-moz-keyframes neon-rainbow-shadow-4 { /* ... */ }
@-o-keyframes neon-rainbow-shadow-4 { /* ... */ }

@-webkit-keyframes wave-rotate-4 { /* ... */ }
@-moz-keyframes wave-rotate-4 { /* ... */ }
@-o-keyframes wave-rotate-4 { /* ... */ }

/* Add vendor prefixes for all other keyframe animations */

/* Vendor prefixes for animations */
.motion-image img {
  -webkit-animation: neon-rainbow-shadow-4 10s infinite ease-in-out alternate, wave-rotate-4 6s infinite ease-in-out;
  -moz-animation: neon-rainbow-shadow-4 10s infinite ease-in-out alternate, wave-rotate-4 6s infinite ease-in-out;
  -o-animation: neon-rainbow-shadow-4 10s infinite ease-in-out alternate, wave-rotate-4 6s infinite ease-in-out;
  animation: neon-rainbow-shadow-4 10s infinite ease-in-out alternate, wave-rotate-4 6s infinite ease-in-out;
}

/* Add vendor prefixes for all other animated elements */

/* Fallback for older browsers that don't support CSS custom properties */
:root {
  --neon-color-1: #ff00de;
  --neon-color-2: #00ffff;
  --neon-color-3: #ffff00;
  --neon-color-4: #00ff00;
  --neon-color-5: #ff6600;
}

.fallback-neon {
  color: #fff;
  text-shadow: 0 0 5px var(--neon-color-1, #ff00de),
               0 0 10px var(--neon-color-1, #ff00de),
               0 0 15px var(--neon-color-1, #ff00de);
}

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');

:root {
  --neon-color-1: #ff00ff;
  --neon-color-2: #00ffff;
  --neon-color-3: #ffff00;
  --neon-color-4: #00ff00;
  --neon-color-5: #ff4500;
  --neon-color-6: #1e90ff;
  --neon-color-7: #ff69b4;
  --neon-color-8: #7cfc00;
  --neon-color-9: #ff8c00;
  --neon-color-10: #8a2be2;
  --neon-color-11: #00fa9a;
}

.neon-countdown-container {
  font-family: 'Orbitron', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}

.neon-countdown {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 800px;
}

.neon-digit-container {
  flex: 1;
  text-align: center;
  margin: 0 5px;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  border: 5px dashed #ffffff;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.neon-digit {
  padding: 5px;
  margin-bottom: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.neon-digit img {
  width: 100%;
  max-width: 80px;
  height: auto;
  filter: brightness(0) invert(1);
}

.neon-label {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
}

.neon-label img {
  max-height: 100%;
  width: auto;
  max-width: 100%;
}

.fallback-text {
  font-family: 'Orbitron', sans-serif;
  font-size: 2.5em;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 0 10px var(--neon-color-2), 0 0 20px var(--neon-color-2), 0 0 30px var(--neon-color-2);
}

@keyframes glow-1 {
  0%, 100% { box-shadow: 0 0 10px var(--neon-color-1), 0 0 20px var(--neon-color-1), 0 0 30px var(--neon-color-1); }
  33% { box-shadow: 0 0 10px var(--neon-color-2), 0 0 20px var(--neon-color-2), 0 0 30px var(--neon-color-2); }
  66% { box-shadow: 0 0 10px var(--neon-color-3), 0 0 20px var(--neon-color-3), 0 0 30px var(--neon-color-3); }
}

@keyframes glow-2 {
  0%, 100% { box-shadow: 0 0 10px var(--neon-color-4), 0 0 20px var(--neon-color-4), 0 0 30px var(--neon-color-4); }
  33% { box-shadow: 0 0 10px var(--neon-color-5), 0 0 20px var(--neon-color-5), 0 0 30px var(--neon-color-5); }
  66% { box-shadow: 0 0 10px var(--neon-color-6), 0 0 20px var(--neon-color-6), 0 0 30px var(--neon-color-6); }
}

@keyframes glow-3 {
  0%, 100% { box-shadow: 0 0 10px var(--neon-color-7), 0 0 20px var(--neon-color-7), 0 0 30px var(--neon-color-7); }
  33% { box-shadow: 0 0 10px var(--neon-color-8), 0 0 20px var(--neon-color-8), 0 0 30px var(--neon-color-8); }
  66% { box-shadow: 0 0 10px var(--neon-color-9), 0 0 20px var(--neon-color-9), 0 0 30px var(--neon-color-9); }
}

@keyframes glow-4 {
  0%, 100% { box-shadow: 0 0 10px var(--neon-color-10), 0 0 20px var(--neon-color-10), 0 0 30px var(--neon-color-10); }
  33% { box-shadow: 0 0 10px var(--neon-color-11), 0 0 20px var(--neon-color-11), 0 0 30px var(--neon-color-11); }
  66% { box-shadow: 0 0 10px var(--neon-color-1), 0 0 20px var(--neon-color-1), 0 0 30px var(--neon-color-1); }
}

@keyframes float-1 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

@keyframes float-2 {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(1deg); }
}

@keyframes float-3 {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-4px) scale(1.03); }
}

@keyframes float-4 {
  0%, 100% { transform: translateY(0) translateX(0); }
  50% { transform: translateY(-2px) translateX(2px); }
}

.neon-digit-container:nth-child(1) { animation: glow-1 6s infinite, float-1 4s infinite ease-in-out; }
.neon-digit-container:nth-child(2) { animation: glow-2 6s infinite, float-2 5s infinite ease-in-out; }
.neon-digit-container:nth-child(3) { animation: glow-3 6s infinite, float-3 4.5s infinite ease-in-out; }
.neon-digit-container:nth-child(4) { animation: glow-4 6s infinite, float-4 3.5s infinite ease-in-out; }

@media (max-width: 768px) {
  .neon-countdown {
    flex-wrap: wrap;
  }
  .neon-digit-container {
    flex-basis: calc(50% - 10px);
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  .neon-digit-container {
    flex-basis: 100%;
  }
  .neon-digit img {
    max-width: 60px;
  }
  .neon-label {
    height: 20px;
  }
}

/* Fallback styles for browsers that don't support CSS variables */
@supports not (--css: variables) {
  .fallback-text {
    text-shadow: 0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 30px #00ffff;
  }
  
  @keyframes glow-1 {
    0%, 100% { box-shadow: 0 0 10px #ff00ff, 0 0 20px #ff00ff, 0 0 30px #ff00ff; }
    33% { box-shadow: 0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 30px #00ffff; }
    66% { box-shadow: 0 0 10px #ffff00, 0 0 20px #ffff00, 0 0 30px #ffff00; }
  }
  
  /* Add similar fallbacks for glow-2, glow-3, and glow-4 */
}

/* Fallback for browsers with reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .neon-digit-container {
    animation: none !important;
  }
}

/* Vendor prefixes for older browsers */
.neon-digit-container:nth-child(1) {
  -webkit-animation: glow-1 6s infinite, float-1 4s infinite ease-in-out;
  -moz-animation: glow-1 6s infinite, float-1 4s infinite ease-in-out;
  -o-animation: glow-1 6s infinite, float-1 4s infinite ease-in-out;
}

/* Add similar vendor prefixes for other .neon-digit-container elements *//* End custom CSS */