/** Shopify CDN: Minification failed

Line 164:16 Unexpected "{"
Line 164:25 Expected ":"
Line 164:32 Unexpected "{"

**/
:root{
  --bg:#0a0a0e;
  --card:#0f1115;
  --muted:#9ca3af;
  --text:#f5f5f7;
  --neon1:#7C3AED;
  --neon2:#06B6D4;
  --neon3:#F472B6;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;line-height:1.4}
.container{max-width:1100px;margin:0 auto;padding:24px}
.nd-header{border-bottom:1px solid rgba(255,255,255,0.04);position:sticky;top:0;background:var(--bg);z-index:40}
.header-inner{display:flex;align-items:center;justify-content:flex-start;padding:12px}
.kicker{text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-size:13px;margin-bottom:8px}
h1{font-size:44px;margin:6px 0;background:linear-gradient(90deg,var(--neon1),var(--neon2),var(--neon3));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(124,58,237,0.18))}
.lead{color:var(--muted);font-size:18px;margin-bottom:14px}
.hero{display:grid;grid-template-columns:1fr;gap:22px;align-items:center;padding:40px 0}
@media(min-width:900px){.hero{grid-template-columns:1fr .9fr}}
.bullets{list-style:none;padding:0;margin:12px 0 18px 0;font-size:16px}
.shipping{color:#7ef3a6;font-weight:700}
.btn-buy{display:inline-block;padding:14px 28px;border-radius:999px;border:0;background:linear-gradient(90deg,var(--neon2),var(--neon1));color:#0a0a0e;font-weight:800;cursor:pointer;font-size:16px;box-shadow:0 6px 18px rgba(6,182,212,0.12)}
.product-media{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,0.03);display:flex;align-items:center;justify-content:center;min-height:320px}
.card{background:var(--card);padding:18px;border-radius:12px;margin-top:20px;border:1px solid rgba(255,255,255,0.03)}
.small{color:var(--muted);font-size:13px}
.nd-footer{border-top:1px solid rgba(255,255,255,0.03);padding:28px 0;margin-top:40px;color:var(--muted);text-align:center}


/* NeonDrive buttons (match homepage style) */
.btn, .btn-buy, .btn-primary {
  display:inline-block;
  padding:14px 24px;
  border-radius:12px;
  font-weight:700;
  text-decoration:none;
}
.btn-buy, .btn-primary { transition:transform .06s ease; }
.btn-buy:hover, .btn-primary:hover { transform: translateY(-1px); }



/* --- NeonDrive quantity + CTA fallback styles --- */
.nd-btn.nd-btn--primary, .btn.btn-primary {
  display:block; width:100%;
  padding:14px 20px; border-radius:12px;
  text-align:center; font-weight:700; text-decoration:none;
}
.nd-qty-btn { transition:transform .06s ease; }
.nd-qty-btn:active { transform:scale(0.98); }



/* Buy Button Glow */
.nd-buy-button {
  display: block;
  width: 100%;
  padding: 15px;
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  background: linear-gradient(90deg, #ff00ff, #00ffff);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  box-shadow: 0 0 15px rgba(255, 0, 255, 0.7), 0 0 25px rgba(0, 255, 255, 0.7);
  transition: transform 0.2s ease-in-out;
}

.nd-buy-button:hover {
  transform: scale(1.05);
}

/* Quantity Selector */
.nd-quantity {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 0;
  gap: 10px;
}

.nd-quantity input {
  width: 60px;
  text-align: center;
  font-size: 16px;
  padding: 5px;
}

.qty-btn {
  background: #111;
  border: 1px solid #444;
  color: white;
  font-size: 20px;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.qty-btn:hover {
  background: #333;
}



/* === NeonDrive: Hide Add to Cart; Glow Buy Now; Glow Quantity +/- === */

/* Hide Add to Cart (keep quantity) */
.product-form__submit,
#AddToCart,
button[name="add"] {
  display: none !important;
}

/* Style the unbranded Buy Now (Shopify dynamic checkout) */
.shopify-payment-button .shopify-payment-button__button--unbranded {
  background: linear-gradient(90deg, #ff00cc, #3333ff, #00e5ff);
  border: none;
  border-radius: 12px;
  padding: 14px 20px;
  color: #fff !important;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  width: 100%;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
  box-shadow: 0 0 20px rgba(255, 0, 204, 0.6), 0 0 28px rgba(0, 229, 255, 0.6);
  margin-top: 12px;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover {
  transform: scale(1.03);
  filter: brightness(1.05);
  box-shadow: 0 0 30px rgba(255, 0, 204, 0.85), 0 0 45px rgba(0, 229, 255, 0.85);
}

/* Quantity wrapper normalization */
.product-form__input--quantity,
.quantity,
.quantity-selector,
.product-form__quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 14px;
}

/* Input field */
.quantity__input,
.product-form__input--quantity input[type="number"],
.quantity-selector input[type="number"],
input[name="quantity"],
input#Quantity-{{ product.id }} {
  width: 64px;
  text-align: center;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #555;
  background: #0a0a0a;
  color: #fff;
}

/* Glow +/- buttons — target common classnames across themes */
.quantity__button,
.quantity-selector button,
.product-form__quantity button,
button[name="plus"],
button[name="minus"] {
  min-width: 42px;
  height: 42px;
  border: none;
  border-radius: 10px;
  padding: 0 12px;
  font-size: 20px;
  color: #fff;
  background: linear-gradient(90deg, #ff00cc, #3333ff);
  cursor: pointer;
  box-shadow: 0 0 14px rgba(255, 0, 204, 0.55), 0 0 22px rgba(51, 51, 255, 0.55);
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}
.quantity__button:hover,
.quantity-selector button:hover,
.product-form__quantity button:hover,
button[name="plus"]:hover,
button[name="minus"]:hover {
  transform: scale(1.06);
  filter: brightness(1.06);
  box-shadow: 0 0 20px rgba(255, 0, 204, 0.8), 0 0 30px rgba(51, 51, 255, 0.8);
}

/* Ensure any branded payment buttons remain default (we hide them) */
.shopify-payment-button__button--branded {
  display: none !important;
}