/* Spójne bordo: belka, edycja, panorama i kafelki */
:root{--green:#64283b;--accent:#823f56;--cream:#faf8f4;--line:#eadde0}
.header{background:#64283b!important;color:#fff!important;border-bottom:1px solid #542034!important}
.header .logo,.header .logo .os-site-name,.header .nav a{color:#fff!important}
.header .nav a:hover{color:#ffe8d9!important}
.header .admin-link,.header .os-admin-nav{color:#fff!important;border-color:#b98b9b!important}
.header .admin-link{border-radius:9px;background:#ffffff12}
.header .os-admin-nav{font-weight:700}
.os-admin-bar{display:none!important}
.os-edit-btn,.os-news-card .os-edit-btn,.news-card .os-edit-btn,.iv-card .os-edit-btn{background:#72304b!important;color:#fff!important;border-color:#fff!important;box-shadow:0 3px 12px #2c112a44}
.os-edit-btn:hover,.os-edit-btn:focus{background:#9c5268!important}
.hero-photo{overflow:hidden;border-radius:26px;box-shadow:0 12px 32px #40202a1b;background-color:#e7ddd7}
.hero-photo[style*="background-image"]{background-repeat:no-repeat;background-position:center center;background-size:cover}
.hero-copy .line-art{color:#b59a9f;opacity:.6;pointer-events:none;bottom:0}
.hero-copy{padding-bottom:48px}
.primary,.btn.primary{background:linear-gradient(120deg,#8e465e,#64283b)!important;color:#fff!important}
.shortcut-icon svg{stroke:#64283b!important}
.shortcut .arrow{width:34px;height:34px;min-width:34px;min-height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;padding:0!important;border:1px solid #cdaab5!important;border-radius:50%!important;color:#64283b!important;background:#fff8f9!important;line-height:1!important;aspect-ratio:1}
.shortcut:hover .arrow{background:#64283b!important;color:white!important}
@media(max-width:720px){.header .nav a{color:#fff!important}.shortcut .arrow{display:inline-flex!important;width:30px;height:30px;min-width:30px;min-height:30px;flex-basis:30px}}

/* Panorama rysunkowa pod przyciskiem; bez nachodzenia na CTA */
.hero-copy .os-village-panorama{position:relative!important;bottom:auto!important;display:block;margin-top:22px;width:100%;max-width:440px;height:83px;overflow:hidden;opacity:.82!important;pointer-events:none;white-space:normal}
.hero-copy .os-village-panorama img{display:block;width:100%;height:100%;object-fit:contain;object-position:left bottom}
.hero-copy{padding-bottom:18px!important}
/* Ikony z biblioteki: odcienie bordo zamiast zieleni */
.shortcut-icon img{filter:none!important}
@media(max-width:720px){.hero-copy .os-village-panorama{height:62px;margin-top:16px}}

/* Zaokrąglona, odsunięta od krawędzi belka jak w zaakceptowanym projekcie */
.shell > .header{
  border-radius:44px!important;
  margin:12px 24px 0!important;
  padding-left:30px!important;
  padding-right:30px!important;
  box-shadow:0 10px 24px rgba(65,22,38,.14)!important;
  overflow:visible;
}
/* Panorama zawsze bezpośrednio pod CTA, a nie jako nakładka na przycisk */
.hero-copy > .os-village-panorama{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  margin:18px 0 0!important;
  width:100%!important;
  max-width:500px!important;
  height:100px!important;
  transform:none!important;
  z-index:0;
}
.hero-copy > .os-village-panorama img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:left bottom!important}
@media(max-width:850px){
 .shell > .header{margin:10px 12px 0!important;border-radius:26px!important;padding-left:16px!important;padding-right:16px!important}
 .hero-copy > .os-village-panorama{height:70px!important}
}

/* Korekta: zaokrąglenie TYLKO u góry */
.shell > .header{border-radius:38px 38px 0 0!important}
@media(max-width:850px){.shell > .header{border-radius:24px 24px 0 0!important}}
/* Rysunek panoramy pod przyciskiem: nie może być schowany przez wcześniejsze reguły */
.hero-copy > .os-village-panorama{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;min-height:100px!important;margin-top:18px!important;overflow:visible!important}
.hero-copy > .os-village-panorama img{display:block!important;visibility:visible!important;opacity:1!important;max-width:100%!important}

/* 27.10: belka od krawędzi do krawędzi obszaru strony */
.shell > .header{margin:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;border-radius:38px 38px 0 0!important;padding-left:30px!important;padding-right:30px!important}
/* Wyraziste, okrągłe przyciski ze strzałkami */
.shortcut .arrow{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;flex:0 0 42px!important;border:2px solid #72283f!important;border-radius:50%!important;color:#72283f!important;font-size:27px!important;font-weight:900!important;line-height:1!important;box-sizing:border-box!important;box-shadow:0 2px 6px #64283b16!important}
.shortcut .arrow svg{width:24px!important;height:24px!important;stroke:#72283f!important;stroke-width:3.2!important}
.shortcut:hover .arrow svg{stroke:#fff!important}
.hero-copy > .os-village-panorama{max-width:560px!important;height:126px!important;min-height:126px!important;margin-top:14px!important}
@media(max-width:850px){.shell > .header{border-radius:24px 24px 0 0!important;padding-left:16px!important;padding-right:16px!important}.shortcut .arrow{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex-basis:38px!important}.hero-copy > .os-village-panorama{height:90px!important;min-height:90px!important}}

/* Miejsce na wlasna panorame pod przyciskiem na stronie glownej */
.os-custom-panorama {
  display: block; width: 100%; max-width: 650px; min-height: 125px;
  margin-top: 16px; overflow: hidden; background: transparent;
}
.os-custom-panorama img {
  display: block; width: 100%; height: auto; max-height: 200px;
  object-fit: contain; object-position: left bottom;
}
@media (max-width: 700px) {
  .os-custom-panorama { min-height: 75px; margin-top: 12px; }
  .os-custom-panorama img { max-height: 145px; }
}

/* Panorama dodawana w panelu redakcyjnym */
.hero-copy .os-custom-panorama{min-height:0!important;height:auto!important;max-width:650px!important;margin-top:16px!important;overflow:visible!important}
.hero-copy .os-custom-panorama img{display:block;width:100%;height:auto;max-height:200px;object-fit:contain;object-position:left bottom}

/* 27.10 — zwarta sekcja powitalna, bez zmiany rozmiaru zdjęcia */
@media (min-width: 781px) {
  .os-config-hero .hero-copy {padding-top:24px!important;padding-bottom:0!important;overflow:visible}
  .os-config-hero .hero-copy .eyebrow {margin-bottom:0}
  .os-config-hero .hero-copy h1 {font-size:clamp(44px,4.3vw,64px)!important;line-height:1.02!important;margin:12px 0 10px!important;letter-spacing:-1.5px!important}
  .os-config-hero .hero-copy p {font-size:17px!important;line-height:1.35!important;margin:0 0 12px!important}
  .os-config-hero .hero-copy .btn {padding:14px 22px!important}
  .os-config-hero .hero-copy .os-custom-panorama {margin-top:8px!important;max-width:560px!important}
  .os-config-hero .hero-copy .os-custom-panorama img {max-height:130px!important;object-fit:contain!important;object-position:left bottom!important}
  .os-config-hero {align-items:start;row-gap:0}
  .os-config-shortcuts {margin-top:12px!important}
}
@media (max-width: 780px) {
  .os-config-hero .hero-copy {padding-bottom:0!important;min-height:0!important}
  .os-config-hero .hero-copy h1 {font-size:clamp(42px,9vw,58px)!important;line-height:1.04!important;margin:12px 0!important}
  .os-config-hero .hero-copy .os-custom-panorama {margin-top:10px!important}
  .os-config-hero .hero-copy .os-custom-panorama img {max-height:125px!important}
  .os-config-shortcuts {margin-top:14px!important}
}

/* Opis powitalny bezpośrednio pod głównym zdjęciem */
.os-config-hero .os-hero-photo-column{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.os-config-hero .os-hero-photo-column .hero-photo{width:100%;flex:none}
.os-config-hero .os-hero-photo-caption{margin:12px 8px 0 0!important;max-width:none!important;font-size:17px!important;line-height:1.4!important;color:#59616a!important}
@media(max-width:780px){.os-config-hero .os-hero-photo-caption{margin:10px 0 0!important;font-size:15px!important}}

/* 27.10 — jednakowe marginesy na głównej i wszystkich podstronach */
@media (min-width: 781px) {
  .shell { border-radius: 38px 38px 20px 20px !important; }
  .shell > .header { border-radius: 38px 38px 0 0 !important; }
  .shell > main > section.subpage {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 24px 10px 44px !important;
  }
}
@media (max-width: 780px) {
  .shell > main > section.subpage {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 24px 10px 40px !important;
  }
}
html {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

body {
    margin: 0;
    overflow-x: hidden;
}
/* Nasz Osiek i Dla mieszkańców — bordo zamiast zieleni */
.tiles-page .info-tile {
  border-color: #eadce1;
  box-shadow: 0 3px 15px rgba(100,40,59,.07);
}
.tiles-page .info-tile:hover,
.tiles-page .info-tile:focus-visible {
  border-color: #a46a7d;
  box-shadow: 0 8px 22px rgba(100,40,59,.13);
}
.tiles-page .info-tile-copy strong { color: #532536; }
.tiles-page .info-tile-copy small { color: #655d63; }
.tiles-page .info-tile-arrow {
  width: 38px;
  height: 38px;
  background: #fff;
  color: #64283b;
  border: 2px solid #64283b;
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
}
.tiles-page .info-tile:focus-visible { outline-color: #a46a7d; }
/* Oryginalne zielone PNG zostają na serwerze; barwienie wyłącznie w widoku. */
.tiles-page .info-illustration img {
  filter: grayscale(1) sepia(1) saturate(3) hue-rotate(290deg) brightness(.82);
}