/* Podstrona „O nas”: manifest z faktami, wartości (lista redakcyjna), kawiarnia (brąz + tablica kredowa), strefy jak polaroidy, zespół i adres. */
.on-manifest, .on-sek, .on-kawa { max-width: 1880px; width: calc(100% - 2 * clamp(.6rem, 1.4vw, 1.5rem)); margin-left: auto; margin-right: auto; }
.on-sek h2, .on-kawa h2 { font-size: clamp(2.2rem, 4.5vw, 4.2rem); font-weight: 800; line-height: .95; margin: .8rem 0 1rem; }
.on-sek h2 span { color: var(--nieb); }

/* manifest */
.on-manifest { padding: clamp(3rem, 6vw, 5rem) clamp(1.2rem, 5vw, 5rem) 0; } /* boki jak w banerze — tekst równo z tytułem i zdjęciem */
.on-manifest__tekst { font-family: var(--font-naglowek); font-weight: 700; font-size: clamp(1.7rem, 3.4vw, 3.2rem); line-height: 1.2; max-width: none; margin-top: 1rem; text-wrap: pretty; } /* bez „balance” — linie dochodzą do prawej krawędzi */
.on-manifest mark { background: linear-gradient(transparent 58%, #CDE8FD 58%); color: inherit; padding: 0 .1em; }
.on-manifest .on-mark--roz { background: linear-gradient(transparent 58%, #FFD3E3 58%); }
.on-fakty { list-style: none; padding: 0; margin: clamp(2rem, 4vw, 3rem) 0 0; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 2px solid #E8EBF2; }
.on-fakty li { padding: 1.4rem 1.2rem 0 0; display: grid; gap: .2rem; }
.on-fakty li + li { padding-left: 1.4rem; border-left: 2px solid #E8EBF2; }
.on-fakty b { font-family: var(--font-naglowek); font-weight: 800; font-size: clamp(2.2rem, 4vw, 3.4rem); line-height: 1; color: var(--nieb); }
.on-fakty li:nth-child(2) b { color: var(--pom); } .on-fakty li:nth-child(3) b { color: var(--tur); } .on-fakty li:nth-child(4) b { color: var(--roz); }
.on-fakty small { font-size: .5em; }
.on-fakty span { color: var(--tusz-2); font-weight: 700; }

/* wartości: nagłówek z lewej, lista z dużymi słowami */
.on-sek { padding-top: clamp(3.5rem, 7vw, 6rem); }
.on-wartosci { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.on-wartosci__glowa { position: sticky; top: 110px; }
.on-lista { margin: 0; }
.on-lista div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 1.5rem; align-items: baseline; padding: 1.6rem 0; border-top: 2px solid #E8EBF2; }
.on-lista div:last-child { border-bottom: 2px solid #E8EBF2; }
.on-lista dt { font-family: var(--font-naglowek); font-weight: 800; font-size: clamp(1.6rem, 2.6vw, 2.4rem); line-height: 1.05; color: var(--k); }
.on-lista dd { margin: 0; color: var(--tusz-2); font-size: 1.1rem; }

/* kawiarnia */
.on-kawa { margin-top: clamp(3.5rem, 7vw, 6rem); background: #4A2E22; color: #F6EDE4; border-radius: var(--r-xl); overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); scroll-margin-top: 90px; }
.on-kawa__foto { display: block; min-height: 100%; }
.on-kawa__foto img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; display: block; }
.on-kawa__tresc { padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.4rem, 5vw, 4.5rem); }
.on-kawa .nadtytul { color: #E9B58A; }
.on-kawa h2 { color: #fff; }
.on-kawa h2 span { color: #E9B58A; }
.on-kawa__tresc > p:not(.nadtytul) { color: rgba(246,237,228,.85); font-size: 1.1rem; margin-bottom: 1.8rem; max-width: 36rem; }
.on-tablica { background: #2B2B2E; border: 10px solid #8A5A3C; border-radius: 14px; padding: 1.6rem 1.8rem; max-width: 30rem; box-shadow: inset 0 0 40px rgba(0,0,0,.45), 0 12px 30px rgba(0,0,0,.3); transform: rotate(-1deg); }
.on-tablica__tyt { font-family: var(--font-naglowek); font-weight: 800; font-size: 2rem; text-align: center; color: #fff; letter-spacing: .06em; border-bottom: 2px dashed rgba(255,255,255,.35); padding-bottom: .5rem; margin-bottom: .6rem; }
.on-tablica ul { list-style: none; padding: 0; margin: 0; }
.on-tablica li { padding: .6rem 0; font-family: var(--font-naglowek); font-weight: 700; font-size: 1.2rem; color: #fff; display: grid; }
.on-tablica small { font-family: var(--font-tekst); font-weight: 600; font-size: .9rem; color: rgba(255,255,255,.65); }
.on-tablica__stopka { margin-top: .6rem; font-size: .85rem; color: rgba(255,255,255,.6); text-align: center; }

/* strefy: polaroidy */
.on-strefy__glowa { display: flex; justify-content: space-between; align-items: end; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 2.2rem; }
.on-polaroidy { display: grid; grid-template-columns: repeat(5, 1fr); gap: clamp(.8rem, 2vw, 1.6rem); padding: .6rem; }
.on-polaroidy a { display: block; background: #fff; padding: .7rem .7rem 0; border-radius: 6px; box-shadow: 0 12px 28px rgba(30,35,64,.14); transform: rotate(var(--r)); text-decoration: none; color: var(--tusz); transition: transform .25s; }
.on-polaroidy a:hover { transform: rotate(0) translateY(-6px); }
.on-polaroidy picture { display: block; aspect-ratio: 1; overflow: hidden; background: #F4F6FA; }
.on-polaroidy img { width: 100%; height: 100%; object-fit: cover; display: block; }
.on-polaroidy span { display: block; text-align: center; padding: .8rem .2rem 1rem; font-family: var(--font-naglowek); font-weight: 700; font-size: 1.05rem; }

/* zespół + adres */
.on-dol { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: clamp(1rem, 2vw, 1.6rem); padding-bottom: clamp(3rem, 6vw, 5rem); }
.on-zespol, .on-adres { border-radius: var(--r-xl); padding: clamp(2rem, 4vw, 3.5rem); }
.on-zespol { background: #FFEEF4; }
.on-zespol h2 span { color: var(--roz); }
.on-zespol p:not(.nadtytul), .on-adres p:not(.nadtytul):not(.on-adres__ul) { color: var(--tusz-2); font-size: 1.1rem; margin-bottom: 1.5rem; max-width: 36rem; }
.on-adres { background: #E8F3FD; display: flex; flex-direction: column; justify-content: center; }
.on-adres__ul { font-family: var(--font-naglowek); font-weight: 800; font-size: clamp(1.5rem, 2.4vw, 2.1rem); line-height: 1.15; margin: .8rem 0 .6rem; }
.on-adres .btn { align-self: flex-start; }

@media (max-width: 1000px) { .on-polaroidy { grid-template-columns: repeat(5, minmax(170px, 1fr)); overflow-x: auto; padding: .8rem .6rem 1.2rem; scroll-snap-type: x mandatory; } .on-polaroidy a { scroll-snap-align: center; } }
@media (max-width: 900px) {
  .on-wartosci, .on-kawa, .on-dol { grid-template-columns: minmax(0, 1fr); }
  .on-wartosci__glowa { position: static; }
  .on-kawa__foto img { min-height: 0; aspect-ratio: 16 / 10; }
  .on-fakty { grid-template-columns: repeat(2, 1fr); }
  .on-fakty li:nth-child(3) { padding-left: 0; border-left: 0; }
}
@media (max-width: 760px) {
  .on-lista div { grid-template-columns: minmax(0, 1fr); gap: .4rem; }
  .on-tablica { transform: none; }
}


/* manifest wyśrodkowany: tekst i statystyki na osi strony */
.on-manifest { text-align: center; }
.on-manifest__tekst { margin-left: auto; margin-right: auto; text-wrap: balance; }
.on-fakty li, .on-fakty li + li { padding-left: 1rem; padding-right: 1rem; justify-items: center; }