/* Focus from mapaSiłowni: same 1.6:1 grid, large left tile, two stacked right tiles.
   Scoped to homepage navigation; the rest of KociaBaza retains its existing styles. */
.kb-home-guide{margin-top:0;margin-bottom:50px;scroll-margin-top:90px}
.kb-focus-navigation{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:minmax(180px,auto) minmax(180px,auto);gap:12px;padding:12px;border-radius:28px;background:var(--kb-line,#ecdeee)}
.kb-focus-tile{position:relative;isolation:isolate;min-width:0;overflow:hidden;border-radius:18px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;text-decoration:none;color:inherit;transition:box-shadow .25s;overflow-wrap:anywhere}
.kb-focus-picture{position:absolute;inset:0;z-index:-2;pointer-events:none}
.kb-focus-picture img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .3s}
.kb-focus-tile:is(:hover,:focus-visible) .kb-focus-picture img{transform:scale(1.045);filter:brightness(1.12)}
.kb-focus-tile:focus-visible{outline:3px solid var(--kb-primary,#6f3d73);outline-offset:4px;box-shadow:0 0 0 3px #fff}
.kb-focus-kicker{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1.6}
.kb-focus-arrow{position:absolute;right:24px;bottom:24px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--kb-primary,#6f3d73);color:#fff;font-size:24px;font-weight:400;line-height:1;transition:transform .25s,background .25s,color .25s}
.kb-focus-tile:is(:hover,:focus-visible) .kb-focus-arrow{transform:rotate(45deg);background:var(--kb-ink,#37273d);color:#fff}
.kb-focus-map{grid-row:span 2;min-height:380px;background:var(--kb-soft,#faf4fb);color:var(--kb-ink,#37273d)}
.kb-focus-map::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,244,251,.87),rgba(250,244,251,.52) 42%,rgba(250,244,251,0) 77%)}
.kb-focus-map .kb-focus-picture img{object-position:center top}
.kb-focus-map .kb-focus-arrow{top:24px;bottom:auto}
.kb-focus-map>.kb-focus-kicker{max-width:calc(100% - 56px)}
.kb-focus-map h2{margin:0 0 18px;color:var(--kb-ink,#37273d);font-size:clamp(26px,4.4vw,48px);font-weight:500;line-height:1.04;letter-spacing:-.06em}
.kb-focus-tile p{margin:8px 0 0;font-size:13px;line-height:1.65;color:inherit}
.kb-focus-map p{color:var(--kb-ink,#37273d)}
.kb-focus-breeds{background:var(--kb-soft,#faf4fb);color:var(--kb-ink,#37273d)}
.kb-focus-breeds .kb-focus-picture{opacity:.6}
.kb-focus-breeds .kb-focus-picture img{object-position:right center}
.kb-focus-breeds::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf4fb,#faf4fbc9 48%,#faf4fb00)}
.kb-focus-tile h3{margin:0;font-size:26px;font-weight:500;line-height:1.2;letter-spacing:-.04em}
.kb-focus-breeds p,.kb-focus-cities p{max-width:260px;padding-right:35px}
.kb-focus-cities{background:var(--kb-soft,#faf4fb);color:var(--kb-ink,#37273d)}
.kb-focus-cities .kb-focus-picture img{object-position:center center}
.kb-focus-cities::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,244,251,.94),rgba(250,244,251,.65) 48%,rgba(250,244,251,.1))}
@media(max-width:760px){
 .kb-focus-navigation{grid-template-columns:1fr 1fr;grid-template-rows:minmax(280px,auto) minmax(170px,auto);gap:8px;padding:8px;border-radius:22px}
 .kb-focus-map{grid-column:1/-1;grid-row:auto;min-height:280px}
 .kb-focus-tile{border-radius:15px;padding:20px;gap:20px}
 .kb-focus-map h2{font-size:36px}.kb-focus-tile h3{font-size:24px}
 .kb-focus-kicker{font-size:11px;letter-spacing:.08em}
 .kb-focus-arrow{right:18px;bottom:18px;width:34px;height:34px;font-size:22px}
 .kb-focus-map .kb-focus-arrow{top:18px}
 .kb-focus-breeds p,.kb-focus-cities p{padding-right:0}
 .kb-focus-cities::after{background:linear-gradient(90deg,rgba(250,244,251,.94),rgba(250,244,251,.68))}
 .kb-focus-breeds .kb-focus-arrow,.kb-focus-cities .kb-focus-arrow{position:static;margin-top:0;width:30px;height:30px;font-size:20px}
}
@media(max-width:380px){.kb-focus-tile{padding:17px}.kb-focus-map h2{font-size:30px}.kb-focus-tile h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.kb-focus-tile,.kb-focus-arrow,.kb-focus-picture img{transition:none}.kb-focus-tile:is(:hover,:focus-visible) .kb-focus-picture img{transform:none}}
@media print{.kb-home-guide{display:none}}