:root{
  /* papier: var(--bg2)  atrament: #14140F  piasek: #DDCFB8  morze: #16323A  pilka: #D7141A */
  /* jeden kolor: slonce #F2A50C; tekst na nim zawsze atrament #14140F */
  --red:#F0B429; --red-d:#D99E14; --red-deep:#8A6A10; --brand:#F0B429; --ink:#14140F; --ivory:#E9E4D9; --white:#fff;
  --sea:#14140F; --sand:#DDCFB8; --red-on-dark:#F2C14E;
  /* dwa jasne kolory plazowki: slonce #F2A50C i niebo #CFE7F7 */
  --sky:#FCF3DE; --sky-2:#FEF9EE; --on-dark:#F2EFE8;
  /* stany: jedyne kolory poza sloncem i niebem */
  --ok:var(--ok); --ok-bg:var(--ok-bg); --warn:var(--warn); --danger:#C4161C;
  --bg:#FFFFFF; --bg2:#F7F4EC; --card:#F1F7FB; --text:#14140F; --muted:#565149; --line:#E7E2D8;
  --tint-sand:#FCF3DE; --tint-sea:#FBF6E9; --tint-rose:#FDF7EA;
  --band:#F2A50C; --bandtext:#14140F; --navbg:rgba(255,255,255,.94); --navtext:#14140F;
  --tile:#F5F1E8; --tiletext:#14140F;
}
/* noc: gleboki morski atrament zamiast czerni */
html[data-skin="dark"]{
  --bg:#0C0C0B; --bg2:#141413; --card:#1A1A18; --text:#F2EFE8; --muted:#A8B8D4; --line:#2A2A27;
  --band:#F2A50C; --bandtext:#14140F; --navbg:rgba(12,12,11,.94); --navtext:#F2EFE8;
  --tile:#0E2350; --tiletext:#F2EFE8; --ok:#7BE0A5; --ok-bg:#123D26; --warn:#FFD36B; --danger:#FF6B6F;
  --sea:#14140F;
}
/* czerwony tekst na ciemnym polu (morze, noc, czerwony pas) */
.band,.scale,.plusbox,.story,.faq,.openm,.stats,.cta{--red-text:var(--red-on-dark)}
html[data-skin="dark"] .hero{--red-text:var(--red-on-dark)}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:"Instrument Sans",Arial,sans-serif;font-size:17px;line-height:1.55;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.h{font-family:"Barlow Condensed",Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:.98}
.red{color:var(--red-text,var(--red))}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:18px;padding:13px 26px;border-radius:999px;border:2px solid var(--red);background:var(--red);color:#14140F;transition:.2s}
.btn:hover{background:var(--red-d);border-color:var(--red-d)}
.btn.ghost{background:transparent;color:var(--text);border-color:var(--text)}
.btn.ghost:hover{background:var(--text);color:var(--bg)}
.btn.white{background:#fff;color:var(--ink);border-color:#fff}
.eyebrow{font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:15px;color:var(--red-text,var(--red))}
/* NAV */
nav.top{position:sticky;top:0;z-index:50;background:var(--navbg);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
nav.top .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.logo img{height:34px}
.logo .l-dark{display:none}
html[data-skin="dark"] .logo .l-light{display:none}
html[data-skin="dark"] .logo .l-dark{display:block}
.menu{display:flex;align-items:center;gap:26px;font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:19px;color:var(--navtext)}
.menu .dd{position:relative;cursor:pointer}
.menu .dd>span:after{content:"";display:inline-block;margin-left:7px;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.menu .dd .sub{position:absolute;top:100%;left:-16px;min-width:230px;padding:12px 0;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}
.menu .dd:hover .sub{opacity:1;visibility:visible;transform:none}
.menu .sub a{display:block;padding:8px 18px;font-size:17px}
.menu .sub a:hover{color:var(--red-text,var(--red))}
.menu .plus b{color:var(--red-text,var(--red))}
.menu .signup{padding:9px 20px;font-size:17px}
.burger{display:none;background:none;border:0;color:var(--text);font-size:28px}
/* HERO */
.hero{position:relative;padding:88px 0 0;text-align:center;overflow:hidden;background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}
html[data-skin="light"] .hero{background:linear-gradient(180deg,#FEEFC8 0%,#EDAE1E 100%);color:var(--ink)}
html[data-skin="light"] .hero .red{color:var(--ink)}
html[data-skin="light"] .hero .btn{background:var(--brand);color:var(--ink);border-color:var(--brand)}
html[data-skin="light"] .hero .btn:hover{background:var(--red-d);border-color:var(--red-d)}
html[data-skin="light"] .hero .btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.hero h1{font-size:clamp(46px,8vw,104px)}
.hero p.lead{max-width:640px;margin:22px auto 30px;font-size:19px;opacity:.85}
.hero .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
html[data-skin="light"] .hero .btn.ghost{color:var(--text);border-color:var(--text)}
.collage{display:flex;gap:18px;justify-content:center;align-items:flex-end;margin-top:60px;padding:0 24px}
.collage figure{position:relative;border-radius:18px;overflow:hidden;flex:0 0 auto;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.collage img{width:100%;height:100%;object-fit:cover}
.collage .c1{width:200px;height:260px;transform:translateY(40px)}
.collage .c2{width:240px;height:330px}
.collage .c3{width:300px;height:400px}
.collage .c4{width:240px;height:330px}
.collage .c5{width:200px;height:260px;transform:translateY(40px)}
.chip{position:absolute;left:14px;right:14px;bottom:14px;display:flex;gap:8px;background:rgba(17,17,17,.82);backdrop-filter:blur(6px);border-radius:12px;padding:10px 12px;color:#fff;text-align:left}
.chip div{flex:1}
.chip small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.chip b{font-family:"Barlow Condensed",sans-serif;font-size:26px;line-height:1}
.chip .on{background:var(--red);border-radius:8px;padding:4px 8px}
/* ZOOM VIDEO */
.zoom{height:140vh;position:relative;background:linear-gradient(180deg,#EDAE1E 0%,#F7C64F 35%,#FCF3DE 75%,#FFFFFF 100%)}
.zoom .stick{position:sticky;top:76px;height:calc(100vh - 76px);display:flex;align-items:center;justify-content:center;overflow:hidden}
.zoom .frame{position:relative;width:60%;height:62%;border-radius:28px;overflow:hidden;will-change:width,height}
.zoom .frame img{width:100%;height:100%;object-fit:cover;animation:kb 18s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.14) translate(-2%,-1%)}}
.zoom .frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55))}
.zoom .ratingcard{position:absolute;z-index:2;top:8%;left:50%;transform:translateX(-50%);display:flex;gap:6px;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.6);backdrop-filter:blur(10px);border-radius:18px;padding:8px;color:#fff}
.zoom .ratingcard div{padding:8px 16px;border-radius:12px;text-align:left}
.zoom .ratingcard .on{background:var(--red)}
.zoom .ratingcard small{display:block;font-size:12px;letter-spacing:.06em;opacity:.85}
.zoom .ratingcard b{font-family:"Barlow Condensed",sans-serif;font-size:44px;line-height:1}
.zoom .caption{position:absolute;z-index:2;bottom:7%;left:0;right:0;text-align:center;color:#fff}
.zoom .caption .h{font-size:clamp(30px,4.6vw,64px)}
.zoom .caption p{opacity:.85;margin-top:8px}
.playtag{position:absolute;z-index:2;top:16px;right:16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,.55);color:#fff;padding:6px 10px;border-radius:999px}
/* SECTION */
section{padding:110px 0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(40px,5.4vw,72px)}
.sec-head p{max-width:520px;color:var(--muted)}
/* JOIN + BENTO */
.join .top{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin-bottom:50px}
.join h2{font-size:clamp(40px,5.4vw,72px)}
.join .top p{color:var(--muted);margin-bottom:22px}
.join .top .ctas{display:flex;gap:12px;flex-wrap:wrap}
.bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:270px;gap:28px}
.tile{border-radius:20px;background:var(--tile);color:var(--tiletext);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;overflow:hidden}
.tile.big{grid-row:span 2}
.tile .num{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:clamp(70px,8vw,120px);line-height:.9}
.tile .num .red{color:var(--red-text,var(--red))}
.tile .lbl{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;font-size:24px;margin-top:10px}
.tile .sub{font-size:14px;color:var(--muted);margin-top:6px;max-width:280px}
.tile.photo{padding:0}
.tile.photo img{width:100%;height:100%;object-fit:cover}
/* PILOT BAND */
.band{background:var(--sea);color:var(--bandtext);padding:90px 0;text-align:center}
html[data-skin="dark"] .band{background:var(--red)}
.band h2{font-size:clamp(34px,4.6vw,60px);max-width:980px;margin:0 auto}
.band h2 em{font-style:normal;color:var(--red-text,var(--red))}
html[data-skin="dark"] .band h2 em{color:#14140F}
.cities{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px}
.city{border:1.5px solid rgba(255,255,255,.25);border-radius:18px;padding:28px 16px}
.city b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:34px;text-transform:uppercase}
.city span{opacity:.75;font-size:15px}
.band .note{opacity:.6;font-size:13px;margin-top:26px}
/* START (sticky) */
.start .grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:start}
.start .left{position:sticky;top:120px}
.start h2{font-size:clamp(40px,5.4vw,72px);margin-bottom:20px}
.start .left p{color:var(--muted);font-size:19px;margin-bottom:28px;max-width:520px}
.stepcard{background:var(--card);border-radius:20px;padding:34px;margin-bottom:28px}
.stepcard .n{font-family:"Barlow Condensed",sans-serif;font-weight:800;color:var(--red-text,var(--red));font-size:20px;letter-spacing:.1em}
.stepcard h3{font-family:"Barlow Condensed",sans-serif;font-size:36px;text-transform:uppercase;line-height:1;margin:6px 0 12px;color:var(--red-text,var(--red))}
.stepcard p{color:var(--muted)}
.stepcard img{border-radius:14px;margin-top:22px;width:100%;height:300px;object-fit:cover}
.stores{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.store{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:10px;padding:9px 16px;font-size:13px;line-height:1.1}
html[data-skin="dark"] .store{background:#fff;color:var(--ink)}
.store b{font-size:17px;display:block}
.confirm{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.confirm span{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px}
.confirm span:before{content:"✓ ";color:var(--red-text,var(--red));font-weight:700}
/* SCALE */
.scale{background:var(--sea);color:var(--on-dark);border-radius:20px;padding:40px 36px}
.scale .ttl{display:flex;align-items:center;gap:12px;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:34px;text-transform:uppercase;margin-bottom:26px}
.scale .ttl img{height:30px}
.lv{display:grid;grid-template-columns:92px 1fr;gap:0 18px;position:relative}
.lv .val{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:40px;line-height:1}
.lv .body{border-left:3px dotted var(--c);padding:0 0 28px 22px;margin-left:-6px}
.lv .name{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:34px;line-height:1;text-transform:uppercase;color:var(--c)}
.lv .rng{font-family:"Barlow Condensed",sans-serif;font-size:22px;margin:4px 0 8px;opacity:.9}
.lv .desc{font-size:14.5px;opacity:.78;max-width:420px}
.lv .who{display:flex;align-items:center;gap:12px;margin-top:12px}
.lv .who i{width:46px;height:46px;border-radius:50%;border:3px solid var(--c);background-size:cover;background-position:center}
.lv .who b{font-family:"Barlow Condensed",sans-serif;font-size:20px;text-transform:uppercase;display:block;line-height:1}
.lv .who span{font-family:"Barlow Condensed",sans-serif;font-size:18px;opacity:.8}
/* PLUS */
.plusbox{position:relative;border-radius:28px;overflow:hidden;background:var(--sea);color:var(--on-dark);display:grid;grid-template-columns:1fr 1fr;min-height:540px}
.plusbox .txt{padding:64px;display:flex;flex-direction:column;justify-content:center}
.plusbox .txt .h{font-size:clamp(48px,6vw,88px)}
.plusbox .txt .h b{color:var(--red-text,var(--red))}
.plusbox ul{list-style:none;margin:24px 0 32px}
.plusbox li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.plusbox li:before{content:"→ ";color:var(--red-text,var(--red));font-weight:700}
.plusbox .soon{font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--red);color:#14140F;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:2px}
.plusbox .pic{position:relative}
.plusbox .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.plusbox .price{font-family:"Barlow Condensed",sans-serif;font-size:22px;opacity:.8;margin-top:14px}
/* FEATURES */
.feat .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.fcard{border-radius:20px;overflow:hidden;background:var(--card)}
.fcard img{width:100%;height:260px;object-fit:cover}
.fcard .in{padding:28px}
.fcard .eyebrow{margin-bottom:8px}
.fcard h3{font-size:21px;font-weight:600;line-height:1.35}
/* PROS */
.pros h2{text-align:center;font-size:clamp(40px,5.4vw,72px);margin-bottom:56px}
.pros .main{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
.pros .main .ph{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5}
.pros .main .ph img{width:100%;height:100%;object-fit:cover}
.slot{position:absolute;left:16px;top:16px;background:var(--red);color:#14140F;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px}
.pros blockquote{font-size:clamp(22px,2.4vw,30px);line-height:1.5;color:var(--text)}
.pros .who{display:flex;align-items:center;gap:16px;margin-top:28px}
.pros .who i{width:70px;height:70px;border-radius:50%;background-size:cover;background-position:center}
.pros .who b{font-family:"Barlow Condensed",sans-serif;font-size:34px;color:var(--red-text,var(--red));text-transform:uppercase;display:block;line-height:1}
.pros .who span{color:var(--muted);font-size:15px}
.quotes{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:70px}
.q{background:var(--card);border-radius:18px;padding:24px}
.q p{font-size:15px;color:var(--muted)}
.q .w{display:flex;align-items:center;gap:10px;margin-top:16px}
.q .w i{width:42px;height:42px;border-radius:50%;background-size:cover;background-position:center}
.q .w b{font-family:"Barlow Condensed",sans-serif;font-size:20px;text-transform:uppercase}
.tag-example{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px dashed var(--muted);color:var(--muted);border-radius:6px;padding:2px 7px;margin-bottom:10px}
/* STORIES */
.stories .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.story{border-radius:20px;overflow:hidden;background:var(--sea);color:var(--on-dark)}
.story .img{position:relative;height:380px}
.story .img img{width:100%;height:100%;object-fit:cover}
.story .img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.85))}
.story .img .h{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;font-size:40px}
.story .meta{padding:20px 22px}
.story .pill{display:inline-block;background:rgba(255,255,255,.12);border-radius:8px;padding:3px 10px;font-size:13px;margin-bottom:10px}
.story h4{font-size:18px;font-weight:600;line-height:1.35}
.story small{display:block;opacity:.6;margin-top:8px}
/* FAQ */
.faq{background:var(--sea);color:var(--on-dark)}
html[data-skin="dark"] .faq{background:var(--red);color:#14140F}
.faq h2{text-align:center;font-size:clamp(44px,6vw,80px);margin-bottom:40px}
.faq details{border-top:1px solid rgba(255,255,255,.25)}
.faq details:last-of-type{border-bottom:1px solid rgba(255,255,255,.25)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:clamp(22px,2.4vw,30px);text-transform:uppercase}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";width:12px;height:12px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);transition:.2s;flex:0 0 auto;margin-left:20px}
.faq details[open] summary:after{transform:rotate(-135deg)}
.faq .a{padding:0 0 26px;max-width:860px;opacity:.85}
.faq .a ul{margin:10px 0 0 20px}
/* CTA */
.cta{position:relative;padding:150px 0;text-align:center;color:#fff;overflow:hidden}
.cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.62);z-index:1}
.cta .wrap{position:relative;z-index:2}
.cta h2{font-size:clamp(44px,7vw,96px)}
.cta p{font-size:19px;opacity:.9;margin:18px 0 30px}
/* FOOTER */
footer{background:var(--sea);color:#C7D0CE;padding:80px 0 40px;font-size:15px}
footer .cols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px}
footer h5{font-family:"Barlow Condensed",sans-serif;font-size:20px;text-transform:uppercase;color:var(--on-dark);margin-bottom:14px}
footer a{display:block;padding:4px 0}
footer a:hover{color:var(--on-dark)}
footer .logo img{height:36px;margin-bottom:16px}
footer .bot{border-top:1px solid rgba(242,239,232,.18);margin-top:50px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;opacity:.7}
.ver{position:fixed;right:14px;bottom:14px;z-index:60;background:var(--red);color:#14140F;font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;font-size:14px;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}
@media(max-width:1000px){
  .menu{display:none}.burger{display:block}
  .collage .c1,.collage .c5{display:none}
  .join .top,.start .grid,.plusbox,.pros .main{grid-template-columns:1fr}
  .start .left{position:static}
  .bento{grid-template-columns:1fr 1fr;grid-auto-rows:220px}
  .tile.big{grid-row:span 1;grid-column:span 2}
  .cities{grid-template-columns:1fr 1fr}
  .feat .cols,.stories .cards{grid-template-columns:1fr}
  .quotes{grid-template-columns:1fr 1fr}
  .plusbox .pic{min-height:320px}
  footer .cols{grid-template-columns:1fr 1fr}
  .zoom .frame{width:88%}
}
@media(max-width:600px){
  body{font-size:16px}
  section{padding:76px 0}
  .wrap{padding:0 16px}
  .collage{gap:10px;padding:0 16px}
  .collage .c2,.collage .c4{display:none}
  .collage .c3{width:100%;max-width:360px;height:360px}
  .bento{grid-template-columns:1fr}
  .tile.big{grid-column:span 1}
  .cities,.quotes{grid-template-columns:1fr}
  .plusbox .txt{padding:36px 24px}
  .scale{padding:28px 20px}
  .lv{grid-template-columns:70px 1fr}
  .lv .val{font-size:30px}
  .zoom .ratingcard b{font-size:32px}
  footer .cols{grid-template-columns:1fr}
}
.start .grid>*,.join .top>*,.plusbox>*,.pros .main>*{min-width:0}
.lv .body{min-width:0}
@media(max-width:600px){
  .hero h1{font-size:40px}
  .stepcard{padding:22px}
  .lv{grid-template-columns:1fr}
  .lv .val{font-size:28px;margin-bottom:6px}
  .lv .body{margin-left:6px;padding-left:16px}
  .lv .name{font-size:26px;overflow-wrap:anywhere}
  .scale .ttl{font-size:26px}
  .sec-head h2,.join h2,.start h2,.pros h2{overflow-wrap:anywhere}
  .faq summary{font-size:20px}
}

.menu a,.menu .dd span{white-space:nowrap}
@media(max-width:1250px){.menu{gap:16px;font-size:17px}}

/* team rating: ok. 1/3 wielkości ratingu (75% / 25%) */
.chip .tr,.ratingcard .tr{display:block;font-style:normal;font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.04em;opacity:.92;line-height:1.1;margin-top:3px;text-transform:uppercase}
.chip .tr{font-size:11px}
.chip b{font-size:32px}
.chip .on{flex:1.6}
.ratingcard .tr{font-size:17px}
.zoom .ratingcard b{font-size:52px}
.lv .who .tr2{font-style:normal;font-size:12px;letter-spacing:.04em;opacity:.75;margin-left:4px;text-transform:uppercase}
/* logo z SINCE 1895 */
nav.top .logo img{height:46px}
footer .logo img{height:52px}
/* film w sekcji z przybliżeniem */
.zoom .frame video{width:100%;height:100%;object-fit:cover;display:block;background:var(--ink)}
.zoom .sound{position:absolute;z-index:3;left:16px;top:16px;border:0;cursor:pointer;background:rgba(0,0,0,.6);color:#fff;font:600 14px "Instrument Sans",sans-serif;padding:9px 14px;border-radius:999px}
.zoom .sound:hover{background:var(--red)}

/* pionowy film: ostry w środku, rozmyte tło po bokach */
.zoom .frame video.vbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(28px) brightness(.55);transform:scale(1.15)}
.zoom .frame video#film{position:relative;z-index:1;object-fit:contain;background:transparent}
.zoom .frame:after{z-index:1}
.zoom .ratingcard,.zoom .caption{z-index:3}

/* sekcja graj: kroki + otwarte mecze */
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pstep{background:var(--card);border-radius:20px;padding:30px}
.pstep .n{width:46px;height:46px;border-radius:50%;background:var(--red);color:#14140F;display:flex;align-items:center;justify-content:center;font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:24px}
.pstep h3{font-family:"Barlow Condensed",sans-serif;font-size:34px;text-transform:uppercase;line-height:1;margin:16px 0 10px}
.pstep p{color:var(--muted)}
.openm{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;margin-top:28px;background:var(--sea);color:var(--on-dark);border-radius:24px;padding:44px}
.openm h3{font-size:clamp(34px,4vw,54px);margin:8px 0 14px}
.openm p{opacity:.8;margin-bottom:22px}
.om{display:flex;justify-content:space-between;align-items:center;gap:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 18px;margin-bottom:10px}
.om b{display:block;font-family:"Barlow Condensed",sans-serif;font-size:22px;text-transform:uppercase}
.om span{font-size:14px;opacity:.75}
.om em{font-style:normal;white-space:nowrap;background:var(--red);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;color:#14140F}
/* dla hal i trenerów */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.dcard{background:var(--card);border-radius:20px;overflow:hidden}
.dcard img{width:100%;height:280px;object-fit:cover}
.dcard .in{padding:30px}
.dcard h3{font-family:"Barlow Condensed",sans-serif;font-size:36px;text-transform:uppercase;line-height:1;margin:8px 0 14px}
.dcard ul{list-style:none;margin-bottom:22px}
.dcard li{padding:8px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.dcard li:before{content:"→ ";color:var(--red-text,var(--red));font-weight:700}
@media(max-width:1000px){.cols3,.duo,.openm{grid-template-columns:1fr}.openm{padding:28px}}
@media(max-width:600px){.om{flex-direction:column;align-items:flex-start}}

/* hero: hasło + podtytuł */
.hero .sub2{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(22px,2.6vw,34px);line-height:1.1;margin:22px auto 0;max-width:900px}
.hero p.lead{margin-top:14px}
/* każdy mecz się liczy: wyraźniej */
.zoom .caption .hl{background:var(--red);color:#14140F;padding:2px 18px;display:inline-block;box-decoration-break:clone}

/* ===== v7 ===== */
/* karta ratingu jak w wersji C */
.rcard{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;color:var(--ink);border-radius:14px;padding:12px 14px;text-align:left;box-shadow:0 14px 30px rgba(0,0,0,.35)}
.rcard small{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#5b5b5b}
.rcard .v{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:44px;line-height:1;margin-top:2px}
.rcard .v i{font-style:normal;color:var(--red-text,var(--red));font-size:14px;vertical-align:top;margin-left:4px}
.rcard .tm{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:15px;line-height:1;margin:3px 0 8px;color:var(--ink);text-transform:uppercase;letter-spacing:.02em}
.rcard .tm b{font-weight:800}
.rcard .bar{height:5px;background:#eee;border-radius:3px;margin-top:5px}
.rcard .bar div{height:100%;background:var(--red);border-radius:3px}
.collage .c3 .rcard .v{font-size:54px}.collage .c3 .rcard .tm{font-size:18px}
.rcard-film{left:auto;right:auto;bottom:auto;top:7%;left:50%;transform:translateX(-50%);width:250px;z-index:3}
.rcard-film .v{font-size:58px}.rcard-film .tm{font-size:20px}
@media(max-width:600px){.rcard-film{width:200px}.rcard-film .v{font-size:44px}}
/* inicjały zamiast zdjęć */
i.ini{display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-family:"Barlow Condensed",sans-serif;font-weight:800;color:#14140F;background:var(--red);border-radius:50%}
.lv .who i.ini{width:46px;height:46px;border:3px solid var(--c);font-size:16px;background:#222;color:#fff}
.q .w i.ini{width:42px;height:42px;font-size:15px}
.pros .who i.ini.big{width:70px;height:70px;font-size:28px}
.ph-empty{display:flex;align-items:center;justify-content:center;text-align:center;background:repeating-linear-gradient(45deg,var(--card),var(--card) 14px,var(--bg2) 14px,var(--bg2) 28px);border:2px dashed var(--line);color:var(--muted);font-family:"Barlow Condensed",sans-serif;font-size:26px;text-transform:uppercase}
/* rankingi */
.ranks{background:var(--bg2)}
.rtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.rtabs span{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.04em;padding:8px 16px;border-radius:999px;border:2px solid var(--line);color:var(--text)}
.rtabs span.on{background:var(--red);border-color:var(--red);color:#14140F}
.rtable{background:var(--bg);border-radius:20px;padding:10px 24px 20px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.rrow{display:grid;grid-template-columns:50px 1fr 130px 130px 160px;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.rhead{font-family:"Barlow Condensed",sans-serif;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rrow .pos{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:30px;color:var(--red-text,var(--red))}
.rrow .who{display:flex;align-items:center;gap:12px}
.rrow .who i{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;font-style:normal;font-family:"Barlow Condensed",sans-serif;font-weight:800;flex:0 0 auto}
.rrow .who b{font-weight:600}.rrow .who small{display:block;font-weight:400;color:var(--muted);font-size:13px}
.rrow .rt{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:38px;line-height:1}
.rrow .tr{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:20px;color:var(--muted)}
.rrow .pw{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.rrow .pw em{flex:1;height:6px;background:var(--line);border-radius:3px;overflow:hidden}
.rrow .pw u{display:block;height:100%;background:var(--red)}
.rnote{font-size:13px;color:var(--muted);margin-top:14px}
@media(max-width:800px){.rrow{grid-template-columns:34px 1fr 80px 70px}.rrow .pw{display:none}.rrow .rt{font-size:28px}.rrow .tr{font-size:16px}}
/* since 1895 */
:root{--gold:#F2C14E}
.gold{color:var(--gold)!important}
.hist{background:var(--sea);color:var(--on-dark)}
.hist .hist-top{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:56px}
.hist h2{font-size:clamp(40px,5.4vw,72px)}
.hist p{opacity:.85}
.tline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--gold)}
.tp{padding:22px 18px 0 0;position:relative}
.tp:before{content:"";position:absolute;top:-9px;left:0;width:16px;height:16px;border-radius:50%;background:var(--sea);border:3px solid var(--gold)}
.tp b{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:56px;line-height:1;color:var(--gold)}
.tp span{display:block;margin-top:8px;opacity:.8;font-size:15px}
.tp.now b{color:#14140F!important}.tp.now span{color:#14140F!important}.tp.now:before{border-color:var(--red);background:var(--red)}
@media(max-width:1000px){.hist .hist-top{grid-template-columns:1fr}.tline{grid-template-columns:1fr 1fr;row-gap:30px}}
/* historie: karty graficzne */
.story .img.gfx{display:flex;flex-direction:column;justify-content:flex-end;padding:22px}
.story .img.gfx:after{display:none}
.story .img.gfx .h{position:static}
.story .img.gfx .big{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:150px;line-height:.8;opacity:.25}
.gfx-red{background:linear-gradient(140deg,var(--red),#7d0b0f)}
.gfx-dark{background:linear-gradient(140deg,var(--line),var(--sea))}
/* cta czerwone */
.cta-red{background:var(--red);padding:130px 0;color:#14140F}
.cta-red:before{display:none}
.cta-red .btn.white{color:var(--ink)}
/* jasna wersja: sekcja za darmo wyraźniej */
html[data-skin="light"] .plusbox{background:var(--sea);box-shadow:0 30px 60px rgba(0,0,0,.18)}
html[data-skin="light"] .plusbox .price{opacity:.9}
html[data-skin="light"] .dcard{background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(0,0,0,.06)}
html[data-skin="light"] .pstep{background:#fff;border:1px solid var(--line)}
html[data-skin="light"] .play{background:var(--bg2)}

/* ===== v8 ===== */
/* plakietka: skala 2–8 z miejscem gracza i nazwą poziomu */
.rcard .sc{margin-top:6px}
.rcard .trk{position:relative;height:7px;border-radius:4px;background:linear-gradient(90deg,var(--bg2) 0%,var(--red-on-dark) 25%,var(--red-on-dark) 45%,var(--red) 62%,var(--ink) 100%)}
.rcard .trk span{position:absolute;top:50%;width:15px;height:15px;margin-left:-7px;margin-top:-7.5px;border-radius:50%;background:#fff;border:3px solid var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.3)}
.rcard .ends{display:flex;justify-content:space-between;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:11px;color:#999;margin-top:2px}
.rcard .ends em{font-style:normal}
.rcard .lvl{font-size:11px;color:#666}
.rcard .lvl b{color:var(--red-text,var(--red));font-family:"Barlow Condensed",sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.02em}
/* cztery filary */
.pillars h2{font-size:clamp(40px,6vw,88px);text-align:center;margin-bottom:46px}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pill4{display:flex;flex-direction:column;background:var(--card);border-radius:20px;padding:28px;border-top:6px solid var(--red);min-height:230px;transition:.2s;color:var(--ink)}
.pill4:hover{transform:translateY(-4px)}
.pill4 b{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:40px;text-transform:uppercase;line-height:1}
.pill4 span{color:#4b5563;margin-top:12px;flex:1}
.pill4 em{font-style:normal;font-size:28px;color:var(--red-text,var(--red));margin-top:10px}
i.soon,.soon{font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--red);color:#14140F;border-radius:999px;padding:2px 8px;vertical-align:2px;font-family:"Instrument Sans",sans-serif;font-weight:600}
@media(max-width:1000px){.pgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pgrid{grid-template-columns:1fr}.pill4{min-height:0}}
/* rankingi: trzy poziomy filtrów */
.rfil{margin-bottom:20px}
.rfil .f1{display:flex;gap:10px;flex-wrap:wrap}
.rfil .f1 span{cursor:pointer;font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,32px);text-transform:uppercase;padding:10px 26px;border-radius:12px;background:var(--bg);border:2px solid var(--line)}
.rfil .f1 span.on{background:var(--ink);color:#fff;border-color:var(--ink)}
html[data-skin="dark"] .rfil .f1 span.on{background:var(--red);border-color:var(--red)}
.rfil .f2{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.rfil .f2 span{cursor:pointer;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.04em;padding:6px 16px;border-radius:999px;border:2px solid var(--line)}
.rfil .f2 span.on{background:var(--red);border-color:var(--red);color:#14140F}
.rfil .f3{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:14px}
.rfil .f3 span{cursor:pointer;color:var(--muted);padding-bottom:3px;border-bottom:2px solid transparent}
.rfil .f3 span.on{color:var(--text);border-bottom-color:var(--red);font-weight:600}
/* oglądaj */
.watch .wgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}
.watch h2{font-size:clamp(40px,5.4vw,72px)}
.watch p{color:var(--muted);margin-top:14px;max-width:480px}
.live{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/10}
.live img{width:100%;height:100%;object-fit:cover}
.lbadge{position:absolute;top:14px;left:14px;background:var(--red);color:#14140F;font-weight:700;font-size:13px;letter-spacing:.08em;padding:5px 10px;border-radius:6px}
.score{position:absolute;left:14px;bottom:14px;background:rgba(0,0,0,.85);color:#fff;border-radius:10px;padding:8px 12px;font-family:"Barlow Condensed",sans-serif}
.score div{display:flex;gap:12px;align-items:center;font-size:20px}
.score b{width:80px;text-transform:uppercase}
.score i{font-style:normal;opacity:.6;width:26px;text-align:center}
.score i.cur{opacity:1;color:#14140F;background:var(--red);border-radius:4px}
@media(max-width:1000px){.watch .wgrid{grid-template-columns:1fr}}
/* statystyki */
.stats{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center;margin-top:28px;background:var(--sea);color:var(--on-dark);border-radius:24px;padding:40px}
.stats h3{font-size:clamp(32px,3.6vw,48px);margin:8px 0 12px}
.stats p{opacity:.8}
.st-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.st-nums div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:18px 12px;text-align:center}
html[data-skin="light"] .stats{background:var(--tint-sand);color:var(--text)}
html[data-skin="light"] .stats p{opacity:.75}
html[data-skin="light"] .st-nums div{background:#fff;border-color:rgba(20,20,15,.10)}
.st-nums b{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:34px;line-height:1}
.st-nums span{font-size:13px;opacity:.7}
@media(max-width:1000px){.stats{grid-template-columns:1fr;padding:28px}.st-nums{grid-template-columns:1fr 1fr}}
.play{background:var(--bg2)}


/* niebo w srodku strony */
html[data-skin="light"] .watch{background:var(--sky)}





/* jedno przejscie na stronie: swiatlo w pierwszym ekranie */
html[data-skin="dark"] .hero{background:linear-gradient(180deg,#2A2110 0%,#0C0C0B 100%)}
html[data-skin="light"] .hero{background:linear-gradient(180deg,#FEEFC8 0%,#EDAE1E 100%)}


/* delikatne przejscia: jedna plaszczyzna udaje swiatlo */
.btn{background:linear-gradient(180deg,#F7B62B 0%,#E89A05 100%);border-color:#E89A05}
.btn:hover{background:linear-gradient(180deg,#F2A50C 0%,#D98E06 100%);border-color:#D98E06}
.plusbox,.scale,.openm,.story,.faq,.hist{background:linear-gradient(180deg,var(--sea) 0%,#0B1D42 100%)}
.rcard{background:linear-gradient(180deg,#FFFFFF 0%,#EEF4FA 100%)}
.pill4,.dcard,.stepcard{background:linear-gradient(180deg,#FFFFFF 0%,#F4F8FC 100%)}

/* mocniejsze przejscia (decyzja wlasciciela 4.11) */
.btn{background:linear-gradient(180deg,#FFC94A 0%,#DE8A00 100%);border-color:#DE8A00}
.btn:hover{background:linear-gradient(180deg,#FFB62B 0%,#C97C00 100%);border-color:#C97C00}
.plusbox,.scale,.openm,.story,.faq,.hist{background:linear-gradient(180deg,#242421 0%,#111110 100%)}
.rcard{background:linear-gradient(180deg,#FFFFFF 0%,#E6F0FA 100%)}
.pill4,.dcard,.stepcard{background:linear-gradient(180deg,#FFFFFF 0%,#E9F2FB 100%)}
html[data-skin="dark"] .hero{background:linear-gradient(180deg,#2A2110 0%,#0C0C0B 100%)}
html[data-skin="light"] .hero{background:linear-gradient(180deg,#FEEFC8 0%,#EDAE1E 100%)}
/* Karty na jasnym tle: ciemny tekst niezależnie od motywu (kontrast WCAG) */
.pill4,.dcard,.stepcard{color:var(--ink)}
.pill4 b,.dcard h3{color:var(--ink)}
.pill4 span,.dcard p,.dcard li,.stepcard p{color:#4b5563}
.dcard .eyebrow,.dcard li:before,.stepcard .n,.stepcard h3{color:var(--red-deep)}
.confirm span{background:#EEF4FA;border-color:#C9D6E2;color:var(--ink)}
.pill4,.dcard,.stepcard{color:var(--ink)!important}
.dcard .eyebrow,.dcard li:before,.stepcard .n,.stepcard h3{color:var(--red-deep)!important}
.players{padding:80px 0}
.players .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pl{display:flex;align-items:center;gap:14px}
.pl img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--red)}
.pl b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:22px;text-transform:uppercase;line-height:1}
.pl span{font-size:14.5px;color:var(--muted)}
@media(max-width:900px){.players .wrap{grid-template-columns:1fr 1fr}}
/* jeden przycisk na desktopie, dwa na telefonie */
.app-only{display:none}
@media(max-width:900px){.app-only{display:inline-flex;width:100%;justify-content:center}}
/* hero: wideo w środku kolażu + boczne karty odsuwają się przy scrollu */
.collage .c3 video.film{width:100%;height:100%;object-fit:cover;display:block;border-radius:18px}
.collage figure{transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s}
.collage.away .c1{transform:translate(-70px,40px) scale(.94);opacity:.35}
.collage.away .c5{transform:translate(70px,40px) scale(.94);opacity:.35}
.collage.away .c2{transform:translateY(40px) scale(.97);opacity:.6}
.collage.away .c4{transform:translateY(40px) scale(.97);opacity:.6}
@media(prefers-reduced-motion:reduce){.collage figure{transition:none}.collage.away .c1,.collage.away .c2,.collage.away .c4,.collage.away .c5{transform:none;opacity:1}}
/* przycisk w hero: biały pill, ciemnozloty napis (wzorzec DUPR) */
.hero .btn{background:#fff;color:#7A5200;border-color:#fff}
.hero .btn:hover{background:#FEF3D2;color:#5E3E00;border-color:#FEF3D2}
.hero .btn.ghost{background:transparent;color:#14140F;border-color:#14140F}
/* wskaźnik w plakietce ratingu: żółta rampa jak na skali */
.rcard .trk{background:linear-gradient(90deg,#FFF6D8 0%,#F7DF9A 25%,#EDC24F 50%,#C98A0E 75%,#7A5200 100%)}
.rcard .trk span{background:#14140F;border:3px solid #fff;box-shadow:none}
/* przyciski: płaski mocny żółty, bez gradientu */
.btn{background:#FFC72C;border-color:#FFC72C;color:#14140F}
.btn:hover{background:#FFD65E;border-color:#FFD65E;color:#14140F}
/* poprawka: nadpisz kolory przycisków w obu skórach (wyższa specyficzność) */
html[data-skin="light"] .hero .btn,html[data-skin="dark"] .hero .btn{background:#FFC72C;border-color:#FFC72C;color:#14140F}
html[data-skin="light"] .hero .btn:hover,html[data-skin="dark"] .hero .btn:hover{background:#FFD65E;border-color:#FFD65E;color:#14140F}
html[data-skin="light"] .hero .btn.ghost,html[data-skin="dark"] .hero .btn.ghost{background:transparent;color:inherit;border-color:currentColor}
html[data-skin="light"] .cta-red .btn,html[data-skin="dark"] .cta-red .btn{background:#14140F;color:#FFC72C;border-color:#14140F}
/* hero CTA: biały pill jak u DUPR — nadpisanie wszystkich wcześniejszych reguł */
html[data-skin] .hero .ctas .btn{background:#fff !important;color:#7A5200 !important;border-color:#fff !important}
html[data-skin] .hero .ctas .btn:hover{background:#FEF3D2 !important;color:#5E3E00 !important;border-color:#FEF3D2 !important}
html[data-skin] .hero .ctas .btn.ghost{background:transparent !important;color:#14140F !important;border-color:#14140F !important}
/* hero: zdjęcie na górze, biały tekst po lewej (powrót do tego stylu) */
html[data-skin] .hero{background:linear-gradient(180deg,rgba(8,12,22,.55) 0%,rgba(8,12,22,.55) 100%),url("/media/wzor/img/b2.jpg") center 40%/cover no-repeat}
html[data-skin] .hero h1,html[data-skin] .hero .sub2,html[data-skin] .hero .lead{color:#fff}
html[data-skin] .hero h1{text-align:left;max-width:14ch;margin-left:0}
html[data-skin] .hero .sub2,html[data-skin] .hero .lead{text-align:left;max-width:52ch;margin-left:0;color:#F0EDE6}
html[data-skin] .hero .ctas{justify-content:flex-start}
html[data-skin] .hero .ctas .btn.ghost{color:#fff !important;border-color:#fff !important}
/* hero: nagłówek w dwóch liniach, przyciski widoczne bez przewijania */
html[data-skin] .hero h1{font-size:clamp(38px,4.6vw,68px);max-width:26ch;line-height:.96}
html[data-skin] .hero .sub2{font-size:clamp(17px,1.5vw,22px);max-width:34ch}
html[data-skin] .hero{padding-top:64px;padding-bottom:56px;min-height:auto}
html[data-skin] .hero .ctas{margin-top:8px}
/* hero: bez kolażu zdjęć — zostaje sama plakietka ratingu po prawej */
html[data-skin] .collage{display:grid !important;grid-template-columns:1fr 360px;gap:0;margin-top:-60px;padding-bottom:40px}
html[data-skin] .collage .c1,html[data-skin] .collage .c2,html[data-skin] .collage .c4,html[data-skin] .collage .c5{display:none !important}
html[data-skin] .collage .c3{grid-column:2;padding:0;background:none}
html[data-skin] .collage .c3 img{display:none}
html[data-skin] .collage .c3 .rcard{position:static}
/* hero: kadr wyżej, karta bez tła-kontenera, bez ciemnego pasa */
html[data-skin] .hero{background-position:center 30% !important;padding-top:40px !important;padding-bottom:28px !important}
html[data-skin] .collage{margin-top:-90px !important;padding-bottom:24px !important;align-items:center}
html[data-skin] .collage .c3{background:transparent !important;border-radius:0 !important;overflow:visible !important}
html[data-skin] .collage .c3::before,html[data-skin] .collage .c3::after{display:none !important}
html[data-skin] .collage .c3 .rcard{margin:0;border-radius:16px;box-shadow:0 10px 30px rgba(8,12,22,.18)}
/* mniej pustego żółtego przed filmem */
html[data-skin] .zoom{padding-top:0}
html[data-skin] .zoom .stage,html[data-skin] .zoom .frame{margin-top:0}
html[data-skin] .collage{margin-top:-40px !important;padding-bottom:0 !important}
/* plakietka pod przyciskiem, po lewej */
html[data-skin] .collage{display:block !important;margin:-20px 0 0 0 !important;padding:0 24px 24px !important}
html[data-skin] .collage .c3{max-width:340px;margin:0 auto 0 0}
html[data-skin] .collage .c3 .rcard{box-shadow:0 10px 26px rgba(8,12,22,.16)}

/* zero brązu: tylko czarny, biały, żółty */
html[data-skin] .rcard .trk{background:linear-gradient(90deg,#FFF6D8 0%,#FFD65E 45%,#F2B21C 100%) !important}
html[data-skin] .rcard .lvl b{color:#14140F !important}
html[data-skin] .rcard .v i{color:#14140F !important}
html[data-skin] .rcard .trk span{background:#14140F !important;border:3px solid #fff !important}
/* plakietka nie nachodzi na przycisk */
html[data-skin] .collage{margin:22px 0 0 0 !important;padding:0 24px 36px !important}
html[data-skin] .collage .c3{margin:0 !important}
html[data-skin] .hero{padding-bottom:0 !important}
/* czytelność: jasny tekst na ciemnym zdjęciu w hero */
html[data-skin] .hero .lead{color:#F4F1E8 !important}
html[data-skin] .hero .sub2{color:#FFFFFF !important}
/* napis na białym przycisku: czarny, nie brązowy */
html[data-skin] .hero .ctas .btn{color:#14140F !important}
html[data-skin] .hero .ctas .btn:hover{color:#14140F !important}