/* Galerie meczowe + przeglądarka zdjęć */
.sg{margin:50px 0}
.sg .sm-heading small{font:14px var(--sb-body);color:#9caaa1;margin-left:8px;vertical-align:middle}
.sg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.sg-item{display:block;overflow:hidden;background:#1b271f;aspect-ratio:3/2}
.sg-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s,filter .4s}
.sg-item:hover img{transform:scale(1.05);filter:brightness(1.08)}
.sg-item:focus-visible{outline:3px solid #fff;outline-offset:2px}

/* Strona główna: mozaika */
.sh-gallery .sh-head{align-items:flex-end}
.sh-gallery .sh-head h2{font-size:clamp(28px,3vw,40px)}
.sh-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(120px,14vw,190px);gap:8px}
.sh-mosaic .sg-item{aspect-ratio:auto}
.sh-mosaic .sg-item:first-child{grid-column:span 2;grid-row:span 2}
.sh-gallery-more{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.sh-gallery-card{display:flex;flex-direction:column;background:#1b271f;color:#fff;text-decoration:none}
.sh-gallery-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.sh-gallery-card span{padding:12px 14px;font:16px/1.3 var(--sb-head)}
.sh-gallery-card small{display:block;font:11px/1.5 var(--sb-body);text-transform:uppercase;letter-spacing:.06em;color:#9caaa1;margin-bottom:4px}
.sh-gallery-card:hover span{text-decoration:underline}
@media(max-width:800px){
	.sh-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:130px}
	.sh-gallery-more{grid-template-columns:repeat(2,minmax(0,1fr))}
	.sg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
}
@media(max-width:480px){.sg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Przeglądarka (lightbox) */
.sg-box{position:fixed;inset:0;z-index:100000;background:rgba(5,10,7,.96);display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.sg-box[hidden]{display:none}
.sg-box img{max-width:calc(100vw - 32px);max-height:calc(100vh - 110px);object-fit:contain;box-shadow:0 20px 60px #000a;user-select:none}
.sg-box button{position:absolute;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid #ffffff40;background:#0b120ecc;color:#fff;cursor:pointer;padding:0}
.sg-box button:hover,.sg-box button:focus-visible{background:var(--sb-green)}
.sg-box .sb-icon{width:26px;height:26px}
.sg-close{top:16px;right:16px}
.sg-prev{left:16px;top:50%;transform:translateY(-50%)}
.sg-next{right:16px;top:50%;transform:translateY(-50%)}
.sg-count{position:absolute;bottom:20px;left:0;right:0;text-align:center;font:15px var(--sb-head);color:#c5d0c8}
@media(max-width:700px){.sg-prev,.sg-next{top:auto;bottom:10px;transform:none}.sg-prev{left:10px}.sg-next{right:10px}.sg-box img{max-height:calc(100vh - 150px)}}
body.sg-open{overflow:hidden}