.hero-pairs{display:grid;isolation:isolate}
.hero-pairs .hero-pair{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.2s ease,visibility 0s linear 1.2s}
.hero-pairs .hero-pair.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1;transition:opacity 1.2s ease,visibility 0s}
.hero-pair[data-pair="czerniejewo"] img,.hero-pair[data-pair="mierzewo"] img,.hero-pair[data-pair="arcugowo"] img,.hero-pair[data-pair="myszki"] img{object-fit:contain;background:#172b25}
.hero-pairs-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:0 32px 26px;color:#e8dcc3;font:13px/1.5 Arial,sans-serif}
.hero-pairs-controls[hidden]{display:none}
.hero-pairs-controls button{border:1px solid #e8dcc366;border-radius:3px;background:transparent;color:inherit;padding:7px 12px;font:inherit;cursor:pointer}
.hero-pairs-controls button:hover{background:#e8dcc319}
.hero-pairs-controls button:focus-visible{outline:2px solid #ecd1a5;outline-offset:4px}
.hero-pairs-counter{min-width:150px;text-align:center}
@media(max-width:600px){.hero-pairs-controls{padding:0 20px 24px;gap:8px}.hero-pairs-counter{order:-1;width:100%}.hero-pairs-controls button{font-size:12px;padding:8px}}
@media(prefers-reduced-motion:reduce){.hero-pairs .hero-pair,.hero-pairs .hero-pair.is-active{transition:none}}