/** Shopify CDN: Minification failed

Line 19:13 Expected ":"

**/
/* ================================
   NoScope – Halloween Theme CSS
   Attivo solo con settings.enable_halloween = true
   Sicuro (solo CSS), leggero, reversibile.
==================================*/

/* Palette */
:root{
  --ns-orange: #ff6a00;
  --ns-purple: #6d28d9;
  --ns-acid:   #00ff8a;
  --ns-dark:   #0f0f13;
  --ns-light:  #f8f9ff;
  --ns-orange 2: #FB5607
}

/* Base dark */
body{
  background-color: var(--ns-dark);
  color: var(--ns-light);
}

/* Header / Footer */
.header, .site-header, .footer, .site-footer{
  background: linear-gradient(145deg, #ff6a00 0%, #FF4000 100%) !important;
}

/* Announcement bar (se presente) */
.announcement-bar{
  background: linear-gradient(90deg, var(--ns-orange), var(--ns-purple)) !important;
  color: #fff !important;
}

/* Link */
a{ color: var(--ns-acid); }
a:hover{ opacity: .9; }

/* Bottoni principali Debutify/Debutify-like */
.btn, .button, .btn--primary, .shopify-payment-button__button{
  background: linear-gradient(90deg, var(--ns-orange), var(--ns-purple)) !important;
  color:#fff !important;
  border:none !important;
  border-radius: 30px !important;
  transition: transform .2s ease, filter .2s ease;
}
.btn:hover, .button:hover, .btn--primary:hover, .shopify-payment-button__button:hover{
  transform: scale(1.03);
  filter: brightness(1.05);
}

/* Varianti outline */
.btn--secondary, .button--secondary{
  background: transparent !important;
  border: 2px solid var(--ns-orange) !important;
  color: var(--ns-light) !important;
  border-radius: 30px !important;
}
.btn--secondary:hover, .button--secondary:hover{
  border-color: var(--ns-purple) !important;
}

/* Badge sconto */
.badge, .badge--sale, .price__badge-sale{
  background: linear-gradient(90deg, var(--ns-purple), var(--ns-orange)) !important;
  color:#fff !important;
  border:none !important;
}

/* Prezzi in evidenza */
.price, .product__price, .price-item{
  color: #fff !important;
}

/* Cards / sezioni */
.card, .product-card, .collection, .featured-collection, .section{
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 14px;
}

/* Hover glow leggero su elementi cliccabili */
.card:hover, .product-card:hover, .collection:hover{
  box-shadow: 0 10px 30px rgba(109,40,217,0.18);
}

/* Titoli */
h1, h2, h3{
  letter-spacing: .5px;
  color: #fff;
}

/* CTA speciali con gradiente Halloween */
a.hero-btn, .ns-halloween-cta{
  display:inline-block;
  padding:14px 28px;
  font-weight:600;
  color:#fff !important;
  text-decoration:none;
  background: linear-gradient(90deg, var(--ns-orange), var(--ns-purple) 85%);
  border-radius:30px;
  transition: all .2s ease;
}
a.hero-btn:hover, .ns-halloween-cta:hover{
  transform: scale(1.05);
}

/* Piccola decorazione non invadente sul logo (selezori generici Debutify) */
.site-header__logo a::after, .header__heading a::after{
  content: " 🎃";
  font-size: 0.9em;
  margin-left: .2em;
  opacity: .9;
}

/* Accessibilità: contrasto sui campi */
input, select, textarea{
  background:#14141a !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,0.15) !important;
}
input::placeholder, textarea::placeholder{
  color: rgba(255,255,255,0.55);
}

/* Banner sezioni (se usi Image banner) */
.image-banner__content, .hero__content{
  background: linear-gradient(180deg, rgba(15,15,19,0.0) 0%, rgba(15,15,19,0.65) 100%);
  border-radius: 12px;
  padding: 12px;
}

/* Mini badge “Limited” (se usi classi custom) */
.badge--limited{
  background: linear-gradient(90deg, var(--ns-acid), var(--ns-orange));
  color:#0f0f13;
  border:none;
}

/* Footer links */
.site-footer a{ color: #eee; }
.site-footer a:hover{ color: #fff; }

/* Riduci impatto su performance: niente animazioni infinite, solo transizioni leggere */