/* popisky css v3 sportrec */
.pp{--pp-mezera:clamp(32px,5vw,64px);--pp-zaobleni:12px;--pp-tlacitko:var(--pp-primary);--pp-tlacitko-hover:var(--pp-dark);--pp-odkaz:var(--pp-accent);line-height:1.6}
.pp *,.pp *::before,.pp *::after{box-sizing:border-box}
.pp .pp-blok{margin:0 0 var(--pp-mezera)}
.pp .pp-blok.pp-nadpis{margin-bottom:20px}
.pp .pp-blok:last-child{margin-bottom:0}
.pp h2{margin:0 0 .6em;color:var(--pp-dark);line-height:1.2}
.pp h3{margin:0 0 .5em;color:var(--pp-primary);line-height:1.3}
.pp p{margin:0 0 1em}
.pp p:last-child,.pp ul:last-child,.pp ol:last-child{margin-bottom:0}
.pp ul,.pp ol{margin:0 0 1em;padding-left:1.4em}
.pp li{margin:0 0 .35em}
.pp a{color:var(--pp-odkaz);text-decoration:underline;text-underline-offset:2px}
.pp a:hover{color:var(--pp-dark)}
.pp a:focus-visible,.pp summary:focus-visible{outline:2px solid var(--pp-accent);outline-offset:3px}
.pp img{display:block;max-width:100%;height:auto}

.pp .pp-nadpis h2{margin-bottom:.3em}
.pp .pp-podnadpis{font-size:1.125em;color:var(--pp-primary)}

.pp .pp-obrazek-text{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.pp .pp-obrazek-text--vpravo .pp-obrazek-text__obrazek{order:2}
.pp .pp-obrazek-text__obrazek img{width:100%;border-radius:var(--pp-zaobleni)}

.pp .pp-vyhody__seznam{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px 40px;margin:0;padding:0;list-style:none}
.pp .pp-vyhody__polozka{position:relative;margin:0;padding-left:40px}
.pp .pp-vyhody__polozka::before{content:"";position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--pp-bg)}
.pp .pp-vyhody__polozka::after{content:"";position:absolute;left:10px;top:6px;width:8px;height:13px;border:solid var(--pp-primary);border-width:0 3px 3px 0;transform:rotate(45deg)}
.pp .pp-vyhody__titulek{margin:0 0 .25em;font-size:1.05em;color:var(--pp-dark)}

.pp .pp-faq__polozka{border-bottom:1px solid var(--pp-line)}
.pp .pp-faq__polozka:first-of-type{border-top:1px solid var(--pp-line)}
.pp .pp-faq__otazka{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-weight:700;color:var(--pp-dark);cursor:pointer;list-style:none}
.pp .pp-faq__otazka::-webkit-details-marker{display:none}
.pp .pp-faq__otazka::after{content:"";flex:none;width:10px;height:10px;margin-right:4px;border:solid var(--pp-primary);border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg);transition:transform .2s ease}
.pp .pp-faq__polozka[open]>.pp-faq__otazka::after{transform:translateY(2px) rotate(-135deg)}
.pp .pp-faq__otazka:hover{color:var(--pp-primary)}
.pp .pp-faq__odpoved{padding:0 0 20px}

.pp .pp-banner{overflow:hidden;border-radius:var(--pp-zaobleni);background:var(--pp-dark);color:#fff}
.pp .pp-banner__obrazek{width:100%;max-height:440px;object-fit:cover}
.pp .pp-banner__obsah{padding:clamp(24px,4vw,48px)}
.pp .pp-banner .pp-banner__titulek{color:#fff}
.pp .pp-banner a{color:#fff}

.pp .pp-znacka{display:grid;grid-template-columns:minmax(120px,280px) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(24px,4vw,48px);border-radius:var(--pp-zaobleni);background:var(--pp-bg)}
.pp .pp-znacka__obrazek img{width:100%;border-radius:calc(var(--pp-zaobleni) - 4px)}

.pp .pp-tlacitko{text-align:center}
.pp .pp-tlacitko__odkaz{display:inline-block;padding:14px 36px;border-radius:999px;background:var(--pp-tlacitko);color:#fff;font-weight:700;letter-spacing:.06em;text-decoration:none;transition:background-color .2s ease,transform .2s ease}
.pp .pp-tlacitko__odkaz:hover{background:var(--pp-tlacitko-hover);color:#fff;transform:translateY(-1px)}
.pp .pp-tlacitko__odkaz:active{transform:translateY(0)}

.pp .pp-karty__mrizka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pp .pp-karty--1 .pp-karty__mrizka{grid-template-columns:minmax(0,1fr)}
.pp .pp-karty--2 .pp-karty__mrizka{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp .pp-karta{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--pp-line);border-radius:var(--pp-zaobleni);background:#fff;transition:box-shadow .2s ease,transform .2s ease}
.pp .pp-karta:hover{box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-2px)}
.pp .pp-karta__obrazek{width:100%;aspect-ratio:3/2;object-fit:cover}
.pp .pp-karta__obsah{display:flex;flex:1;flex-direction:column;padding:20px 22px 22px}
.pp .pp-karta__titulek{font-size:1.1em;color:var(--pp-dark)}
.pp .pp-karta__text{margin-bottom:16px}
.pp .pp-karta__odkaz{margin-top:auto;font-weight:700}

.pp .pp-tabulka__tabulka{width:100%;border-collapse:collapse;border-top:2px solid var(--pp-primary)}
.pp .pp-tabulka__tabulka th,.pp .pp-tabulka__tabulka td{padding:12px 16px;border-bottom:1px solid var(--pp-line);text-align:left;vertical-align:top}
.pp .pp-tabulka__tabulka th{width:40%;font-weight:700;color:var(--pp-dark)}

.pp .pp-video__mrizka{display:grid;gap:24px}
.pp .pp-video--2 .pp-video__mrizka{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp .pp-video__ramecek{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:var(--pp-zaobleni);background:#000}
.pp .pp-video__ramecek iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.pp .pp-box{padding:clamp(20px,3vw,32px);border-left:4px solid var(--pp-primary);border-radius:0 var(--pp-zaobleni) var(--pp-zaobleni) 0;background:var(--pp-bg)}
.pp .pp-box__titulek{margin-bottom:.5em;font-weight:700;color:var(--pp-dark)}

.pp .pp-citace{margin-left:0;margin-right:0;padding:clamp(24px,4vw,40px);border-radius:var(--pp-zaobleni);background:var(--pp-bg)}
.pp .pp-citace__text{margin:0;padding:0;border:0;font-size:1.2em;font-style:italic;color:var(--pp-dark)}
.pp .pp-citace__text::before{content:"";display:block;width:40px;height:3px;margin-bottom:16px;background:var(--pp-warm,var(--pp-accent))}
.pp .pp-citace__autor{margin-top:16px}
.pp .pp-citace__autor cite{font-style:normal;font-weight:700}
.pp .pp-citace__role{color:var(--pp-primary)}

.pp .pp-galerie__mrizka{display:grid;grid-template-columns:repeat(var(--pp-sloupce,2),minmax(0,1fr));gap:24px}
.pp .pp-galerie--1 .pp-galerie__mrizka{--pp-sloupce:1}
.pp .pp-galerie--3 .pp-galerie__mrizka{--pp-sloupce:3}
.pp .pp-galerie--4 .pp-galerie__mrizka{--pp-sloupce:4}
.pp .pp-galerie__polozka{margin:0;text-align:center}
.pp .pp-galerie__polozka img{margin:0 auto;border-radius:var(--pp-zaobleni)}
.pp .pp-galerie--plna .pp-galerie__polozka img{width:100%}
.pp .pp-galerie--stredni .pp-galerie__polozka img{max-width:min(400px,100%)}
.pp .pp-galerie--male .pp-galerie__polozka img{max-width:min(200px,100%);border-radius:0}
.pp .pp-galerie__odkaz{display:block;transition:opacity .2s ease}
.pp .pp-galerie__odkaz:hover{opacity:.85}
.pp .pp-galerie__popisek{margin-top:10px;font-weight:700;color:var(--pp-dark)}

.pp .pp-grafika__obraz svg{display:block;width:100%;height:auto}
.pp .pp-grafika--stredni .pp-grafika__obraz{max-width:min(560px,100%);margin:0 auto}

.pp .pp-efekt-priblizit img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pp .pp-efekt-priblizit .pp-obrazek-text__obrazek,.pp .pp-efekt-priblizit .pp-znacka__obrazek{overflow:hidden;border-radius:var(--pp-zaobleni)}
.pp .pp-efekt-priblizit :is(.pp-obrazek-text__obrazek,.pp-znacka__obrazek,.pp-karta):hover img,.pp .pp-banner.pp-efekt-priblizit:hover img{transform:scale(1.06)}
.pp .pp-efekt-priblizit .pp-galerie__polozka:hover img{transform:scale(1.03)}
.pp .pp-efekt-nadzvednout :is(.pp-karta,.pp-obrazek-text__obrazek,.pp-znacka__obrazek,.pp-galerie__polozka,.pp-tlacitko__odkaz),.pp :is(.pp-box,.pp-banner,.pp-citace).pp-efekt-nadzvednout{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background-color .2s ease}
.pp .pp-efekt-nadzvednout .pp-obrazek-text__obrazek,.pp .pp-efekt-nadzvednout .pp-znacka__obrazek{border-radius:var(--pp-zaobleni)}
.pp .pp-efekt-nadzvednout :is(.pp-karta,.pp-obrazek-text__obrazek,.pp-znacka__obrazek):hover,.pp :is(.pp-box,.pp-banner).pp-efekt-nadzvednout:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(0,0,0,.12)}
.pp .pp-efekt-nadzvednout :is(.pp-galerie__polozka,.pp-tlacitko__odkaz):hover,.pp .pp-citace.pp-efekt-nadzvednout:hover{transform:translateY(-4px)}
.pp .pp-efekt-zarit :is(.pp-tlacitko__odkaz,.pp-karta),.pp :is(.pp-box,.pp-banner).pp-efekt-zarit{transition:box-shadow .3s ease,transform .2s ease,background-color .2s ease}
.pp .pp-efekt-zarit :is(.pp-tlacitko__odkaz,.pp-karta):hover,.pp :is(.pp-box,.pp-banner).pp-efekt-zarit:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--pp-primary) 18%,transparent),0 12px 34px color-mix(in srgb,var(--pp-primary) 35%,transparent)}

@media (max-width:767px){
.pp .pp-obrazek-text,.pp .pp-znacka{grid-template-columns:minmax(0,1fr)}
.pp .pp-obrazek-text--vpravo .pp-obrazek-text__obrazek{order:0}
.pp .pp-znacka__obrazek{max-width:220px}
.pp .pp-karty__mrizka,.pp .pp-karty--2 .pp-karty__mrizka,.pp .pp-video--2 .pp-video__mrizka{grid-template-columns:minmax(0,1fr)}
.pp .pp-galerie--3 .pp-galerie__mrizka,.pp .pp-galerie--4 .pp-galerie__mrizka{--pp-sloupce:2}
.pp .pp-tabulka__tabulka th,.pp .pp-tabulka__tabulka td{display:block;width:auto}
.pp .pp-tabulka__tabulka th{padding-bottom:2px;border-bottom:0}
.pp .pp-tabulka__tabulka td{padding-top:0}
}

@media (prefers-reduced-motion:reduce){
.pp *,.pp *::before,.pp *::after{transition:none !important}
}

@keyframes pp-objevit{from{opacity:0}to{opacity:1}}
@keyframes pp-zespodu{from{opacity:0;translate:0 48px}to{opacity:1;translate:none}}
@keyframes pp-zleva{from{opacity:0;translate:-56px 0}to{opacity:1;translate:none}}
@keyframes pp-zprava{from{opacity:0;translate:56px 0}to{opacity:1;translate:none}}
@keyframes pp-priblizit{from{opacity:0;scale:.92}to{opacity:1;scale:none}}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
.pp:has(.pp-objeveni-zleva,.pp-objeveni-zprava){overflow-x:clip}
.pp [class*="pp-objeveni-"]{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 0% entry 60%}
.pp .pp-objeveni-objevit{animation-name:pp-objevit}
.pp .pp-objeveni-zespodu{animation-name:pp-zespodu}
.pp .pp-objeveni-zleva{animation-name:pp-zleva}
.pp .pp-objeveni-zprava{animation-name:pp-zprava}
.pp .pp-objeveni-priblizit{animation-name:pp-priblizit}
}
}
.pp{--pp-primary:#003A72;--pp-dark:#05244F;--pp-accent:#004F98;--pp-bg:#DCECF1;--pp-line:#9DCED9;--pp-warm:#E0B8A7}