.elementor-kit-61{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-61 e-page-transition{background-color:#FFBC7D;}.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;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 */.text-3d-light .elementor-heading-title {
  text-shadow:
    0 1px 0 hsl(220 20% 80%),
    0 2px 0 hsl(220 20% 70%),
    0 3px 0 hsl(220 20% 60%),
    0 4px 0 hsl(220 20% 50%),
    0 5px 0 hsl(220 20% 40%),
    0 6px 0 hsl(220 20% 30%),
    0 7px 15px hsl(0 0% 0% / 0.4),
    0 7px 30px hsl(0 0% 0% / 0.2);
}

.text-3d-cyan h1 {
  text-shadow:
    0 1px 0 hsl(190 100% 45%),
    0 2px 0 hsl(190 100% 40%),
    0 3px 0 hsl(190 100% 35%),
    0 4px 0 hsl(190 100% 30%),
    0 5px 0 hsl(190 100% 25%),
    0 6px 0 hsl(190 100% 20%),
    0 7px 15px hsl(190 100% 50% / 0.4),
    0 7px 30px hsl(190 100% 50% / 0.2),
    0 0 40px hsl(190 100% 50% / 0.5),
    0 0 80px hsl(190 100% 50% / 0.2);
}

/* Define cyan glow color */
:root {
  --glow-cyan: 190 100% 50%;
  --glow-pink: 330 85% 60%;
  --glow-purple-rgb: 140, 93, 255;
}

/* Base shared button styling */
.btn-glow,
.btn-cosmic {
  transition: all 300ms ease;
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* =========================
   GLOW BUTTON (Explore Flavors)
   ========================= */

.btn-glow .elementor-button {
  background: hsl(var(--glow-cyan));
  color: #000;
  border: none;
}

.btn-glow .elementor-button:hover {
  box-shadow: 0 0 30px hsl(var(--glow-cyan) / 0.5);
  transform: translateY(-2px);
}

/* =========================
   COSMIC BUTTON (Wholesale Inquiry)
   ========================= */

.btn-cosmic .elementor-button {
  background: transparent;
  color: hsl(var(--glow-cyan));
  border: 2px solid hsl(var(--glow-cyan) / 0.6);
}

.btn-cosmic .elementor-button:hover {
  border-color: hsl(var(--glow-cyan));
  box-shadow: 0 0 20px hsl(var(--glow-cyan) / 0.3);
  transform: translateY(-2px);
}

.btn-glow .elementor-button,
.btn-cosmic .elementor-button {
  position: relative;
  overflow: hidden;
}

/* Base glass card */
.glass-card {
  background: hsl(0 0% 100% / 0.06);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid hsl(0 0% 100% / 0.10);
  border-radius: 16px;
  box-shadow:
    0 0 20px hsl(var(--glow-cyan) / 0.05),
    inset 0 1px 0 hsl(0 0% 100% / 0.05);
}

/* Hover utility */
.glass-card-hover:hover {
  border-color: hsl(var(--glow-cyan) / 0.40);
  box-shadow:
    0 0 30px hsl(var(--glow-cyan) / 0.15),
    0 0 60px hsl(var(--glow-cyan) / 0.05),
    inset 0 1px 0 hsl(0 0% 100% / 0.10);
}

.glass-card-hover {
  transition: all 300ms ease;
}

/* Remove default spacing from headings */
h1, h2, h3, h4, h5, h6 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* Remove default spacing from paragraphs */
p {
  margin: 0 !important;
  padding: 0 !important;
}

.text-glow-pink {
  text-shadow:
    0 0 40px hsl(var(--glow-pink) / 0.5),
    0 0 80px hsl(var(--glow-pink) / 0.2);
}

.neon-glow {
  color: #00c8ff;
  text-shadow:
    0 0 10px rgba(0, 200, 255, 0.6),
    0 0 40px rgba(0, 200, 255, 0.3),
    0 0 80px rgba(0, 200, 255, 0.1);
}

/* Moon Units – Glow Add to Cart Button */
.moon-units-glow-btn .elementor-button {
  background: hsl(186, 100%, 50%);
  color: hsl(220, 40%, 10%);
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: none;
  border-radius: 6px;
  padding: 14px 32px;
  transition: all 0.3s ease;
  box-shadow: 0 0 15px hsl(186 100% 50% / 0.3);
}

.moon-units-glow-btn .elementor-button:hover {
  box-shadow: 0 0 30px hsl(186 100% 50% / 0.5),
              0 0 60px hsl(186 100% 50% / 0.2);
  transform: translateY(-1px);
}

/* Quantity .elementor-kit-61 glass wrapper */
.moon-units-qty {
  background: hsl(220 40% 13% / 0.6);
  backdrop-filter: blur(12px);
  border: 1px solid hsl(0 0% 100% / 0.08);
  border-radius: 8px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.moon-units-qty button {
  background: transparent;
  border: none;
  color: hsl(0 0% 100% / 0.7);
  cursor: pointer;
  font-size: 18px;
}

.moon-units-qty span {
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  color: white;
  min-width: 32px;
  text-align: center;
}

/* hide dropdown */
.variations_form select {
  position: absolute !important;
  left: -9999px !important;
}

/* remove woo table spacing */
.variations {
  margin: 0 !important;
}

.variations td {
  padding: 0 !important;
}

.variations label {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 8px;
  display: block;
  color: #fff;
}

/* grid */
.variation-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-top: 12px;
}

/* tiles */
.variation-tile {
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.05);
  border-radius: 14px;
  padding: 20px;
  min-height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .15s ease;
  backdrop-filter: blur(8px);
}

/* hover */
.variation-tile:hover {
  background: rgba(255,255,255,.12);
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.5);
}

/* selected */
.variation-tile.is-selected {
  border-color: #8c5dff;
  background: rgba(140,93,255,.15);
  box-shadow: 0 10px 30px rgba(140,93,255,.35);
}

/* disabled */
.variation-tile.is-disabled {
  opacity: .35;
  pointer-events: none;
}

/* text */
.variation-tile .vt-title {
  font-size: 18px;
  font-weight: 800;
  color: #fff;
}

/* =========================
   PRICE STYLING
   ========================= */

/* Main product price */
.single-product .summary .price,
.single-product .summary .price *,
.single-product .summary .amount {
  color: #ffffff !important;
  font-weight: 800;
  text-shadow: 0 0 12px rgba(var(--glow-purple-rgb), 0.5);
  transition: all 0.3s ease;
}

/* Variation price + variation info */
.single-product .woocommerce-variation .price,
.single-product .woocommerce-variation .price span,
.single-product .woocommerce-variation .amount,
.single-product .woocommerce-variation,
.single-product .woocommerce-variation * {
  color: #ffffff !important;
  font-weight: 800;
  text-shadow: 0 0 12px rgba(var(--glow-purple-rgb), 0.6);
}

/* Pulse class for JS-triggered price animation */
.single-product .summary .price.updated {
  animation: pricePulse 0.4s ease;
}

@keyframes pricePulse {
  0%   { transform: scale(1); opacity: 0.7; }
  50%  { transform: scale(1.05); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

/* stock color */
.stock {
  color: #7CFF9B !important;
}

/* responsive */
@media (max-width: 1200px) {
  .variation-tiles {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  .variation-tiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .variation-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}/* End custom CSS */