/* Strona publiczna PSZS (login.php, aktualnosci.php) */
:root{--navy:#0f1b33;--navy2:#17284d;--red:#d0202e;--red-d:#a8161f;--ink:#111827;--mut:#64748b;--line:#e2e8f0;--bg:#f3f5f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Barlow,system-ui,sans-serif;color:var(--ink);line-height:1.5;overflow-x:hidden;background:#b7bfcc radial-gradient(ellipse 75% 90% at 50% 20%,#eef1f5 0%,#d3d9e2 45%,#aeb7c5 80%,#97a1b1 100%) fixed}
.page{max-width:1240px;margin:0 auto;background:var(--bg);box-shadow:0 0 0 1px rgba(15,27,51,.08),0 0 50px rgba(15,27,51,.28);overflow:hidden;position:relative}
@media (min-width:1280px){
  /* efekt głębi: strona "unosi się" nad tłem - szklana ramka + kilka warstw cienia */
  .page{margin:40px auto;border-radius:12px;
    box-shadow:0 0 0 1px rgba(15,27,51,.18),
      0 0 0 7px rgba(255,255,255,.42),
      0 0 0 8px rgba(15,27,51,.10),
      0 2px 4px 8px rgba(15,27,51,.08),
      0 14px 28px 4px rgba(15,27,51,.22),
      0 34px 70px -6px rgba(15,27,51,.38),
      0 70px 130px -20px rgba(15,27,51,.50)}
}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px;position:relative}
h2.t{font-family:"Barlow Condensed",sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(1.6rem,4vw,2.2rem);margin:0;letter-spacing:.01em;line-height:1.1}
h2.t:after{content:"";display:block;width:46px;height:4px;background:var(--red);margin-top:10px;border-radius:2px}
section{padding:56px 0}
.i{width:22px;height:22px;flex:none}
.logo{width:70px;height:70px;flex:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));display:block}
/* NAV */
.nav{position:relative;z-index:50;background:var(--navy);color:#fff;box-shadow:0 2px 14px rgba(0,0,0,.25);overflow:hidden}
.nav .wrap{display:flex;align-items:center;gap:20px;height:84px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.brand b{font-family:"Barlow Condensed";font-size:1.12rem;line-height:1.08;font-weight:700}
.menu{display:flex;gap:6px;list-style:none;margin:0 auto;padding:0}
.menu a{display:block;padding:8px 14px;text-decoration:none;font-weight:600;font-size:.98rem;position:relative;opacity:.88}
.menu a:hover,.menu a.on{opacity:1}
.menu a.on:after,.menu a:hover:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--red);border-radius:2px}
.motto{position:relative;flex:none;align-self:stretch;display:flex;align-items:center;padding:0 0 0 70px;margin-right:-20px;font-family:"Barlow Condensed";font-weight:800;text-transform:uppercase;line-height:1.05;text-align:right;font-size:1.02rem;letter-spacing:.04em}
.motto:before{content:"";position:absolute;inset:0 -400px 0 0;background:var(--red);clip-path:polygon(60px 0,100% 0,100% 100%,0 100%);z-index:-1}
.motto:after{content:"";position:absolute;left:20px;top:0;bottom:0;width:22px;background:#fff;opacity:.9;transform:skewX(-38deg);z-index:-1}
.motto span{position:relative;padding-right:20px}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.7rem;cursor:pointer;padding:6px;margin-left:auto}
/* NAROŻNIK (strona główna): czerwony panel z białymi pasami, przechodzi z menu w hero */
.rog{position:absolute;top:0;right:0;width:440px;height:330px;z-index:55;pointer-events:none}
.rog i{position:absolute;inset:0}
.rog .p{background:var(--red);clip-path:polygon(200px 0,100% 0,100% 250px,370px 330px,70px 330px)}
.rog .b1{background:#fff;opacity:.92;clip-path:polygon(166px 0,178px 0,48px 330px,36px 330px)}
.rog .b2{background:#fff;opacity:.55;clip-path:polygon(140px 0,145px 0,15px 330px,10px 330px)}
.rog span{position:absolute;right:52px;top:22px;color:#fff;font-family:"Barlow Condensed",sans-serif;font-weight:800;text-transform:uppercase;text-align:right;font-size:1.32rem;line-height:1.18;letter-spacing:.08em}
@media (min-width:1061px){.nav.dom .menu{margin:0 300px 0 auto}.menu a{white-space:nowrap}}
@media (min-width:1061px) and (max-width:1239px){.nav.dom .menu{margin-right:295px;gap:0}.nav.dom .menu a{padding:8px 9px;font-size:.93rem}.nav.dom .menu a.on:after,.nav.dom .menu a:hover:after{left:9px;right:9px}}
@media (max-width:1060px){.rog{display:none}}
/* HERO */
.hero{position:relative;color:#fff;background:var(--navy) url(../img/hero3.jpg) 60% 0/cover;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,27,51,.94) 0%,rgba(15,27,51,.78) 24%,rgba(15,27,51,.25) 42%,rgba(15,27,51,0) 55%,rgba(15,27,51,.08) 100%)}
.hero .st{position:absolute;right:-40px;top:-20px;bottom:-20px;width:230px;z-index:1;pointer-events:none}
.hero .st i{position:absolute;top:0;bottom:0;background:var(--red);transform:skewX(-24deg)}
.hero .st i:nth-child(1){right:120px;width:12px;background:#fff;opacity:.85}
.hero .st i:nth-child(2){right:60px;width:34px}
.hero .st i:nth-child(3){right:0;width:46px;opacity:.85}
.hero .wrap{z-index:60;display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:center;padding-top:58px;padding-bottom:36px}
.hero h1{font-family:Barlow,sans-serif;font-weight:700;font-size:clamp(2.1rem,5vw,3.3rem);line-height:1.12;margin:0 0 26px;text-shadow:0 2px 18px rgba(0,0,0,.4)}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--red);color:#fff;text-decoration:none;padding:13px 24px;border-radius:999px;border:0;cursor:pointer;font:600 1.02rem Barlow,sans-serif;box-shadow:0 10px 24px -10px rgba(208,32,46,.8)}
.btn:hover{background:var(--red-d)}
.vals{display:flex;margin-top:42px;flex-wrap:wrap}
.vals div{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 26px;border-left:1px solid rgba(255,255,255,.25);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;opacity:.92}
.vals div:first-child{border:0;padding-left:0}
.vals .i{width:30px;height:30px}
/* LOGIN */
.card{background:#fff;color:var(--ink);border-radius:14px;padding:26px 24px 20px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.card h3{font-family:Barlow;font-weight:700;font-size:1.35rem;margin:0 0 18px;text-align:center}
.fld{margin-bottom:12px}
.fld input{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:8px;font:inherit;font-size:16px;background:#fff}
.fld input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 4px rgba(208,32,46,.12)}
.card .btn{width:100%;justify-content:center;margin-top:6px}
.err{background:#fef2f2;color:#b91c1c;border-left:4px solid #dc2626;border-radius:8px;padding:10px 12px;font-size:.88rem;font-weight:600;margin-bottom:12px}
.alt{margin-top:14px;text-align:center;font-size:.85rem}
.alt a{color:var(--navy);text-decoration:underline}
.ok{background:#f0fdf4;color:#166534;border-left:4px solid #16a34a;border-radius:8px;padding:10px 12px;font-size:.88rem;font-weight:600;margin-bottom:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* AUTO-PRZEWIJANE ZDJĘCIA */
.marq{overflow:hidden;margin-top:28px;-webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.track{display:flex;gap:14px;width:max-content;animation:jedz 45s linear infinite}
.marq:hover .track{animation-play-state:paused}
@keyframes jedz{to{transform:translateX(calc(-50% - 7px))}}
@media (prefers-reduced-motion:reduce){.track{animation-duration:120s}}
.tile{flex:none;width:210px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 6px 18px -10px rgba(15,27,51,.4)}
.tile img{display:block;width:100%;height:150px;object-fit:cover}
.tile div{padding:10px 12px;font-family:"Barlow Condensed";font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:1rem}
/* AKTUALNOŚCI */
#aktualnosci{padding-top:0}
.ahead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.ahead a{font-weight:600;font-size:.9rem;color:var(--red);text-decoration:none}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.news{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 6px 20px -12px rgba(15,27,51,.35);display:flex;flex-direction:column}
.news .ph{position:relative;aspect-ratio:16/10;background:var(--navy);overflow:hidden}
.news .ph img{display:block;width:100%;height:100%;object-fit:cover}
.news .ph .st{position:absolute;right:-20px;top:-10px;bottom:-10px;width:90px}
.news .ph .st i{position:absolute;top:0;bottom:0;background:var(--red);transform:skewX(-24deg)}
.news .ph .st i:nth-child(1){right:50px;width:6px;background:#fff;opacity:.8}.news .ph .st i:nth-child(2){right:16px;width:22px}
.news .ph .logo{position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%)}
.news time{align-self:flex-start;background:var(--red);color:#fff;font:700 .74rem Barlow,sans-serif;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:3px;margin-bottom:10px}
.news .bd{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.news h3{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;font-size:1.25rem;line-height:1.15;margin:0 0 8px;letter-spacing:.01em}
.news .tx{font-size:.92rem;color:#334155;margin:0;white-space:pre-line;word-wrap:break-word}
.news.zwin .tx{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.news .ft{display:flex;gap:16px;align-items:center;margin-top:auto;padding-top:12px;flex-wrap:wrap}
.news .wiecej{color:var(--red);font:700 .88rem Barlow,sans-serif;text-decoration:none}
.news h3 a{text-decoration:none}.news h3 a:hover{color:var(--red)}
.news a.ph{display:block;text-decoration:none}
.news .ph img{transition:transform .4s}.news:hover .ph img{transform:scale(1.03)}
.news .ln{font-weight:600;font-size:.88rem;color:var(--navy)}
.news.glowna{grid-column:1/-1;flex-direction:row}
.news.glowna .ph{flex:0 0 58%;aspect-ratio:auto;min-height:360px}
.news.glowna .ph .logo{width:110px;height:110px}
.news.glowna .ph .st{width:160px}.news.glowna .ph .st i:nth-child(1){right:90px;width:10px}.news.glowna .ph .st i:nth-child(2){right:28px;width:40px}
.news.glowna time{font-size:.82rem;padding:5px 12px;margin-bottom:12px}
.news.glowna .bd{padding:30px 32px;justify-content:center}
.news.glowna .bd:before{content:"Najnowsze";display:block;font:700 .75rem Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.news.glowna h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:14px}
.news.glowna .tx{font-size:1rem}
.news.glowna.zwin .tx{-webkit-line-clamp:9}
.news.glowna .ft{margin-top:18px}
.amore{text-align:center;margin-top:26px}
.amore .btn{font-size:.95rem;padding:11px 22px}
/* KALENDARZ */
.dark{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.dark .sl,.dark .sr2{position:absolute;top:-10px;bottom:-10px;width:120px;pointer-events:none}
.dark .sl{left:-60px}.dark .sr2{right:-60px}
.dark .sl i,.dark .sr2 i{position:absolute;top:0;bottom:0;background:var(--red);transform:skewX(-24deg)}
.dark .sl i:nth-child(1){left:20px;width:30px}.dark .sl i:nth-child(2){left:64px;width:8px;background:#fff;opacity:.6}
.dark .sr2 i:nth-child(1){right:20px;width:30px}.dark .sr2 i:nth-child(2){right:64px;width:8px;background:#fff;opacity:.6}
.khead{display:flex;justify-content:space-between;align-items:center;gap:20px}
.harm{display:flex;align-items:center;gap:12px;font-size:.88rem;opacity:.75;max-width:200px;line-height:1.3}
.harm .i{width:40px;height:40px}
.tabs{display:flex;gap:8px;margin:26px 0 0;flex-wrap:wrap}
.tabs button{background:var(--navy2);color:#fff;border:1px solid rgba(255,255,255,.14);padding:11px 22px;min-width:150px;border-radius:4px 4px 0 0;font:500 .95rem Barlow,sans-serif;cursor:pointer}
.tabs button.on{background:var(--red);border-color:var(--red)}
.pane{display:none;background:#fff;color:var(--ink);border-radius:0 4px 4px 4px;overflow:hidden;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.pane.on{display:block}
table{width:100%;border-collapse:collapse}
th,td{padding:9px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:.93rem}
th{background:#e9edf3;font-weight:700}
td.lp,th.lp{width:70px;text-align:center}
.empty td{text-align:center;color:var(--mut);padding:22px}
.pane tr.ukr{display:none}.pane.cala tr.ukr{display:table-row}
.kmore{display:block;width:100%;border:0;border-top:1px solid var(--line);background:#f5f7fa;color:var(--red);font:700 .92rem Barlow,sans-serif;padding:13px;cursor:pointer}
.kmore:hover{background:#eef1f6}
.empty a{color:var(--red);font-weight:700}
/* ZARZAD */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
.person{background:#fff;border-radius:6px;padding:18px 18px 16px;box-shadow:0 6px 20px -12px rgba(15,27,51,.35)}
.av{width:84px;height:84px;border-radius:50%;margin:0 auto 14px;overflow:hidden;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--line)}
.av .avs{display:block;width:100%;height:100%}
.person b{display:block;font-size:1rem}.person small{display:block;color:var(--mut);font-size:.85rem;margin-bottom:10px}
.person p{margin:4px 0 0;font-size:.85rem;display:flex;gap:8px;align-items:center}.person p .i{width:15px;height:15px}
.note{margin-top:24px;background:#fff;border-radius:6px;padding:18px 20px;box-shadow:0 6px 20px -12px rgba(15,27,51,.35)}
.note a{color:var(--red);font-weight:700}
/* DANE */
.info{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:stretch;margin-top:26px}
.box{background:#fff;border-radius:6px;padding:16px 22px;box-shadow:0 6px 20px -12px rgba(15,27,51,.35)}
.row{display:flex;align-items:center;gap:14px;padding:9px 0}
.row .k{width:62px;font-weight:500}.row .v{font-weight:500;word-break:break-word}
.row a{color:inherit;text-decoration:none}.row a:hover{color:var(--red)}
.city{position:relative;border-radius:6px;overflow:hidden;min-height:280px;background:url(../img/hrubieszow.jpg) center 55%/cover}
.city:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,27,51,.85),transparent 55%)}
.city .st{position:absolute;right:-30px;top:-10px;bottom:-10px;width:130px}
.city .st i{position:absolute;top:0;bottom:0;background:var(--red);transform:skewX(-24deg)}
.city .st i:nth-child(1){right:70px;width:8px;background:#fff;opacity:.8}.city .st i:nth-child(2){right:20px;width:30px}
.city div{position:absolute;right:28px;bottom:18px;z-index:2;color:#fff;text-align:right;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}
.city b{font-family:"Barlow Condensed";font-size:2.1rem;display:block;line-height:1;letter-spacing:.02em}
.city small{display:block;font-size:.6rem;opacity:.65;letter-spacing:0;text-transform:none;margin-top:4px}
/* STOPKA */
footer{background:var(--navy);color:#fff;font-size:.9rem}
.ftop{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:30px;align-items:center;padding:34px 20px}
.fbrand{display:flex;align-items:center;gap:16px}
.fbrand .logo{width:78px;height:78px}
.fbrand b{font-family:"Barlow Condensed";font-size:1.25rem;line-height:1.1;font-weight:700}
.fcon{border-right:1px solid rgba(255,255,255,.15);padding-right:20px}
.fcon .row{padding:6px 0;opacity:.9}.fcon .i{width:18px;height:18px}
.fmap{display:flex;align-items:center;gap:18px}
.fmap svg{width:118px;height:auto;flex:none}
.fmap b{display:block;font-weight:500;font-size:1rem;line-height:1.2}
.fmap b:after{content:"";display:block;width:30px;height:3px;background:var(--red);margin:8px 0}
.fmap em{font-family:Caveat,cursive;font-style:normal;font-size:1.45rem;transform:rotate(-6deg);display:inline-block;opacity:.9}
.fbot{border-top:1px solid rgba(255,255,255,.1)}
.fbot .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;font-size:.78rem;opacity:.85;flex-wrap:wrap}
.made{display:flex;align-items:center;gap:18px}
.made a{display:flex;align-items:center;text-decoration:none;opacity:.85}.made a:hover{opacity:1}
.made img{height:34px;width:auto}
.faza{font-family:"Barlow Condensed";font-weight:800;font-size:1.15rem;letter-spacing:.02em;border:1.5px solid rgba(255,255,255,.6);border-radius:6px;padding:3px 10px;line-height:1.2}
.faza span{color:#ff4d57}
/* MOBILE */
@media (max-width:1060px){.motto{display:none}.menu{margin-right:0}}
@media (max-width:980px){
  .hero .wrap{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px}
  .card{max-width:420px}
  .grid4{grid-template-columns:1fr 1fr}
  .news-grid{grid-template-columns:1fr 1fr}
  .info{grid-template-columns:1fr}
  .ftop{grid-template-columns:1fr 1fr}.fmap{grid-column:1/-1}.fcon{border:0}
}
@media (max-width:760px){
  .nav .wrap{height:66px}.logo{width:46px;height:46px}
  .burger{display:block}
  .nav{overflow:visible;z-index:100}.menu{display:none;position:absolute;top:66px;left:0;right:0;background:var(--navy);flex-direction:column;padding:10px 16px 16px;box-shadow:0 10px 20px rgba(0,0,0,.3)}
  .menu.open{display:flex}
  .menu a{padding:14px;font-size:1.05rem}
  .brand b{font-size:.95rem}
  /* telefon: zdjęcie w tle - tytuł na granacie, zawodnik 128 pod ikonami i za okienkiem logowania */
  .hero{background-position:48.5% 100%;background-size:auto 80%;background-repeat:no-repeat}
  .hero:before{background:linear-gradient(180deg,rgba(15,27,51,1) 0%,rgba(15,27,51,.92) 22%,rgba(15,27,51,.35) 40%,rgba(15,27,51,.2) 70%,rgba(15,27,51,.65) 100%)}
  .hero .st{width:120px;opacity:.6}
  .vals{margin-top:28px}.vals div{padding:0 12px;font-size:.62rem}
  section{padding:40px 0}
  .tile{width:170px}.tile img{height:122px}
  .khead .harm{display:none}
  .tabs{gap:4px}.tabs button{flex:1 1 30%;min-width:0;font-size:.8rem;padding:10px 6px}
  .pane{border-radius:0 0 4px 4px}
  th,td{padding:9px 10px;font-size:.85rem}td.lp,th.lp{width:36px}
  .grid4{grid-template-columns:1fr}
  .news-grid{grid-template-columns:1fr}
  .news-grid.home .news:nth-child(n+5){display:none}
  .news.glowna{flex-direction:column}.news.glowna .ph{flex:none;aspect-ratio:16/10;min-height:0}.news.glowna .bd{padding:18px 18px 20px}.news.glowna .ph .logo{width:72px;height:72px}
  .ftop{grid-template-columns:1fr;gap:22px}.fmap{grid-column:auto}
  .fbot .wrap{flex-direction:column;text-align:center}
}
@media (max-width:520px){
  thead{display:none}
  tbody tr{display:grid;grid-template-columns:36px 1fr;padding:10px 0;border-bottom:1px solid var(--line)}
  .pane tr.ukr{display:none}.pane.cala tr.ukr{display:grid}
  tbody td{border:0;padding:1px 10px}
  tbody td.lp{grid-row:span 3;font-weight:700;color:var(--red)}
  tbody td.d{font-weight:700;font-size:.8rem;color:var(--mut)}
  .empty td{grid-column:1/-1}
}

/* PODSTRONA AKTUALNOŚCI */
.sub-hero{background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:42px 0 38px}
.sub-hero .st{position:absolute;right:-40px;top:-20px;bottom:-20px;width:200px;pointer-events:none}
.sub-hero .st i{position:absolute;top:0;bottom:0;background:var(--red);transform:skewX(-24deg)}
.sub-hero .st i:nth-child(1){right:110px;width:10px;background:#fff;opacity:.85}.sub-hero .st i:nth-child(2){right:50px;width:30px}
.sub-hero h1{font-family:"Barlow Condensed",sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(1.9rem,5vw,2.8rem);margin:6px 0 0;line-height:1.05}
.crumb{font-size:.85rem;opacity:.75}.crumb a{text-decoration:none}.crumb a:hover{text-decoration:underline}
.news-lista .news-grid{margin-top:0}
.pager{display:flex;justify-content:center;gap:6px;margin-top:30px;flex-wrap:wrap}
.pager a,.pager span{min-width:42px;height:42px;display:grid;place-items:center;padding:0 12px;border-radius:6px;background:#fff;text-decoration:none;font-weight:600;box-shadow:0 4px 12px -8px rgba(15,27,51,.4)}
.pager span.on{background:var(--red);color:#fff}
.pager a:hover{color:var(--red)}
.artykul{max-width:860px;margin:0 auto}
.artykul .foto{border-radius:8px;overflow:hidden;background:var(--navy);box-shadow:0 20px 40px -24px rgba(15,27,51,.6);position:relative}
.artykul .foto img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#0b1428}
.artykul .foto.bez{aspect-ratio:16/7}.artykul .foto.bez .logo{position:absolute;left:50%;top:50%;width:96px;height:96px;transform:translate(-50%,-50%)}
.artykul .foto.bez .st{position:absolute;right:-20px;top:-10px;bottom:-10px;width:140px}.artykul .foto.bez .st i{position:absolute;top:0;bottom:0;background:var(--red);transform:skewX(-24deg)}
.artykul .foto.bez .st i:nth-child(1){right:80px;width:8px;background:#fff;opacity:.8}.artykul .foto.bez .st i:nth-child(2){right:26px;width:34px}
.artykul .meta{display:flex;gap:14px;align-items:center;margin:22px 0 6px;flex-wrap:wrap}
.artykul time{background:var(--red);color:#fff;font:700 .8rem Barlow,sans-serif;letter-spacing:.05em;text-transform:uppercase;padding:6px 12px;border-radius:3px}
.artykul h2{font-family:"Barlow Condensed",sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(1.7rem,4.5vw,2.5rem);line-height:1.08;margin:6px 0 16px}
.artykul .tresc{font-size:1.06rem;line-height:1.7;color:#1e293b;white-space:pre-line;word-wrap:break-word;background:#fff;border-radius:6px;padding:22px 24px;box-shadow:0 6px 20px -12px rgba(15,27,51,.35)}
.artykul .akcje{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;align-items:center}
.btn.jasny{background:#fff;color:var(--navy);box-shadow:0 6px 16px -10px rgba(15,27,51,.5)}.btn.jasny:hover{background:#eef1f6}
.btn.fb{background:#1877f2;box-shadow:none}.btn.fb:hover{background:#0f63d1}
.inne{margin-top:46px}
.inne h3.t2{font-family:"Barlow Condensed",sans-serif;font-weight:800;text-transform:uppercase;font-size:1.5rem;margin:0 0 18px}
@media (max-width:760px){.sub-hero{padding:30px 0 26px}.artykul .tresc{padding:16px 16px;font-size:1rem}.artykul .akcje .btn{flex:1 1 100%;justify-content:center}}