/* Rozcestník fotogalerií – Všechlapská šlapka */
html,body{overflow-x:clip}
.vsh-page #secondary,.vsh-page .entry-header{display:none!important}
.vsh-page #primary{width:100%!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important}
.vsh-page #main,.vsh-page #main>article,.vsh-page .entry-content,.vsh-page .fl-row-content-wrap,.vsh-page .fl-module-content{margin:0!important;padding:0!important;max-width:none!important}
.vsh-page .fl-row-fixed-width{max-width:none!important}
.vsh{--bg:#101418;--panel:#1a2027;--line:#2e3843;--text:#eef2f5;--muted:#9aa7b3;--accent:#3fc1a5;--ink:#06231d;
  position:relative;left:50%;width:calc(100vw - var(--vsg-sbw,0px));margin-left:calc(-50vw + var(--vsg-sbw,0px) / 2);
  background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding:48px 0 72px;box-sizing:border-box}
.vsh *,.vsh *::before,.vsh *::after{box-sizing:border-box}
.vsh-in{max-width:1280px;margin:0 auto;padding:0 24px}
.vsh h2{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:0 0 8px;text-align:center;color:var(--text);font-weight:750;letter-spacing:-.015em}
.vsh-lead{display:block;text-align:center;color:var(--muted);margin:0 0 36px;font-size:18px}
.vsh a,.vsh a:hover,.vsh a:focus,.vsh a:visited{color:inherit;text-decoration:none}
/* hlavní karta – nejnovější ročník */
.vsh-hero{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:21/9;min-height:320px;background:#000;margin:0 0 28px;box-shadow:0 14px 50px rgba(0,0,0,.5)}
.vsh-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.vsh-hero:hover img{transform:scale(1.03)}
.vsh-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,0) 100%)}
.vsh-hero .txt{position:absolute;z-index:1;left:0;bottom:0;padding:clamp(20px,4vw,48px);max-width:640px}
.vsh-badge{display:inline-block;background:var(--accent);color:var(--ink);font-weight:700;font-size:13px;padding:3px 12px;border-radius:999px;margin-bottom:12px;letter-spacing:.02em}
.vsh-hero .yr{font-size:clamp(48px,8vw,96px);font-weight:800;line-height:.95;letter-spacing:-.03em}
.vsh-hero p{margin:10px 0 18px;color:#dfe6ec;font-size:17px}
.vsh-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--ink)!important;font-weight:700;padding:11px 22px;border-radius:999px}
.vsh-hero:hover .vsh-btn{filter:brightness(1.08)}
/* mřížka ročníků */
.vsh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.vsh-card{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,#1f2a33,#14303a 60%,#1c4a44);border:1px solid var(--line);transition:transform .25s ease,box-shadow .25s ease}
.vsh-card:hover,.vsh-card:focus-visible{transform:translateY(-4px);box-shadow:0 12px 34px rgba(0,0,0,.5);outline:none}
.vsh-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .5s ease,opacity .3s}
.vsh-card:hover img{transform:scale(1.05);opacity:1}
/* náhled z YouTube má černé pruhy nahoře a dole – oříznout */
.vsh-card img.yt{transform:scale(1.34)}
.vsh-card:hover img.yt{transform:scale(1.4)}
.vsh-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.25) 50%,rgba(0,0,0,0) 75%)}
.vsh-card .txt{position:absolute;z-index:1;left:18px;right:18px;bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.vsh-card .yr{font-size:44px;font-weight:800;line-height:1;letter-spacing:-.02em}
.vsh-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.vsh-tag{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(4px);white-space:nowrap}
.vsh-tag.v{background:rgba(63,193,165,.25);color:#b6f2e4}
.vsh-ext{position:absolute;z-index:1;top:12px;right:12px;font-size:12px;padding:3px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#dfe6ec}
.vsh-card.noimg .yr{font-size:56px}
@media (max-width:700px){
  .vsh{padding:28px 0 48px}.vsh-in{padding:0 12px}
  .vsh-hero{aspect-ratio:4/5;min-height:0}
  .vsh-hero::after{background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 60%,rgba(0,0,0,0) 100%)}
  .vsh-grid{grid-template-columns:1fr 1fr;gap:10px}
  .vsh-card .txt{left:10px;right:10px;bottom:10px;flex-direction:column;align-items:flex-start}
  .vsh-card .yr{font-size:30px}.vsh-tags{justify-content:flex-start}
}