/* Wersja B: tylko różnice względem v3 (system K1 zostaje). */
.rows--6{row-gap:clamp(40px,4vw,60px);grid-template-columns:repeat(3,minmax(0,1fr))}
.pk--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.zab--d{box-shadow:8px 8px 0 var(--red)}
.zab__l--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.f textarea{min-height:108px;resize:vertical}
.f__r>.rodo{grid-column:1/-1;margin:-4px 0 0;font:500 16px/1.4 var(--body);color:#c8c8c8}
.f__r>.f:nth-of-type(5),.f__r>.f:nth-of-type(6){grid-column:1/-1}
@media (max-width:1099px){
  .pk--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .zab__l--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:899px){
  .zab__l--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .zab--d{box-shadow:6px 6px 0 var(--red)}
}
@media (max-width:359px){
  .sh__h{font-size:33px;overflow-wrap:normal}
  .rows h3{font-size:26px}
  .tk h3{font-size:30px}
}
/* 320 px: dwie kolumny nie mieszczą dużych liczb (to samo w v3) */
@media (max-width:359px){
  .dl{grid-template-columns:minmax(0,1fr)}
}
/* odbiór niezależny 14.11: wymagane pola, CTA w finansowaniu, pionowe listy na telefonie */
.f .req{font:700 15px/1 var(--body);letter-spacing:0;text-transform:none;color:#c8c8c8}
.zab__c{margin-top:24px}
@media (max-width:599px){
  .rows--6,.pk--3,.zab__l--3{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;margin:0;padding:0;scroll-snap-type:none;gap:34px}
  .rows--6 li,.zab__l--3 li{flex:none}
  .pk--3{gap:30px}
  .pk--3 .tk{flex:none}
  .rows--6+.dots,.pk--3+.dots,.zab__l--3+.dots{display:none}
}

@media (max-width:599px){ .pk--3 .tk,.pk--3 .tk--top{order:0} }

/* ===== Sekcja „Zobacz Rockmana” (kolaż z prawdziwych materiałów) ===== */
.zr__g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,3vw,48px);align-items:start;margin-top:8px}
.zr__l{display:flex;flex-direction:column;gap:40px;min-width:0}
.zr__r{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:36px 22px;align-items:start;min-width:0}
.zr__r>figure,.zr__l>figure{margin:0}
.zr__f2{grid-column:1/7;grid-row:1}
.zr__f5{grid-column:7/9;grid-row:1;margin-top:46px}
.zr__f4{grid-column:1/4;grid-row:2}
.zr__f3{grid-column:4/7;grid-row:2;align-self:center}
.zr__f8{grid-column:7/9;grid-row:2;margin-top:18px}
.zr__f6{grid-column:1/6;grid-row:3}
.zr__f7{grid-column:6/9;grid-row:3;align-self:start;margin-top:26px}
.zr__g .med{display:block;width:100%;aspect-ratio:var(--ar);overflow:hidden;background:#000}
.zr__g .med img,.zr__g .med video{display:block;width:100%;height:100%;object-fit:cover}
.zr__g .chip{display:block;max-width:100%}
.zr__f7 .psc img{display:block;width:100%;height:auto}
.zr__sh{border-top:6px solid var(--red);padding-top:16px}
.zr__shl{font:900 clamp(24px,2vw,30px)/1 var(--disp);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px}
.zr__shl b{color:var(--red-hot)}
.zr__shu{display:grid;grid-template-columns:repeat(3,minmax(0,134px));gap:12px;justify-content:start}
.zr__shu a{display:block;line-height:0;box-shadow:4px 4px 0 var(--red);transition:transform .12s,box-shadow .12s}
.zr__shu a:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--red)}
.zr__shu a:focus-visible{outline:3px solid var(--red-hot);outline-offset:3px}
.zr__shu img{width:134px;height:238px;object-fit:cover;display:block}
.zr__shc{margin-top:14px;font:500 16px/1.4 var(--body);color:#c8c8c8}
.zr__film{margin-top:clamp(44px,5vw,72px);max-width:980px}
.zr__cta{margin-top:clamp(28px,3vw,44px)}
@media (max-width:1099px){
  .zr__g{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .zr__r{gap:36px 18px}
}
@media (max-width:899px){
  .zr__g,.zr__l,.zr__r{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px}
  .zr__l,.zr__r{display:contents}
  .zr__g>.zr__l>*,.zr__g>.zr__r>*{min-width:0}
  .zr__f1{grid-column:1/3;order:1}
  .zr__f2{grid-column:1/3;grid-row:auto;order:2}
  .zr__f5{grid-column:1/2;grid-row:auto;margin-top:0;order:3}
  .zr__f8{grid-column:2/3;grid-row:auto;margin-top:26px;order:4}
  .zr__f4{grid-column:1/2;grid-row:auto;order:5}
  .zr__f7{grid-column:2/3;grid-row:auto;align-self:start;margin-top:30px;order:6}
  .zr__f3{grid-column:1/3;grid-row:auto;align-self:start;order:7}
  .zr__f6{grid-column:1/3;grid-row:auto;order:8}
  .zr__sh{grid-column:1/3;order:9}
  .zr__shu{display:flex;overflow-x:auto;gap:12px;margin:0 calc(-1*var(--pad));padding:6px var(--pad) 14px}
  .zr__shu li{flex:0 0 auto}
}
@media (max-width:599px){
  .zr__f1,.zr__f2,.zr__f3,.zr__f6{grid-column:1/3}
}