/* =============================================
   Disco-Polo.info v2 - Mobile-First CSS
   ============================================= */


/* Scrollbar - cienki, tylko desktop */
@media(min-width:768px){
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#f0f2f5}
::-webkit-scrollbar-thumb{background:#b0bec5;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#3b7ea1}
html.dark ::-webkit-scrollbar-track{background:#1a1a2e}
html.dark ::-webkit-scrollbar-thumb{background:#3b5068}
html.dark ::-webkit-scrollbar-thumb:hover{background:#5a9fc0}
}

/* --- Accessibility --- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* --- Focus states --- */
:focus-visible{outline:2px solid #3b7ea1;outline-offset:2px;border-radius:4px}
html.dark :focus-visible{outline-color:#7bbad4}
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}

/* --- Sekcje --- */
.section+.section::before{content:'';display:block;max-width:1200px;margin:0 auto 20px;height:1px;background:#f0f2f5}

/* --- Sidebar --- */
.sidebar__title{display:block;font-size:13px;font-weight:700;color:#1a1a2e;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid #3b7ea1}
.sidebar__title a{color:inherit;text-decoration:none}
.sidebar__title a:hover{color:#3b7ea1}

/* Chart */
.sidebar-chart{display:flex;flex-direction:column;gap:0}
.chart-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f0f2f5;transition:background .1s ease}
.chart-item:last-child{border-bottom:none}
.chart-item:hover{background:#f8f9fb}
.chart-item__pos{width:28px;height:28px;min-width:28px;min-height:28px;font-size:14px;font-weight:800;color:#fff;background:#3b7ea1;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.chart-item img{width:96px;height:54px;min-width:96px;min-height:54px;object-fit:cover;border-radius:6px;flex-shrink:0;aspect-ratio:16/9;background:#e8ecf1}
.chart-item__title{font-size:12px;font-weight:500;line-height:1.3;color:#1a1a2e;min-width:0}

/* Popularne */
.sidebar-popular{display:flex;flex-direction:column;gap:8px}
.sidebar-pop-item{display:flex;gap:8px;align-items:center;transition:background .1s ease;padding:4px 0;border-radius:6px}
.sidebar-pop-item:hover{background:#f8f9fb}
.sidebar-pop-item img{width:70px;height:44px;min-width:70px;min-height:44px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#e8ecf1}
.sidebar-pop-item span{font-size:12px;font-weight:500;line-height:1.3;color:#1a1a2e}

/* Ankieta */
.poll__question{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:10px;line-height:1.4}
.poll__options{display:flex;flex-direction:column;gap:6px}
.poll__option{display:block;width:100%;padding:10px 14px;font-size:13px;font-weight:500;color:#3b7ea1;background:#eef5f9;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}
.poll__option:hover{background:#d8eaf3;color:#2a6080}
.poll__result{position:relative;padding:8px 12px;margin-bottom:4px;border-radius:6px;overflow:hidden;background:#f5f6f8}
.poll__result-bar{position:absolute;left:0;top:0;bottom:0;background:#d8eaf3;border-radius:6px;transition:width .4s ease}
.poll__result-text{position:relative;font-size:12px;font-weight:500;color:#1a1a2e}
.poll__result-pct{position:relative;float:right;font-size:12px;font-weight:700;color:#3b7ea1}
.poll__total{font-size:11px;color:#6b7a8d;margin-top:8px;text-align:center}

/* Social media */
.sidebar-social{display:flex;gap:8px;flex-wrap:wrap}
.social-btn{width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;overflow:hidden}
.social-btn svg{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;flex-shrink:0}
.social-btn:active{opacity:.85}
.social-btn--fb{background:#1877f2}
.social-btn--ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.social-btn--tt{background:#010101}
.social-btn--yt{background:#ff0000}
.social-btn--x{background:#1a1a2e}
.social-btn--gn{background:#fff;border:1px solid #e8ecf1}
.social-btn--gn img{border-radius:0!important}

/* Tworz portal */
.sidebar-actions{display:flex;flex-direction:column;gap:6px}
.sidebar-action{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;color:#1a1a2e;background:#f8f9fb;border-radius:8px;transition:background .1s ease,color .1s ease}
.sidebar-action:hover{background:#eef5f9;color:#3b7ea1}
.sidebar-action .nav-ico{width:16px;height:16px;color:#3b7ea1}

/* --- MP3 siatka --- */
.mp3-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:768px){.mp3-grid{grid-template-columns:repeat(4,1fr);gap:16px}}
.mp3-card{overflow:hidden}
.mp3-card__img{overflow:hidden;border-radius:6px}
.mp3-card__img img{width:100%;aspect-ratio:1/1;object-fit:cover}
.mp3-card__title{font-size:13px;font-weight:600;line-height:1.3;color:#1a1a2e;padding:6px 0 0}
.mp3-card .video-card__views{padding:0;font-size:11px}

/* --- Kategorie --- */
.cat-section .container{display:flex;flex-direction:column;gap:0}
.cat-section .container{padding:16px;display:grid;grid-template-columns:1fr;gap:0}
.cat-row{display:flex;flex-direction:column;padding:14px 0;border-bottom:1px solid #f0f2f5}
.cat-row:first-child{padding-top:0}
.cat-row:last-child{border-bottom:none;padding-bottom:0}
.cat-row__name{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#3b7ea1;margin-bottom:8px}
.cat-row__cards{display:grid;grid-template-columns:1fr;gap:6px}
.cat-card{display:flex;gap:10px;align-items:center;transition:transform 150ms ease}
.cat-card:hover{transform:translateX(2px)}
.cat-card img{width:107px;height:67px;object-fit:cover;border-radius:6px;flex-shrink:0}
.cat-card__body{display:flex;flex-direction:column;min-width:0}
.cat-card__title{font-size:13px;font-weight:500;line-height:1.3;color:#1a1a2e}
.cat-card__meta{font-size:10px;color:#6b7a8d;margin-top:2px}
.cat-card:hover .cat-card__title{color:#3b7ea1}

/* --- Teledyski siatka --- */
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.video-card{overflow:hidden;contain:layout style}
.video-card__img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden}
.video-card__img{width:100%;height:100%;object-fit:cover}
.video-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:rgba(59,126,161,.9);border-radius:50%;display:flex;align-items:center;justify-content:center}
.video-card__play::after{content:'';border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff;margin-left:2px}
.video-card__body{padding:8px 10px 10px}
.video-card__title{font-size:13px;font-weight:600;line-height:1.3;color:#1a1a2e}
.video-card__views{font-size:11px;color:#6b7a8d;margin-top:2px}

/* --- Zespoly karuzela --- */
.bands-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 16px;scrollbar-width:none}
.bands-scroll::-webkit-scrollbar{display:none}
.band-chip{scroll-snap-align:start;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;width:72px}
.band-chip__foto{width:64px;height:64px;border-radius:50%!important;object-fit:cover;border:2px solid #e8ecf1}
.band-chip:active .band-chip__foto{border-color:#3b7ea1}
.band-chip__name{font-size:11px;font-weight:600;color:#1a1a2e;line-height:1.2}

/* --- SEO sekcja --- */
.seo-section{padding:24px 0;border-top:1px solid #e8ecf1}
.seo-section__title{font-size:15px;font-weight:700;color:rgba(11,42,58,.6);margin-bottom:10px}
.seo-section__h3{font-size:13px;font-weight:700;color:rgba(11,42,58,.6);margin:14px 0 6px}
.seo-text{font-size:13px;line-height:1.75;color:rgba(11,42,58,.5);margin-bottom:8px}
.seo-text a{color:rgba(59,126,161,.7);border-bottom:1px solid rgba(59,126,161,.2);transition:color .15s ease}
.seo-text a:hover{color:#3b7ea1;border-color:#3b7ea1}

/* --- Footer --- */
.footer{background:#fff;border-top:1px solid #e8ecf1;color:rgba(11,42,58,.65);padding:28px 0 0;margin-top:0}
.footer__grid{display:grid;grid-template-columns:1fr;gap:20px}
.footer__title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1a1a2e;margin-bottom:10px;padding-bottom:6px;position:relative}
.footer__title::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:2px;background:#3b7ea1;border-radius:2px}
.footer__col p,.footer__col a{font-size:13px;color:rgba(11,42,58,.6);display:block;padding:10px 0;line-height:1.5}
.footer__col a:hover{color:#3b7ea1}
.footer__copy-notice{font-size:11px;color:rgba(11,42,58,.4);font-style:italic;margin-top:6px}
.footer__col--right{text-align:left}
.footer__tel{font-weight:700;color:#3b7ea1;font-size:14px;margin-top:4px}
.footer__tel span{font-weight:400;color:rgba(11,42,58,.4)}
.footer__social{display:flex;gap:8px;margin-top:10px}
.footer__social a{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:12px;font-weight:700;color:rgba(11,42,58,.6);background:rgba(0,0,0,.04);padding:0}
.footer__social a:active{color:#3b7ea1;background:rgba(59,126,161,.1)}
.footer__divider{height:1px;background:rgba(0,0,0,.06);margin:20px 0}
.footer__bands-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.footer__bands{display:flex;flex-wrap:wrap;gap:4px 8px}
.footer__bands a{font-size:12px;color:rgba(11,42,58,.5);padding:2px 6px;border-radius:4px;transition:color .1s ease,background .1s ease}
.footer__bands a:hover{color:#3b7ea1;background:rgba(59,126,161,.08)}
.footer__bottom{border-top:1px solid rgba(0,0,0,.06);background:#fafbfc;margin-top:20px;padding:10px 0}
.footer__bottom-inner{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(11,42,58,.4)}
.footer__bottom-inner a{color:rgba(11,42,58,.5);font-size:11px;padding:0}
.footer__bottom-inner a:hover{color:#3b7ea1}
.footer__legal{display:flex;gap:12px}
.footer__legal a{color:rgba(11,42,58,.5);font-size:11px}
.footer__legal a:hover{color:#3b7ea1}

/* --- Breadcrumb --- */
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7a8d;padding:16px 0 8px;flex-wrap:wrap}
.breadcrumb a{color:#3b7ea1}
.breadcrumb__current{color:#c8d0da}

/* --- Artykul layout --- */
.sidebar-tags{display:flex;flex-wrap:wrap;gap:6px}
.sidebar-artist{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:#f8f9fb;transition:background .1s ease}
.sidebar-artist:hover{background:#eef5f9}
.sidebar-artist img{width:48px;height:48px;border-radius:50%!important;object-fit:cover}
.sidebar-artist span{font-size:14px;font-weight:600;color:#1a1a2e}

/* --- Artykul --- */
.article__cat{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#3b7ea1;margin-bottom:8px}
.article__title{font-size:23px;font-weight:800;line-height:1.25;color:#1a1a2e;margin-bottom:12px}
.article__meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#6b7a8d;margin-bottom:14px;padding-left:10px;border-left:3px solid #3b7ea1}
.article__meta time{color:#5a6578}
.article__hero{margin:0 0 20px;overflow:hidden;aspect-ratio:16/9}
.article__hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.article__hero figcaption{font-size:11px;color:#6b7a8d;padding:6px 16px 0}
.article__lead{font-size:17px;font-weight:600;line-height:1.6;color:#1a1a2e;margin-bottom:16px;padding:14px 0;border-top:2px solid #3b7ea1;border-bottom:1px solid #e8ecf1}
/* --- Reklamy --- */
.article__ad{margin:20px 0;padding:6px 0;contain:layout style;min-height:280px}
.article__ad-label{display:block;font-size:10px;color:rgba(0,0,0,.35);text-align:center;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px;font-weight:600}
.ad-content{position:relative;contain:layout style}
.ad-content::before{content:'AD';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:400;color:rgba(0,0,0,.06);letter-spacing:2px;pointer-events:none}
.ad-content:has(ins[data-ad-status="filled"])::before,.ad-content:has(iframe)::before{display:none}
iframe[id^="aswift_"]{contain:strict}
ins.adsbygoogle{contain:layout style}
@media(min-width:769px){.google-anno-sa,.google-anno-skip,ins.adsbygoogle[data-anchor-status],div[id^="google_ads_iframe_"][id$="_anchor_"]{display:none!important;height:0!important;overflow:hidden!important}}

body.has-sticky-ad{padding-bottom:100px}
@media(max-width:768px){body.has-sticky-ad{padding-bottom:260px}}
/* Sticky ad */
.sticky-ad{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#fff;box-shadow:0 -2px 12px rgba(0,0,0,.15);border-top:1px solid rgba(0,0,0,.08);padding:4px 0;text-align:center}
.sticky-ad__label{position:absolute;top:-10px;left:8px;font-size:9px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;background:#fff;padding:0 4px}
.sticky-ad__close{position:absolute;top:-16px;right:8px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.85);color:#fff;border:2px solid #fff;font-size:18px;line-height:1;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 1px;box-shadow:0 2px 8px rgba(0,0,0,.4);z-index:10000;-webkit-tap-highlight-color:transparent}.sticky-ad__close::before{content:'';position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%}
@media(min-width:769px){body.has-sticky-ad{padding-bottom:100px}
.google-anno-sa,.google-anno-skip,ins.adsbygoogle[data-anchor-status],div[id^="google_ads_iframe_"][id$="_anchor_"]{display:none!important;height:0!important;min-height:0!important;overflow:hidden!important}}
/* Akcje pod zdjeciem */
.article__actions{display:flex;justify-content:flex-end;gap:12px;margin:-4px 0 8px;padding:0}
.article__action{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#6b7a8d;background:none;border:none;cursor:pointer;padding:2px 0;font-family:inherit}
.article__action:hover{color:#3b7ea1}
.article__action svg{flex-shrink:0}
html.dark .article__action{color:#6b7a8d}
html.dark .article__action:hover{color:#7bbad4}

.article__content{font-size:16px;line-height:1.7;color:#2d2d3f}
.article__content p{margin-bottom:14px}
.article__content img{border-radius:8px;margin:16px 0}
.article__content h2{font-size:21px;font-weight:700;margin:28px 0 12px;padding-left:12px;border-left:3px solid #3b7ea1;line-height:1.3;color:#1a1a2e}
.article__content h3{font-size:18px;font-weight:700;margin:22px 0 10px;color:#1a1a2e;line-height:1.3}
.article__content a{color:#3b7ea1;text-decoration:underline}
.article__content blockquote{position:relative;border:none;padding:28px 30px 28px 56px;margin:28px 0;font-style:italic;color:#2d2d3f;background:linear-gradient(135deg,#eef5f9 0%,#f8fbfd 100%);border-left:4px solid #3b7ea1;border-radius:0 10px 10px 0;font-size:16px;line-height:1.75;box-shadow:0 2px 12px rgba(59,126,161,.08)}
.article__content blockquote::before{content:'\201C';position:absolute;left:12px;top:12px;font-size:56px;font-weight:700;color:#3b7ea1;opacity:.25;font-style:normal;line-height:1;font-family:Georgia,serif}
.article__content blockquote::after{content:'\201D';position:absolute;right:16px;bottom:4px;font-size:56px;font-weight:700;color:#3b7ea1;opacity:.12;font-style:normal;line-height:1;font-family:Georgia,serif}
.article__content ul,.article__content ol{margin:0 0 14px;padding-left:20px}
.article__content ul{list-style:none}
.article__content ul li{position:relative;padding-left:14px;margin-bottom:6px}
.article__content ul li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;background:#3b7ea1;border-radius:50%}
.article__content ol li{margin-bottom:6px;padding-left:4px}
.article__content ol li::marker{color:#3b7ea1;font-weight:700}
html.dark .article__content ul li::before{background:#7bbad4}
html.dark .article__content ol li::marker{color:#7bbad4}

/* --- Warto przeczytac / Popularne teraz --- */
.see-also{margin:16px 0;border-left:3px solid #3b7ea1;padding-left:10px}
.see-also__link{display:flex;align-items:center;gap:12px;text-decoration:none}
.see-also__thumb{flex-shrink:0;overflow:hidden;border-radius:6px;line-height:0}
.see-also__thumb img{width:120px;height:76px;object-fit:cover;display:block;transition:transform .3s}
.see-also:hover .see-also__thumb img{transform:scale(1.04)}
.see-also__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.see-also__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#3b7ea1;line-height:1}
.see-also__title{font-size:13px;font-weight:600;color:#1a1a2e;line-height:1.4}
.see-also__link:hover .see-also__title{color:#3b7ea1}
.see-also__arrow{display:none}
.article__content iframe{max-width:100%;border-radius:6px}

/* Instagram embed - powiekszone o 1/4 */
.instagram-media{max-width:675px!important;min-width:0!important;width:100%!important;margin:16px auto!important}

/* Polecamy - banery */
.reco{margin:24px 0 16px;border-top:2px solid #3b7ea1;padding-top:14px}
.reco__title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#3b7ea1;margin-bottom:10px}
.reco__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.reco__item{display:block;border-radius:6px;overflow:hidden;position:relative;flex:0 0 calc(50% - 4px)}
.reco__item img{width:100%;aspect-ratio:9/16;object-fit:cover;display:block}
.reco__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,transparent 0%,rgba(59,126,161,.86) 18%,rgba(59,126,161,.92) 100%);padding:28px 8px 10px;pointer-events:none}
.reco__item-title{display:block;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;line-height:1.35;letter-spacing:.3px;margin-bottom:6px}
.reco__item-yt{display:flex;align-items:center;gap:4px;font-size:9px;color:#fff;font-weight:600;letter-spacing:.2px;text-transform:uppercase}
.reco__yt-badge{display:inline-flex;align-items:center;gap:3px;background:#fff;border-radius:3px;padding:2px 5px 2px 3px;line-height:1}
.reco__yt-badge span{color:#111;font-size:8px;font-weight:700;letter-spacing:0}
@media(min-width:768px){.reco__item{flex:0 0 calc(25% - 6px)}}

/* Koncerty - lista */
.ev-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(min-width:768px){.ev-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.ev-grid{grid-template-columns:repeat(4,1fr)}}
.ev-item{display:block;background:#fff;border:1px solid #e8ecf1;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit}
.ev-item:active{opacity:.85}
.ev-item__poster{overflow:hidden;aspect-ratio:5/7;background:#eef5f9}
.ev-item__poster--landscape{aspect-ratio:16/9}
.ev-item__poster--square{aspect-ratio:1/1}
.ev-item__poster img{width:100%;height:100%;object-fit:cover;display:block}
.ev-item__noimg{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;background:#eef5f9}
.ev-item__noimg-day{font-size:36px;font-weight:800;color:#3b7ea1;line-height:1}
.ev-item__noimg-month{font-size:12px;font-weight:700;text-transform:uppercase;color:#3b7ea1;letter-spacing:.5px;margin-top:2px}
.ev-item__info{padding:10px 14px 14px}
.ev-item__title{font-size:15px;font-weight:700;color:#1a1a2e;margin:0 0 4px;line-height:1.3}
.ev-item__date{display:block;font-size:12px;color:#3b7ea1;font-weight:500}
.ev-item__place{display:block;font-size:12px;color:#6b7a8d;margin-top:2px}

/* Archiwum koncertow */
.ev-arch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
@media(min-width:600px){.ev-arch-grid{grid-template-columns:repeat(4,1fr)}}
.ev-arch{display:block;padding:8px;background:#f8f9fb;border:1px solid #e8ecf1;border-radius:6px;text-decoration:none;color:inherit;min-width:0;overflow:hidden}
.ev-arch__name{display:block;font-size:11px;font-weight:600;color:#1a1a2e;line-height:1.3}
.ev-arch__meta{display:block;font-size:10px;color:#6b7a8d;margin-top:2px}
html.dark .ev-arch{background:#1e2d3d;border-color:#2a4a5e}
html.dark .ev-arch__name{color:#e0e0e0}

/* Koncert single */
.ev-single__layout{display:flex;gap:20px;margin-bottom:16px}
.ev-single__hero{margin:0;flex-shrink:0;width:45%}
.ev-single__hero-link{display:block;position:relative;text-decoration:none}
.ev-single__hero-link:hover .ev-single__hero-zoom{opacity:1}
.ev-single__hero img{width:100%;height:auto;border-radius:6px;border:1px solid #e8ecf1;display:block;aspect-ratio:5/7;object-fit:cover;background:#eef5f9}
.ev-single__hero--landscape img{aspect-ratio:16/9}
.ev-single__hero--square img{aspect-ratio:1/1}
.ev-single__hero-zoom{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.65);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px;opacity:0;transition:opacity 150ms ease}
.ev-single__sidebar{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.ev-single__countdown-badge{color:#2e7d32;font-weight:700}
.ev-single__details{display:flex;flex-direction:column;gap:0;padding:12px 14px;background:#f8f9fb;border-radius:8px;border:1px solid #e8ecf1}
.ev-single__detail{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid #e8ecf1}
.ev-single__detail:last-child{border-bottom:none}
.ev-single__detail-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#6b7a8d;min-width:80px;flex-shrink:0;padding-top:1px}
.ev-single__detail-value{font-size:13px;color:#1a1a2e;font-weight:500;line-height:1.4}
.ev-single__detail-value a{color:#3b7ea1;text-decoration:none}
.ev-single__detail-value a:hover{text-decoration:underline}
.ev-single__actions{display:flex;gap:8px;flex-wrap:wrap}
.ev-single__ticket{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#3b7ea1;color:#fff;font-size:13px;font-weight:600;border-radius:6px;text-decoration:none;transition:background 120ms ease}
.ev-single__ticket:hover{background:#2c6a8a;color:#fff}
.ev-single__ticket svg{flex-shrink:0}
@media(max-width:600px){
.ev-single__layout{flex-direction:column;gap:14px}
.ev-single__hero{width:100%}
}
html.dark .ev-single__hero img{border-color:#2a4a5e;background:#12293a}
html.dark .ev-single__countdown-badge{color:#66bb6a}
html.dark .ev-single__details{background:#12293a;border-color:#2a4a5e}
html.dark .ev-single__detail{border-color:#2a4a5e}
html.dark .ev-single__detail-label{color:#9baebb}
html.dark .ev-single__detail-value{color:#e0e0e0}
html.dark .ev-single__detail-value a{color:#5ba3c9}
html.dark .ev-single__ticket{background:#2a5a7a}
html.dark .ev-single__ticket:hover{background:#1e4a68}
.ev-single__more-btn{display:block;width:100%;margin-top:10px;padding:9px;background:#f8f9fb;border:1px solid #e8ecf1;border-radius:6px;font-size:13px;font-weight:600;color:#3b7ea1;cursor:pointer;transition:all 120ms ease;font-family:inherit}
.ev-single__more-btn:hover{background:#eaf3fb;border-color:#3b7ea1}
html.dark .ev-single__more-btn{background:#12293a;border-color:#2a4a5e;color:#5ba3c9}
html.dark .ev-single__more-btn:hover{background:#1a3a50}

/* Dark mode koncerty */
html.dark .ev-item{background:#1e2d3d;border-color:#2a4a5e}
html.dark .ev-item__title{color:#e0e0e0}
html.dark .ev-item__noimg{background:#12293a}

/* Przeczytaj tez */
.read-also{margin:28px 0 20px;border-top:2px solid #3b7ea1;padding-top:14px}
.read-also__title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#3b7ea1;margin-bottom:12px}
.read-also__grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:600px){.read-also__grid{grid-template-columns:repeat(3,1fr)}}
.read-also__card{display:block;border-radius:8px;overflow:hidden;background:#f8f9fb}
/* Globalne hover/active efekty */
.news-item,.video-card,.mp3-card,.top-card,.top3-card,.entity-box,.entity-card,.reco__item,.read-also__card,.event-card,.chart-item,.sidebar-pop-item,.top20-item,.band-chip,.ev-item,.ev-arch{-webkit-tap-highlight-color:rgba(59,126,161,.12);transition:transform 150ms ease,box-shadow 150ms ease}
.news-item:hover,.video-card:hover,.mp3-card:hover,.top-card:hover,.top3-card:hover,.read-also__card:hover,.event-card:hover,.top20-item:hover,.ev-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.entity-box:hover,.entity-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.reco__item:hover,.ev-arch:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.chart-item:hover,.sidebar-pop-item:hover{transform:translateX(2px)}
.news-item:active,.video-card:active,.mp3-card:active,.top-card:active,.top3-card:active,.entity-box:active,.entity-card:active,.reco__item:active,.read-also__card:active,.event-card:active,.top20-item:active,.band-chip:active,.ev-item:active{transform:scale(.98);box-shadow:none}
.social-btn:hover{transform:translateY(-2px)}
.social-btn:active{transform:scale(.9)}
.react-btn:hover{border-color:#b0d4e8}
.react-btn:active{border-color:#3b7ea1}
.yt-lite:hover .yt-lite__play{background:rgba(255,0,0,1)}
.yt-lite:active .yt-lite__play{background:rgba(200,0,0,1)}
.footer__social a:hover{color:#3b7ea1;background:rgba(59,126,161,.1)}
.footer__social a:active{opacity:.75}
.meta-bar__social a:hover{opacity:.8}
.meta-bar__social a:active{opacity:.65}
.band-chip:hover .band-chip__foto{border-color:#3b7ea1}
.read-also__img{aspect-ratio:16/9;overflow:hidden;position:relative}
.read-also__badge{position:absolute;top:8px;left:8px;font-size:10px;font-weight:700;text-transform:uppercase;color:#fff;background:#e53e3e;padding:2px 8px;border-radius:4px;letter-spacing:.3px}
.read-also__img img{width:100%;height:100%;object-fit:cover;border-radius:0}
.read-also__body{padding:10px 12px 12px}
.read-also__cat{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;color:#3b7ea1;letter-spacing:.3px;margin-bottom:4px}
.read-also__heading{font-size:14px;font-weight:600;color:#1a1a2e;line-height:1.35;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.read-also__date{font-size:11px;color:#6b7a8d}
html.dark .read-also__card{background:#1e2d3d}
html.dark .read-also__heading{color:#e0e0e0}

/* --- YouTube lite embed --- */
.yt-lite{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden;cursor:pointer;margin:16px 0;contain:layout style paint}
.yt-lite::before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;background-image:var(--yt-thumb)}
.yt-lite__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;background:rgba(255,0,0,.85);border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
.yt-lite:active .yt-lite__play{background:rgba(255,0,0,1)}
.yt-lite__play::before{content:'';display:block;border-style:solid;border-width:12px 0 12px 22px;border-color:transparent transparent transparent #fff;margin-left:4px}
.yt-lite iframe{position:absolute;inset:0;width:100%;height:100%;border:none;border-radius:6px}

/* --- Social embed placeholders --- */
.embed-placeholder{margin:0;padding:0;contain:layout style paint;text-align:center;overflow:hidden}
.embed-placeholder iframe,.embed-placeholder blockquote{margin:0 auto!important;max-width:100%!important;display:block}
.embed-placeholder[data-type="tiktok"]{height:730px;max-width:476px;margin:0 auto}
.embed-placeholder[data-type="instagram"]{min-height:700px}
.embed-placeholder[data-type="facebook"]{max-width:700px;margin:0 auto;min-height:480px}
.article__content iframe[src*="tiktok.com"]{max-width:100%;display:block;border:none;border-radius:6px;margin:0 auto}
.article__content iframe[src*="facebook.com"]{max-width:100%;display:block;margin:0 auto;border:none}

/* --- Galeria --- */
.article__gallery{margin:20px 0}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:6px;justify-items:center}
.gallery__item:last-child:nth-child(odd){grid-column:1/3}
.gallery__item{margin:0;overflow:hidden;border-radius:6px;cursor:pointer;position:relative}
.gallery__item img{width:100%;height:auto;object-fit:contain}
.gallery__item figcaption{position:absolute;bottom:0;left:0;right:0;font-size:10px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.6));padding:16px 8px 6px;text-align:center}

/* Lightbox */
.gallery__lightbox{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;padding:16px}
.gallery__lightbox.active{display:flex}
.gallery__lightbox img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:6px}
.gallery__lightbox-close{position:absolute;top:12px;right:16px;width:36px;height:36px;background:rgba(255,255,255,.15);border:none;border-radius:50%;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.gallery-simple{display:flex;flex-direction:column;gap:12px}
.gallery-simple__item{margin:0}
.gallery-simple__item img{width:100%;height:auto;border-radius:6px;display:block}
.gallery-simple__caption{font-size:12px;color:#6b7a8d;margin-top:4px;text-align:center;font-style:italic}
html.dark .gallery-simple__caption{color:#9baebb}

/* --- Teledysk w artykule --- */
.article__video{margin:20px 0}
.article__video-divider{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.article__video-divider-line{flex:1;height:2px;background:#3b7ea1;opacity:.2}
.article__video-divider-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#3b7ea1}
.article__video-link{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 0;font-size:12px;font-weight:500;color:#6b7a8d;border-bottom-left-radius:6px;border-bottom-right-radius:6px}
.article__video-link:hover{color:#3b7ea1}

/* --- Entity box (zespol) --- */
.entity-box{display:flex;gap:12px;align-items:center;padding:12px 14px;background:#f8f9fb;border-radius:8px;border-left:3px solid #3b7ea1;margin-top:20px;margin-bottom:14px}
.entity-box__img{width:56px!important;height:56px!important;border-radius:10px!important;object-fit:cover;flex-shrink:0}
.entity-box__body{min-width:0}
.entity-box__name{display:block;font-size:15px;font-weight:700;color:#1a1a2e}
.entity-box__desc{display:block;font-size:11px;color:#6b7a8d;line-height:1.3;margin-top:1px}
.entity-box__more{display:inline-block;font-size:12px;font-weight:600;color:#3b7ea1;margin-top:3px}
.entity-box:hover .entity-box__more{text-decoration:underline}

/* --- Entity section (artykuly + teledyski artysty) --- */
.entity-section{margin-top:20px}
.entity-section__title{font-size:14px;font-weight:700;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #3b7ea1;padding-bottom:6px;display:inline-block}
.entity-section__sub{font-size:12px;color:#6b7a8d;margin:4px 0 12px}
.entity-grid{display:grid;grid-template-columns:1fr;gap:10px}
.entity-card{display:flex;gap:10px;align-items:flex-start}
.entity-card img{width:110px;height:70px;object-fit:cover;border-radius:6px;flex-shrink:0}
.entity-card__body{min-width:0}
.entity-card__type{font-size:11px;font-weight:600;color:#3b7ea1}
.entity-card__new{font-size:9px;font-weight:700;color:#fff;background:#d32f2f;padding:1px 5px;border-radius:3px;margin-left:4px}
.entity-card__title{display:block;font-size:13px;font-weight:500;color:#1a1a2e;line-height:1.3;margin-top:2px}
.entity-card:hover .entity-card__title{color:#3b7ea1}
.entity-card__date{font-size:11px;color:#3b7ea1;margin-top:2px}
@media(min-width:500px){.entity-grid{grid-template-columns:1fr 1fr}}

/* --- Najpopularniejsze o artyście --- */
.entity-popular{margin-top:20px;padding-top:14px;border-top:2px solid #1a1a2e}
.entity-popular__title{font-size:13px;font-weight:700;color:#1a1a2e;text-transform:uppercase;letter-spacing:.3px}
.entity-popular__sub{font-size:11px;color:#6b7a8d;margin:2px 0 8px}
.entity-popular__item{display:block;padding:7px 0;border-bottom:1px solid #f0f2f5;font-size:13px;color:#1a1a2e;line-height:1.35}
.entity-popular__item:last-child{border-bottom:none}
.entity-popular__item:hover{color:#3b7ea1}


/* --- Bands grid --- */
.bands-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:768px){.bands-grid{grid-template-columns:repeat(3,1fr);gap:16px}}

/* --- TOP 3 podium --- */
.top3-grid{display:grid;grid-template-columns:1fr;gap:12px}
.top3-card{overflow:hidden}
.top3-card__img{position:relative;overflow:hidden;border-radius:6px}
.top3-card__img img{width:100%;aspect-ratio:16/9;object-fit:cover}
.top3-card__pos{position:absolute;top:8px;left:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff;border-radius:8px}
.top3-card__pos--1{background:#d4af37}
.top3-card__pos--2{background:#8a8a8a}
.top3-card__pos--3{background:#cd7f32}
.top3-card__new{position:absolute;top:8px;right:8px;font-size:9px;font-weight:700;color:#fff;background:#d32f2f;padding:2px 6px;border-radius:4px;text-transform:uppercase}
.top3-card__body{padding:8px 0}
.top3-card__title{font-size:15px;font-weight:700;color:#1a1a2e;line-height:1.3}
.top3-card:hover .top3-card__title{color:#3b7ea1}
.top3-card__meta{font-size:12px;color:#3b7ea1;margin-top:2px}
@media(min-width:768px){.top3-grid{grid-template-columns:1fr 1fr 1fr}.top3-card__title{font-size:16px}.top3-card__medal{font-size:32px}}

/* --- TOP 20 --- */
.top20-list{display:flex;flex-direction:column;gap:0}
.top20-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f5;transition:background .1s ease}
.top20-item:last-child{border-bottom:none}
.top20-item:hover{background:rgba(59,126,161,.03)}
.top20-item__pos{width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff;background:#3b7ea1;border-radius:8px;flex-shrink:0}
.top20-item__img{width:120px;height:75px;object-fit:cover;border-radius:6px;flex-shrink:0}
.top20-item__body{min-width:0}
.top20-item__title{font-size:16px;font-weight:600;color:#1a1a2e;line-height:1.3}
.top20-item:hover .top20-item__title{color:#3b7ea1}
.top20-item__meta{font-size:12px;color:#3b7ea1;margin-top:3px}
@media(min-width:768px){.top20-item__img{width:180px;height:100px}.top20-item__title{font-size:18px}.top20-item__pos{width:36px;height:36px;min-width:36px;font-size:17px}.top20-item{padding:14px 0;gap:14px}}

/* --- Ranking reactions --- */
.ranking-reactions{display:flex;gap:6px;margin-top:3px;font-size:12px;color:#6b7a8d}
.ranking-reactions span{display:inline-flex;align-items:center;gap:2px}

/* --- Load more --- */
.load-more{display:block;width:100%;padding:12px;margin-top:12px;background:#f8f9fb;border:1.5px solid #e8ecf1;border-radius:8px;font-size:13px;font-weight:600;color:#3b7ea1;cursor:pointer;text-align:center;transition:background .15s ease;min-height:44px}
.load-more:hover{background:#eef5f9}
.load-more:disabled{opacity:.6;cursor:wait}
.load-more.is-loading{color:#6b7a8d;pointer-events:none}

/* --- Reakcje --- */
.reactions{margin:20px 0 0;padding:14px 0;border-top:2px solid #3b7ea1}
.reactions__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.reactions__title{font-size:14px;font-weight:700;color:#1a1a2e}
.reactions__summary{font-size:12px;color:#6b7a8d}
.reactions__buttons{display:flex;gap:6px;flex-wrap:wrap}
.react-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0;flex:1;min-height:44px;min-width:44px;border:1.5px solid #e8ecf1;border-radius:10px;background:#fff;cursor:pointer}
.react-btn:active{border-color:#3b7ea1}
.react-btn--active{border-color:#3b7ea1;background:#eef5f9}
.react-btn__emoji{font-size:26px;line-height:1}
.react-btn__label{font-size:10px;font-weight:600;color:#6b7a8d}
.react-btn__count{font-size:11px;font-weight:700;color:#1a1a2e;min-height:14px}
.reactions__ranking{display:block;margin-top:10px;font-size:12px;color:#3b7ea1}

/* --- Meta bar (autor + social) --- */
.meta-bar{display:flex;flex-direction:column;gap:8px;margin:12px 0 0;padding:10px 12px;background:#f8f9fb;border-radius:8px}
.meta-bar__left{display:flex;flex-direction:column;gap:1px}
.meta-bar__row{font-size:12px;color:#1a1a2e;line-height:1.3}
.meta-bar__label{font-size:10px;color:#6b7a8d;margin-right:3px}
.meta-bar__author{font-weight:600;color:#3b7ea1}
.meta-bar__about{font-size:11px;color:#6b7a8d;line-height:1.3}
.meta-bar__right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.meta-bar__right a{display:flex;transition:transform 150ms ease}
.meta-bar__right a:hover{transform:translateY(-2px)}
.meta-bar__right img{width:32px;height:32px;border-radius:6px}
.meta-bar__follow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#6b7a8d;margin-right:2px}
.meta-bar__social{display:flex;gap:6px;align-items:center}
.meta-bar__social a{display:flex}
.meta-bar__social a:active{opacity:.85}
.meta-bar__social img{border-radius:4px!important;width:28px;height:28px}
@media(min-width:768px){.meta-bar{flex-direction:row;justify-content:space-between;align-items:flex-start}}



/* --- News excerpt --- */
.news-item__excerpt{font-size:11px;color:#6b7a8d;line-height:1.3;margin-top:2px;display:none}
@media(min-width:768px){.news-item__excerpt{display:block}}

/* --- Tagi --- */
.article__tags{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0 0}
.tag{display:inline-block;font-size:11px;font-weight:500;color:#6b7a8d;background:#f5f6f8;padding:6px 12px;border-radius:14px;border:1px solid #e8ecf1;transition:color .1s ease,border-color .1s ease;min-height:32px;line-height:20px}
.tag:hover,.tag:active{color:#3b7ea1;border-color:#3b7ea1;background:#eef5f9}

/* --- Artykul meta separator --- */
.article__meta span::before{content:'';display:inline-block;width:3px;height:3px;background:#c8d0da;border-radius:50%;margin-right:8px;vertical-align:middle}
.article__meta span:first-child::before{display:none}
.article__meta-reading,.article__meta-photo{color:#6b7a8d}
.article__author-link{color:#6b7a8d;text-decoration:none;font-weight:500}
.article__author-link:hover{color:#3b7ea1}


/* --- Ankieta w artykule --- */
.article__poll{margin:24px 0;padding:16px;background:#f8f9fb;border-radius:8px}

/* --- Komentarze --- */
.comments{display:flex;flex-direction:column;gap:12px}
.comment{background:#f8f9fb;border-radius:8px;padding:12px 14px}
.comment__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.comment__nick{font-size:13px;font-weight:600;color:#1a1a2e}
.comment__date{font-size:11px;color:#6b7a8d}
.comment__text{font-size:14px;line-height:1.5;color:#2d2d3f}

/* --- Paginacja --- */
.pagination{display:flex;justify-content:center;gap:6px;padding:24px 16px}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;font-size:14px;font-weight:500;border-radius:8px;padding:0 10px}
.pagination a{color:#3b7ea1;background:#eef5f9}
.pagination .current{background:#3b7ea1;color:#fff}

/* =============================================
   Desktop (768px+)
   ============================================= */
@media(min-width:768px){



    .cat-section .container{grid-template-columns:1fr 1fr;gap:0 24px}
    .cat-row{padding:14px 0}

    .video-grid{grid-template-columns:repeat(4,1fr);gap:16px}
    .mp3-grid{grid-template-columns:repeat(4,1fr);gap:16px}

    .footer__grid{grid-template-columns:1fr 2fr 1fr}
    .footer__col--right{text-align:right}
    .footer__col--right .footer__title::after{left:auto;right:0}
    .footer__col--right .footer__social{justify-content:flex-end}
    .footer__bottom-inner{flex-direction:row}

    .article__content{font-size:16px}
}

@media(min-width:1024px){
}

/* --- Dark mode --- */
html.dark{background:#1a1a2e;color:#e0e0e0}
html.dark body{background:#1a1a2e}
html.dark ::selection{background:rgba(59,126,161,.4);color:#e0e0e0}
html.dark .header{background:#12122a;border-bottom-color:#2a4a5e}
html.dark .header__brand{color:#e0e0e0}
html.dark .nav-link,.html.dark .header__nav a{color:#c8d0da}
html.dark .nav-dropdown__menu{background:#1e1e3a;box-shadow:0 4px 20px rgba(0,0,0,.4)}
html.dark .nav-dropdown__menu a{color:#c8d0da}
html.dark .nav-dropdown__menu a:hover{background:rgba(59,126,161,.15)}
.mobile-menu__toggle .nav-chevron{display:inline-block;transition:transform .2s ease}
.mobile-menu__group.is-expanded .mobile-menu__toggle .nav-chevron{transform:rotate(180deg)}
html.dark .mobile-menu{background:#1a1a2e}
html.dark .mobile-menu__link,html.dark .mobile-menu__toggle{color:#c8d0da}
html.dark .mobile-menu__sub{background:#12122a}
html.dark .news-item{border-bottom-color:#2a2a4e}
html.dark .news-item:hover,.html.dark .video-card:hover,html.dark .top-card:hover,html.dark .ev-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.25)}
html.dark .news-item__title,html.dark .top-card__title,html.dark .video-card__title,html.dark .mp3-card__title,html.dark .article__title,html.dark .section__title,html.dark .chart-item__title,html.dark .sidebar__title,html.dark .entity-box__name{color:#e0e0e0}
html.dark .news-item__cat{color:#5ba3c4}
html.dark .article__content{color:#c8d0da}
html.dark .article__content h2,html.dark .article__content h3{color:#e0e0e0}
html.dark .article__content blockquote{background:linear-gradient(135deg,#1e2d3d,#1a1a2e);color:#c8d0da;border-left-color:#4a9bc2;box-shadow:0 2px 12px rgba(74,155,194,.1)}
html.dark .article__content blockquote::before,html.dark .article__content blockquote::after{color:#4a9bc2}
html.dark .article__lead{color:#e0e0e0;border-top-color:#2a4a5e;border-bottom-color:#2a2a4e}
html.dark .article__meta{border-left-color:#2a4a5e}
html.dark .breadcrumb{color:#7a8a9d}
html.dark .breadcrumb__current{color:#8494a7}
html.dark .home-sidebar{background:#12122a}
html.dark .see-also__title{color:#e0e0e0}
html.dark .entity-box{background:#1e2d3d;border-left-color:#2a4a5e}
html.dark .entity-box__name{color:#e0e0e0}
html.dark .meta-bar{background:#12122a}
html.dark .meta-bar__row{color:#c8d0da}
html.dark .tag{background:#2a2a4e;color:#8494a7;border-color:#3a3a5e}
html.dark .tag:hover,html.dark .tag:active{color:#7bbad4;border-color:#7bbad4;background:#1e2d3d}
html.dark .react-btn{background:#12122a;border-color:#2a2a4e}
html.dark .react-btn--active{background:#1e2d3d;border-color:#3b7ea1}
html.dark .top-cards{border-bottom-color:#2a2a4e}
html.dark .footer{background:#12122a;border-top-color:#2a2a4e}
html.dark .footer__col p{color:#6b7a8d}
html.dark .poll__option{background:#1e2d3d;color:#5ba3c4}
html.dark .sidebar-action{background:#1e2d3d}
html.dark .band-tabs{border-bottom-color:#2a2a4e}
html.dark .band-tabs__tab{color:#5a6578}
html.dark .band-tabs__tab--active{color:#5ba3c4;border-bottom-color:#5ba3c4}
html.dark .cat-row{border-bottom-color:#2a2a4e}
html.dark .top20-item{border-bottom-color:#2a2a4e}
html.dark .top20-item:hover{background:rgba(59,126,161,.08)}
html.dark .pagination a{background:#1e2d3d}
html.dark .ad-content::before{color:rgba(255,255,255,.06)}
html.dark .seo-section{border-top-color:#2a2a4e}
html.dark a{color:#7bbad4}
html.dark .news-item__meta{color:#5ba3c4}
html.dark .section__more{color:#7bbad4}
html.dark .footer__col p,html.dark .footer__col a{color:#6b7a8d}
html.dark .footer__tel{color:#7bbad4}
html.dark .breadcrumb a{color:#7bbad4}
html.dark .article__content a{color:#7bbad4}
html.dark .article__author-link{color:#7bbad4}
html.dark .meta-bar__author{color:#7bbad4}
html.dark input,html.dark textarea,html.dark select{background:#1e1e3a;color:#e8e8f0;border-color:#3a3a5e}
html.dark input::placeholder,html.dark textarea::placeholder{color:#6b7a8d}
html.dark .sidebar-pop-item span{color:#e0e0e0}
html.dark .sidebar-pop-item{color:#e0e0e0}
html.dark .chart-item__title{color:#e0e0e0}
html.dark .chart-item{color:#e0e0e0}
html.dark .poll__question{color:#e0e0e0}
html.dark .sidebar-chart{border-color:#2a2a4e}
html.dark .cat-row__name{color:#7bbad4}
html.dark .cat-card__title{color:#e0e0e0}
html.dark .cat-card__meta{color:#6b7a8d}
html.dark .seo-section{background:#12122a}
html.dark .seo-text{color:#c8d0da}
html.dark .seo-text a{color:#7bbad4}
html.dark .seo-section__title{color:#e0e0e0}
html.dark .seo-section__h3{color:#e0e0e0}
html.dark .top-card__lead{color:#6b7a8d}
html.dark .news-item__excerpt{color:#6b7a8d}
html.dark .entity-card__title{color:#e0e0e0}
html.dark .entity-card__type{color:#6b7a8d}
html.dark .entity-section__title{color:#e0e0e0}
html.dark .entity-popular__title{color:#e0e0e0}
html.dark .footer__col a{color:#6b7a8d}
html.dark .footer__legal a{color:#6b7a8d}
html.dark .footer__legal a:hover{color:#7bbad4}
html.dark .reco{border-top-color:#2a4a5e}
html.dark .reco__title{color:#7bbad4}
html.dark .event-card{background:#1e2d3d;border-left-color:#2a4a5e}
html.dark .event-card__title{color:#e0e0e0}
html.dark .event-card__day,.html.dark .event-card__month{color:#7bbad4}

/* Band profile - tabs */
.band-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:20px}
.band-tabs__tab{padding:10px 16px;font-size:14px;font-weight:600;color:#64748b;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}
.band-tabs__tab:hover{color:#3b7ea1}
.band-tabs__tab--active{color:#3b7ea1;border-bottom-color:#3b7ea1}

/* Band profile - social */
.band-social{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.band-social__link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;color:#fff;text-decoration:none;transition:opacity .2s}
.band-social__link:hover{opacity:.85}
.band-social__link svg{width:18px;height:18px;flex-shrink:0}
.band-social__link--fb{background:#1877f2}
.band-social__link--ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.band-social__link--www{background:#3b7ea1}

/* Band profile - team */
.band-team{margin:20px 0;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}
.band-team__title{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 10px}

/* Band profile - section headers */
.band-section{margin:24px 0}
.band-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.band-section__title{font-size:18px;font-weight:700;color:#1e293b;margin:0}

/* ====== TELEWIZJA DISCO POLO ====== */

/* LIVE badge przy H1 */
.tv-live-badge{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#e53e3e;vertical-align:middle;margin-left:8px;letter-spacing:.3px}
.tv-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e53e3e;animation:tv-pulse 1.4s ease-in-out infinite}

/* Layout 3/4 + 1/4 */
.tv-layout{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start;margin-bottom:24px}
.tv-main-col{min-width:0}
.tv-side-col{min-width:0}

/* Channel header - branding nad playerem */
.tv-channel-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1a1a2e 0%,#1e3252 100%);border-radius:10px 10px 0 0;padding:11px 16px;gap:10px}
.tv-channel-logo{display:flex;align-items:center;gap:12px;min-width:0}
.tv-channel-logo-img{height:38px;width:auto;object-fit:contain;flex-shrink:0}
.tv-channel-name{color:#fff;font-size:14px;font-weight:800;letter-spacing:.3px;line-height:1.15;text-transform:uppercase}
.tv-channel-domain{color:#7bbad4;font-size:10px;font-weight:500;letter-spacing:.2px;margin-top:2px}
.tv-channel-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}
.tv-live-pill{display:inline-flex;align-items:center;gap:5px;background:#e53e3e;color:#fff;font-size:10px;font-weight:800;letter-spacing:1.2px;padding:4px 10px;border-radius:20px;text-transform:uppercase;white-space:nowrap}
.tv-live-pill-dot{width:6px;height:6px;min-width:6px;background:#fff;border-radius:50%;animation:tv-pill-pulse 1.2s ease-in-out infinite}
@keyframes tv-pill-pulse{0%,100%{opacity:1}50%{opacity:.25}}

/* Player */
.tv-player-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:0;overflow:hidden;margin-bottom:0}
.tv-player-wrap #tv-player{position:absolute;inset:0;width:100%!important;height:100%!important}


/* Infobar pod playerem */
.tv-infobar{display:flex;flex-direction:column;gap:4px;padding:10px 14px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 10px 10px;margin-bottom:10px}
.tv-nowplaying{font-size:13px}
.tv-nowplaying__label{color:#94a3b8;font-weight:600;margin-right:4px}
.tv-nowplaying__title{font-weight:700;color:#1e293b;text-decoration:none}
.tv-nowplaying__title:hover{color:#3b7ea1}
.tv-next{font-size:12px;color:#94a3b8}
.tv-next__label{font-weight:600;margin-right:3px}

/* Controls */
.tv-controls{display:flex;gap:8px;margin-top:6px}
.tv-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;line-height:1;text-decoration:none}
.tv-btn:active{transform:scale(.97)}
.tv-btn--skip{background:#3b7ea1;color:#fff}
.tv-btn--skip:hover{background:#2d6285}
.tv-btn--more{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}
.tv-btn--more:hover{background:#e2e8f0;color:#1e293b}

/* Historia */
.tv-history{margin:4px 0 12px}
.tv-history__label{font-size:12px;color:#94a3b8;font-weight:600;margin-bottom:6px}
.tv-history__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}
.tv-history__item{display:flex;align-items:center;gap:8px}
.tv-history__item img{width:56px;height:32px;object-fit:cover;border-radius:4px;flex-shrink:0}
.tv-history__title{font-size:12px;color:#475569;text-decoration:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.tv-history__title:hover{color:#3b7ea1}

/* Zakładki */
.tv-tabs{display:flex;align-items:center;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:0}
.tv-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:7px 14px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:color .13s,border-color .13s}
.tv-tab:hover{color:#1e293b}
.tv-tab--active{color:#3b7ea1;border-bottom-color:#3b7ea1}
.tv-queue-count{margin-left:auto;font-size:11px;color:#94a3b8;padding-right:4px}

/* Kolejka TV - YouTube style */
.tv-queue{display:flex;flex-direction:column;gap:1px;margin-top:4px;max-height:720px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
.tv-queue::-webkit-scrollbar{width:3px}
.tv-queue::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}
.tv-qitem{display:flex;align-items:flex-start;gap:8px;padding:3px 6px;border-radius:6px;cursor:pointer;transition:background .13s}
.tv-qitem:hover{background:#f1f5f9}
.tv-qitem--active{background:#e0f0fa}
.tv-qitem__thumb-wrap{position:relative;flex-shrink:0;width:64px;height:36px;margin-top:1px}
.tv-qitem__thumb{width:64px;height:36px;object-fit:cover;border-radius:4px;background:#e2e8f0;display:block}
.tv-qitem__dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3b7ea1;margin-left:4px;vertical-align:middle;flex-shrink:0;box-shadow:0 0 0 2px rgba(59,126,161,.25);animation:tv-pulse 1.4s ease-in-out infinite}
.tv-qitem__meta{flex:1;min-width:0}
.tv-qitem__title{font-size:12px;font-weight:500;line-height:1.3;color:#1a1a2e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@keyframes tv-pulse{0%,100%{box-shadow:0 0 0 3px rgba(59,126,161,.2)}50%{box-shadow:0 0 0 6px rgba(59,126,161,.08)}}

@media(max-width:640px){
    .tv-qitem__thumb-wrap{width:120px;height:68px}
    .tv-qitem__thumb{width:120px;height:68px}
}


/* Responsive */
@media(max-width:860px){
    .tv-layout{grid-template-columns:1fr}
}
@media(max-width:640px){
    .tv-infobar{flex-direction:column;align-items:flex-start;gap:8px}
    .tv-controls{width:100%}
    .tv-btn{flex:1;justify-content:center}
    .tv-qitem__thumb-wrap{width:80px;height:45px}
    .tv-qitem__thumb{width:80px;height:45px}
}
@media(max-width:480px){
    .tv-btn{padding:8px 12px;font-size:12px}
    .tv-live-badge{font-size:11px}
    .tv-channel-header{padding:9px 12px}
    .tv-channel-logo-img{height:28px}
    .tv-channel-name{font-size:12px}
    .tv-channel-domain{display:none}
}

/* Dark mode */
html.dark .tv-channel-header{background:linear-gradient(135deg,#0f1220 0%,#162040 100%)}
html.dark .tv-channel-free{color:#2e4a6a}
html.dark .tv-infobar{background:#111827;border-color:#1e293b}
html.dark .tv-nowplaying__title{color:#f1f5f9}
html.dark .tv-nowplaying__title:hover{color:#7ec8e8}
html.dark .tv-next{color:#64748b}
html.dark .tv-btn--more{background:#1e293b;color:#cbd5e1;border-color:#334155}
html.dark .tv-btn--more:hover{background:#293548;color:#f1f5f9}
html.dark .tv-tabs{border-bottom-color:#334155}
html.dark .tv-tab{color:#94a3b8}
html.dark .tv-tab:hover{color:#f1f5f9}
html.dark .tv-tab--active{color:#7ec8e8;border-bottom-color:#7ec8e8}
html.dark .tv-qitem:hover{background:#1e293b}
html.dark .tv-qitem--active{background:#1a3a50}
html.dark .tv-qitem__title{color:#f1f5f9}