.elementor-kit-14{--e-global-color-primary:#00D4FF;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#EB47EB;--e-global-typography-primary-font-family:"Outfit";--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:"Space Grotesk";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-14 h1{font-family:"Outfit", Sans-serif;}.elementor-kit-14 h2{font-family:"Space Grotesk", Sans-serif;}.elementor-kit-14 h3{font-family:"Space Grotesk", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-14 e-page-transition{background-color:#FFBC7D;}@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%;
}

/* 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;
}
/* If you already have this, keep it; otherwise define it */
:root{
  --glow-cyan: 190 100% 50%;
}

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

/* Hover utility (matches your description) */
.glass-card-hover:hover{
  border-color: hsl(var(--glow-cyan) / 0.40); /* border-primary/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);
}

/* Smooth hover-in */
.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;
}
:root {
  --glow-pink: 330 85% 60%;
}
.text-glow-pink {
  text-shadow:
    0 0 40px hsl(var(--glow-pink) / 0.5),
    0 0 80px hsl(var(--glow-pink) / 0.2);
}/* End custom CSS */