/* Strona Funkcje — styl minimalny, responsywny, zgodny z base.css */
.features-hero { position: relative; overflow: hidden; color: var(--text-on-primary, #fff); }
.features-hero__media { max-height: 42rem; line-height: 0; }
.features-hero__media img { width: 100%; height: auto; object-fit: cover; display: block; filter: saturate(1.05) contrast(0.98); }
.features-hero__content { position: relative; margin: -6rem auto 0; background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.25)); padding: 2rem 1.25rem; border-radius: 1rem; max-width: 72rem; backdrop-filter: blur(2px); }
.features-hero .lead { margin-top: .5rem; opacity: .95; }
.features-cta { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: 1rem; }

/* Kontrolki wyszukiwania i filtry */
.features-controls { max-width: 72rem; margin: 2rem auto; padding: 0 1rem; }
.features-search { display: grid; gap: .5rem; }
.features-search__label { font-weight: 600; }
.features-hint { font-size: .9rem; color: var(--muted-600, #5b6b66); margin: 0; }
#features-q { width: 100%; padding: .75rem 1rem; border-radius: .75rem; border: 1px solid var(--border-200, #e5e7eb); background: var(--surface-50, #fafafa); }
.features-filters { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: 1rem; }
.chip { padding: .5rem .75rem; border-radius: 999px; border: 1px solid var(--border-200, #e5e7eb); background: var(--surface-0, #fff); cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.chip[aria-pressed='true'] { background: #0ea5a4; color: #fff; border-color: #0ea5a4; }
.chip--reset { border-style: dashed; }
.features-tools { display: flex; gap: .5rem; align-items: center; margin-top: 1rem; flex-wrap: wrap; }
.features-count { margin-left: auto; font-size: .95rem; color: var(--muted-700, #4b5563); }

/* Lista funkcji */
.features-list { max-width: 72rem; margin: 2rem auto; padding: 0 1rem; display: grid; gap: 1rem; }
.feature-card details { border: 1px solid var(--border-200, #e5e7eb); border-radius: 1rem; background: var(--surface-0, #fff); box-shadow: 0 1px 0 rgba(0,0,0,.02); overflow: hidden; }
.feature-card summary { list-style: none; cursor: pointer; padding: 1rem 1.25rem; background: linear-gradient(180deg, #f0fdfa, #ecfeff); }
.feature-card summary::-webkit-details-marker { display: none; }
.feature-card h2 { font-size: 1.1rem; margin: 0; }
.feature-card[hidden] { display: none !important; }
.feature-card details[open] { border-color: #a7f3d0; }
.feature-card details > *:not(summary) { padding: 0 1.25rem 1rem; }
.feature-card p { margin-top: .75rem; }
.feature-card ul { margin: .5rem 0 0 1.25rem; }

/* Galeria obrazów — lekka i nienachalna */
.features-gallery { max-width: 72rem; margin: 2rem auto; padding: 0 1rem; }
.gallery-row { display: grid; gap: 1rem; grid-template-columns: 1fr; }
.gallery-item { background: var(--surface-0, #fff); border: 1px solid var(--border-200, #e5e7eb); border-radius: .75rem; overflow: hidden; }
.gallery-item img { width: 100%; height: auto; display: block; }
.gallery-item figcaption { padding: .75rem 1rem; color: var(--muted-700, #4b5563); font-size: .95rem; }

/* Szybkie linki */
.features-quicklinks { max-width: 72rem; margin: 2.5rem auto 3rem; padding: 1rem 1rem 0; }
.quicklinks-actions { display: flex; gap: .5rem; flex-wrap: wrap; margin: .75rem 0 0; }

/* Responsywność */
@media (min-width: 40rem) {
  .features-hero__content { margin-top: -8rem; padding: 2rem 2rem; }
  .gallery-row { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 64rem) {
  .features-hero__content { margin-top: -10rem; }
}