.hero-poradniki {
  position: relative;
}
.hero-poradniki-inner {
  align-items: center;
}
.hero-poradniki-actions {
  flex-wrap: wrap;
}
.hero-cta-main,
.hero-cta-secondary {
  max-width: 100%;
}
.hero-poradniki-meta {
  flex-wrap: wrap;
}
.hero-meta-item {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  min-width: 0;
}
.hero-meta-label {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--color-text-muted);
}
.hero-meta-value {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}
.hero-poradniki-media-frame {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}
.hero-poradniki-media-overlay {
  gap: var(--space-sm);
}
.section-header {
  max-width: var(--content-max-width);
}
.section-header-text {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
.section-header-centered {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.section-header-centered .lead {
  margin-left: auto;
  margin-right: auto;
}
.section-featured-poradniki .section-header {
  margin-bottom: var(--space-xl);
}
.featured-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr);
  gap: var(--grid-gap-lg);
  align-items: stretch;
}
.featured-media {
  min-width: 0;
}
.featured-media-frame {
  box-shadow: var(--color-shadow-soft);
}
.featured-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  min-width: 0;
}
.featured-card .featured-card-title {
  font-size: var(--font-size-xl);
}
.featured-card-excerpt {
  margin-top: var(--space-sm);
  color: var(--color-text-secondary);
}
.card-list-featured {
  margin-top: var(--space-sm);
}
.featured-item-title {
  font-size: var(--font-size-lg);
}
.featured-item-excerpt {
  margin-top: var(--space-xs);
  color: var(--color-text-secondary);
}
.section-categories-poradniki .section-header {
  margin-bottom: var(--space-lg);
}
.categories-controls {
  margin-bottom: var(--space-md);
}
.categories-grid {
  margin-top: var(--space-md);
}
.category-card {
  height: 100%;
}
.category-card-title {
  font-size: var(--font-size-lg);
}
.category-card-excerpt {
  margin-top: var(--space-xs);
  color: var(--color-text-secondary);
}
.category-card-list {
  margin-top: var(--space-sm);
  padding-left: 1.1rem;
  color: var(--color-text-secondary);
}
.category-card-list li + li {
  margin-top: 0.25rem;
}
.section-process-poradniki .section-header {
  margin-bottom: var(--space-md);
}
.process-grid {
  align-items: center;
  gap: var(--grid-gap-lg);
}
.process-text {
  min-width: 0;
}
.process-media {
  min-width: 0;
}
.process-media-frame {
  box-shadow: var(--color-shadow-soft);
}
.process-steps {
  margin-top: var(--space-md);
}
.process-list {
  list-style: none;
  padding-left: 0;
}
.process-list > li + li {
  margin-top: var(--space-md);
}
.process-list h3 {
  font-size: var(--font-size-md);
  margin-bottom: var(--space-2xs);
}
.process-list p {
  color: var(--color-text-secondary);
}
.section-suggest-guide {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
}
.card-suggest-guide {
  background-color: var(--color-bg-elevated-soft);
}
.card-suggest-guide .card-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.stack-v-tight {
  gap: var(--space-xs);
}
.suggest-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.suggest-actions .btn {
  max-width: 100%;
}
.suggest-meta {
  max-width: var(--content-max-width);
}
@media (max-width: 1024px) {
  .featured-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .featured-media-frame {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .hero-poradniki-inner {
    gap: var(--space-xl);
  }
  .hero-poradniki-media-frame {
    max-width: 100%;
  }
  .section-featured-poradniki .section-header {
    margin-bottom: var(--space-lg);
  }
  .featured-layout {
    gap: var(--space-md);
  }
  .suggest-actions {
    flex-direction: column;
    align-items: stretch;
  }
}
@media (max-width: 480px) {
  .hero-poradniki-meta {
    flex-direction: column;
    gap: var(--space-sm);
  }
  .category-card-list {
    padding-left: 1rem;
  }
}