/* === TASTEBOX NEO — dark gradient, pastel accent === */
:root{
  --tb-accent: #18b8ff;
  --tb-accent2:#7a5cff;
  --tb-ink: #eaf0ff;
  --tb-soft:#c0cbe0;
}

.tastebox-neo{
  padding: clamp(60px, 8vw, 120px) clamp(16px, 5vw, 40px);
  background: linear-gradient(135deg, #0b0f16 0%, #111827 50%, #0c111a 100%);
  color: var(--tb-ink);
}

.tb-neo-inner{ max-width: 1180px; margin: 0 auto; }

/* Hero */
.tb-neo-head{ text-align: center; }
.tb-neo-head .eyebrow{
  display: inline-block; margin-bottom: 10px;
  color: var(--tb-accent); font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
}
.tb-neo-head h2{
  margin: 0 0 12px;
  font-size: clamp(28px, 4.5vw, 44px);
  background: linear-gradient(90deg, var(--tb-accent), var(--tb-accent2));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tb-neo-head .lead{
  max-width: 72ch; margin: 0 auto; color: var(--tb-soft); font-size: 1.1rem;
}

.tb-neo-chips{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top: 14px; }
.tb-neo-chips .chip{
  padding: 6px 10px; border-radius: 999px; font-weight: 700; font-size: .85rem;
  background: linear-gradient(90deg, rgba(24,184,255,.18), rgba(122,92,255,.18));
  border: 1px solid rgba(255,255,255,.12); color: #fff;
}

/* Grid */
.tb-neo-grid{
  display: grid; gap: clamp(24px, 3vw, 36px);
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  margin-top: clamp(28px, 4vw, 48px);
}
@media (max-width: 980px){ .tb-neo-grid{ grid-template-columns: 1fr; } }

/* Copy */
.tb-neo-copy h3{ margin:0 0 8px; color:#fff; font-size:1.5rem; }
.tb-neo-copy p{ color: var(--tb-soft); margin:0 0 12px; }
.tb-neo-list{ margin: 0 0 16px 0; padding-left: 18px; color: var(--tb-ink); }
.tb-neo-list li{ margin: 6px 0; }
.tb-neo-copy h4{ margin: 16px 0 8px; color:#fff; font-size:1.1rem; letter-spacing:.02em; }

.tb-neo-tags{
  display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0;
  list-style:none;
}
.tb-neo-tags li{
  padding: 6px 10px; border-radius: 999px; font-size:.82rem; color:#fff;
  background: linear-gradient(120deg, rgba(24,184,255,.14), rgba(122,92,255,.14));
  border: 1px solid rgba(255,255,255,.1);
}

/* Media (karta z lekkim szkłem) */
.tb-neo-media{
  margin:0; background: rgba(255,255,255,.03); border-radius: 16px; overflow:hidden;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 20px 40px rgba(0,0,0,.35);
}
.tb-neo-media img{ display:block; width:100%; height:auto; }
.tb-neo-media figcaption{
  padding: 10px 12px; color: var(--tb-soft); font-size: .9rem;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}

/* CTA karta */
.tb-neo-cta{ margin-top: clamp(28px, 4vw, 52px); }
.tb-neo-cta-card{
  display:flex; gap:20px; align-items:center; justify-content:space-between; flex-wrap:wrap;
  background: linear-gradient(160deg, rgba(30,40,60,.8), rgba(15,20,35,.92));
  border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 18px 20px;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}
.tb-neo-cta .cta-copy h3{ margin:0 0 6px; color:#fff; }
.tb-neo-cta .cta-copy p{ margin:0; color: var(--tb-soft); }

.tb-neo-cta .cta-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.tb-neo-cta .button{
  display:inline-block; text-decoration:none; font-weight:700; color:#fff;
  padding: 12px 18px; border-radius:10px; transition: transform .2s ease, box-shadow .2s ease;
  background: linear-gradient(90deg, var(--tb-accent), var(--tb-accent2));
  box-shadow: 0 10px 26px rgba(0,0,0,.4);
}
.tb-neo-cta .button:hover{ transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.5); }

/* Ghost secondary */
.tb-neo-cta .button.ghost{
  background: transparent; border:1px solid rgba(255,255,255,.18);
  box-shadow: none; color: var(--tb-ink);
}
.tb-neo-cta .button.ghost:hover{
  border-color: rgba(24,184,255,.6);
  box-shadow: 0 8px 20px rgba(0,0,0,.35);
}

.tb-neo-cta .mini-note{
  margin: 10px 2px 0; color: var(--tb-soft); font-size: .9rem; text-align:center;
}