/** Shopify CDN: Minification failed

Line 119:48 Expected "}" to go with "{"

**/
/* Glitch effects for Thirsty Diva storefront */

/* Effect 1: Glitchy headline text (use on hero/section titles) */
.glitch-text {
  position: relative;
  display: inline-block;
  color: #fff;
  letter-spacing: 0.02em;
}

.glitch-text::before,
.glitch-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
}

.glitch-text::before {
  color: #0ff;
  transform: translate(-2px, 0);
  animation: glitch-shift-1 2.5s infinite linear alternate-reverse;
  mix-blend-mode: screen;
}

.glitch-text::after {
  color: #f0f;
  transform: translate(2px, 0);
  animation: glitch-shift-2 2.5s infinite linear alternate-reverse;
  mix-blend-mode: screen;
}

@keyframes glitch-shift-1 {
  0%   { clip-path: inset(0 0 90% 0); }
  10%  { clip-path: inset(10% 0 60% 0); }
  20%  { clip-path: inset(70% 0 5% 0); }
  30%  { clip-path: inset(40% 0 40% 0); }
  40%  { clip-path: inset(0 0 90% 0); }
  50%  { clip-path: inset(80% 0 2% 0); }
  60%  { clip-path: inset(20% 0 65% 0); }
  70%  { clip-path: inset(50% 0 30% 0); }
  80%  { clip-path: inset(5% 0 85% 0); }
  90%  { clip-path: inset(30% 0 50% 0); }
  100% { clip-path: inset(60% 0 10% 0); }
}

@keyframes glitch-shift-2 {
  0%   { clip-path: inset(60% 0 10% 0); }
  10%  { clip-path: inset(30% 0 50% 0); }
  20%  { clip-path: inset(5% 0 85% 0); }
  30%  { clip-path: inset(50% 0 30% 0); }
  40%  { clip-path: inset(20% 0 65% 0); }
  50%  { clip-path: inset(80% 0 2% 0); }
  60%  { clip-path: inset(0 0 90% 0); }
  70%  { clip-path: inset(40% 0 40% 0); }
  80%  { clip-path: inset(70% 0 5% 0); }
  90%  { clip-path: inset(10% 0 60% 0); }
  100% { clip-path: inset(0 0 90% 0); }
}

/* Effect 2: BIG obvious glitch button (Add to Cart, CTAs) */
.glitch-hover {
  position: relative;
  display: inline-block;
  animation: glitch-idle-burst 2.5s infinite;
}

@keyframes glitch-idle-burst {
  0%, 88%, 100% {
    transform: translate(0, 0);
    filter: none;
    box-shadow: none;
  }
  90% {
    transform: translate(-8px, 3px) skewX(4deg);
    filter: hue-rotate(90deg) saturate(4) brightness(1.3);
    box-shadow: -8px 0 0 rgba(0, 255, 255, 0.9), 8px 0 0 rgba(255, 0, 255, 0.9);
  }
  91% {
    transform: translate(8px, -3px) skewX(-4deg);
    filter: hue-rotate(-90deg) saturate(4) brightness(1.3);
    box-shadow: 8px 0 0 rgba(0, 255, 255, 0.9), -8px 0 0 rgba(255, 0, 255, 0.9);
  }
  92% {
    transform: translate(-5px, 2px);
    filter: contrast(2.2) brightness(1.5);
  }
  93% {
    transform: translate(5px, -2px);
    filter: invert(0.25);
  }
  94%, 100% {
    transform: translate(0, 0);
    filter: none;
    box-shadow: none;
  }
}

.glitch-hover:hover {
  animation: glitch-hover-fast 0.25s infinite;
}

@keyframes glitch-hover-fast {
  0% {
    transform: translate(0, 0);
    filter: hue-rotate(0deg) saturate(3);
    box-shadow: -6px 0 0 rgba(0, 255, 255, 0.9), 6px 0 0 rgba(255, 0, 255, 0.9);
  }
  25% {
    transform: translate(-6px, 3px) skewX(3deg);