.kamar-kafelki{display:grid;grid-template-columns:repeat(var(--kamar-kafelki-kolumn,4),minmax(0,1fr));gap:20px;margin:0;color:#103547}
@media (min-width:1921px){.kamar-kafelki{grid-template-columns:repeat(var(--kamar-kafelki-kolumn-szeroki,var(--kamar-kafelki-kolumn,4)),minmax(0,1fr))}}
@media (min-width:2400px){.kamar-kafelki{grid-template-columns:repeat(var(--kamar-kafelki-kolumn-bardzo-szeroki,var(--kamar-kafelki-kolumn,4)),minmax(0,1fr))}}
.kamar-kafelki__kafel{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:14px 14px 16px;border:1px solid #ced5dd;border-radius:13px;background:#fff;color:#103547;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}
.kamar-kafelki__obraz{--kamar-kafelki-wciecie:8px;position:relative;display:block;overflow:hidden;border-radius:10px;aspect-ratio:var(--kamar-kafelki-proporcja,1/1);background:#f7fafd}
.kamar-kafelki__kafel--podpis-nad .kamar-kafelki__nazwa{margin-bottom:2px}
.kamar-kafelki__obraz .kamar-kafelki__zdjecie{position:absolute;inset:var(--kamar-kafelki-wciecie);width:calc(100% - 2 * var(--kamar-kafelki-wciecie));height:calc(100% - 2 * var(--kamar-kafelki-wciecie));border-radius:calc(10px - var(--kamar-kafelki-wciecie));object-fit:cover;display:block;transition:opacity .22s ease}
.kamar-kafelki__obraz--w-calosci{background:#fff}
.kamar-kafelki__obraz--w-calosci .kamar-kafelki__zdjecie{object-fit:contain}
.kamar-kafelki__zdjecie--drugie{opacity:0}
.kamar-kafelki__nazwa{display:block;text-align:center;font-size:16px;font-weight:600;line-height:1.25}
@media (hover: hover) and (pointer: fine){
.kamar-kafelki .kamar-kafelki__kafel:hover,.kamar-kafelki .kamar-kafelki__kafel:focus-visible{border-color:#F6B767;color:#103547;outline:none;background:#fff;box-shadow:0 6px 18px rgba(246,183,103,.38)}
.kamar-kafelki__kafel:hover .kamar-kafelki__zdjecie--drugie,.kamar-kafelki__kafel:focus-visible .kamar-kafelki__zdjecie--drugie{opacity:1}
.kamar-kafelki__kafel:focus{border-color:#ced5dd;color:#103547;background:#fff;outline:none;box-shadow:none}
}
@media(max-width:781px){
.kamar-kafelki{grid-template-columns:repeat(var(--kamar-kafelki-kolumn-mobile,2),minmax(0,1fr));gap:12px;margin:0 0 20px}
.kamar-kafelki__kafel{padding:10px 10px 12px;border-radius:10px;gap:8px}
.kamar-kafelki__nazwa{font-size:14px}
}