.page-oferta-eventowa {
  background: radial-gradient(circle at top, rgba(199, 155, 255, 0.18), transparent 55%), radial-gradient(circle at bottom, rgba(245, 200, 76, 0.08), transparent 60%), var(--color-bg);
}

.hero-oferta-eventowa {
  padding-top: calc(var(--space-3xl) + var(--header-height-desktop));
}

.hero-inner {
  align-items: center;
  gap: var(--grid-gap-xl);
}

.hero-grid {
  grid-template-columns: minmax(0, 1.2fr);
}

.hero-copy {
  max-width: 640px;
}

.hero-eyebrow {
  margin-bottom: var(--space-xs);
}

.hero-lead {
  margin-top: var(--space-sm);
}

.hero-meta {
  margin-top: var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}

.hero-cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}

.hero-cta {
  max-width: 100%;
}

.hero-media {
  max-width: 520px;
  margin-left: auto;
}

.hero-media-block {
  box-shadow: var(--shadow-soft);
}

.hero-image {
  object-fit: cover;
}

.section-header {
  max-width: var(--container-sm);
}

.section-header-centered {
  text-align: center;
  margin: 0 auto var(--space-2xl);
}

.section-header-centered .heading-eyebrow {
  justify-content: center;
}

.section-header .heading-eyebrow {
  display: inline-flex;
}

.section-intro {
  margin-top: var(--space-sm);
  color: var(--color-text-soft);
}

.section-formats .section-header {
  margin-bottom: var(--space-2xl);
}

.formats-grid {
  align-items: flex-start;
}

.formats-copy {
  min-width: 0;
}

.formats-media {
  min-width: 0;
}

.format-card + .format-card {
  margin-top: var(--space-md);
}

.card-list {
  margin-top: var(--space-sm);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.card-list li {
  position: relative;
  padding-left: 1.1rem;
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}

.card-list li::before {
  content: "";
  position: absolute;
  left: 0.3rem;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  box-shadow: 0 0 8px rgba(245, 200, 76, 0.7);
}

.btn-glow {
  box-shadow: 0 0 0 1px rgba(245, 200, 76, 0.45), 0 0 24px rgba(245, 200, 76, 0.75);
}

.btn-glow:hover {
  box-shadow: 0 0 0 1px rgba(245, 200, 76, 0.7), 0 0 32px rgba(245, 200, 76, 0.95);
}

.formats-links {
  margin-top: var(--space-lg);
  padding: var(--space-md);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-subtle);
  background: radial-gradient(circle at top left, rgba(245, 200, 76, 0.16), transparent 55%), rgba(12, 8, 22, 0.96);
}

.formats-links-label {
  font-size: var(--font-size-xs);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-text-muted);
  margin-bottom: var(--space-sm);
}

.formats-links-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}

.formats-link-item {
  padding: 0.45rem 0.9rem;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(245, 200, 76, 0.4);
  background: rgba(8, 5, 16, 0.9);
  font-size: var(--font-size-xs);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-text-soft);
  transition: background var(--transition-base) var(--easing-soft), border-color var(--transition-base) var(--easing-soft), color var(--transition-base) var(--easing-soft), box-shadow var(--transition-base) var(--easing-soft), transform var(--transition-fast) var(--easing-soft);
}

.formats-link-item:hover,
.formats-link-item:focus-visible {
  background: linear-gradient(135deg, rgba(245, 200, 76, 0.24), rgba(199, 155, 255, 0.18));
  border-color: rgba(245, 200, 76, 0.8);
  color: var(--color-text);
  box-shadow: 0 0 18px rgba(245, 200, 76, 0.6);
  transform: translateY(-1px);
}

.formats-media-block {
  box-shadow: var(--shadow-soft);
}

.formats-highlight {
  margin-top: var(--space-md);
  padding: var(--space-md) var(--space-lg);
}

.formats-highlight-text {
  font-size: var(--font-size-md);
  color: var(--color-text-soft);
}

.section-attractions .section-header {
  margin-bottom: var(--space-xl);
}

.attractions-grid {
  align-items: center;
  gap: var(--grid-gap-xl);
}

.attractions-media {
  min-width: 0;
}

.attractions-media-block {
  box-shadow: var(--shadow-soft);
}

.attractions-copy {
  min-width: 0;
}

.attractions-cards {
  margin-top: var(--space-lg);
}

.attraction-card {
  height: 100%;
}

.attractions-note {
  margin-top: var(--space-lg);
  padding: var(--space-md) var(--space-lg);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(245, 200, 76, 0.2);
  background: radial-gradient(circle at top, rgba(199, 155, 255, 0.16), transparent 60%), rgba(12, 8, 22, 0.96);
}

.section-atmosphere .section-header {
  margin-bottom: var(--space-2xl);
}

.atmosphere-grid {
  align-items: flex-start;
  gap: var(--grid-gap-xl);
}

.atmosphere-copy {
  min-width: 0;
}

.atmosphere-card + .atmosphere-card {
  margin-top: var(--space-md);
}

.atmosphere-media {
  min-width: 0;
}

.atmosphere-media-block {
  box-shadow: var(--shadow-soft);
}

.atmosphere-highlight {
  margin-top: var(--space-md);
  padding: var(--space-md) var(--space-lg);
}

.atmosphere-highlight-text {
  font-size: var(--font-size-md);
  color: var(--color-text-soft);
}

.section-how-to-book .section-header {
  margin-bottom: var(--space-xl);
}

.how-to-book-card {
  padding: var(--space-xl) var(--space-lg);
}

.how-to-book-body {
  padding: 0;
}

.how-to-book-steps {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.how-to-book-step-title {
  font-size: var(--font-size-lg);
  font-family: var(--font-display);
  margin-bottom: var(--space-xs);
}

.how-to-book-footer {
  margin-top: var(--space-xl);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-md);
}

.how-to-book-cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}

.how-to-book-cta {
  max-width: 100%;
}

.how-to-book-note {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

@media (max-width: 1023.98px) {
  .hero-oferta-eventowa {
    padding-top: calc(var(--space-2xl) + var(--header-height-mobile));
  }

  .hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero-media {
    max-width: 100%;
    margin-top: var(--space-xl);
  }

  .attractions-grid,
  .atmosphere-grid,
  .formats-grid {
    gap: var(--grid-gap-lg);
  }
}

@media (max-width: 767.98px) {
  .hero-meta {
    align-items: flex-start;
  }

  .hero-cta-group {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-cta {
    width: 100%;
  }

  .formats-highlight,
  .attractions-note,
  .atmosphere-highlight,
  .how-to-book-card {
    padding: var(--space-md);
  }

  .how-to-book-footer {
    margin-top: var(--space-lg);
  }

  .how-to-book-cta-group {
    flex-direction: column;
  }

  .how-to-book-cta {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .hero-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }
}