/* ==========================================================================
   CHEAPEST WAYS — Design System
   Palette:
     --void        #0a0612  (near-black, purple undertone — page background)
     --panel       #130d24  (raised surface behind glass)
     --purple      #a855f7  (primary neon)
     --purple-deep #6d28d9  (gradient partner / borders)
     --pink        #ec4899  (secondary neon, discount badges)
     --cyan        #22d3ee  (success / "lifetime access" accents, used sparingly)
     --ink         #f3f0ff  (primary text)
     --ink-muted   #a8a3b8  (secondary text)
   Type:
     Display: 'Space Grotesk' (headlines, prices — geometric, technical)
     Body:    'Inter' (paragraphs, UI copy)
     Utility: 'JetBrains Mono' (prices, badges, SKUs — "deal ticker" feel)
   Signature element: the glass Product Card with a neon slash-price ribbon
   and an animated glow border that intensifies on hover — the visual anchor
   for a marketplace whose entire pitch is "steep discount, right now".
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap');

:root{
  --void:#0a0612;
  --panel:#130d24;
  --panel-glass: rgba(255,255,255,0.045);
  --panel-glass-strong: rgba(255,255,255,0.08);
  --border-glass: rgba(255,255,255,0.09);
  --purple:#a855f7;
  --purple-deep:#6d28d9;
  --pink:#ec4899;
  --cyan:#22d3ee;
  --ink:#f3f0ff;
  --ink-muted:#a8a3b8;
  --radius-lg:20px;
  --radius-md:14px;
  --radius-sm:8px;
  --shadow-glow: 0 0 40px rgba(168,85,247,0.25);
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

/* ---------- Base ---------- */
body{
  background: var(--void);
  background-image:
    radial-gradient(circle at 15% 0%, rgba(168,85,247,0.16), transparent 45%),
    radial-gradient(circle at 85% 20%, rgba(236,72,153,0.12), transparent 40%),
    radial-gradient(circle at 50% 100%, rgba(109,40,217,0.14), transparent 50%);
  background-attachment: fixed;
  color: var(--ink);
  font-family: var(--font-body);
}
h1,h2,h3,h4,.cw-font-display{ font-family: var(--font-display); letter-spacing:-0.01em; }
a{ color: var(--purple); }
::selection{ background: var(--purple); color:#fff; }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; transition-duration:0.001ms !important; }
}

/* ---------- Glass utility ---------- */
.cw-glass{
  background: var(--panel-glass);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  border: 1px solid var(--border-glass);
  border-radius: var(--radius-lg);
}

/* ---------- Sticky Header ---------- */
.ast-header-break-point .site-header,
#masthead{
  position: sticky; top:0; z-index:999;
  background: rgba(10,6,18,0.72) !important;
  backdrop-filter: blur(16px) saturate(150%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  border-bottom: 1px solid var(--border-glass);
}
#masthead .main-header-bar{ background: transparent !important; border:0 !important; }
#masthead .ast-site-identity .site-title a{
  font-family: var(--font-display); font-weight:700; font-size:1.5rem;
  background: linear-gradient(90deg, var(--purple), var(--pink));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
#masthead .main-navigation ul li > a{
  color: var(--ink) !important; font-family: var(--font-body); font-weight:500;
}
#masthead .main-navigation ul li > a:hover{ color: var(--purple) !important; }
.ast-header-search .astra-search-icon svg,
#masthead .ast-icon svg{ fill: var(--ink); }
.ast-site-header-cart .count{
  background: linear-gradient(90deg,var(--purple),var(--pink)) !important;
  color:#fff !important; box-shadow: 0 0 12px rgba(236,72,153,0.6);
}

/* ---------- Buttons ---------- */
.cw-btn{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family: var(--font-display); font-weight:600; font-size:1rem;
  padding: 0.9rem 1.8rem; border-radius: 999px; text-decoration:none;
  transition: transform .2s ease, box-shadow .2s ease; cursor:pointer; border:0;
}
.cw-btn:hover{ transform: translateY(-2px); }
.cw-btn-primary{
  background: linear-gradient(90deg, var(--purple), var(--pink));
  color:#fff; box-shadow: 0 8px 30px rgba(168,85,247,0.35);
}
.cw-btn-primary:hover{ box-shadow: 0 10px 40px rgba(236,72,153,0.5); color:#fff; }
.cw-btn-outline{
  background: var(--panel-glass); color: var(--ink); border:1px solid var(--border-glass);
}
.cw-btn-outline:hover{ border-color: var(--purple); color:var(--ink); }
.cw-btn-whatsapp{
  background: linear-gradient(90deg,#25D366,#128C7E); color:#fff;
  box-shadow: 0 8px 25px rgba(37,211,102,0.35);
}
.cw-btn-whatsapp:hover{ color:#fff; box-shadow: 0 10px 35px rgba(37,211,102,0.5); }
.cw-btn-whatsapp-community{
  background: linear-gradient(90deg, var(--purple-deep), var(--purple));
  color:#fff; box-shadow: 0 8px 25px rgba(168,85,247,0.35);
}
.cw-btn-whatsapp-community:hover{ color:#fff; }

/* ---------- Hero ---------- */
.cw-hero{ padding: 6rem 1.5rem 5rem; text-align:center; position:relative; overflow:hidden; }
.cw-hero__eyebrow{
  display:inline-block; font-family: var(--font-mono); font-size:.8rem;
  letter-spacing:.12em; text-transform:uppercase; color: var(--cyan);
  border:1px solid rgba(34,211,238,0.35); padding:.4rem 1rem; border-radius:999px;
  background: rgba(34,211,238,0.06); margin-bottom:1.5rem;
}
.cw-hero__title{
  font-size: clamp(2.2rem, 5vw, 4rem); line-height:1.08; font-weight:700; margin:0 0 1.2rem;
}
.cw-hero__title .cw-highlight{
  background: linear-gradient(90deg, var(--purple), var(--pink));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.cw-hero__sub{ max-width:640px; margin:0 auto 2.4rem; color:var(--ink-muted); font-size:1.1rem; }
.cw-hero__actions{ display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }

/* ---------- Notice Section ---------- */
.cw-notice{
  max-width:900px; margin: 3rem auto; padding: 2rem 2.2rem; position:relative;
  border-color: rgba(236,72,153,0.35);
}
.cw-notice::before{
  content:""; position:absolute; inset:0; border-radius:inherit;
  padding:1px; background: linear-gradient(120deg, var(--pink), var(--purple), transparent 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude; pointer-events:none;
}
.cw-notice h3{ font-size:1.3rem; margin-top:0; }
.cw-notice ul{ list-style:none; margin:1rem 0 0; padding:0; display:grid; gap:.75rem; }
.cw-notice li{ display:flex; gap:.6rem; color:var(--ink-muted); }
.cw-notice li strong{ color:var(--ink); }
.cw-notice__videos{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin:1.5rem 0; }
.cw-notice__video{ aspect-ratio:16/9; border-radius:var(--radius-md); overflow:hidden; border:1px solid var(--border-glass); }
.cw-notice__video iframe{ width:100%; height:100%; border:0; }

/* ---------- WhatsApp floating buttons ---------- */
.cw-whatsapp-float{
  position:fixed; right:20px; bottom:24px; z-index:9999; display:flex; flex-direction:column; gap:.7rem; align-items:flex-end;
}
.cw-whatsapp-float .cw-btn{ padding:.85rem 1.3rem; font-size:.95rem; }
@media (max-width:600px){ .cw-whatsapp-float .cw-btn span{ display:none; } .cw-whatsapp-float .cw-btn{ padding:.9rem; border-radius:50%; } }

/* ---------- Section headings ---------- */
.cw-section{ padding:4rem 1.5rem; }
.cw-section__head{ text-align:center; max-width:640px; margin:0 auto 2.5rem; }
.cw-section__head h2{ font-size:clamp(1.8rem,3vw,2.5rem); margin-bottom:.6rem; }
.cw-section__head p{ color:var(--ink-muted); }

/* ---------- Category chips ---------- */
.cw-categories{ display:flex; flex-wrap:wrap; gap:.8rem; justify-content:center; max-width:1100px; margin:0 auto; }
.cw-category-chip{
  font-family:var(--font-display); font-weight:600; font-size:.9rem;
  padding:.7rem 1.3rem; border-radius:999px; color:var(--ink); text-decoration:none;
  background:var(--panel-glass); border:1px solid var(--border-glass); transition:.2s;
}
.cw-category-chip:hover{ border-color:var(--purple); color:var(--purple); transform:translateY(-2px); }

/* ---------- Product Grid + Signature Card ---------- */
.cw-product-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1.5rem; max-width:1280px; margin:0 auto; }
.cw-product-card{
  position:relative; padding:1.4rem; display:flex; flex-direction:column; gap:.8rem;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.cw-product-card:hover{ transform:translateY(-6px); border-color:rgba(168,85,247,0.55); box-shadow:var(--shadow-glow); }
.cw-product-card__thumb{ aspect-ratio:4/3; border-radius:var(--radius-md); overflow:hidden; background:linear-gradient(135deg,var(--purple-deep),var(--panel)); }
.cw-product-card__thumb img{ width:100%; height:100%; object-fit:cover; }
.cw-product-card__title{ font-family:var(--font-display); font-size:1.05rem; font-weight:600; margin:0; }
.cw-product-card__cat{ font-family:var(--font-mono); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--cyan); }

/* Signature: neon slash-price ribbon */
.cw-price-ribbon{ display:flex; align-items:baseline; gap:.6rem; font-family:var(--font-mono); }
.cw-price-ribbon .cw-price-now{ font-size:1.4rem; font-weight:700; color:#fff; }
.cw-price-ribbon .cw-price-was{ font-size:.9rem; color:var(--ink-muted); text-decoration:line-through; text-decoration-color:var(--pink); }
.cw-price-ribbon .cw-price-off{
  margin-left:auto; font-size:.72rem; font-weight:700; padding:.25rem .55rem; border-radius:999px;
  background:rgba(236,72,153,0.14); color:var(--pink); border:1px solid rgba(236,72,153,0.4);
  animation: cw-flicker 2.4s infinite ease-in-out;
}
@keyframes cw-flicker{
  0%,100%{ box-shadow:0 0 6px rgba(236,72,153,0.4); }
  50%{ box-shadow:0 0 16px rgba(236,72,153,0.85); }
}

/* ---------- My Account: downloads ---------- */
.cw-download-item{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.2rem; margin-bottom:.9rem; }
.cw-download-item__name{ font-weight:600; }
.cw-lifetime-badge{ font-family:var(--font-mono); font-size:.7rem; color:var(--cyan); border:1px solid rgba(34,211,238,0.4); padding:.15rem .5rem; border-radius:999px; }

/* ---------- Footer ---------- */
#colophon, .site-footer{ background:var(--void) !important; border-top:1px solid var(--border-glass); color:var(--ink-muted); }

/* ---------- Misc form/glass polish for WooCommerce ---------- */
.woocommerce ul.products li.product, .woocommerce div.product{ color: var(--ink); }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  background: linear-gradient(90deg,var(--purple),var(--pink)) !important; color:#fff !important;
  border-radius:999px !important; border:0 !important;
}
.woocommerce table.shop_table, .woocommerce-checkout .woocommerce-checkout-review-order-table{
  background: var(--panel-glass); border:1px solid var(--border-glass); border-radius:var(--radius-md);
}