.poradnik-page {
  background: var(--color-milk);
}

.poradnik-page .section {
  padding-block: clamp(4rem, 7vw, 6rem);
}

.poradnik-hero__grid,
.poradnik-ecosystem__grid,
.poradnik-regular__panel {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 5fr) minmax(20rem, 4fr);
  align-items: center;
  gap: 4rem;
}

.poradnik-hero__copy,
.poradnik-hero__media,
.poradnik-ecosystem__copy,
.poradnik-ecosystem__media,
.poradnik-regular__copy,
.poradnik-regular__media {
  min-width: 0;
  width: 100%;
}

.poradnik-hero__copy {
  display: flex;
  max-width: 35rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.poradnik-hero__copy > * {
  margin: 0;
}

.poradnik-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.poradnik-hero__eyebrow span {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--color-peach);
}

.poradnik-hero h1 {
  font-size: clamp(2.5rem, 4vw, 2.75rem);
}

.poradnik-hero__media img {
  width: 100%;
  aspect-ratio: 5 / 4;
  border-radius: var(--radius-lg);
  object-fit: cover;
  object-position: right center;
}

.poradnik-observation__panel,
.poradnik-process__panel,
.poradnik-faq__panel {
  padding: clamp(1.5rem, 4vw, 3rem);
  border-radius: var(--radius-2xl);
  background: var(--color-water-mist);
}

.poradnik-observation__intro,
.poradnik-services__intro,
.poradnik-process__intro,
.poradnik-faq__intro,
.poradnik-limits__intro,
.poradnik-prepare__intro {
  max-width: 40rem;
}

.poradnik-observation__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-6);
}

.poradnik-observation__card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-milk);
}

.poradnik-observation__card > * {
  margin: 0;
}

.poradnik-observation__card svg {
  width: 2.5rem;
  height: 2.5rem;
  fill: none;
  stroke: var(--color-graphite);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
}

.poradnik-services__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-6);
}

.poradnik-service-card,
.poradnik-services__note {
  min-width: 0;
  width: 100%;
}

.poradnik-service-card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
}

.poradnik-service-card > * {
  margin: 0;
}

.poradnik-service-card--milk { background: var(--color-milk); }
.poradnik-service-card--water { background: var(--color-water-mist); }
.poradnik-service-card--sage { background: var(--color-soft-sage); }

.poradnik-service-card__icon,
.poradnik-service-card__leaf {
  font-family: var(--font-heading);
  font-size: 2rem;
  line-height: 1;
}

.poradnik-service-card__tag,
.poradnik-regular__tag,
.poradnik-ecosystem__label {
  display: inline-block;
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-pill);
  background: var(--color-milk);
  font-size: var(--text-xs);
  font-weight: 600;
  line-height: var(--line-xs);
}

.poradnik-service-card__detail p { margin: 0; }
.poradnik-service-card__toggle { display: none; }

.poradnik-services__note {
  display: flex;
  align-items: center;
  padding: var(--space-5);
  border-radius: var(--radius-xl);
  background: var(--color-water-mist);
}

.poradnik-services__note p { margin: 0; }

.poradnik-ecosystem__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3.5rem;
}

.poradnik-ecosystem__media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-xl);
  object-fit: cover;
}

.poradnik-ecosystem__copy {
  max-width: 32.5rem;
}

.poradnik-ecosystem__topics {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.poradnik-ecosystem__quote {
  max-width: 31rem;
  margin-top: var(--space-5);
  margin-bottom: 0;
  padding: var(--space-4) var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--color-soft-sage);
  font-family: var(--font-heading);
  font-size: var(--text-lg);
  line-height: var(--line-lg);
}

.poradnik-process__steps {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-6);
}

.poradnik-process__step {
  position: relative;
  min-width: 0;
}

.poradnik-process__step span,
.poradnik-prepare__grid span,
.poradnik-limits__grid span {
  display: block;
  margin-bottom: var(--space-3);
  color: var(--color-text-muted);
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: 600;
  line-height: 1;
}

.poradnik-process__step h3 {
  font-size: 1.25rem;
}

.poradnik-process__step em {
  font-style: normal;
  font-weight: 600;
}

.poradnik-process__notice {
  max-width: 35rem;
  margin-top: var(--space-6);
  padding: var(--space-4) var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--color-peach);
}

.poradnik-regular__panel {
  grid-template-columns: minmax(0, 52fr) minmax(18.75rem, 48fr);
  gap: 3rem;
  padding: clamp(1.5rem, 4vw, 3rem);
  border-radius: var(--radius-2xl);
  background: var(--color-soft-sage);
}

.poradnik-regular__copy {
  max-width: 33.75rem;
}

.poradnik-regular__media img {
  width: 100%;
  aspect-ratio: 3 / 2;
  border-radius: var(--radius-xl);
  object-fit: cover;
}

.poradnik-regular__media--mobile { display: none; }

.poradnik-regular__tag {
  background: var(--color-milk);
}

.poradnik-limits__grid,
.poradnik-prepare__grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2.5rem;
  margin-top: var(--space-6);
}

.poradnik-limits__grid article,
.poradnik-prepare__grid article {
  min-width: 0;
  width: 100%;
}

.poradnik-limits__grid h3 { font-size: 1.25rem; }

.poradnik-faq__intro { max-width: 38.75rem; }

.poradnik-faq__list {
  display: flex;
  max-width: 53.75rem;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

.poradnik-faq__item {
  min-width: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-milk);
  overflow: hidden;
}

.poradnik-faq__item h3 { margin: 0; }

.poradnik-faq__item button {
  display: flex;
  width: 100%;
  min-height: 3.5rem;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4);
  background: transparent;
  color: var(--color-graphite);
  font-family: var(--font-heading);
  font-size: var(--text-lg);
  font-weight: 600;
  line-height: var(--line-lg);
  text-align: left;
}

.poradnik-faq__item button span {
  flex: 0 0 auto;
  font-family: var(--font-body);
  font-size: 1.5rem;
}

.poradnik-faq__answer {
  max-width: 45rem;
  padding: 0 var(--space-4) var(--space-4);
}

.poradnik-faq__answer p { margin: 0; }

.poradnik-prepare__grid { gap: var(--space-5); }

.poradnik-prepare__grid article {
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
}

.poradnik-prepare__summary {
  max-width: 36rem;
  margin-top: var(--space-5);
}

.poradnik-cta__panel {
  padding: clamp(2.5rem, 5vw, 4rem) clamp(1.5rem, 4vw, 3rem);
  border-radius: var(--radius-2xl);
  background: var(--color-peach);
}

.poradnik-cta__copy {
  display: flex;
  max-width: 38.75rem;
  margin-inline: auto;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
  text-align: center;
}

.poradnik-cta__copy > * { margin: 0; }

.poradnik-cta__hint {
  max-width: 31.25rem;
  font-size: var(--text-sm);
  line-height: var(--line-sm);
}

@media (max-width: 1040px) {
  .poradnik-hero__grid { gap: 2.5rem; }
  .poradnik-hero h1 { font-size: 2.5rem; }
  .poradnik-process__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .poradnik-hero__grid,
  .poradnik-ecosystem__grid,
  .poradnik-regular__panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .poradnik-hero__copy,
  .poradnik-ecosystem__copy,
  .poradnik-regular__copy { max-width: none; }
  .poradnik-hero__media { max-width: 43rem; }
  .poradnik-ecosystem__media { order: 2; }
  .poradnik-ecosystem__copy { order: 1; }
  .poradnik-regular__media--desktop { display: none; }
  .poradnik-regular__media--mobile { display: block; margin: var(--space-5) 0; }
  .poradnik-observation__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .poradnik-services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .poradnik-services__note { grid-column: 1 / -1; }
  .poradnik-limits__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  .poradnik-prepare__grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
  .poradnik-page .section { padding-block: 3.5rem; }
  .poradnik-hero__grid,
  .poradnik-ecosystem__grid { gap: var(--space-6); }
  .poradnik-hero__copy { gap: var(--space-4); }
  .poradnik-hero h1 { font-size: 2.125rem; line-height: 1.147; }
  .poradnik-hero__copy .button { width: 100%; }
  .poradnik-observation__panel,
  .poradnik-process__panel,
  .poradnik-faq__panel,
  .poradnik-regular__panel,
  .poradnik-cta__panel { border-radius: 2rem; }
  .poradnik-observation__grid,
  .poradnik-services__grid,
  .poradnik-process__steps { grid-template-columns: minmax(0, 1fr); }
  .poradnik-observation__card,
  .poradnik-service-card { padding: var(--space-4); }
  .poradnik-service-card__detail { display: none; }
  .poradnik-service-card__detail.is-open { display: block; }
  .poradnik-service-card__toggle {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    padding: 0;
    background: transparent;
    font-size: var(--text-sm);
    font-weight: 600;
    text-decoration: underline;
  }
  .poradnik-process__notice { max-width: none; }
  .poradnik-faq__item button { padding: var(--space-3) var(--space-4); font-size: var(--text-base); }
  .poradnik-faq__answer { padding: 0 var(--space-4) var(--space-4); }
  .poradnik-cta__copy .button { width: 100%; }
}