/* Wygenerowane reguły galerii — pokazują slajd wybrany kliknięciem miniatury */
#f1:checked ~ .g-main .s1,
#f2:checked ~ .g-main .s2,
#f3:checked ~ .g-main .s3,
#f4:checked ~ .g-main .s4,
#f5:checked ~ .g-main .s5,
#f6:checked ~ .g-main .s6,
#f7:checked ~ .g-main .s7,
#f8:checked ~ .g-main .s8,
#f9:checked ~ .g-main .s9,
#f10:checked ~ .g-main .s10,
#f11:checked ~ .g-main .s11,
#f12:checked ~ .g-main .s12,
#f13:checked ~ .g-main .s13,
#f14:checked ~ .g-main .s14,
#f15:checked ~ .g-main .s15,
#f16:checked ~ .g-main .s16,
#f17:checked ~ .g-main .s17,
#f18:checked ~ .g-main .s18,
#f19:checked ~ .g-main .s19,
#f20:checked ~ .g-main .s20,
#f21:checked ~ .g-main .s21,
#f22:checked ~ .g-main .s22 {
  opacity: 1;
  visibility: visible;
}

#f1:checked ~ .g-thumbs label[for="f1"],
#f2:checked ~ .g-thumbs label[for="f2"],
#f3:checked ~ .g-thumbs label[for="f3"],
#f4:checked ~ .g-thumbs label[for="f4"],
#f5:checked ~ .g-thumbs label[for="f5"],
#f6:checked ~ .g-thumbs label[for="f6"],
#f7:checked ~ .g-thumbs label[for="f7"],
#f8:checked ~ .g-thumbs label[for="f8"],
#f9:checked ~ .g-thumbs label[for="f9"],
#f10:checked ~ .g-thumbs label[for="f10"],
#f11:checked ~ .g-thumbs label[for="f11"],
#f12:checked ~ .g-thumbs label[for="f12"],
#f13:checked ~ .g-thumbs label[for="f13"],
#f14:checked ~ .g-thumbs label[for="f14"],
#f15:checked ~ .g-thumbs label[for="f15"],
#f16:checked ~ .g-thumbs label[for="f16"],
#f17:checked ~ .g-thumbs label[for="f17"],
#f18:checked ~ .g-thumbs label[for="f18"],
#f19:checked ~ .g-thumbs label[for="f19"],
#f20:checked ~ .g-thumbs label[for="f20"],
#f21:checked ~ .g-thumbs label[for="f21"],
#f22:checked ~ .g-thumbs label[for="f22"] {
  outline: 3px solid var(--miedz);
  outline-offset: -3px;
  opacity: 1;
}

/* strzałki poprzednie/następne aktywnego slajdu */
#f1:checked ~ .g-main .p1,
#f1:checked ~ .g-main .n1,
#f2:checked ~ .g-main .p2,
#f2:checked ~ .g-main .n2,
#f3:checked ~ .g-main .p3,
#f3:checked ~ .g-main .n3,
#f4:checked ~ .g-main .p4,
#f4:checked ~ .g-main .n4,
#f5:checked ~ .g-main .p5,
#f5:checked ~ .g-main .n5,
#f6:checked ~ .g-main .p6,
#f6:checked ~ .g-main .n6,
#f7:checked ~ .g-main .p7,
#f7:checked ~ .g-main .n7,
#f8:checked ~ .g-main .p8,
#f8:checked ~ .g-main .n8,
#f9:checked ~ .g-main .p9,
#f9:checked ~ .g-main .n9,
#f10:checked ~ .g-main .p10,
#f10:checked ~ .g-main .n10,
#f11:checked ~ .g-main .p11,
#f11:checked ~ .g-main .n11,
#f12:checked ~ .g-main .p12,
#f12:checked ~ .g-main .n12,
#f13:checked ~ .g-main .p13,
#f13:checked ~ .g-main .n13,
#f14:checked ~ .g-main .p14,
#f14:checked ~ .g-main .n14,
#f15:checked ~ .g-main .p15,
#f15:checked ~ .g-main .n15,
#f16:checked ~ .g-main .p16,
#f16:checked ~ .g-main .n16,
#f17:checked ~ .g-main .p17,
#f17:checked ~ .g-main .n17,
#f18:checked ~ .g-main .p18,
#f18:checked ~ .g-main .n18,
#f19:checked ~ .g-main .p19,
#f19:checked ~ .g-main .n19,
#f20:checked ~ .g-main .p20,
#f20:checked ~ .g-main .n20,
#f21:checked ~ .g-main .p21,
#f21:checked ~ .g-main .n21,
#f22:checked ~ .g-main .p22,
#f22:checked ~ .g-main .n22 {
  display: block;
}