/* E4: „Co otrzymuje gmina”: sześć produktów (prawdziwe przykłady i wizualizacje, każde z etykietą) */
.kor4 .sh{border-bottom-color:var(--black)}
.pg4{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,3.6vw,56px) clamp(22px,3vw,44px)}
.pt4{min-width:0;display:flex;flex-direction:column}
.pt4 h3{margin:18px 0 6px;font:900 clamp(24px,2.1vw,30px)/1 var(--disp);text-transform:uppercase;letter-spacing:.02em;color:var(--black)}
.pt4 p{margin:0;font:500 clamp(17px,1.3vw,19px)/1.45 var(--body);color:#222;max-width:30em}
.pt4__a{display:inline-block;margin-top:6px;padding:8px 0;font:700 17px/1.2 var(--body);color:var(--black);text-decoration:underline;text-underline-offset:3px;align-self:flex-start}
.pt4__a:focus-visible,.pv:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.pv{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;container-type:inline-size;background:#111;box-shadow:0 16px 34px rgba(0,0,0,.2)}
.bd4{position:absolute;left:0;top:0;z-index:4;font:700 12px/1 var(--body);letter-spacing:.1em;padding:7px 10px}
.bd4--r{background:#0b0b0c;color:#fff}
.bd4--w{background:#fff;color:#0b0b0c;box-shadow:inset 0 0 0 2px #0b0b0c}
/* plakat */
.pv--pl{background:#0b0b0c}
.pl{position:absolute;inset:0;color:#fff}
.pl__lg{position:absolute;left:7cqw;top:12cqw;width:13cqw;height:auto}
.pl__n{position:absolute;left:7cqw;top:27cqw;right:7cqw;font:900 15cqw/.88 var(--disp);text-transform:uppercase}
.pl__s{position:absolute;left:7cqw;top:47cqw;right:7cqw;font:900 7.4cqw/1 var(--disp);text-transform:uppercase;color:var(--red-hot);font-style:normal;letter-spacing:.04em}
.pl__r{position:absolute;left:0;right:0;top:63cqw;bottom:12cqw;background:var(--red);overflow:hidden}
.pl__r img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%;mix-blend-mode:normal}
.pl__z{position:absolute;left:0;right:0;bottom:0;height:12cqw;background:#fff;color:#0b0b0c;font:900 5.6cqw/12cqw var(--disp);text-transform:uppercase;text-align:center;font-style:normal;letter-spacing:.05em}
/* zaproszenie wideo (prawdziwy Short) */
.pv--vid img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.pv__play{position:absolute;right:6cqw;bottom:6cqw;width:19cqw;height:19cqw;background:var(--red);box-shadow:1.4cqw 1.4cqw 0 #fff}
.pv__play::after{content:"";position:absolute;left:7cqw;top:5cqw;border-left:7.6cqw solid #fff;border-top:4.5cqw solid transparent;border-bottom:4.5cqw solid transparent}
.pv--vid:hover .pv__play{transform:translate(1px,1px)}
/* post */
.pv--post{background:#d9d6cf;display:flex;align-items:center;justify-content:center}
.ph{position:relative;width:86cqw;margin-top:6cqw;background:#fff;color:#111;border-radius:3.5cqw;overflow:hidden;box-shadow:0 2cqw 6cqw rgba(0,0,0,.25)}
.ph__h{margin:0;padding:3.6cqw 3.6cqw;font:500 4.2cqw/1 var(--body)!important;color:#111!important}
.ph img{display:block;width:100%;height:62cqw;object-fit:cover;object-position:50% 40%}
.ph__t{margin:0;padding:3.6cqw 3.6cqw 4.4cqw;font:500 4.8cqw/1.35 var(--body)!important;color:#111!important}
.ph__l{margin:0 3.6cqw 4cqw!important;height:2cqw;background:#e0e0e0;width:60%}
/* informator */
.pv--inf{background:#d9d6cf}
.inf{position:absolute;inset:0}
.inf__b{position:absolute;left:36cqw;right:8cqw;top:13cqw;bottom:13cqw;background:#fff;padding:7cqw 6cqw;box-shadow:0 2cqw 6cqw rgba(0,0,0,.2)}
.inf__b u{display:block;height:2cqw;background:#cfcfcf;margin-top:4cqw;text-decoration:none}
.inf__b u:first-child{height:3cqw;width:60%;background:var(--red);margin-top:0}
.inf__b u:nth-child(4){width:80%}
.inf__c{position:absolute;left:8cqw;width:50cqw;top:8cqw;bottom:8cqw;background:var(--red);color:#fff;padding:6cqw;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:1.4cqw 1.4cqw 0 #0b0b0c}
.inf__lg{position:absolute;left:6cqw;top:6cqw;width:12cqw;height:auto}
.inf__c b{font:900 9.4cqw/.92 var(--disp);text-transform:uppercase}
.inf__c i{font:600 3.7cqw/1.3 var(--body);font-style:normal;margin-top:3cqw}
/* relacja (prawdziwe kadry) */
.pv--rel{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:56fr 69fr;gap:1.2cqw;padding:1.2cqw;background:#fff}
.rl{display:block;width:100%;height:100%;object-fit:cover;min-height:0}
.rl--a{grid-column:1/3;object-position:50% 55%}
.rl--b{object-position:50% 50%}
.rl--c{object-position:45% 50%}
/* raport */
.pv--rap{background:#d9d6cf}
.rp{position:absolute;left:12cqw;right:12cqw;top:9cqw;bottom:-6cqw;background:#fff;color:#111;padding:7cqw 7cqw 0;box-shadow:0 2cqw 6cqw rgba(0,0,0,.22)}
.rp__lg{width:11cqw;height:auto;display:block;margin-bottom:4cqw}
.rp b{display:block;font:900 8cqw/1 var(--disp);text-transform:uppercase;border-bottom:1.2cqw solid var(--red);padding-bottom:3cqw}
.rp dl{margin:3cqw 0 0}
.rp dt{font:700 4cqw/1 var(--body);text-transform:uppercase;letter-spacing:.08em;color:#555;margin-top:4cqw}
.rp dd{margin:1.6cqw 0 0;height:2.8cqw;background:#d8d8d8;width:88%}
.rp u{display:block;height:1.6cqw;background:#ececec;margin-top:2.6cqw;text-decoration:none}
.rp__g{display:grid;grid-template-columns:1fr 1fr;gap:3cqw;margin-top:6cqw}
.rp__g i{display:block;height:17cqw;background:#e4e4e4}
.rp__g i:first-child{background:#d8d8d8}
/* pasek „najpierw plan / specjalista / występ osobno” */
.pre4{list-style:none;margin:clamp(28px,3vw,44px) 0 0;padding:20px 0 0;border-top:3px solid var(--black);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px)}
.pre4 h3{margin:0 0 6px;font:900 clamp(20px,1.7vw,24px)/1.05 var(--disp);text-transform:uppercase;letter-spacing:.03em;color:var(--black)}
.pre4 p{margin:0;font:500 clamp(16px,1.2vw,18px)/1.5 var(--body);color:#222}
.law--p{margin:22px 0 0}
.kor4 .zr__cta{margin-top:clamp(24px,2.6vw,36px)}
@media (max-width:899px){
  .pg4{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px;margin-top:0}
  .pt4 h3{font-size:19px;margin:12px 0 4px}
  .pt4 p{font-size:15px;line-height:1.4}
  .pt4__a{font-size:15px}
  .bd4{font-size:10px;letter-spacing:.07em;padding:6px 7px}
  .pre4{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:34px}
  .pre4 h3{font-size:20px}
  .pre4 p{font-size:16px}
}
@media (max-width:359px){
  .pt4 h3{font-size:16px}
  .pt4 p{font-size:14px}
}