/** Shopify CDN: Minification failed

Line 290:17 Unexpected "{"
Line 290:26 Expected ":"
Line 290:32 Unexpected ","

**/
/* ============================================================
   NOVA ABSOLUTE — Next-Gen Cyber-Premium Design System
   Limitless creativity | Futuristic | Neon Glassmorphism
   ============================================================ */

/* ── Google Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&display=swap');

/* ── Extreme Design Tokens ── */
:root {
  /* Luxury Clean Backgrounds */
  --nova-void:         #ffffff; /* Main Site Background */
  --nova-abyss:        #f8fafc; /* Accent Background */
  
  /* Glass Surfaces */
  --nova-glass-dark:   rgba(0, 0, 0, 0.05);
  --nova-glass-light:  rgba(255, 255, 255, 0.95);
  --nova-glass-border: rgba(0, 0, 0, 0.05);

  /* Clean Professional Accents */
  --neon-cyan:         #0284c7; /* Trust Blue */
  --neon-magenta:      #dc2626; /* Sale Red */
  --neon-purple:       #4f46e5;
  --neon-green:        #10b981;
  --neon-gold:         #fbbf24;

  /* Typography Colors */
  --text-starlight:    #0f172a; /* Main Text Color (Dark) */
  --text-nebula:       #475569; /* Secondary Text */
  --text-darkmatter:   #0f172a; /* Headers */

  /* Gradients */
  --grad-cyberpunk:    linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  --grad-synthwave:    linear-gradient(to right, #0f172a, #334155, #0f172a);
  --grad-matrix:       linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  --grad-stellar:      linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  --grad-surface:      linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);

  /* Spatial Values */
  --blur-extreme:      blur(40px);
  --blur-high:         blur(20px);
  --blur-med:          blur(10px);
  
  --radius-sharp:      4px;
  --radius-smooth:     16px;
  --radius-organic:    32px;
  --radius-perfect:    999px;

  /* Motion */
  --ease-hyper:        cubic-bezier(0.19, 1, 0.22, 1);
  --ease-bounce:       cubic-bezier(0.68, -0.55, 0.26, 1.55);
  --dur-fast:          0.2s;
  --dur-med:           0.4s;
  --dur-slow:          0.8s;
}

/* ============================================================
   GLOBAL OVERRIDES & ANIMATED BACKGROUND
   ============================================================ */
*, *::before, *::after { 
  box-sizing: border-box; 
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'DM Sans', var(--font-body-family), sans-serif !important;
  color: var(--text-starlight) !important;
  background-color: var(--nova-void) !important;
  background-image: none !important; /* Forces solid white */
  background-attachment: scroll;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

/* Minimal Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { 
  background: #cbd5e1; 
  border-radius: var(--radius-perfect); 
}

::selection { 
  background: #0f172a; 
  color: #fff; 
  text-shadow: none;
}

/* ============================================================
   TYPOGRAPHY - DM Sans for ultra-crisp screen rendering
   ============================================================ */
h1, h2, h3, h4, h5, h6, 
.title, .h1, .h2, .rw-title, .hero-header h2 {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

/* Glow Text Utility */
.text-glow-cyan {
  text-shadow: 0 0 15px rgba(0, 243, 255, 0.6), 0 0 30px rgba(0, 243, 255, 0.3);
}
.text-glow-magenta {
  text-shadow: 0 0 15px rgba(255, 0, 234, 0.6), 0 0 30px rgba(255, 0, 234, 0.3);
}

/* ============================================================
   ANNOUNCEMENT BAR — Cyber Ticker
   ============================================================ */
.announcement-bar-section .utility-bar,
.utility-bar {
  background: transparent !important;
  border: none !important;
}

.announcement-bar {
  background-color: #0f172a !important;
  color: #ffffff !important;
}

.announcement-bar__message,
.announcement-bar__message * {
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* ============================================================
   HEADER — Clean Premium Nav
   ============================================================ */
.header-wrapper,
.section-header .header-wrapper {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: var(--blur-high) !important;
  -webkit-backdrop-filter: var(--blur-high) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  transition: all var(--dur-med) var(--ease-hyper) !important;
}

.shopify-section-header-sticky .header-wrapper {
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.header__menu-item span {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 1.5rem !important; /* Larger menu items */
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: var(--text-darkmatter) !important;
  text-transform: uppercase;
  transition: all var(--dur-fast) ease;
}

.header__menu-item:hover span {
  color: #000 !important;
  text-shadow: none;
  transform: translateY(-1px);
}

/* ============================================================
   BUTTONS — Professional Minimal Elements
   ============================================================ */
.button,
.shopify-challenge__button,
.customer button,
button[type="submit"]:not(.newsletter-form__button):not(.slider-button) {
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%) !important; /* Premium luxury dark sheen */
  color: #fff !important;
  border: 1px solid #000 !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.6rem !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
  border-radius: 8px !important; /* Soft premium corners */
  padding: 0 4rem !important;
  min-height: 54px !important;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.15) !important;
}

.button:hover {
  background: linear-gradient(180deg, #273549 0%, #17223b 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.2) !important;
}

.button--secondary {
  background: transparent !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

.button--secondary:hover {
  background: #f8fafc !important;
  border-color: #0f172a !important;
  color: #000 !important;
}

/* ============================================================
   PRODUCT CARDS — Clean Static Professional Cards
   ============================================================ */
.card,
.card-wrapper .card {
  background: #ffffff !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: var(--radius-smooth) !important;
  overflow: hidden;
  position: relative;
  transition: none !important;
  transform: none !important;
}

.card:hover,
.card-wrapper:hover .card {
  transform: none !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
  background: #ffffff !important;
}

.card__media img {
  transition: opacity 0.3s ease !important;
  filter: none !important;
}

.card:hover .card__media img {
  transform: none !important;
  filter: none !important;
  opacity: 0.9 !important;
}

.card__heading {
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
}

/* Pricing - Highly Converting Style */
.price .price-item {
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.2rem !important;
  color: #0f172a !important; /* Bold, solid trust color */
  text-shadow: none !important;
}

.price--on-sale .price-item--sale {
  color: #dc2626 !important; /* Urgent attractive red */
  font-weight: 800 !important;
  font-size: 2.4rem !important;
  text-shadow: none !important;
}

.badge {
  background: var(--neon-magenta) !important;
  color: #fff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  clip-path: none !important;
  padding: 5px 12px !important;
  letter-spacing: 0.08em;
  box-shadow: none !important;
  margin-left: 10px !important;
  font-size: 0.75rem !important;
  vertical-align: middle !important;
}

/* ============================================================
   LUMIN HERO & SECTIONS — Immersive Depth
   ============================================================ */
.q-main-section-{{ section.id }},
[class*="q-main-section"] {
  position: relative;
  overflow: visible; /* Allow glows to escape */
}

.qare-feature,
.qare-feature-mb {
  background: rgba(5, 8, 15, 0.6) !important;
  border: 1px solid rgba(0, 243, 255, 0.1) !important;
  border-radius: var(--radius-organic) !important;
  backdrop-filter: var(--blur-high) !important;
  box-shadow: inset 0 0 20px rgba(255,255,255,0.02) !important;
  transition: all 0.5s var(--ease-bounce) !important;
}

.qare-feature:hover,
.qare-feature-mb:hover {
  transform: translateY(-10px) scale(1.02) !important;
  background: rgba(10, 15, 25, 0.8) !important;
  border-color: var(--neon-cyan) !important;
  box-shadow: 
    0 20px 40px rgba(0,0,0,0.6), 
    0 0 30px rgba(0, 243, 255, 0.2), 
    inset 0 0 15px rgba(0, 243, 255, 0.1) !important;
}

/* Headings - Professional Solid Layout */
h2.title, h2.inline-richtext, .hero-header h2 {
  color: #0f172a !important; /* Clean Navy Trust Color */
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: initial;
  animation: none;
}

/* ============================================================
   LUMIN GRIDS — Holographic Displays
   ============================================================ */
[class*="lumin-image-"] {
  border-radius: var(--radius-sharp) !important;
  clip-path: polygon(30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px);
  position: relative;
}

[class*="lumin-image-"]::after {
  content: '';
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 2px var(--neon-cyan);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

[class*="lumin-image-"]:hover::after {
  opacity: 1;
}

[class*="lumin-image-"] img {
  transition: transform 1s var(--ease-hyper), filter 1s ease !important;
  filter: grayscale(20%) contrast(1.2);
}

[class*="lumin-image-"]:hover img {
  transform: scale(1.1) rotate(1deg) !important;
  filter: grayscale(0%) contrast(1.3) brightness(1.1);
}

/* ============================================================
   REVIEWS — Professional Trust-Building Cards
   ============================================================ */
.rw-title {
  text-shadow: none !important;
  color: #0f172a !important;
  margin-bottom: 2rem;
  font-weight: 700 !important;
}

.top-review-box {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
  border-radius: 12px !important;
  clip-path: none !important;
  padding: 3rem !important;
}

.rating-box p:first-child {
  color: #0f172a !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 6rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

.review-wrapper {
  background: #ffffff !important;
  backdrop-filter: none !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  border-left: 4px solid #0f172a !important; /* Neat trust accent */
  transition: all 0.3s ease !important;
  padding: 2.5rem !important;
}

.review-wrapper:hover {
  transform: translateY(-5px) !important;
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  border-left: 4px solid #10b981 !important; /* Success border on hover */
  box-shadow: 0 15px 35px rgba(0,0,0,0.06) !important;
}

.rw-date {
  font-family: 'Outfit', sans-serif !important;
  color: #64748b !important;
  font-size: 1.3rem !important;
}

.stars-rw svg {
  fill: #fbbf24 !important; /* Solid premium gold */
  filter: none !important;
}


/* ============================================================
   FORMS & INPUTS — Clean Professional Light Fields
   ============================================================ */
.field__input,
input:not([type="hidden"]):not(.quantity__input):not([type="radio"]):not([type="checkbox"]), 
textarea {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  color: #0f172a !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.5rem !important;
  padding: 1rem 1.5rem !important;
  transition: all 0.3s ease !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.02) !important;
}

.field__input:focus,
input:not([type="hidden"]):not(.quantity__input):not([type="radio"]):not([type="checkbox"]):focus, 
textarea:focus {
  background: #ffffff !important;
  border-color: #0f172a !important;
  box-shadow: inset 0 0 0 1px #0f172a !important;
  outline: none !important;
}

/* Specific fix for contact forms, newsletter forms to be white */
.contact, .newsletter-section, .email-signup-banner, [id*="newsletter"] {
  background-color: #f8fafc !important;
  padding: 4rem 2rem !important;
  border-radius: 12px;
  box-shadow: 0 15px 30px rgba(0,0,0,0.02);
  margin: 4rem auto;
}


/* ============================================================
   FOOTER — The Grid Endpoint
   ============================================================ */
.footer {
  background: #010204 !important;
  border-top: 1px solid var(--neon-purple) !important;
  position: relative;
}

.footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--grad-synthwave);
  box-shadow: 0 0 20px var(--neon-magenta);
}

.footer-block__heading {
  color: var(--neon-cyan) !important;
  font-size: 1.6rem !important;
  letter-spacing: 0.2em !important;
  text-shadow: 0 0 10px rgba(0, 243, 255, 0.3) !important;
}

.footer-block__details-content .list-menu__item--link {
  font-family: 'Space Grotesk', sans-serif !important;
  text-transform: uppercase;
  font-size: 1.2rem !important;
  letter-spacing: 0.1em;
}

.footer-block__details-content .list-menu__item--link:hover {
  color: var(--neon-magenta) !important;
  text-shadow: 0 0 8px var(--neon-magenta) !important;
  padding-left: 10px !important;
}

/* ============================================================
   PRODUCT PAGE EXTREME
   ============================================================ */
.product__title h1 {
  font-size: clamp(3rem, 6vw, 6rem) !important;
  background: var(--grad-synthwave);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1 !important;
  margin-bottom: 2rem !important;
}

.product-form__input input[type=radio]:checked + label {
  background: var(--grad-cyberpunk) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 0 15px rgba(255, 0, 234, 0.5) !important;
  transform: scale(1.1);
}

.product-form__input label {
  border-radius: var(--radius-sharp) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  background: rgba(0,0,0,0.4) !important;
}

/* ============================================================
   SCROLL REVEAL ANIMATIONS (Intense)
   ============================================================ */
@keyframes cyber-reveal {
  0% { 
    opacity: 0; 
    transform: translateY(50px) scale(0.9) skewY(5deg); 
    filter: blur(10px) hue-rotate(90deg);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0) scale(1) skewY(0); 
    filter: blur(0) hue-rotate(0);
  }
}

.scroll-trigger.animate--slide-in {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* ============================================================
   PRODUCT PAGE & GLOBAL CLEANUP
   ============================================================ */
/* ============================================================
   PRODUCT PAGE & GLOBAL CLEANUP
   ============================================================ */
.product, .product-section, .section-main-product, .gradient,
.color-background-1, .color-background-2, .color-accent-1, .color-accent-2,
.color-background-3, .color-background-4, .color-background-5,
.product__info-container, .product__media-wrapper, main, body {
  background-color: #ffffff !important;
  background-image: none !important;
  background: #ffffff !important;
}

/* Fix text colors conservatively */
.product__info-container, .product__info-wrapper,
.product__info-container p, .product__info-container h1, 
.product__info-container h2, .product__info-container h3, 
.product__info-container span:not(.badge):not(.button):not(.product-form__submit *) {
  color: #0f172a;
}

/* Quantity Selector Clean White Fix */
.quantity {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
}
.quantity__button {
  background-color: transparent !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.quantity__input, 
input.quantity__input, 
.quantity__input[type="number"] {
  background-color: transparent !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* Exempt specific elements like buttons */
.button, .button *, .badge, .badge *, .product-form__submit, .product-form__submit * {
  color: #ffffff !important;
  background-color: transparent;
}
.footer, .footer *, .footer-wrapper, .footer-wrapper * {
  background-color: #000000 !important;
  color: #ffffff !important;
}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6,
.footer .title, .footer .inline-richtext, .footer-block__heading {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.product-form__submit:disabled {
  background: #f8fafc !important;
  color: #94a3b8 !important;
  border: 1px dashed #cbd5e1 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* ============================================================
   USER REQUESTS FIXES: FOOTER, HEADER, VARIANTS, BANNERS
   ============================================================ */

/* High-End Hero Banner — Full Bleed with Overlay */
.banner {
  position: relative !important;
}

/* Dark gradient overlay on the image for legibility */
.banner__media::after,
.banner .banner__media::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to right,
    rgba(5, 10, 20, 0.72) 0%,
    rgba(5, 10, 20, 0.45) 50%,
    rgba(5, 10, 20, 0.2) 100%
  ) !important;
  z-index: 1 !important;
}

/* Banner content sits above the overlay */
.banner__content {
  position: relative !important;
  z-index: 2 !important;
}

/* Remove the white card box — go fully transparent */
.banner__box {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 3rem 0 !important;
}

/* White text on dark overlay */
.banner__box .banner__heading, 
.banner__box .banner__text,
.banner__box .banner__text p,
.banner__box span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 20px rgba(0,0,0,0.4) !important;
}

.banner__box .banner__heading {
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  font-size: clamp(2.5rem, 5vw, 5rem) !important;
  line-height: 1.1 !important;
  margin-bottom: 1.5rem !important;
}

.banner__box .banner__text {
  font-size: 1.25rem !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,0.85) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.85) !important;
  opacity: 1 !important;
  max-width: 560px !important;
}

/* CTA button inside banner */
.banner__box .button--primary {
  background: #ffffff !important;
  color: #0f172a !important;
  border: none !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  padding: 1rem 2.5rem !important;
  border-radius: 8px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25) !important;
  transition: all 0.2s ease !important;
}

.banner__box .button--primary:hover {
  background: #f1f5f9 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.3) !important;
}

/* 1. Header Black Color Removal */
.header-wrapper, .header {
  background: #ffffff !important;
  border-bottom: 1px solid #f1f5f9;
}

/* 2. Footer Pink Line Removal & Black Background */
.footer-block__heading, .footer, .footer-wrapper {
  background-color: #000000 !important;
  border-top: none !important;
  border-bottom: none !important;
  color: #ffffff !important;
}
.footer::before, .footer::after {
  display: none !important; 
}
.footer * {
  color: #ffffff !important;
}
.footer .list-menu__item--link:hover {
  text-decoration: underline !important;
  color: #f1f5f9 !important;
}

/* 3. Product Variant Grey Blocks Fix */
.form__label,
fieldset.product-form__input .form__label,
.product-form__input legend,
.product-form__input .form__label {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
  color: #000000 !important;
  font-weight: 600 !important;
}

.product-form__input input[type=radio] + label {
  background-color: transparent !important;
}

/* ============================================================
   END OF NOVA ABSOLUTE CSS
   ============================================================ */