/* =============================================================================
 * Lokalizacja w strukturze : /assets/css/page.css
 * Nazwa pliku              : page.css
 * Funkcja                  : Wspólny CSS podstron (about / lippen / powderbrows
 *                            / seminar / contact / impressum / datenschutz).
 *                            Mini-hero pod nagłówkiem + bloki treści prawnej.
 * Wygenerowana wersja      : 1.0.0
 * Historia zmian           :
 *   1.0.0  (2026-05-25)  Pierwsza wersja: page-hero + legal + faq.
 * Projekt                  : Mademoiselle Professional (redesign 2026)
 * Software                 : polooma.com
 * ========================================================================== */

/* Mini-hero podstron (pod stałym nagłówkiem) */
.page-hero{background:linear-gradient(160deg,#3a2a0f,#1f1607);color:var(--cream);
  padding-top:clamp(8rem,16vh,11rem);padding-bottom:clamp(3rem,7vw,5rem);text-align:center}
.page-hero .eyebrow{color:var(--sand);margin-bottom:1rem}
.page-hero h1{font-size:clamp(2.4rem,6vw,4.2rem);color:var(--cream);margin-bottom:1rem}
.page-hero p{color:rgba(255,245,220,.75);max-width:60ch;margin:0 auto;font-size:1.05rem}

/* Treść prawna (impressum / datenschutz) */
.legal{background:var(--paper)}
.legal .wrap{max-width:820px}
.legal h2{color:var(--mocha);font-size:1.5rem;margin:2.2rem 0 .8rem}
.legal h2:first-child{margin-top:0}
.legal p,.legal address{color:var(--muted);margin-bottom:1rem;font-style:normal;line-height:1.8}
.legal a{color:var(--gold)}

/* FAQ (akordeon dostępny) */
/* FAQ — style w dedykowanym pliku /assets/css/faq.css (ładowany przez partial) */