/* 4fanatic.pl - autorski wyglad strony glownej (2026-10-13) */
:root{
  --fn-bordo:#8a1f1f;
  --fn-bordo-ciemny:#5c1414;
  --fn-zloto:#d4a017;
  --fn-czarny:#141010;
  --fn-czarny2:#1f1616;
  --fn-tekst:#2a2020;
  --fn-tlo:#faf7f2;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Oswald","Arial Narrow",Arial,sans-serif;color:var(--fn-tekst);background:var(--fn-tlo);line-height:1.5}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
h1,h2,h3{font-family:"Anton","Oswald",Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;margin:0}
.screen-reader-text{position:absolute;left:-9999px}

/* naglowek */
.fn-header{background:var(--fn-czarny);position:relative;z-index:20}
.fn-header__inner{display:flex;align-items:center;gap:28px;padding:14px 24px;flex-wrap:wrap}
.fn-brand__tekst{font-family:"Anton","Oswald",Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;font-size:1.3rem;color:#fff}
.fn-brand__kropka{color:var(--fn-zloto)}
.fn-nav{display:flex;gap:22px;margin-left:auto;flex-wrap:wrap}
.fn-nav a{color:#f1e7da;font-size:.85rem;text-transform:uppercase;letter-spacing:.8px;font-weight:600;padding:6px 0;border-bottom:2px solid transparent;transition:border-color .15s}
.fn-nav a:hover{border-color:var(--fn-zloto)}
.fn-nav--drugie{border-left:1px solid rgba(255,255,255,.15);padding-left:20px}
.fn-nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:0;padding:6px;margin-left:auto;cursor:pointer}
.fn-nav-toggle span{width:22px;height:2px;background:#f1e7da}
@media (max-width:760px){
  .fn-nav{display:none;flex-direction:column;width:100%;order:3;margin-left:0}
  .fn-nav--open{display:flex}
  .fn-nav--drugie{border-left:0;padding-left:0}
  .fn-nav-toggle{display:flex}
}

/* hero */
.fn-hero{background:linear-gradient(135deg,var(--fn-czarny) 0%,var(--fn-bordo-ciemny) 65%,var(--fn-bordo) 100%);color:#fff;overflow:hidden}
.fn-hero__inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:72px 24px 88px}
.fn-eyebrow{font-size:.8rem;letter-spacing:2px;text-transform:uppercase;color:var(--fn-zloto);font-weight:700;margin:0 0 14px}
.fn-eyebrow--ciemny{color:var(--fn-bordo)}
.fn-hero__copy h1{font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.02;color:#fff}
.fn-hero__copy h1 span{color:var(--fn-zloto)}
.fn-hero__lead{max-width:420px;margin:22px 0 30px;color:#e9d9c9;font-family:Arial,sans-serif;font-size:1.02rem;line-height:1.6}
.fn-hero__cta{display:flex;gap:14px;flex-wrap:wrap}
.fn-btn{display:inline-block;padding:14px 30px;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;border-radius:2px;transition:transform .15s}
.fn-btn--pelny{background:var(--fn-zloto);color:#1a0d0d}
.fn-btn--obrys{border:2px solid #fff;color:#fff}
.fn-btn:hover{transform:translateY(-2px)}
.fn-hero__collage{position:relative;height:340px}
.fn-hero__tile{position:absolute;background-size:cover;background-position:center;border-radius:4px;box-shadow:0 20px 40px rgba(0,0,0,.4);border:3px solid rgba(212,160,23,.5)}
.fn-hero__tile--1{width:54%;height:64%;top:0;left:6%;transform:rotate(-4deg);z-index:2}
.fn-hero__tile--2{width:40%;height:46%;top:6%;right:0;transform:rotate(5deg);z-index:1}
.fn-hero__tile--3{width:38%;height:42%;bottom:0;left:0;transform:rotate(6deg);z-index:3}
.fn-hero__tile--4{width:42%;height:48%;bottom:2%;right:4%;transform:rotate(-5deg);z-index:1}
@media (max-width:860px){
  .fn-hero__inner{grid-template-columns:1fr;padding:48px 20px 56px}
  .fn-hero__collage{height:240px;margin-top:20px}
}

/* sekcje ogolne */
.fn-section-naglowek{text-align:center;max-width:560px;margin:0 auto 36px}
.fn-section-naglowek h2{font-size:1.9rem;color:var(--fn-czarny)}

/* kategorie */
.fn-kategorie{background:#fff;padding:64px 0}
.fn-kafle{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.fn-kat{position:relative;display:block;height:170px;border-radius:4px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)}
.fn-kat__media{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .3s}
.fn-kat:hover .fn-kat__media{transform:scale(1.08)}
.fn-kat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,16,0) 40%,rgba(20,16,16,.85) 100%)}
.fn-kat__label{position:absolute;left:14px;bottom:12px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.6px;font-size:.95rem;z-index:1}
@media (max-width:900px){.fn-kafle{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.fn-kafle{grid-template-columns:repeat(2,1fr)}}

/* nowosci / karty wpisow */
.fn-nowosci{background:var(--fn-tlo);padding:64px 0 76px}
.fn-karty{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.fn-karta{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 8px 20px rgba(20,16,16,.08);display:flex;flex-direction:column;transition:transform .2s}
.fn-karta:hover{transform:translateY(-4px)}
.fn-karta__img{width:100%;height:150px;object-fit:cover}
.fn-karta__img--brak{background:linear-gradient(135deg,var(--fn-bordo),var(--fn-czarny))}
.fn-karta__eyebrow{padding:14px 16px 0;font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--fn-bordo);font-weight:700}
.fn-karta__tytul{padding:4px 16px 18px;font-family:Arial,sans-serif;font-weight:700;font-size:.95rem;color:var(--fn-tekst)}
@media (max-width:900px){.fn-karty{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.fn-karty{grid-template-columns:1fr}}

/* partner */
.fn-partner{background:var(--fn-czarny2);padding:34px 0}
.fn-partner__inner{display:flex;align-items:center;gap:22px;justify-content:center;flex-wrap:wrap}
.fn-partner__etykieta{color:#b99a6b;text-transform:uppercase;font-size:.78rem;letter-spacing:1.5px;font-weight:700;margin:0}
.fn-partner__link img{max-width:220px;filter:grayscale(.2) brightness(1.1)}

/* stopka */
.fn-footer{background:var(--fn-czarny);color:#cbb9a4;padding:30px 0 20px}
.fn-footer__top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}
.fn-footer__brand .fn-brand__tekst{font-size:1.1rem}
.fn-footer__nav{display:flex;gap:18px}
.fn-footer__nav a{font-size:.82rem;text-transform:uppercase;letter-spacing:.6px}
.fn-footer__bottom{display:flex;justify-content:space-between;gap:10px;padding-top:16px;font-size:.78rem;flex-wrap:wrap}

.fn-admin-link{position:fixed;right:16px;bottom:16px;z-index:1000;padding:10px 16px;background:var(--fn-zloto);color:#1a0d0d;font:700 12px Arial,sans-serif;text-decoration:none;border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,.35)}

/* strony tresci (wpisy/strony) */
.fn-inner-hero{background:linear-gradient(135deg,var(--fn-czarny) 0%,var(--fn-bordo-ciemny) 70%,var(--fn-bordo) 100%);color:#fff;padding:52px 0 44px}
.fn-inner-hero h1{font-size:clamp(1.9rem,4vw,2.8rem);color:#fff;margin-top:6px}
.fn-entry{background:var(--fn-tlo);padding:48px 0 76px}
.fn-entry__wrap{max-width:760px}
.fn-entry__obraz{width:100%;max-height:360px;object-fit:cover;border-radius:4px;margin-bottom:28px;box-shadow:0 12px 28px rgba(20,16,16,.15)}
.fn-entry__tresc{font-family:Arial,sans-serif;font-size:1.02rem;line-height:1.75;color:var(--fn-tekst)}
.fn-entry__tresc p{margin:0 0 20px}
.fn-entry__tresc h2{font-family:"Anton","Oswald",Arial,sans-serif;font-size:1.4rem;margin:32px 0 16px;color:var(--fn-bordo)}
.fn-entry__tresc a{color:var(--fn-bordo);text-decoration:underline}
.fn-entry__tresc img{border-radius:4px;margin:12px 0}
.fn-entry__tresc ul,.fn-entry__tresc ol{margin:0 0 20px;padding-left:22px}

/* strony generowane przez wspolny motyw (archiwum kategorii, wyszukiwanie, 404) -
   wczytywane przez TopbarWitryny::arkusz() (STRONA_TOPBAR_CSS_URL), zeby
   zachowac jeden wyglad takze tam, gdzie nie ma wlasnego szablonu 4fanatic */
.podglowie{background:linear-gradient(135deg,var(--fn-czarny) 0%,var(--fn-bordo-ciemny) 70%,var(--fn-bordo) 100%);color:#fff;padding:52px 0 44px}
.podglowie .eyebrow{font-size:.8rem;letter-spacing:2px;text-transform:uppercase;color:var(--fn-zloto);font-weight:700;margin:0 0 10px;font-family:Arial,sans-serif}
.podglowie h1{font-family:"Anton","Oswald",Arial,sans-serif;text-transform:uppercase;font-size:clamp(1.9rem,4vw,2.8rem);color:#fff;margin:0}
.podglowie__opis{color:#e9d9c9;font-family:Arial,sans-serif;margin:10px 0 0}
.section{background:var(--fn-tlo);padding:48px 0 76px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.story{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 8px 20px rgba(20,16,16,.08)}
.story__image{display:block;position:relative}
.story__image img{width:100%;height:170px;object-fit:cover;display:block}
.story .tag{position:absolute;left:10px;top:10px;background:var(--fn-zloto);color:#1a0d0d;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:3px 9px;border-radius:2px}
.story__body{padding:16px}
.story__body h3{font-family:Arial,sans-serif;font-size:1rem;margin:0 0 8px}
.story__body h3 a{color:var(--fn-tekst)}
.story__body p{font-family:Arial,sans-serif;font-size:.9rem;color:#5a4d4d;margin:0 0 10px}
.story__more{color:var(--fn-bordo);font-weight:700;font-size:.85rem;font-family:Arial,sans-serif}
@media (max-width:900px){.news-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.news-grid{grid-template-columns:1fr}}
.brak-wynikow{font-family:Arial,sans-serif;padding:20px 0}