/* ============================================================
   Pästiarsky klub Zvolen — subpage components
   Loaded after styles.css. Base tokens come from there.
   ============================================================ */

/* ---------- PAGE HERO (shared by every subpage) ---------- */
.page-hero{padding-top:clamp(12px,1.5vw,20px)}
.page-hero + .section.on-dark{margin-top:clamp(28px,4vw,64px)}
.page-hero__card{
  position:relative;overflow:hidden;border-radius:var(--r-xl);
  padding:clamp(28px,3.4vw,52px) clamp(24px,3.4vw,52px);
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;
  /* Rovnaká modro-šedá ako hlavný hero, aby si podstránky sedeli */
  background:
    radial-gradient(90% 90% at 50% 0%,rgba(217,30,40,.16),transparent 62%),
    linear-gradient(160deg,#43464b 0%,#2c2f33 48%,#161719 100%);
}
.page-hero__card::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* Fotka v hlavičke podstránky. Prekryv drží text čitateľný na každej fotke. */
.page-hero__card > .page-hero__foto{
  position:absolute;inset:0;z-index:0;width:100%;height:100%;
  object-fit:cover;object-position:center 30%;
  filter:grayscale(.35) brightness(.55);
}
.page-hero__card::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:
    radial-gradient(80% 90% at 50% 0%,rgba(217,30,40,.22),transparent 60%),
    linear-gradient(180deg,rgba(8,8,9,.55),rgba(8,8,9,.78));
}
.page-hero__card > *{position:relative;z-index:2}
.page-hero__title{font-size:clamp(26px,3vw,40px);color:#fff;max-width:18ch}

.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.6)}
.breadcrumb a{transition:color var(--t-fast)}
.breadcrumb a:hover{color:#fff}
.breadcrumb .sep{opacity:.45}
.breadcrumb [aria-current]{color:var(--accent)}

/* ---------- GENERIC SPLIT ---------- */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4.5vw,72px);align-items:center}
.split--wide-left{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.split--wide-right{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.split__media{position:relative}
.split__media .media{border-radius:var(--r-lg)}
.split--flip .split__media{order:2}
.split__body > .eyebrow + .h2{margin-top:18px}
.split__body p{margin-top:20px;max-width:56ch}

/* Small stat pinned onto a split image */
.pin-stat{
  position:absolute;z-index:4;right:-14px;bottom:26px;
  background:var(--panel);color:#fff;border-radius:var(--r-md);padding:14px 18px;min-width:0;
}
.pin-stat .n{font-size:26px;color:#fff;line-height:1;letter-spacing:-.04em}
.pin-stat .t{font-size:12.5px;color:rgba(255,255,255,.6);margin-top:5px;white-space:nowrap}
.pin-stat--light{background:var(--surface-2);color:var(--heading)}
.pin-stat--light .n{color:var(--heading)}
.pin-stat--light .t{color:var(--text)}

/* ---------- BULLET LIST ---------- */
.ticks{display:grid;gap:13px;margin-top:26px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px}
.ticks svg{width:19px;height:19px;flex:none;margin-top:3px;fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.on-dark .ticks li{color:rgba(255,255,255,.75)}

/* ---------- STATS ROW ---------- */
.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.6vw,24px)}
.stat-card{
  background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-lg);
  padding:32px 28px;transition:transform var(--t),border-color var(--t),background var(--t);
}
.stat-card:hover{transform:translateY(-5px);background:var(--panel);border-color:transparent}
.stat-card:hover .n,.stat-card:hover .t{color:#fff}
.stat-card .n{font-size:clamp(34px,3.6vw,50px);color:var(--heading);line-height:1;letter-spacing:-.04em;transition:color var(--t)}
.stat-card .t{font-size:14.5px;margin-top:12px;transition:color var(--t)}

/* ---------- MARQUEE ---------- */
.marquee{overflow:hidden;background:var(--accent);color:#fff;padding-block:20px;user-select:none}
.marquee__track{display:flex;gap:48px;width:max-content;animation:marquee 26s linear infinite}
.marquee span{display:inline-flex;align-items:center;gap:48px;font-size:clamp(20px,2.4vw,32px);letter-spacing:-.02em;white-space:nowrap}
.marquee span::after{content:"";width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.65);flex:none}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee__track{animation:none}}

/* ---------- ARTICLE (blog detail) ---------- */
.article__grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:clamp(32px,4vw,64px);align-items:start}
.prose{font-size:16.5px;line-height:1.8}
.prose > * + *{margin-top:22px}
.prose h2{font-size:clamp(24px,2.4vw,34px);margin-top:44px}
.prose h3{font-size:clamp(20px,1.8vw,25px);margin-top:36px}
.prose ul{display:grid;gap:11px;padding-left:0}
.prose ul li{display:flex;gap:12px;align-items:flex-start}
.prose ul li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;margin-top:10px}
.prose blockquote{
  margin:36px 0;padding:28px 32px;border-radius:var(--r-lg);
  background:var(--panel);color:#fff;font-size:clamp(18px,1.7vw,23px);line-height:1.5;letter-spacing:-.02em;
}
.prose blockquote cite{display:block;margin-top:16px;font-size:14px;font-style:normal;color:rgba(255,255,255,.55)}
.prose figure{margin:36px 0}
.prose figcaption{margin-top:12px;font-size:14px;text-align:center}
.prose a{color:var(--accent);border-bottom:1px solid rgba(217,30,40,.35)}


/* ---------- SIDEBAR ---------- */
.sidebar{display:grid;gap:20px;position:sticky;top:96px}
.widget{background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-lg);padding:26px}
.widget h4{margin-bottom:18px}
.widget--dark{background:var(--panel);color:rgba(255,255,255,.7)}
.widget--dark h4{color:#fff}
.search{display:flex;gap:8px}
.search input{flex:1;min-width:0;padding:13px 16px;border-radius:var(--r-pill);border:1px solid var(--divider);background:var(--bg);font:inherit;font-size:15px}
.search input:focus{outline:none;border-color:var(--heading)}
.search button{width:46px;height:46px;border-radius:50%;background:var(--accent);display:grid;place-items:center;flex:none}
.search button svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.cat-list li + li{margin-top:4px}
.cat-list a{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:var(--r-sm);font-size:15px;transition:background var(--t-fast),color var(--t-fast)}
.cat-list a:hover{background:var(--bg);color:var(--accent)}
.cat-list .count{opacity:.5}

.mini-post{display:grid;grid-template-columns:78px minmax(0,1fr);gap:15px;align-items:center}
.mini-post + .mini-post{margin-top:18px;padding-top:18px;border-top:1px solid var(--divider)}
.mini-post .media{border-radius:var(--r-sm)}
.mini-post .d{font-size:13px;margin-bottom:5px}
.mini-post .t{font-size:15px;color:var(--heading);line-height:1.35;transition:color var(--t-fast)}
.mini-post:hover .t{color:var(--accent)}

/* ---------- TEAM DETAIL ---------- */
.profile__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,4.5vw,72px);align-items:start}
.profile__card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-lg);padding:20px;position:sticky;top:96px}
.profile__card .media{border-radius:var(--r-md);margin-bottom:24px}
.profile__contact{display:grid;gap:16px;margin-top:22px;padding-top:22px;border-top:1px solid var(--divider)}
.profile__contact li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.profile__contact svg{width:17px;height:17px;flex:none;margin-top:4px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile__socials{display:flex;gap:9px;margin-top:22px}
.profile__socials a{width:40px;height:40px;border-radius:50%;border:1px solid var(--divider);display:grid;place-items:center;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}
.profile__socials a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.profile__socials svg{width:15px;height:15px;fill:currentColor}

.skills{display:grid;gap:22px;margin-top:26px}
.skill__head{display:flex;justify-content:space-between;gap:12px;font-size:15px;color:var(--heading);margin-bottom:10px}
.skill__bar{height:7px;border-radius:var(--r-pill);background:rgba(255,255,255,.10);overflow:hidden}
.skill__fill{height:100%;border-radius:var(--r-pill);background:var(--accent);width:0;transition:width 1.1s cubic-bezier(.16,1,.3,1)}

/* ---------- GALLERY ---------- */
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.4vw,22px)}
.gallery-grid .g-item{position:relative;border-radius:var(--r-lg);overflow:hidden;display:block}
.gallery-grid .g-item .media{border-radius:var(--r-lg);transition:transform .7s cubic-bezier(.16,1,.3,1)}
.gallery-grid .g-item:hover .media{transform:scale(1.05)}
.g-tall{grid-row:span 2}
.g-tall .media{height:100%}
.g-wide{grid-column:span 2}

/* ---------- VIDEO GALLERY ---------- */
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.6vw,24px)}
.video-card{position:relative;border-radius:var(--r-lg);overflow:hidden;display:block}
.video-card .media{border-radius:var(--r-lg)}
.video-card .play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%)}
.video-card:hover .play{transform:translate(-50%,-50%) scale(1.07);background:var(--accent);color:#fff}
.video-card__meta{position:absolute;z-index:4;left:20px;right:20px;bottom:18px;color:#fff}
.video-card__meta .t{font-size:17px;color:#fff}
.video-card__meta .d{font-size:13.5px;color:rgba(255,255,255,.65);margin-top:4px}

/* ---------- CONTACT ---------- */
.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.6vw,24px)}
.contact-card{
  background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-lg);
  padding:32px;display:flex;flex-direction:column;gap:16px;
  transition:transform var(--t),border-color var(--t),box-shadow var(--t);
}
.contact-card:hover{transform:translateY(-5px);border-color:transparent;box-shadow:0 26px 56px -30px rgba(5,5,5,.26)}
.contact-card__ic{width:54px;height:54px;border-radius:var(--r-md);background:var(--surface-2);display:grid;place-items:center;flex:none}
.contact-card__ic svg{width:23px;height:23px;fill:none;stroke:var(--heading);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.contact-card a{color:var(--heading);transition:color var(--t-fast)}
.contact-card a:hover{color:var(--accent)}

.map{position:relative;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--divider);background:var(--surface)}
.map__frame{display:block;width:100%;aspect-ratio:21/9;min-height:340px;border:0}

/* ---------- 404 ---------- */
.err{text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px}
.err__code{
  font-size:clamp(96px,20vw,240px);line-height:.85;letter-spacing:-.06em;color:var(--heading);
  background:linear-gradient(160deg,var(--heading) 30%,var(--accent));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.err p{max-width:48ch}

/* ---------- PAGINATION ---------- */
.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:clamp(38px,4vw,60px)}
.pagination a,.pagination span{
  min-width:48px;height:48px;padding-inline:14px;border-radius:50%;
  display:grid;place-items:center;border:1px solid var(--divider);font-size:15px;
  transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);
}
.pagination a:hover{background:var(--panel);color:#fff;border-color:var(--heading)}
.pagination .is-current{background:var(--accent);color:#fff;border-color:var(--accent)}
.pagination svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- FILTER TABS ---------- */
.filters{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-bottom:clamp(30px,3.4vw,50px)}
.filters button{
  padding:12px 22px;border-radius:var(--r-pill);border:1px solid var(--divider);font-size:15px;
  transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);
}
.filters button:hover{border-color:var(--heading)}
.filters button.is-active{background:var(--panel);color:#fff;border-color:var(--heading)}

/* ---------- CONTACT BAND (team detail / contact) ---------- */
.band{
  border-radius:var(--r-xl);padding:clamp(34px,4.4vw,64px);
  background:var(--panel);color:rgba(255,255,255,.72);
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;
}
.band h2{color:#fff;max-width:20ch}

/* ---------- BOOKING: VÝBER TRÉNERA + FORMULÁR ---------- */
.booking{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,3vw,44px);align-items:start}

.coach-pick{display:grid;gap:12px}
.coach-opt{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;
  width:100%;text-align:left;padding:12px 14px;border-radius:var(--r-md);
  border:1px solid var(--divider);background:var(--surface);
  transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);
}
.coach-opt:hover{transform:translateY(-2px);border-color:var(--heading)}
.coach-opt.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.coach-opt__av{width:44px;height:44px;border-radius:50%;flex:none;background:linear-gradient(140deg,#54544a,#262622)}
.coach-opt[data-coach="richard"] .coach-opt__av{background:linear-gradient(140deg,#6b5a52,#2e2622)}
.coach-opt[data-coach="lukas"] .coach-opt__av{background:linear-gradient(140deg,#4a5450,#202624)}
.coach-opt__name{display:block;color:var(--heading);font-size:15.5px;line-height:1.25}
.coach-opt__role{display:block;font-size:12.5px;margin-top:3px}
.coach-opt__tick{width:24px;height:24px;border-radius:50%;border:1px solid var(--divider);display:grid;place-items:center;flex:none;transition:background var(--t-fast),border-color var(--t-fast)}
.coach-opt.is-active .coach-opt__tick{background:var(--accent);border-color:var(--accent)}
.coach-opt__tick svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity var(--t-fast)}
.coach-opt.is-active .coach-opt__tick svg{opacity:1}

/* Panel vpravo: hlavička s trénerom + formulár */
.booking__panel{
  background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-lg);
  padding:clamp(22px,2.6vw,34px);
}
.booking__panel .form{background:none;border:0;padding:0;margin-top:26px}

.coach-info{padding-bottom:18px;border-bottom:1px solid var(--divider)}
.coach-info__name{font-size:clamp(18px,1.6vw,22px);color:var(--heading);line-height:1.2;letter-spacing:-.02em}
.coach-info__role{font-size:13.5px;margin-top:5px}
.coach-info__meta{display:grid;gap:9px;margin-top:15px}
.coach-info__meta li{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.coach-info__meta svg{width:17px;height:17px;flex:none;margin-top:4px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.coach-info__meta a{color:var(--heading)}
.coach-info__meta a:hover{color:var(--accent)}

/* ---------- TÝŽDENNÝ ROZVRH ---------- */
/* Päť stĺpcov = týždeň na jeden pohľad, namiesto riedkeho zoznamu. */
.rozvrh{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.2vw,18px)}
.den{
  background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-lg);
  padding:clamp(18px,1.6vw,24px);display:flex;flex-direction:column;gap:18px;
  transition:transform var(--t),border-color var(--t);
}
.den:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.26)}
.den__nazov{
  display:flex;align-items:center;gap:9px;
  color:var(--heading);font-size:16px;line-height:1;letter-spacing:.02em;
  padding-bottom:14px;border-bottom:1px solid var(--divider);
}
.den__nazov::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
.den__zoznam{display:grid;gap:15px}
.den__blok{display:grid;gap:4px}
.den__cas{color:var(--heading);font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.den__co{font-size:14px;line-height:1.45}
.den__hala{display:block;font-size:12.5px;opacity:.55;margin-top:2px}

@media (max-width:1180px){
  .rozvrh{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .rozvrh{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .rozvrh{grid-template-columns:1fr}
}

 .den__pocet{display:none}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1180px){
  .stats-row,.gallery-grid,.video-grid,.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article__grid{grid-template-columns:1fr}
  .sidebar,.profile__card{position:static}
}
@media (max-width:960px){
  .split,.split--wide-left,.split--wide-right,.profile__grid,.band,.booking{grid-template-columns:1fr}
  .split--flip .split__media{order:0}
  .pin-stat{right:16px}
}
@media (max-width:700px){
  .stats-row,.gallery-grid,.video-grid,.contact-cards{grid-template-columns:1fr}
  .g-tall{grid-row:auto}
  .g-wide{grid-column:auto}
}

.coach-opt__av{overflow:hidden;display:grid;place-items:center}
.coach-opt__av img{width:100%;height:100%;object-fit:cover;object-position:top center}
.coach-opt__av--prazdny{color:rgba(255,255,255,.28);font-size:20px;font-weight:600}

/* Súhlas je veta, nie popis poľa — preto sa z neho ruší verzálkové
   nastavenie z `.field span`. Rámček ho oddelí od ostatných polí,
   nech je jasné, že bez neho sa formulár neodošle. */
.field--suhlas{flex-direction:row;align-items:flex-start;gap:13px;cursor:pointer;
  margin-top:4px;padding:14px 16px;border:1px solid var(--divider);
  border-radius:var(--r-md);background:rgba(255,255,255,.03);
  transition:border-color .2s ease,background .2s ease}
.field--suhlas:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}
.field--suhlas:focus-within{border-color:var(--accent)}
.field--suhlas input{width:20px;height:20px;margin-top:1px;flex:none;
  accent-color:var(--accent);cursor:pointer}
.field--suhlas span{display:block;margin:0;font-size:14px;line-height:1.6;
  letter-spacing:normal;text-transform:none;color:var(--text)}
.field--suhlas a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.field--suhlas a:hover{color:#fff}
/* Nezaškrtnutý súhlas musí byť vidieť na prvý pohľad. Farba je tu
   napísaná priamo a nie cez premennú, nech ju nemá čo prebiť. */
.field.field--suhlas.is-zle{border-color:#d91e28;background:rgba(217,30,40,.12);
  box-shadow:0 0 0 1px #d91e28}

/* ========== MOBIL A TABLET ========== */
@media (max-width:900px){
  /* Väčšie zaškrtávacie políčko sa na dotyk trafí spoľahlivo. */
  .field--suhlas input{width:22px;height:22px}
  .field--suhlas{padding:13px 14px}
  /* Telefón a adresa v kontaktných riadkoch. */
  .v a,a.v,.info-row a,.hours a{display:inline-block;padding-block:8px}
  .search input{font-size:16px}
}

.form__stav{margin-top:14px;font-size:14px;line-height:1.5;padding:12px 14px;border-radius:var(--r-sm)}
.form__stav.is-ok{background:rgba(46,160,67,.14);color:#7ee39a;border:1px solid rgba(46,160,67,.35)}
.form__stav.is-zle{background:rgba(217,30,40,.14);color:#ff8a90;border:1px solid rgba(217,30,40,.4)}
.form__stav.is-caka{background:rgba(255,255,255,.07);color:var(--text);border:1px solid var(--divider)}
.field.is-zle input,.field.is-zle select,.field.is-zle textarea{border-color:var(--accent)}

/* ---------- VLASTNÝ VÝBER DÁTUMU A ČASU ---------- */
.vyber{position:relative}
.vyber__pole{width:100%;padding:11px 40px 11px 14px;border-radius:var(--r-md);
  background:rgba(255,255,255,.06);border:1px solid var(--divider-dark);
  color:#fff;font:inherit;font-size:14.5px;cursor:pointer;
  transition:border-color var(--t-fast),background var(--t-fast)}
.vyber__pole::placeholder{color:rgba(255,255,255,.35)}
.vyber.is-open .vyber__pole,.vyber__pole:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,.09)}
.vyber__ic{position:absolute;right:14px;top:50%;transform:translateY(-50%);
  width:20px;height:20px;display:grid;place-items:center;cursor:pointer;pointer-events:auto}
.vyber__ic svg{width:18px;height:18px;fill:none;stroke:rgba(255,255,255,.55);stroke-width:1.7}
.vyber.is-open .vyber__ic svg{stroke:var(--accent)}

.vyber__pop{position:absolute;z-index:30;top:calc(100% + 8px);left:0;min-width:290px;
  background:var(--panel);border:1px solid var(--divider);border-radius:var(--r-md);
  box-shadow:0 24px 60px rgba(0,0,0,.6);padding:14px}
.vyber__pop[hidden]{display:none!important}

.kal__hlava{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.kal__nazov{color:var(--heading);font-size:15px;font-weight:600}
.kal__sip{width:32px;height:32px;border-radius:50%;border:1px solid var(--divider);
  background:transparent;display:grid;place-items:center;cursor:pointer}
.kal__sip:hover{background:var(--surface)}
.kal__sip svg{width:15px;height:15px;fill:none;stroke:var(--heading);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kal__mriezka{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.kal__den{display:grid;place-items:center;height:30px;font-size:11.5px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--text);opacity:.65}
.kal__d{height:36px;border:0;border-radius:9px;background:transparent;color:var(--heading);
  font:inherit;font-size:14px;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}
.kal__d:hover{background:var(--surface)}
.kal__d.je-dnes{box-shadow:inset 0 0 0 1px var(--divider)}
.kal__d.je-neskor{opacity:.4}
.kal__d.je-vybrany{background:var(--accent);color:#fff}
.kal__pata{display:flex;gap:14px;margin-top:12px;padding-top:12px;border-top:1px solid var(--divider)}
.kal__odkaz{border:0;background:none;color:var(--accent);font:inherit;font-size:13.5px;
  cursor:pointer;padding:4px 0}
.kal__odkaz:hover{text-decoration:underline}

.cas__hlava{color:var(--heading);font-size:15px;font-weight:600;margin-bottom:10px}
.cas__zoznam{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;
  max-height:212px;overflow-y:auto;scrollbar-width:thin}
.cas__p{height:36px;border:0;border-radius:9px;background:var(--surface);color:var(--heading);
  font:inherit;font-size:14px;font-variant-numeric:tabular-nums;cursor:pointer;
  transition:background var(--t-fast),color var(--t-fast)}
.cas__p:hover{background:var(--surface-2)}
.cas__p.je-vybrany{background:var(--accent);color:#fff}

@media (max-width:560px){
  .vyber__pop{left:auto;right:0;min-width:min(300px,calc(100vw - 48px))}
  .vyber__pole{font-size:16px}
}

/* ---------- VLASTNÝ ROZBAĽOVACÍ ZOZNAM ---------- */
.zoznam{position:relative}
.zoznam__povodny{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden}
.zoznam__pole{
  display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  padding:12.5px 14px;border-radius:var(--r-md);text-align:left;cursor:pointer;
  background:rgba(255,255,255,.06);border:1px solid var(--divider-dark);
  color:#fff;font:inherit;font-size:14.5px;
  transition:border-color var(--t-fast),background var(--t-fast);
}
.zoznam__pole span{display:block;margin:0;font-size:inherit;line-height:1.55;
  letter-spacing:normal;text-transform:none;color:inherit;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zoznam__pole svg{width:16px;height:16px;flex:none;fill:none;stroke:rgba(255,255,255,.55);
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--t-fast)}
.zoznam.is-open .zoznam__pole{border-color:var(--accent);background:rgba(255,255,255,.09)}
.zoznam.is-open .zoznam__pole svg{transform:rotate(180deg);stroke:var(--accent)}
.zoznam__pop{
  position:absolute;z-index:30;top:calc(100% + 8px);left:0;right:0;
  background:var(--panel);border:1px solid var(--divider);border-radius:var(--r-md);
  box-shadow:0 24px 60px rgba(0,0,0,.6);padding:6px;max-height:264px;overflow-y:auto;
}
.zoznam__pop[hidden]{display:none!important}
.zoznam__p{
  display:block;width:100%;text-align:left;border:0;background:transparent;
  padding:12px 12px;border-radius:9px;color:var(--heading);font:inherit;font-size:14.5px;cursor:pointer;
  transition:background var(--t-fast),color var(--t-fast);
}
.zoznam__p:hover{background:var(--surface)}
.zoznam__p.je-vybrany{background:var(--accent);color:#fff}
@media (max-width:560px){.zoznam__pole{font-size:16px}}

/* ---------- Lightbox ---------- */
.lb{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(6,6,7,.94);opacity:0;transition:opacity .28s ease}
.lb.je-otvoreny{opacity:1}
@media (prefers-reduced-motion:reduce){.lb{transition:none}}
.lb__obr{max-width:92vw;max-height:86vh;width:auto;height:auto;display:block;
  border-radius:var(--r-md);box-shadow:0 30px 90px rgba(0,0,0,.6);
  transform:scale(.97);transition:transform .28s cubic-bezier(.22,1,.36,1)}
.lb.je-otvoreny .lb__obr{transform:scale(1)}
.lb__tl{position:absolute;display:grid;place-items:center;width:48px;height:48px;
  border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(20,21,23,.72);
  color:#fff;cursor:pointer;padding:0;transition:background .2s ease,border-color .2s ease}
.lb__tl:hover{background:var(--accent);border-color:var(--accent)}
.lb__tl:focus-visible{outline:2px solid #fff;outline-offset:3px}
.lb__tl svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
.lb__zavri{top:20px;right:20px}
.lb__pred{left:20px;top:50%;transform:translateY(-50%)}
.lb__dalej{right:20px;top:50%;transform:translateY(-50%)}
.lb__pocet{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);
  font-size:13px;letter-spacing:.06em;color:rgba(255,255,255,.62);
  font-variant-numeric:tabular-nums}
body.lb-otvoreny{overflow:hidden}
@media (max-width:700px){
  .lb__obr{max-width:94vw;max-height:78vh}
  .lb__tl{width:42px;height:42px}
  .lb__zavri{top:12px;right:12px}
  .lb__pred{left:8px}
  .lb__dalej{right:8px}
}

/* ---------- YouTube prehrávač kanála ---------- */
.ytb{border-radius:var(--r-xl);overflow:hidden;background:var(--surface);
  border:1px solid var(--divider)}
/* Tvar drží obal, nie jeho deti - inak by pomer strán dopočítal šírku
   z výšky a na úzkom displeji by box vyliezol mimo stránku. */
.ytb .vlozene{width:100%;aspect-ratio:16/9;min-height:280px}
.ytb__frame{display:block;width:100%;height:100%;border:0}
.ytb .vlozene__vyzva{width:100%;height:100%;min-height:0}

/* ---------- Zoznam podcastov ---------- */
.podcast-zoznam{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(10px,1vw,14px);margin-top:clamp(24px,2.6vw,36px)}
.podcast-karta{display:flex;align-items:center;gap:14px;min-width:0;
  padding:16px 18px;border-radius:var(--r-lg);text-decoration:none;
  background:var(--surface);border:1px solid var(--divider);
  transition:border-color .2s ease,background .2s ease,transform .2s ease}
.podcast-karta:hover{border-color:var(--accent);background:var(--surface2);transform:translateY(-2px)}
.podcast-karta__ic{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;
  border-radius:999px;background:var(--accent)}
.podcast-karta__ic svg{width:17px;height:17px;fill:#fff;stroke:none}
.podcast-karta__telo{min-width:0;flex:1}
.podcast-karta__nazov{display:block;color:var(--heading);font-size:15px;font-weight:500;
  line-height:1.4;overflow-wrap:anywhere}
.podcast-karta__popis{display:block;margin-top:3px;font-size:13px;color:var(--text)}
.podcast-karta__sip{flex:0 0 auto}
.podcast-karta__sip svg{width:17px;height:17px;fill:none;stroke:var(--text);stroke-width:1.8}
.podcast-karta:hover .podcast-karta__sip svg{stroke:var(--accent)}
@media (max-width:700px){.podcast-zoznam{grid-template-columns:1fr}}

/* ---------- Výber tréningovej skupiny ---------- */
/* Šesť skupín: dva riadky po troch, nie päť a jedna osamote. */
.skupina-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;margin-top:clamp(28px,3vw,44px)}
.skupina-opt{position:relative;isolation:isolate;display:flex;flex-direction:column;
  min-width:0;min-height:390px;padding:18px;text-align:left;overflow:hidden;
  border-radius:24px;background:var(--panel);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)}
.skupina-opt__foto{position:absolute;z-index:-2;inset:0;width:100%;height:60%;
  object-fit:cover;filter:saturate(.4);opacity:.85;
  transition:transform .7s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1)}
.skupina-opt__foto--plagat{object-position:center top}
.skupina-opt::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,11,12,.15) 0%,rgba(11,11,12,.05) 24%,rgba(11,11,12,.85) 49%,var(--panel) 65%)}
.skupina-opt__znacka{align-self:flex-start;padding:5px 10px;border-radius:var(--r-pill);
  background:rgba(11,11,12,.8);color:var(--heading);font-size:10px;font-weight:500;
  line-height:1.5;letter-spacing:.07em;text-transform:uppercase}
.skupina-opt__telo{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding-top:132px}
.skupina-opt__nazov{display:block;color:var(--heading);font-size:23px;font-weight:500;
  line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
.skupina-opt__popis{display:block;margin-top:13px;margin-bottom:25px;
  font-size:13px;line-height:1.6;color:#b5b8be}
.skupina-opt__cta{display:flex;align-items:center;justify-content:space-between;width:100%;
  margin-top:auto;gap:8px;color:var(--heading);font-size:12px;font-weight:500}
.skupina-opt__sip{display:grid;place-items:center;flex:none;width:32px;height:32px;
  border-radius:50%;background:var(--accent);
  transition:transform .45s cubic-bezier(.16,1,.3,1)}
.skupina-opt__sip svg{width:15px;height:15px;fill:none;stroke:var(--heading);stroke-width:1.8}
.skupina-opt--individual{box-shadow:inset 0 0 0 1px rgba(217,30,40,.55)}
.skupina-opt--individual .skupina-opt__znacka{background:var(--accent)}
.skupina-opt:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.skupina-opt:active{transform:scale(.98)}
@media(hover:hover){
  .skupina-opt:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px rgba(217,30,40,.75)}
  .skupina-opt:hover .skupina-opt__foto{transform:scale(1.06);filter:saturate(.85)}
  .skupina-opt:hover .skupina-opt__sip{transform:rotate(-35deg)}
}
@media(max-width:1150px){
  .skupina-pick{grid-template-columns:repeat(3,minmax(0,1fr))}
  .skupina-opt{min-height:360px;padding:22px}
  .skupina-opt__telo{padding-top:112px}
}
@media(max-width:700px){
  .skupina-pick{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .skupina-opt{padding:16px;min-height:350px;border-radius:20px}
  .skupina-opt__nazov{font-size:21px}
  .skupina-opt__telo{padding-top:96px}
  .skupina-opt--individual{grid-column:1/-1;min-height:270px}
  .skupina-opt--individual .skupina-opt__telo{padding-top:50px;max-width:75%}
  .skupina-opt--individual .skupina-opt__foto{left:auto;width:65%;height:100%;object-position:center 35%}
  .skupina-opt--individual .skupina-opt__foto--plagat{object-position:center top}
  .skupina-opt--individual::before{background:linear-gradient(90deg,var(--panel) 5%,rgba(11,11,12,.85) 45%,rgba(11,11,12,.35) 100%)}
}
@media(max-width:370px){
  .skupina-pick{grid-template-columns:1fr}
  .skupina-opt{min-height:330px;padding:22px}
}
@media(prefers-reduced-motion:reduce){
  .skupina-opt,.skupina-opt__foto,.skupina-opt__sip{transition:none}
}
#vyberSkupiny,#booking{scroll-margin-top:110px}

/* Curated competition gallery */
.gallery-intro{max-width:700px;margin-bottom:36px}
.gallery-intro .section-title{margin:12px 0 16px}
.gallery-grid--achievements .media{aspect-ratio:3/2;height:auto}
.gallery-grid--achievements .media__foto{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.gallery-grid--achievements .g-item:focus-visible{outline:2px solid var(--text);outline-offset:5px}
.gallery-social{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:36px;margin-top:44px;border-top:1px solid rgba(255,255,255,.12)}
.gallery-social h3{margin:0 0 10px}
.gallery-social p{margin:0;max-width:550px}
.gallery-social__links{display:flex;gap:12px;flex-shrink:0}
@media(max-width:700px){.gallery-social{align-items:flex-start;flex-direction:column;gap:24px}.gallery-social__links{flex-wrap:wrap}.gallery-intro{margin-bottom:26px}}

/* Competition captions stay beneath the image. */
.gallery-grid--achievements{align-items:start;row-gap:30px}
.gallery-grid--achievements .g-item{overflow:visible}
.gallery-grid--achievements .media{overflow:hidden}
.gallery-caption{padding:15px 4px 0;line-height:1.5}
.gallery-caption strong{display:block;color:var(--heading);font-size:15px;font-weight:500}
.gallery-caption span{display:block;margin-top:5px;color:var(--muted);font-size:13px}
@media(max-width:700px){.gallery-grid--achievements{row-gap:26px}.gallery-caption{padding-top:12px}}

/* Each schedule entry links to its training group. */
.den__blok[href]{grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:4px 10px;text-decoration:none;color:inherit}
.den__sipka{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#e8e9eb;color:#24262a;font-size:17px;line-height:1;justify-self:end;transition:transform var(--t-fast),background var(--t-fast),color var(--t-fast)}
.den__sipka svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.den__blok[href]:hover .den__sipka,.den__blok[href]:focus-visible .den__sipka{transform:rotate(45deg);background:var(--accent);color:#fff}
.den__blok[href]:focus-visible{outline:2px solid var(--heading);outline-offset:5px;border-radius:10px}
#deti,#hobby-zaciatocnici,#pokrocili-zapasnici,#wing-tsun{scroll-margin-top:110px}
@media(prefers-reduced-motion:reduce){.den__sipka{transition:none}.den__blok[href]:hover .den__sipka,.den__blok[href]:focus-visible .den__sipka{transform:none}}

.den__blok[href] .den__cas{grid-column:1;grid-row:1}
.den__blok[href] .den__co{grid-column:1;grid-row:2}
.den__blok[href] .den__sipka{grid-column:2;grid-row:1 / 3}

/* Weekend sessions form compact full-width rows on desktop. */
@media(min-width:761px){
 .den--vikend{grid-column:1 / -1;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:24px;padding:20px 24px}
 .den--vikend .den__nazov{padding:0;border-bottom:0}
 .den--vikend .den__blok[href] .den__co{grid-row:1}
 .den--vikend .den__blok[href] .den__sipka{grid-row:1}
}

/* ---------- Klubové akcie ---------- */
.akcie-mriezka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,1.4vw,22px);margin-top:clamp(24px,2.6vw,36px)}
.akcia-karta{display:flex;flex-direction:column;text-align:left;min-width:0;padding:0;
  cursor:pointer;font:inherit;overflow:hidden;border-radius:var(--r-lg);
  background:var(--surface);border:1px solid var(--divider);
  transition:border-color .2s ease,transform .2s ease}
.akcia-karta:hover{border-color:var(--accent);transform:translateY(-2px)}
.akcia-karta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.akcia-karta[aria-expanded="true"]{border-color:var(--accent)}
.akcia-karta__foto{display:block;overflow:hidden;aspect-ratio:4/3;background:var(--surface2)}
.akcia-karta__foto img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s cubic-bezier(.16,1,.3,1)}
.akcia-karta:hover .akcia-karta__foto img{transform:scale(1.05)}
.akcia-karta__telo{display:block;padding:16px 18px 20px}
.akcia-karta__datum{display:block;font-size:11.5px;font-weight:500;letter-spacing:.1em;
  text-transform:uppercase;color:var(--text)}
.akcia-karta__nazov{display:block;margin-top:5px;color:var(--heading);font-size:17px;
  font-weight:500;line-height:1.35;overflow-wrap:anywhere}

.akcia-detail{margin-top:clamp(18px,2vw,28px);padding:clamp(20px,2.4vw,32px);
  border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--divider)}
.akcia-detail__hlava{display:flex;align-items:flex-start;justify-content:space-between;
  gap:16px;margin-bottom:clamp(18px,2vw,26px)}
.akcia-detail__hlava h3{margin:0}
.akcia-detail__zavri{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;
  padding:0;cursor:pointer;border-radius:999px;background:transparent;
  border:1px solid var(--divider);color:var(--heading)}
.akcia-detail__zavri:hover{background:var(--accent);border-color:var(--accent)}
.akcia-detail__zavri svg{width:17px;height:17px;fill:none;stroke:currentColor;
  stroke-width:2;stroke-linecap:round}

.akcia-detail__pozn{margin:0 0 16px;font-size:13.5px;color:var(--text)}
.akcia-videa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(10px,1vw,14px)}
.akcia-video{display:flex;align-items:center;gap:14px;min-width:0;padding:16px 18px;
  border-radius:var(--r-md);text-decoration:none;background:var(--panel);
  border:1px solid var(--divider);
  transition:border-color .2s ease,background .2s ease,transform .2s ease}
.akcia-video:hover{border-color:var(--accent);background:var(--surface2);transform:translateY(-2px)}
.akcia-video__ic{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;
  border-radius:999px;background:var(--accent)}
.akcia-video__ic svg{width:17px;height:17px;fill:#fff;stroke:none}
.akcia-video__telo{min-width:0;flex:1}
.akcia-video__nazov{display:block;color:var(--heading);font-size:15px;font-weight:500;
  line-height:1.4;overflow-wrap:anywhere}
.akcia-video__zdroj{display:block;margin-top:3px;font-size:12.5px;color:var(--text)}
.akcia-video__sip{flex:0 0 auto}
.akcia-video__sip svg{width:17px;height:17px;fill:none;stroke:var(--text);stroke-width:1.8}
.akcia-video:hover .akcia-video__sip svg{stroke:var(--accent)}
@media (max-width:1180px){.akcie-mriezka{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .akcie-mriezka{grid-template-columns:1fr}
  .akcia-videa{grid-template-columns:1fr}
}

/* Akcia bez detailu sa netvári ako tlačidlo. */
.akcia-karta--staticka{cursor:default}
.akcia-karta--staticka:hover{border-color:var(--divider);transform:none}
.akcia-karta--staticka:hover .akcia-karta__foto img{transform:none}

/* ---------- Instagram pri tréningovej skupine ---------- */
.skupina-ig{display:flex;align-items:center;gap:8px;margin-top:14px}
.skupina-ig svg{flex:0 0 auto;width:16px;height:16px;fill:var(--text);stroke:none}
.skupina-ig a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--divider)}
.skupina-ig a:hover{color:var(--accent);border-bottom-color:var(--accent)}