/** Shopify CDN: Minification failed
Line 50:0 Unexpected "}"
Line 435:0 Unexpected "<"
Line 499:0 Unexpected "<"
Line 500:8 Unexpected "{"
Line 500:10 Expected identifier but found "'now'"
Line 500:32 Unexpected "{"
Line 500:33 Unexpected "{"
Line 500:39 Expected ":"
Line 501:0 Unexpected "<"
**/
body{background:#0b0b0f;color:#fff;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;}
a{color:#fff;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:20px}
header,footer{background:#111318;padding:16px 0;margin:0 0 20px}
.header-row{display:flex;align-items:center;justify-content:space-between}
nav a{margin:0 10px;opacity:.9}
nav a:hover{opacity:1}
.tc-btn {
background: #6c63ff; /* Purple base */
color: #fff;
padding: 12px 28px;
border-radius: 6px;
font-weight: bold;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
box-shadow: 0 0 12px rgba(108, 99, 255, 0.4);
}
.tc-btn:hover {
background: #8c82ff; /* Lighter purple on hover */
box-shadow: 0 0 25px rgba(108, 99, 255, 0.9);
transform: scale(1.05);
}
@keyframes pulse-glow {
0% { box-shadow: 0 0 8px rgba(108, 99, 255, 0.6); background: #6c63ff; } /* Purple */
25% { box-shadow: 0 0 18px rgba(0, 255, 255, 0.8); background: #00ffff; } /* Electric Blue */
50% { box-shadow: 0 0 25px rgba(255, 20, 147, 1); background: #ff1493; } /* Neon Pink */
75% { box-shadow: 0 0 18px rgba(0, 255, 127, 0.8); background: #00ff7f; } /* Neon Green */
100% { box-shadow: 0 0 8px rgba(108, 99, 255, 0.6); background: #6c63ff; } /* Back to Purple */
}
.tc-btn {
animation: pulse-glow 1.5s infinite;
}
}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.card{background:#1b1e25;border-radius:16px;padding:16px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.product-card{background:#1b1e25;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}
.product-card img{width:100%;height:220px;object-fit:cover;border-radius:12px;background:#222}
.price{color:#d1e8ff}
footer{color:#a0a3ad;text-align:center;margin-top:40px}
/* Chaos Glow for Add to Cart button */
/* Chaos Glow for Checkout button */
.cart__checkout-button,
button[name="checkout"] {
background: #6c63ff;
color: #fff;
font-weight: bold;
padding: 14px 32px;
border-radius: 8px;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
animation: pulse-glow 3s infinite;
}
.cart__checkout-button:hover,
button[name="checkout"]:hover {
background: #8c82ff;
transform: scale(1.05);
box-shadow: 0 0 25px rgba(108, 99, 255, 0.9);
}
/* Chaos Glow for Cart icon */
.site-header__cart,
a[href="/cart"] {
position: relative;
color: #fff;
animation: pulse-glow 3s infinite;
transition: all 0.3s ease-in-out;
}
.site-header__cart:hover,
a[href="/cart"]:hover {
transform: scale(1.2);
color: #8c82ff;
}
/* Chaos Glow for Buy It Now button */
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
background: #6c63ff; /* Purple base */
color: #fff !important;
font-weight: bold;
padding: 14px 32px;
border-radius: 8px;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
animation: pulse-glow 3s infinite;
border: none;
}
/* Wiggle + Giggle for Buy It Now button */
.shopify-payment-button__button:hover,
.shopify-payment-button__button--unbranded:hover {
background: #8c82ff; /* Lighter purple */
transform: scale(1.05);
box-shadow: 0 0 25px rgba(108, 99, 255, 0.9);
animation: wiggle 0.5s ease-in-out;
}
/* Wiggle animation keyframes */
@keyframes wiggle {
0% { transform: rotate(0deg) scale(1.05); }
25% { transform: rotate(-5deg) scale(1.1); }
50% { transform: rotate(5deg) scale(1.1); }
75% { transform: rotate(-3deg) scale(1.05); }
100% { transform: rotate(0deg) scale(1.05); }
}
/* Cart bounce animation */
@keyframes cart-bounce {
0%, 100% { transform: scale(1) translateY(0); }
25% { transform: scale(1.2) translateY(-5px); }
50% { transform: scale(0.95) translateY(3px); }
75% { transform: scale(1.05) translateY(-2px); }
}
.site-header__cart.bounce,
a[href="/cart"].bounce {
animation: cart-bounce 0.6s ease;
}
.shopify-payment-button__button:hover,
.shopify-payment-button__button--unbranded:hover {
background: #8c82ff; /* Lighter purple on hover */
transform: scale(1.05);
box-shadow: 0 0 25px rgba(108, 99, 255, 0.9);
}
.product-form__submit {
background: #6c63ff; /* Purple base */
color: #fff;
font-weight: bold;
padding: 14px 32px;
border-radius: 8px;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
animation: pulse-glow 3s infinite; /* Always glowing */
}
.product-form__submit:hover {
background: #8c82ff; /* Lighter purple on hover */
transform: scale(1.05);
box-shadow: 0 0 25px rgba(108, 99, 255, 0.9);
}
/* Flame animation inside hero button */
.chaos-hero-btn {
position: relative;
}
.chaos-hero-btn .flame {
display: inline-block;
animation: flamePulse 1.5s infinite;
}
/* Hover makes flames go wild */
.chaos-hero-btn:hover .flame {
animation: flameFlash 0.5s infinite;
filter: hue-rotate(90deg);
}
@keyframes flamePulse {
0% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.2); opacity: 0.7; }
100% { transform: scale(1); opacity: 1; }
}
@keyframes flameFlash {
0% { transform: scale(1.3); color: #ff1493; }
50% { transform: scale(1.1); color: #39ff14; }
100% { transform: scale(1.3); color: #ff4500; }
}
/* Chaos Hero Button */
.chaos-hero-btn {
display: inline-block;
margin: 10px 5px;
padding: 12px 28px;
background: #6c63ff;
color: #fff;
border: none;
border-radius: 8px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
animation: pulse-glow 2s infinite, wiggle 3s infinite;
transition: all 0.3s ease-in-out;
}
.chaos-hero-btn:hover {
background: #8c82ff;
transform: scale(1.05) rotate(-2deg);
box-shadow: 0 0 25px #ff1493, 0 0 40px #39ff14;
}
/* Flames inside button */
.chaos-hero-btn .flame {
display: inline-block;
animation: flamePulse 1.5s infinite ease-in-out;
color: #ff1493;
}
.chaos-hero-btn:hover .flame {
animation: flameFlash 0.4s infinite alternate;
}
/* Glow pulse for button */
@keyframes pulse-glow {
0% { box-shadow: 0 0 8px #6c63ff, 0 0 20px #6c63ff; }
50% { box-shadow: 0 0 25px #ff1493, 0 0 35px #39ff14; }
100% { box-shadow: 0 0 12px #6c63ff, 0 0 22px #ff1493; }
}
/* Wiggle motion */
@keyframes wiggle {
0%,100% { transform: rotate(0deg); }
15% { transform: rotate(-2deg); }
30% { transform: rotate(2deg); }
45% { transform: rotate(-1deg); }
60% { transform: rotate(1deg); }
75% { transform: rotate(-1deg); }
}
/* Flame pulse (idle) */
@keyframes flamePulse {
0% { transform: scale(1); color: #ff1493; }
50% { transform: scale(1.2); color: #39ff14; }
100% { transform: scale(1); color: #ff1493; }
}
/* Flame flash (hover) */
@keyframes flameFlash {
0% { transform: scale(1.3) rotate(-10deg); color: #39ff14; }
50% { transform: scale(1.1) rotate(10deg); color: #ff1493; }
100% { transform: scale(1.4) rotate(-5deg); color: #ffffff; }
}
/* Chaos Button Text Glow */
.chaos-hero-btn span {
display: inline-block;
animation: textGlow 2s infinite alternate;
font-weight: bold;
letter-spacing: 1px;
}
/* Glow color shift */
@keyframes textGlow {
0% { color: #ffffff; text-shadow: 0 0 5px #ff1493, 0 0 10px #ff1493; }
25% { color: #39ff14; text-shadow: 0 0 8px #39ff14, 0 0 15px #39ff14; }
50% { color: #00e5ff; text-shadow: 0 0 10px #00e5ff, 0 0 20px #00e5ff; }
75% { color: #ff4500; text-shadow: 0 0 12px #ff4500, 0 0 25px #ff4500; }
100% { color: #ffffff; text-shadow: 0 0 15px #ff1493, 0 0 30px #39ff14; }
}
/* CHAOS PRODUCT HOVER PACK */
/* Card base */
.chaos-item {
position: relative;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
/* Neon border flash */
.chaos-item:hover {
box-shadow: 0 0 15px #39ff14, 0 0 25px #ff1493, 0 0 35px #00e5ff;
border: 2px solid #ff1493;
animation: chaosBorder 1.5s infinite alternate;
transform: scale(1.05) rotate(-1deg);
}
/* Border glow cycle */
@keyframes chaosBorder {
0% { border-color: #ff1493; }
33% { border-color: #39ff14; }
66% { border-color: #00e5ff; }
100% { border-color: #ff1493; }
}
/* Price glow */
.chaos-item .price {
transition: all 0.3s ease-in-out;
}
.chaos-item:hover .price {
color: #39ff14;
text-shadow: 0 0 10px #39ff14, 0 0 20px #ff1493;
}
/* Slide-in Buy Now button */
.chaos-item .buy-now {
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
background: #6c63ff;
color: #fff;
padding: 8px 18px;
border-radius: 6px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
transition: all 0.4s ease-in-out;
opacity: 0;
}
/* Button wiggle + reveal */
.chaos-item:hover .buy-now {
bottom: 15px;
opacity: 1;
animation: wiggle 1s infinite, pulse-glow 2s infinite;
}
.product-gallery {
display: flex;
flex-direction: column;
gap: 1rem;
}
.gallery-main {
max-width: 600px;
margin: auto;
}
.gallery-slide img {
width: 100%;
border-radius: 8px;
}
.gallery-thumbs {
display: flex;
justify-content: center;
gap: 0.5rem;
margin-top: 1rem;
}
.gallery-thumbs img {
width: 60px;
cursor: pointer;
border: 2px solid transparent;
border-radius: 4px;
}
.gallery-thumbs img:hover {
border-color: #000;
}
/* .carousel-slide {
flex: 0 0 100% !important;
text-align: center !important;
border: 3px solid red !important;
} */
/* === Neon Dots Glow Upgrade === */
.home-carousel-dots,
.twisted-carousel-dots {
text-align: center;
margin-top: 14px;
}
.home-carousel-dots button,
.twisted-carousel-dots button {
border: none;
background: #222;
width: 12px;
height: 12px;
margin: 0 5px;
border-radius: 50%;
display: inline-block;
cursor: pointer;
transition: all 0.3s ease;
animation: neonCycle 4s infinite linear;
}
/* Active dot pulses harder/faster */
.home-carousel-dots button.active,
.twisted-carousel-dots button.active {
background: #ff00ff;
animation: neonPulse 1.2s infinite alternate;
transform: scale(1.2);
}
/* Subtle neon cycle for idle dots */
@keyframes neonCycle {
0% { box-shadow: 0 0 5px #ff00ff; background: #ff00ff; }
25% { box-shadow: 0 0 5px #00ffff; background: #00ffff; }
50% { box-shadow: 0 0 5px #00ff00; background: #00ff00; }
75% { box-shadow: 0 0 5px #ffff00; background: #ffff00; }
100% { box-shadow: 0 0 5px #ff00ff; background: #ff00ff; }
}
/* Stronger pulsing effect for the active one */
@keyframes neonPulse {
0% { box-shadow: 0 0 8px #ff00ff, 0 0 16px #00ffff; }
50% { box-shadow: 0 0 18px #00ff00, 0 0 28px #ff00ff; }
100% { box-shadow: 0 0 12px #00ffff, 0 0 24px #00ff00; }
}
/* Chaos Background Override for Product Pages */
body.template-product {
background: url("/cdn/shop/files/IMG_6135.jpg?v=1757973364") center center no-repeat !important;
background-size: cover !important;
}
/* Chaos Background Override for Collection Pages */
body.template-collection {
background: url("/cdn/shop/files/IMG_6135.jpg?v=1757973364") center center no-repeat !important;
background-size: cover !important;
}
footer-policies {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.footer-policies li {
display: inline-block;
margin: 0 10px;
}
.footer-policies a {
color: #fff; /* change if your footer background is light */
text-decoration: none;
}
.footer-policies a:hover {
text-decoration: underline;
}
.chaos-faq {
background: #1a0033;
color: #39ff14;
border: 3px solid #ff00cc;
border-radius: 16px;
padding: 2em;
margin: 2em 0;
box-shadow: 0 0 30px #ff00cc, 0 0 60px #39ff14;
font-family: 'Orbitron', 'Comic Sans MS', cursive, sans-serif;
transition: box-shadow 0.3s, transform 0.2s cubic-bezier(.68,-0.55,.27,1.55);
}
.chaos-faq h2, .chaos-faq h4 {
color: #ff00cc;
text-shadow: 0 0 8px #39ff14, 0 0 20px #ff00cc;
letter-spacing: 2px;
}
.chaos-faq a {
color: #39ff14;
text-decoration: underline wavy #ff00cc;
font-weight: bold;
}
.chaos-faq h4:hover {
animation: shake 0.5s;
cursor: pointer;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg);}
10% { transform: translate(-1px, -2px) rotate(-2deg);}
20% { transform: translate(-3px, 0px) rotate(2deg);}
30% { transform: translate(3px, 2px) rotate(0deg);}
40% { transform: translate(1px, -1px) rotate(-1deg);}
50% { transform: translate(-1px, 2px) rotate(1deg);}
60% { transform: translate(-3px, 1px) rotate(0deg);}
70% { transform: translate(3px, 1px) rotate(-1deg);}
80% { transform: translate(-1px, -1px) rotate(1deg);}
90% { transform: translate(1px, 2px) rotate(0deg);}
100% { transform: translate(1px, -2px) rotate(-2deg);}
}
/* Make the FAQ "jump" if ignored for 15 seconds */
.chaos-faq.jump {
animation: bounce 0.8s infinite;
}
@keyframes bounce {
0% { transform: scale(1);}
50% { transform: scale(1.07);}
100% { transform: scale(1);}
}
