/* PolskaON Reels 2.0.2 */

/* ---------- przycisk uruchamiający ---------- */
.pon-reels-launch{position:fixed;z-index:99990;font-family:"PonOsw","Oswald","Arial Narrow",sans-serif;--ico:var(--pon-ico-d,60px)}
.pon-reels-launch[hidden]{display:none!important}
.pon-reels-launch__btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--pon-on-acc,#fff);-webkit-tap-highlight-color:transparent}
.pon-reels-launch__btn:focus-visible{outline:3px solid #16161b;outline-offset:4px}
.pon-reels-launch__ico{position:relative;display:flex;align-items:center;justify-content:center;width:var(--ico);height:var(--ico);border-radius:50%;background:var(--pon-acc,#e3000f);transition:width .3s ease,height .3s ease,transform .2s,filter .2s,box-shadow .3s}
.pon-reels-launch__play{width:40%;height:40%}
.pon-reels-launch__img{display:none;width:100%;height:100%;object-fit:contain}
.pon-reels-launch__txt{font-weight:700;line-height:1;font-size:11px;letter-spacing:3px;padding:4px 6px 4px 9px;color:var(--pon-on-acc,#fff);background:var(--pon-acc,#e3000f);transition:color .3s,background .3s,box-shadow .3s;white-space:nowrap}
.pon-reels-launch__btn:hover .pon-reels-launch__ico{transform:scale(1.06);filter:brightness(1.12)}
.pon-l-nolabel .pon-reels-launch__txt{display:none}
.pon-l-pulse .pon-reels-launch__ico{animation:ponRing 1.8s ease-out infinite}

/* kształty */
.pon-shape-rounded .pon-reels-launch__ico{border-radius:24%}
.pon-shape-square .pon-reels-launch__ico{border-radius:0}
.pon-shape-pill .pon-reels-launch__btn{flex-direction:row;gap:0;background:var(--pon-acc,#e3000f);border-radius:999px;padding:4px 18px 4px 4px;box-shadow:0 6px 20px rgba(var(--pon-acc-rgb,227,0,15),.35)}
.pon-shape-pill .pon-reels-launch__ico{width:calc(var(--ico) * .78);height:calc(var(--ico) * .78);background:var(--pon-on-acc,#fff);color:var(--pon-acc,#e3000f);animation:none}
.pon-shape-pill .pon-reels-launch__txt{background:none;font-size:14px;letter-spacing:3px;padding:0 0 0 10px;margin:0;box-shadow:none}
.pon-shape-pill.pon-l-nolabel .pon-reels-launch__btn{padding-right:4px}
/* własna grafika PNG */
.pon-l-custom .pon-reels-launch__ico{background:none;border-radius:0;animation:none;box-shadow:none}
.pon-l-custom .pon-reels-launch__play{display:none}
.pon-l-custom .pon-reels-launch__img{display:block}

@keyframes ponRing{0%{box-shadow:0 6px 20px rgba(var(--pon-acc-rgb,227,0,15),.4),0 0 0 0 rgba(var(--pon-acc-rgb,227,0,15),.55)}100%{box-shadow:0 6px 20px rgba(var(--pon-acc-rgb,227,0,15),.4),0 0 0 16px rgba(var(--pon-acc-rgb,227,0,15),0)}}

/* PC */
@media (min-width:769px) and (hover:hover){
	.pon-reels-launch.pon-no-desktop{display:none!important}
	.pon-pd-rb{right:var(--pon-ld-x,32px);bottom:var(--pon-ld-y,104px)}
	.pon-pd-lb{left:var(--pon-ld-x,32px);bottom:var(--pon-ld-y,104px)}
	.pon-pd-rm{right:var(--pon-ld-x,32px);top:50%;transform:translateY(-50%)}
	.pon-pd-lm{left:var(--pon-ld-x,32px);top:50%;transform:translateY(-50%)}
	/* po przewinięciu o wysokość ekranu: mniejszy, subtelny */
	.pon-l-compactable.is-compact:not(.pon-shape-pill) .pon-reels-launch__ico{width:calc(var(--ico) * .86);height:calc(var(--ico) * .86);animation:none;box-shadow:0 4px 16px rgba(0,0,0,.15)}
	.pon-l-compactable.is-compact:not(.pon-shape-pill) .pon-reels-launch__txt{color:#16161b;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12)}
	.pon-l-compactable.is-compact.pon-shape-pill .pon-reels-launch__btn{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:scale(.88)}
}
/* Mobile */
@media (max-width:768px),(hover:none){
	.pon-reels-launch{--ico:var(--pon-ico-m,46px)}
	.pon-reels-launch.pon-no-mobile{display:none!important}
	.pon-pm-cb{left:50%;bottom:calc(var(--pon-lm-y,12px) + env(safe-area-inset-bottom,0px));transform:translateX(-50%)}
	.pon-pm-rb{right:var(--pon-lm-x,16px);bottom:calc(var(--pon-lm-y,12px) + env(safe-area-inset-bottom,0px))}
	.pon-pm-lb{left:var(--pon-lm-x,16px);bottom:calc(var(--pon-lm-y,12px) + env(safe-area-inset-bottom,0px))}
	.pon-reels-launch__btn{gap:0}
	.pon-reels-launch__ico{box-shadow:0 4px 14px rgba(0,0,0,.22);animation:none!important}
	.pon-reels-launch:not(.pon-shape-pill) .pon-reels-launch__txt{position:relative;margin-top:-7px;font-size:9px;letter-spacing:2px;padding:2px 4px 2px 6px;color:#16161b;background:#fff;border-radius:2px;box-shadow:0 1px 6px rgba(0,0,0,.18)}
	.pon-shape-pill .pon-reels-launch__txt{font-size:12px}
}
html.pon-r-open .pon-reels-launch{display:none!important}
html.pon-r-open,html.pon-r-open body{overflow:hidden!important;overscroll-behavior:none}

/* ---------- warstwa Reels ---------- */
.pon-r{
	--bg:var(--pon-bg-rgb,13,13,16);--tx:var(--pon-text-rgb,255,255,255);--ac:var(--pon-acc-rgb,227,0,15);--sp:var(--pon-speed,1);
	--hl:color-mix(in srgb,var(--pon-acc,#e3000f) 55%,#fff);--rad:var(--pon-radius,0px);
	--an-title:ponSlide;--an-pulse:none;--ease-title:cubic-bezier(.34,1.56,.64,1);
	position:fixed;inset:0;z-index:2147483000;background:rgb(var(--bg));color:rgb(var(--tx));overflow:hidden;font-family:"PonOsw","Oswald","Arial Narrow",sans-serif;-webkit-font-smoothing:antialiased;touch-action:none;opacity:0;transition:opacity .25s ease;height:100vh;height:100dvh}
.pon-r.is-in{opacity:1}
.pon-r *,.pon-r *::before,.pon-r *::after{box-sizing:border-box}
.pon-r button{font:inherit;color:inherit}
.pon-r a{color:rgb(var(--tx));text-decoration:none}
.pon-r :focus-visible{outline:3px solid rgb(var(--tx));outline-offset:3px}
.pon-at-punch{--an-title:ponPunch;--ease-title:cubic-bezier(.2,.8,.2,1)}
.pon-at-glitch{--an-title:ponGlitch;--ease-title:steps(1,end)}
.pon-at-fade{--an-title:ponFade;--ease-title:ease}
.pon-at-none{--an-title:none}
.pon-fx-pulse{--an-pulse:ponTglow}

.pon-r__track{position:absolute;inset:0;will-change:transform;transition:transform calc(.7s * var(--sp)) cubic-bezier(.22,.8,.2,1)}
.pon-r__track.is-drag,.pon-tr-fade .pon-r__track{transition:none}
.pon-tr-fade .pon-r__slide.is-active{animation:ponFade calc(.5s * var(--sp)) ease both}
.pon-r__slide{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;contain:strict}
.pon-r--h .pon-r__slide{left:calc(var(--i) * 100%)}
.pon-r--v .pon-r__slide{top:calc(var(--i) * 100%)}

.pon-r__blur{position:absolute;inset:-80px;width:calc(100% + 160px);height:calc(100% + 160px);object-fit:cover;filter:blur(50px) saturate(1.3) brightness(.5);transform:translateZ(0)}
.pon-is-light .pon-r__blur{filter:blur(50px) saturate(.9) brightness(1.25);opacity:.55}
.pon-r__media{position:absolute;overflow:hidden;background:rgba(0,0,0,.2)}
.pon-r__img{display:block;width:100%;height:100%;object-fit:cover;filter:contrast(1.08);opacity:0;transition:opacity .35s ease}
.pon-r__img.is-ok{opacity:1}
.pon-r--h .pon-r__media{top:0;bottom:0;left:50%;height:100%;max-width:100%;transform:translateX(-50%)}
.pon-r--v .pon-r__media{top:calc(88px + env(safe-area-inset-top,0px));left:0;width:100%;max-height:56%}

.pon-r__shade{position:absolute;inset:0;pointer-events:none}
.pon-r--h .pon-r__shade{background:linear-gradient(to right,rgba(var(--bg),.85) 0%,rgba(var(--bg),0) 32%,rgba(var(--bg),0) 75%,rgba(var(--bg),.6) 100%),linear-gradient(to bottom,rgba(var(--bg),.6) 0%,rgba(var(--bg),0) 16%,rgba(var(--bg),0) 38%,rgba(var(--bg),.9) 64%,rgb(var(--bg)) 88%)}
.pon-r--v .pon-r__shade{background:linear-gradient(to bottom,rgba(var(--bg),.6) 0%,rgba(var(--bg),0) 14%,rgba(var(--bg),0) 36%,rgba(var(--bg),.92) 60%,rgb(var(--bg)) 82%)}
.pon-r__glow{display:none;position:absolute;pointer-events:none;background:radial-gradient(closest-side,rgba(var(--ac),.5),rgba(var(--ac),0));mix-blend-mode:screen;left:-26%;top:40%;width:84%;height:110%;animation:ponGlow 3.2s ease-in-out infinite}
.pon-fx-glow .pon-r__glow{display:block}
.pon-is-light .pon-r__glow{mix-blend-mode:multiply;opacity:.35}
.pon-r--v .pon-r__glow{left:-66%;top:52%;width:180%;height:74%}

.pon-r__body{position:absolute;display:flex;flex-direction:column;isolation:isolate;z-index:3}
.pon-r__body::before{content:"";position:absolute;z-index:-1;left:-16%;right:-24%;top:-38%;bottom:-30%;pointer-events:none;opacity:var(--pon-plate,.8);background:radial-gradient(farthest-side at 42% 56%,rgba(var(--bg),1),rgba(var(--bg),.78) 52%,rgba(var(--bg),0))}
.pon-r--h .pon-r__body{left:max(120px,8vw);bottom:150px;width:min(1060px,64vw)}
.pon-r--v .pon-r__body{left:20px;right:78px;bottom:calc(58px + env(safe-area-inset-bottom,0px))}
.pon-r__meta{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding-bottom:18px;text-shadow:0 1px 8px rgba(0,0,0,.9);--m:var(--pon-fs-meta,1)}
.pon-is-light .pon-r__meta,.pon-is-light .pon-r__title,.pon-is-light .pon-r__lead,.pon-is-light .pon-r__logo b{text-shadow:none}
.pon-r__cat{border:2px solid var(--pon-acc,#e3000f);border-radius:var(--rad);padding:6px 16px;font-size:calc(20px * var(--m));font-weight:500;letter-spacing:4px;text-transform:uppercase}
.pon-r__new{background:var(--pon-acc,#e3000f);color:var(--pon-on-acc,#fff);border-radius:var(--rad);padding:8px 12px;font-size:calc(16px * var(--m));font-weight:700;letter-spacing:3px;text-shadow:none}
.pon-r__date{font-size:calc(18px * var(--m));font-weight:500;letter-spacing:2px;color:var(--pon-muted,#c9c9d1);white-space:pre}
.pon-r__title{margin:0;padding-top:.14em;margin-top:-.14em;font-family:var(--pon-font-title,"PonBebas","Bebas Neue","Oswald",sans-serif);font-weight:400;font-size:calc(clamp(40px,min(6.6vw,10.5vh),104px) * var(--pon-fs-title,1));line-height:.9;letter-spacing:1px;text-wrap:balance;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 6px 30px rgba(0,0,0,.7)}
/* motywy często nadają nagłówkom i akapitom własny kolor: tutaj zawsze kolor szablonu Reels */
.pon-r .pon-r__title{color:rgb(var(--tx));font-style:normal;text-decoration:none;border:0;background:none}
.pon-r .pon-r__lead{font-family:inherit;font-style:normal}
.pon-upper .pon-r__title{text-transform:uppercase}
.pon-r:not(.pon-upper) .pon-r__title{line-height:1;font-weight:700;letter-spacing:0}
.pon-r__streaks{display:none;position:relative;height:26px;overflow:hidden;margin:14px 0 4px}
.pon-fx-streaks .pon-r__streaks{display:block}
.pon-r:not(.pon-fx-streaks) .pon-r__lead{margin-top:16px}
.pon-r__streaks i{position:absolute;left:0;top:6px;width:min(900px,90%);height:3px;background:linear-gradient(to right,rgba(var(--ac),0),var(--pon-acc,#e3000f) 40%,var(--hl) 60%,rgba(var(--ac),0));box-shadow:0 0 14px var(--pon-acc,#e3000f);transform:translateX(-110%)}
.pon-r__streaks i+i{left:120px;top:18px;width:min(760px,70%);height:2px;opacity:.7;box-shadow:none}
.pon-r__lead{margin:0;font-size:calc(clamp(16px,min(1.8vw,2.9vh),25px) * var(--pon-fs-lead,1));text-shadow:0 2px 12px rgba(0,0,0,.8);line-height:1.4;font-weight:500;color:rgba(var(--tx),.86);max-width:860px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pon-r__cta{padding-top:26px;display:flex}
.pon-r__read{display:inline-flex;align-items:center;gap:14px;background:var(--pon-acc,#e3000f);color:var(--pon-on-acc,#fff)!important;border-radius:var(--rad);font-size:20px;font-weight:700;letter-spacing:4px;height:56px;padding:0 30px;transition:filter .2s}
.pon-r__read:hover{filter:brightness(1.15)}
.pon-r__read svg{width:20px;height:20px}

.pon-r--v .pon-r__meta{gap:8px;padding-bottom:12px}
.pon-r--v .pon-r__cat{font-size:calc(13px * var(--m));padding:3px 10px;letter-spacing:3px}
.pon-r--v .pon-r__new{font-size:calc(11px * var(--m));padding:5px 8px;letter-spacing:2px}
.pon-r--v .pon-r__date{font-size:calc(13px * var(--m));letter-spacing:1px}
.pon-r--v .pon-r__title{font-size:calc(clamp(38px,12.5vw,54px) * var(--pon-fs-title,1));line-height:.92;letter-spacing:.5px;-webkit-line-clamp:4}
.pon-r--v .pon-r__streaks{height:16px;margin:8px 0 2px}
.pon-r--v .pon-r__streaks i{top:4px;width:75%;box-shadow:0 0 10px var(--pon-acc,#e3000f)}
.pon-r--v .pon-r__streaks i+i{left:40px;top:11px;width:56%}
.pon-r--v .pon-r__lead{font-size:calc(16px * var(--pon-fs-lead,1));-webkit-line-clamp:3}
.pon-r--v .pon-r__cta{padding-top:14px}
.pon-r--v .pon-r__read{font-size:15px;letter-spacing:3px;height:46px;padding:0 20px;gap:10px}
.pon-r--v .pon-r__read svg{width:16px;height:16px}

/* polubienia, udostępnianie, dźwięk */
.pon-r__rail{position:absolute;display:flex;align-items:center;gap:18px;z-index:3}
.pon-r--v .pon-r__rail{right:12px;bottom:calc(70px + env(safe-area-inset-bottom,0px));flex-direction:column}
.pon-r--h .pon-r__rail{right:max(120px,8vw);bottom:150px}
.pon-r__act{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;font-weight:700;letter-spacing:1px}
.pon-r__act small{font-size:10px;font-weight:500;letter-spacing:.5px}
.pon-r__ab{all:unset;cursor:pointer;width:52px;height:52px;border-radius:50%;border:2px solid rgba(var(--tx),.3);background:rgba(var(--bg),.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:rgb(var(--tx));transition:border-color .2s,color .2s}
.pon-r__ab svg{width:24px;height:24px}
.pon-r__ab[aria-pressed="true"]{color:var(--pon-acc,#e3000f);border-color:var(--pon-acc,#e3000f)}
.pon-r__ab[aria-pressed="true"] svg path{fill:currentColor}
.pon-r__ab.is-pop{animation:ponPop .35s ease-out}

/* stałe elementy */
.pon-r__scan{display:none;position:absolute;inset:0;pointer-events:none;opacity:.04;background:repeating-linear-gradient(to bottom,rgb(var(--tx)) 0,rgb(var(--tx)) 2px,transparent 2px,transparent 4px);z-index:4}
.pon-fx-scan .pon-r__scan{display:block}
.pon-r__parts{display:none;position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}
.pon-fx-particles .pon-r__parts{display:block}
.pon-r__parts span{position:absolute;border-radius:50%;animation:ponDrift 6s linear infinite}
.pon-r__top{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:44px 48px 0 64px;pointer-events:none;z-index:6}
.pon-r__top>*{pointer-events:auto}
.pon-r__logo{display:flex;flex-direction:column;gap:12px}
.pon-r__logo b{display:block;font-size:36px;font-weight:700;line-height:1;text-shadow:0 0 18px rgba(0,0,0,.8);white-space:nowrap}
.pon-lg-a{letter-spacing:9px}
.pon-lg-b{color:var(--pon-acc,#e3000f);letter-spacing:4px}
.pon-lg-img{display:block;height:var(--pon-logo-h,36px);width:auto;max-width:44vw;object-fit:contain}
.pon-lg-html{letter-spacing:4px}
.pon-lg-html img{height:var(--pon-logo-h,36px);width:auto;vertical-align:middle}
.pon-r__logo i{display:block;width:210px;height:3px;background:linear-gradient(to right,var(--pon-acc,#e3000f),rgba(var(--ac),0))}
.pon-r__logo.has-img i{display:none}
.pon-r__right{display:flex;align-items:flex-start;gap:24px}
.pon-r__tag{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.pon-r__tag span{font-size:20px;font-weight:500;letter-spacing:5px;color:var(--pon-muted,#d6d6dc)}
.pon-r__tag b{background:var(--pon-acc,#e3000f);color:var(--pon-on-acc,#fff);border-radius:var(--rad);font-size:20px;font-weight:700;letter-spacing:3px;padding:6px 14px}
.pon-r__x,.pon-r__snd,.pon-r__nav{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgb(var(--tx));border:2px solid rgba(var(--tx),.3);border-radius:var(--rad);background:rgba(var(--bg),.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,border-color .2s,opacity .3s}
.pon-r__x{width:52px;height:52px}
.pon-r__x svg{width:22px;height:22px}
.pon-r__nav{position:absolute;top:50%;margin-top:-30px;width:60px;height:60px;z-index:6}
.pon-r__nav svg{width:26px;height:26px}
.pon-r__nav--prev{left:32px}.pon-r__nav--next{right:32px}
.pon-r__snd{position:relative;width:52px;height:52px}
.pon-r__snd svg{width:22px;height:22px}
.pon-r__snd[aria-pressed="true"]{border-color:var(--pon-acc,#e3000f)}
.pon-r__eq{position:relative}
.pon-r__eq i,.pon-r__snd i{position:absolute;bottom:7px;width:3px;height:4px;border-radius:1px;background:var(--pon-acc,#e3000f);opacity:0}
.pon-r__snd i:nth-of-type(1),.pon-r__eq i:nth-of-type(1){left:17px}.pon-r__snd i:nth-of-type(2),.pon-r__eq i:nth-of-type(2){left:23px}.pon-r__snd i:nth-of-type(3),.pon-r__eq i:nth-of-type(3){left:29px}
.pon-r__eq.is-speaking i,.pon-r__snd.is-speaking i{opacity:1;animation:ponEq .9s ease-in-out infinite}
.pon-r__snd.is-speaking i:nth-of-type(2),.pon-r__eq.is-speaking i:nth-of-type(2){animation-delay:-.3s}.pon-r__snd.is-speaking i:nth-of-type(3),.pon-r__eq.is-speaking i:nth-of-type(3){animation-delay:-.6s}
.pon-r__eq.is-speaking svg,.pon-r__snd.is-speaking svg{transform:translateY(-5px) scale(.85)}
.pon-r__nav:hover,.pon-r__snd:hover,.pon-r__x:hover{border-color:var(--pon-acc,#e3000f);background:rgba(var(--ac),.25)}
.pon-r__nav[disabled]{opacity:.35;cursor:default}
.pon-r__line{position:absolute;left:max(120px,8vw);right:max(120px,8vw);bottom:44px;z-index:5}
.pon-r__bar{position:relative;height:4px;background:rgba(var(--tx),.16)}
.pon-r__fill{position:absolute;left:0;top:0;height:100%;width:0;background:var(--pon-acc,#e3000f);box-shadow:0 0 14px var(--pon-acc,#e3000f);transition:width .7s cubic-bezier(.22,.8,.2,1)}
.pon-r__dot{position:absolute;top:-9px;left:0;margin-left:-11px;width:22px;height:22px;border-radius:50%;background:var(--pon-acc,#e3000f);box-shadow:0 0 14px var(--pon-acc,#e3000f);transition:left .7s cubic-bezier(.22,.8,.2,1);animation:ponDot 1.6s ease-out infinite}
.pon-r__labels{display:flex;justify-content:space-between;padding-top:12px;font-size:12px;font-weight:500;letter-spacing:2px;color:rgba(var(--tx),.5)}
.pon-r__loader{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:3px solid rgba(var(--tx),.15);border-top-color:var(--pon-acc,#e3000f);animation:ponSpin .8s linear infinite;display:none}
.pon-r.is-loading .pon-r__loader{display:block}
.pon-r__empty{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-size:22px;letter-spacing:3px;color:var(--pon-muted,#a8a8b2);padding:0 24px}

.pon-r--v .pon-r__top{padding:calc(22px + env(safe-area-inset-top,0px)) 14px 0 20px}
.pon-r--v .pon-r__logo{gap:7px}
.pon-r--v .pon-r__logo b{font-size:22px}
.pon-r--v .pon-lg-a{letter-spacing:5px}
.pon-r--v .pon-lg-b{letter-spacing:2px}
.pon-r--v .pon-lg-img,.pon-r--v .pon-lg-html img{height:calc(var(--pon-logo-h,36px) * .72)}
.pon-r--v .pon-r__logo i{width:120px;height:2px}
.pon-r--v .pon-r__right{align-items:center;gap:10px}
.pon-r--v .pon-r__tag{flex-direction:row;align-items:center}
.pon-r--v .pon-r__tag span{display:none}
.pon-r--v .pon-r__tag b{font-size:13px;letter-spacing:2px;padding:5px 9px}
.pon-r--v .pon-r__x,.pon-r--v .pon-r__snd{width:44px;height:44px}
.pon-r--v .pon-r__x svg,.pon-r--v .pon-r__snd svg{width:20px;height:20px}
.pon-r--v .pon-r__nav{display:none}
.pon-r--v .pon-r__line{left:20px;right:20px;bottom:calc(22px + env(safe-area-inset-bottom,0px))}
.pon-r--v .pon-r__bar{height:3px}
.pon-r--v .pon-r__dot{top:-6px;margin-left:-7px;width:14px;height:14px;animation:none}
.pon-r--v .pon-r__labels{display:none}

/* niższe ekrany PC: treść nie może wejść pod logo */
@media (max-height:820px){
	.pon-r--h .pon-r__top{padding-top:28px}
	.pon-r--h .pon-r__logo b{font-size:28px}
	.pon-r--h .pon-r__tag b,.pon-r--h .pon-r__tag span{font-size:16px}
	.pon-r--h .pon-r__body,.pon-r--h .pon-r__rail{bottom:112px}
	.pon-r--h .pon-r__line{bottom:28px}
	.pon-r--h .pon-r__meta{padding-bottom:10px}
	.pon-r--h .pon-r__cat{font-size:calc(15px * var(--m));padding:4px 12px}
	.pon-r--h .pon-r__new{font-size:calc(13px * var(--m));padding:6px 10px}
	.pon-r--h .pon-r__date{font-size:calc(15px * var(--m))}
	.pon-r--h .pon-r__streaks{height:18px;margin:8px 0 2px}
	.pon-r--h .pon-r__cta{padding-top:16px}
	.pon-r--h .pon-r__read{height:46px;font-size:16px;padding:0 22px}
}
/* dźwięk: na PC w górnym pasku, na telefonie okrągły w kolumnie pod udostępnianiem */
.pon-r--h .pon-r__act--snd{display:none}
.pon-r--v .pon-r__top .pon-r__snd{display:none}
.pon-r__act--snd small{text-align:center;line-height:1.15;max-width:60px}
.pon-r__eq i{bottom:9px}
.pon-r__eq[aria-pressed="true"] svg path+path{fill:none}

/* dopasowanie z JS, gdy brakuje miejsca */
.pon-r__slide.fit1 .pon-r__lead{-webkit-line-clamp:1}
.pon-r__slide.fit2 .pon-r__title{-webkit-line-clamp:2}
.pon-r__slide.fit3 .pon-r__lead,.pon-r__slide.fit3 .pon-r__streaks{display:none}

/* panel udostępniania */
.pon-r__sheet{position:absolute;z-index:8;min-width:210px;background:rgb(var(--bg));border:2px solid rgba(var(--tx),.18);border-radius:var(--rad);padding:6px;display:flex;flex-direction:column;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.pon-r__sheet[hidden]{display:none}
.pon-r__sheet a,.pon-r__sheet button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;letter-spacing:2px;color:rgb(var(--tx))}
.pon-r__sheet a:hover,.pon-r__sheet button:hover,.pon-r__sheet a:focus-visible,.pon-r__sheet button:focus-visible{background:rgba(var(--ac),.3)}
.pon-r__sheet svg{width:18px;height:18px;flex-shrink:0}

/* ---------- rolka wideo (YouTube) ---------- */
.pon-r__slide--video .pon-r__media{z-index:2;background:#000;aspect-ratio:16/9}
.pon-r--h .pon-r__slide--video .pon-r__media{top:118px;bottom:auto;left:max(120px,8vw);transform:none;height:calc(100% - 118px - 372px);max-width:calc(100% - 2 * max(120px,8vw))}
.pon-r--v .pon-r__slide--video .pon-r__media{max-height:none}
.pon-r__slide--video .pon-r__img{filter:none;animation:none!important}
.pon-r__slide--video .pon-r__shade{background:linear-gradient(to bottom,rgba(var(--bg),.55) 0%,rgba(var(--bg),.2) 30%,rgba(var(--bg),.85) 70%,rgb(var(--bg)) 100%)}
.pon-r__frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.pon-r__play{all:unset;cursor:pointer;position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--pon-acc,#e3000f);color:var(--pon-on-acc,#fff);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(0,0,0,.5);transition:transform .2s}
.pon-r__play:hover{transform:scale(1.08)}
.pon-r__play svg{width:34px;height:34px;margin-left:4px}
.pon-r__dur{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.75);color:#fff;font-size:13px;letter-spacing:1px;padding:3px 7px}
.pon-r__media.is-playing .pon-r__play,.pon-r__media.is-playing .pon-r__dur{display:none}
.pon-r--h .pon-r__slide--video .pon-r__title{font-size:calc(clamp(26px,min(3.6vw,6vh),54px) * var(--pon-fs-title,1));-webkit-line-clamp:2}
.pon-r--h .pon-r__slide--video .pon-r__lead{-webkit-line-clamp:1}
.pon-r--v .pon-r__slide--video .pon-r__media{width:100%}

/* ---------- rolka reklamowa ---------- */
.pon-r__slide--ad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:110px 24px 96px;background:rgb(var(--bg))}
.pon-r__adlabel{font-size:13px;font-weight:700;letter-spacing:4px;color:var(--pon-muted,#c9c9d1);border:1px solid rgba(var(--tx),.25);padding:4px 10px 4px 14px}
.pon-r__adbox{position:relative;max-width:min(1040px,100%);max-height:100%;min-height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:rgb(var(--tx))}
.pon-r__adbox img,.pon-r__adbox video{max-width:100%;max-height:calc(100dvh - 300px);height:auto;width:auto;display:block}
.pon-r__adbox iframe{max-width:100%}
.pon-r__adbox a{color:inherit}
.pon-r__skip{all:unset;box-sizing:border-box;min-width:190px;text-align:center;font-size:15px;font-weight:700;letter-spacing:3px;padding:12px 22px;border:2px solid rgba(var(--tx),.3);border-radius:var(--rad);color:rgb(var(--tx));cursor:default;opacity:.7}
.pon-r__skip.is-ready{cursor:pointer;opacity:1;background:var(--pon-acc,#e3000f);border-color:var(--pon-acc,#e3000f);color:var(--pon-on-acc,#fff)}
.pon-r.is-locked .pon-r__nav--next{opacity:.35}
/* na wideo i reklamie bez drobinek i linii, które zasłaniałyby treść */
.pon-r.is-clean .pon-r__parts,.pon-r.is-clean .pon-r__scan{display:none}

/* ---------- animacje aktywnej rolki ---------- */
.pon-fx-kenburns .pon-r__slide.is-active .pon-r__img{animation:ponKb 14s ease-out forwards}
.pon-r__slide.is-active .pon-r__meta{animation:ponChip calc(.45s * var(--sp)) cubic-bezier(.2,.8,.2,1) both}
.pon-r__slide.is-active .pon-r__title{animation:var(--an-title) calc(.7s * var(--sp)) var(--ease-title) calc(.15s * var(--sp)) both,var(--an-pulse) 3.6s ease-in-out 1.4s infinite}
.pon-r__slide.is-active .pon-r__streaks i{animation:ponStreak calc(.7s * var(--sp)) cubic-bezier(.2,.8,.2,1) calc(.45s * var(--sp)) both}
.pon-r__slide.is-active .pon-r__lead{animation:ponUp calc(.6s * var(--sp)) cubic-bezier(.2,.8,.2,1) calc(.55s * var(--sp)) both}
.pon-r__slide.is-active .pon-r__cta,.pon-r__slide.is-active .pon-r__rail{animation:ponUp calc(.6s * var(--sp)) cubic-bezier(.2,.8,.2,1) calc(.75s * var(--sp)) both}
.pon-at-none .pon-r__slide.is-active .pon-r__meta,.pon-at-none .pon-r__slide.is-active .pon-r__lead,.pon-at-none .pon-r__slide.is-active .pon-r__cta,.pon-at-none .pon-r__slide.is-active .pon-r__rail{animation:none}
.pon-at-none .pon-r__streaks i{transform:none;animation:none!important}

@keyframes ponKb{from{transform:scale(1.02)}to{transform:scale(1.11)}}
@keyframes ponSlide{0%{opacity:0;transform:translateX(-160px)}60%{opacity:1}100%{opacity:1;transform:translateX(0)}}
@keyframes ponPunch{0%{opacity:0;transform:scale(1.5);transform-origin:left center}100%{opacity:1;transform:scale(1);transform-origin:left center}}
@keyframes ponGlitch{0%{opacity:0;transform:translateX(-18px) skewX(-8deg);text-shadow:-6px 0 rgba(0,220,255,.8),6px 0 rgba(var(--ac),.9)}15%{opacity:1;transform:translateX(14px) skewX(6deg);text-shadow:7px 0 rgba(0,220,255,.8),-7px 0 rgba(var(--ac),.9)}30%{transform:translateX(-9px);text-shadow:-4px 0 rgba(0,220,255,.8),4px 0 rgba(var(--ac),.9)}45%{transform:translateX(6px) skewX(-3deg);text-shadow:3px 0 rgba(0,220,255,.7),-3px 0 rgba(var(--ac),.8)}60%{transform:translateX(-3px);text-shadow:-2px 0 rgba(0,220,255,.6),2px 0 rgba(var(--ac),.7)}80%{transform:translateX(2px);text-shadow:1px 0 rgba(0,220,255,.4),-1px 0 rgba(var(--ac),.5)}100%{opacity:1;transform:none}}
@keyframes ponFade{from{opacity:0}to{opacity:1}}
@keyframes ponChip{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes ponUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes ponStreak{from{transform:translateX(-110%)}to{transform:translateX(0)}}
@keyframes ponGlow{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes ponTglow{0%,100%{text-shadow:0 6px 30px rgba(0,0,0,.7)}50%{text-shadow:0 6px 30px rgba(0,0,0,.7),0 0 26px rgba(var(--ac),.45)}}
@keyframes ponDrift{0%{opacity:0;transform:translate(0,0)}20%{opacity:.9}100%{opacity:0;transform:translate(40px,-160px)}}
@keyframes ponDot{0%{box-shadow:0 0 0 0 rgba(var(--ac),.55)}100%{box-shadow:0 0 0 14px rgba(var(--ac),0)}}
@keyframes ponPop{0%{transform:scale(1)}40%{transform:scale(1.3)}100%{transform:scale(1)}}
@keyframes ponSpin{to{transform:rotate(360deg)}}
@keyframes ponEq{0%,100%{height:3px}50%{height:9px}}

@media (prefers-reduced-motion:reduce){
	.pon-r__track{transition-duration:.01s}
	.pon-r__slide.is-active *,.pon-r__glow,.pon-r__parts span,.pon-r__dot,.pon-reels-launch__ico,.pon-reels-launch__btn{animation:none!important}
	.pon-r__streaks i{transform:none}
}

/* ---------- shortcode [polskaon_reels_top] ---------- */
.pon-reels-top__list{list-style:none;margin:0;padding:0;counter-reset:pontop}
.pon-reels-top__item{counter-increment:pontop;margin:0 0 10px}
.pon-reels-top__item a{display:flex;align-items:center;gap:12px;text-decoration:none}
.pon-reels-top__item a::before{content:counter(pontop);font-weight:700;font-size:1.4em;min-width:1.2em;color:var(--pon-acc,#e3000f)}
.pon-reels-top__img{width:64px;height:64px;object-fit:cover;flex-shrink:0}