/* Všetko pod 1200 px + mobilné menu. [F2-Responzivita]
   Pod 1200 px je html{font-size:16px} (tokens.css), takže 1rem = 1 px návrhu a nakreslené obrazovky majú
   pri mierke 1 rovnakú veľkosť ako v návrhu. Každé pravidlo je vnútri @media (max-width:1199.98px),
   nad 1200 px sa tento súbor neuplatní.

   Pásma:  tablet 720–1199 px (dva stĺpce v mozaike úvodu, v odvetviach a v ukážkach)
           mobil  < 720 px     (jeden stĺpec)
   Pomocné zlomy: < 944 px (užšie dlaždice v úvode), < 880 px (úzke okno backoffice, notebook, e-Obec),
           < 480 px (menej stĺpcov v kalendároch), < 380 px (najmenšie telefóny). */

/* =====================================================================
   SPOLOČNÉ: tablet aj mobil
   ===================================================================== */
@media (max-width:1199.98px){

  br.br-d{display:none}
  h1,h2,h3{text-wrap:balance}
  .sh p,.shc p,.h1t p,.cta p,.abt p,.pc p,.bn>p{text-wrap:pretty}
  .w{padding:0 1.5rem}
  .sec{padding-top:5rem}

  /* ---------- typografia sekcií ---------- */
  .sh{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem}
  .sh h2,.h2{font-size:clamp(3.25rem,7vw,4.75rem)}
  .sh p{max-width:34rem;padding-bottom:0}
  .kick{font-size:1rem}
  .demo{font-size:.875rem}

  /* ---------- navigácia ---------- */
  .nav{height:5rem;padding:0 1.5rem}
  .nav__links,.nav__cta{display:none}
  .nav__logo{position:relative;z-index:61}
  .nav__toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3125rem;
    width:3rem;height:3rem;margin-left:auto;border-radius:.875rem;background:var(--ink);color:var(--cr);position:relative;z-index:61}
  .nav__toggle span{display:block;width:1.25rem;height:.125rem;border-radius:.125rem;background:currentColor}
  .nav__toggle[aria-expanded="true"]{background:var(--cr);color:var(--ink);--focus:var(--lime)}
  .nav__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(.4375rem) rotate(45deg)}
  .nav__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-.4375rem) rotate(-45deg)}
  /* otvorené menu: logo a krížik ostanú v hornej lište aj keď je stránka odscrollovaná */
  html.menu-open .nav__logo,.nav:has(#menu:not([hidden])) .nav__logo{position:fixed;left:1.5rem;top:1.09375rem;color:var(--cr)}
  html.menu-open .nav__toggle,.nav:has(#menu:not([hidden])) .nav__toggle{position:fixed;right:1.5rem;top:1rem}

  /* ---------- mobilné menu (celoobrazovkový panel) ---------- */
  /* ui.css drží pri otvorenom menu miesto po posuvníku (scrollbar-gutter); nech je aj ono tmavé */
  html.menu-open{background:var(--ink)}
  .menu{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;padding:6.5rem 1.5rem 1.5rem;
    overflow-y:auto;overscroll-behavior:contain;color:var(--cr);--focus:var(--lime);
    background:
      radial-gradient(circle at 0% 100%,transparent 0 8.5rem,rgba(255,106,43,.16) 8.5rem 14rem,transparent 14rem),
      var(--ink)}
  .menu__links{display:flex;flex-direction:column;margin:auto 0}
  .menu__links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem;padding:.5rem 0;
    border-bottom:1px solid rgba(255,246,236,.12);font:800 clamp(2.25rem,9vw,3.75rem)/1.05 var(--f-display);letter-spacing:-.04em}
  .menu__links a:first-child{border-top:1px solid rgba(255,246,236,.12)}
  .menu__links a::after{content:"";flex:none;width:.875rem;height:.875rem;border-radius:50%;background:var(--c,var(--or))}
  .menu__links a:nth-child(2){--c:var(--lime)}
  .menu__links a:nth-child(3){--c:#5367ff}
  .menu__links a:nth-child(4){--c:var(--pk)}
  .menu__links a:nth-child(5){--c:var(--mi)}
  .menu__cta{display:flex;align-items:center;justify-content:center;min-height:3.75rem;margin-top:2rem;padding:1rem 1.5rem;
    border-radius:1.125rem;background:var(--og);color:#fff;font:600 1.1875rem var(--f-body);box-shadow:0 1rem 2.125rem rgba(255,90,31,.25);--focus:#fff}

  /* ---------- úvod: mozaika ---------- */
  .hero{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
  .hero>.t{grid-column:auto;grid-row:auto}
  .hero>.h1t,.hero>.h2t,.hero>.h5t{grid-column:1/-1}
  .h1t{padding:2.75rem 2.5rem 2.5rem}
  .h1t h1{font-size:min(5.25rem,10.2vw)}
  .h1t .b{flex-wrap:wrap}
  .h1t .pts{position:relative;left:auto;right:auto;bottom:auto;margin-top:2.25rem}
  .h1t .pts li{font-size:1rem}
  .h1t .pts b{white-space:normal;font-size:1rem}
  .h2t{height:18.75rem}
  .h3t,.h4t{min-height:17.75rem}
  /* ilustrácia faktúry v limetkovej dlaždici sa drží pravého okraja */
  .h4t{--dx:calc(100% - 11.5rem)}
  .h4t .doc{left:calc(1.625rem + var(--dx))}
  .h4t .scan{left:calc(1.125rem + var(--dx))}
  .h4t .ok{left:calc(7.75rem + var(--dx))}
  .h4t span{right:1.625rem}
  .ths{font-size:1rem}
  .h6t{min-height:15.625rem}
  .h7t{display:flex;flex-direction:column;min-height:15.625rem;padding:1.875rem 1.75rem 1.75rem}
  .h7t>h3{max-width:none;padding-right:.5rem}
  .stp3{position:relative;left:auto;right:auto;top:auto;margin-top:1.375rem;gap:.3125rem}
  .stp3 span{gap:.375rem;padding:.25rem .6875rem .25rem .25rem;font-size:.9375rem}
  .stp3 span i{width:1.375rem;height:1.375rem;font-size:.75rem}
  .h7t>span{position:relative;left:auto;bottom:auto;margin-top:auto;padding-top:1.5rem}

  /* ---------- riešenia (odvetvia) ---------- */
  .ind{grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:31rem 15rem 25rem 15rem 31rem 15rem 15rem 15rem;
    grid-template-areas:"sv sv" "kl el" "sa sa" "vo st" "ga ga" "ob sk" "zd ub" "do do"}
  .it .kws{font-size:.875rem}
  .big .kw2{flex-wrap:wrap;font-size:1rem}
  .sa .card{left:auto;right:3.5rem;top:2.75rem}
  .sv .card{left:max(6rem,calc(50% - 10rem))}
  .sv .chipf{right:auto;left:calc(max(6rem,calc(50% - 10rem)) + 12.125rem)}
  .sa{min-height:0}

  /* ---------- postup ---------- */
  .proc{padding:3rem 2rem 2rem}
  .proc .top{margin-bottom:2.25rem;gap:1.5rem}
  .proc__arrow{width:8.5rem;height:auto;flex:none}
  .pc{grid-template-columns:1fr;gap:1rem}
  .pc p{font-size:1.0625rem}

  /* ---------- automatizácia ---------- */
  .au{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
  .aub{grid-column:1/-1;grid-row:auto;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem 1.5rem 1.5rem}
  .au>.bn{grid-column:auto;grid-row:auto}
  .au>.bn.r3{grid-column:1/-1}
  .tabs{flex-wrap:wrap;row-gap:.5rem}
  .tabs>button{min-height:2.75rem;font-size:1rem}
  .win{position:relative;left:auto;right:auto;top:auto;bottom:auto}
  .wb{height:auto}
  .flow{position:relative;left:auto;right:auto;bottom:auto;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .flow span{min-height:3.5rem;padding:.625rem .875rem;font-size:1rem}
  .flow b{display:none}
  .bn{display:flex;flex-direction:column;min-height:15.25rem}
  .bn>p{font-size:1rem;max-width:30rem}
  .bn .mini{position:relative;left:auto;right:auto;bottom:auto;margin-top:auto}
  .bn h3+p{margin-bottom:1.25rem}
  .em .msg b{white-space:normal}
  .note2{font-size:1rem;align-items:flex-start}
  .note2 i{flex:none}

  /* ---------- ukážky ---------- */
  .shc{margin-bottom:2rem}
  .shc .h2{max-width:none}
  .sc{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
  .sc>.t{grid-column:auto;grid-row:auto}
  .sc>.sA,.sc>.sD{grid-column:1/-1}
  .sA,.sD{height:45rem}
  .cat{font-size:.875rem}
  .sc p.d{font-size:1.125rem}
  .try{min-height:3rem}
  /* úzka kompozícia sB a sC: hlavička tečie, zariadenia sú ukotvené k spodku dlaždice */
  .sc>.sB,.sc>.sC{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;column-gap:.5rem;padding:2rem 1.75rem 0}
  /* kategória a štítok „Ukážkové údaje“ vždy pod sebou s rovnakým ľavým okrajom (zlom riadka = ::after) */
  .sB>.cat,.sC>.cat{order:1}
  .sc>.sB::after,.sc>.sC::after{content:"";order:2;flex:0 0 100%;height:.5rem}
  .sB>.demo,.sC>.demo{position:static;order:3;margin-left:0}
  .sB>h3,.sC>h3,.sB>p.d,.sC>p.d{order:4;flex:0 0 100%}
  .sB>.try,.sC>.try{order:5}
  .sc>.sB{padding-bottom:28.5rem}
  .sB .tab{left:1.5rem;top:auto;bottom:-3.25rem;width:21.5rem}
  .sB .ph{left:auto;top:auto;right:-.25rem;bottom:-9.5rem}
  .sc>.sC{padding-bottom:33rem}
  .sC .ph{left:50%;top:auto;bottom:-5.5rem;margin-left:-6rem}
  .sC .fc{left:1.25rem;top:auto;bottom:26.5rem}

  /* ---------- kto za tým stojí ---------- */
  .ab{grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:none}
  .abm,.abt{grid-column:auto}
  .abm{min-height:22rem}
  .abm .rg,.abm .mono{scale:.8}
  .abt{padding:2.5rem 2.25rem}
  .abt h2{font-size:clamp(2.5rem,5.4vw,3.75rem)}
  .abt p{font-size:1.125rem}
  .svc{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr;margin-top:1.75rem;gap:.5rem}
  .svc li{font-size:1rem}

  /* ---------- záverečná výzva ---------- */
  .cta{height:auto;padding:3.5rem 3rem 3rem}
  .cta h2{font-size:clamp(3.25rem,8.4vw,5.5rem);max-width:44rem}
  .cta p{font-size:1.25rem}
  .fan{position:relative;right:auto;top:auto;margin:2.5rem auto 0}
  .cta .row{position:relative;left:auto;bottom:auto;flex-wrap:wrap;margin-top:2.5rem}

  /* ---------- pätička ---------- */
  .footer{margin:1rem 1.5rem 1.5rem;padding:3rem 2.5rem 1.75rem}
  .ft{grid-template-columns:1fr 1fr;gap:2.5rem 2rem}
  .ft>div:first-child{grid-column:1/-1}
  .ft .lg{font-size:6rem}
  .ft ul a{display:inline-flex;align-items:center;min-height:2.75rem}
  .ft ul{line-height:1.6}
  .ft .ml{min-height:2.75rem}
  .fb{flex-wrap:wrap;gap:1rem;align-items:center;margin-top:2.5rem;font-size:1rem}
  .ft h2{font-size:.875rem}
  .fb a{display:inline-block;padding:.8125rem 0}
  .nav__logo{padding:.4375rem 0}
}

/* =====================================================================
   TABLET 720–1199 px
   ===================================================================== */
@media (min-width:720px) and (max-width:1199.98px){
  /* postup: ilustrácia vľavo, text vpravo */
  .pc>article{display:grid;grid-template-columns:minmax(0,22.5625rem) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;
    align-content:center;column-gap:1.75rem;padding:1.125rem}
  .pc .vis{grid-row:1/6;grid-column:1;margin:0}
  .pc .num{grid-row:2;grid-column:2}
  .pc h3{grid-row:3;grid-column:2}
  .pc p{grid-row:4;grid-column:2}
  .pc h3{font-size:1.875rem;margin:.875rem 0 .5rem}
  .pc p{margin:0}

  /* automatizácia na šírku: tri bloky prínosov pod sebou vedľa seba */
  .h1t .pts{grid-template-columns:repeat(3,minmax(0,1fr))}

  /* ukážky: zarovnanie hlavičky sB/sC */
  .cta .row{gap:1.375rem}
}

/* širší tablet: záverečná výzva v dvoch stĺpcoch, kroky automatizácie v rade */
@media (min-width:960px) and (max-width:1199.98px){
  .cta{display:grid;grid-template-columns:minmax(0,1fr) 26.25rem;column-gap:2rem;align-items:start}
  .cta>h2,.cta>p,.cta>.row{grid-column:1}
  .cta>.fan{grid-column:2;grid-row:1/4;margin:0}
  .cta h2{font-size:clamp(3.5rem,5.6vw,4.25rem)}
  .flow{display:flex}
  .flow span{white-space:nowrap}
  .flow b{display:block}
  /* odvetvia: tri stĺpce, veľké dlaždice 2 × 2 striedavo vľavo a vpravo */
  .ind{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(7,15rem);
    grid-template-areas:"sv sv kl" "sv sv el" "vo sa sa" "st sa sa" "ga ga ob" "ga ga sk" "zd ub do"}
  .sa .card{left:calc(50% - 9.9375rem);right:auto;top:9.375rem}
  .ga .tick{left:1.25rem;width:17.5rem}
  .ga .gmenu{width:16.75rem;right:1.5rem}
  /* kto za tým stojí: služby v dvoch radoch, aby textová dlaždica nebola o veľa vyššia než kruh */
  .svc{grid-template-columns:1fr 1fr}
  .svc .s3{grid-column:1/-1}
  .abm .rg,.abm .mono{scale:1.04}
}
/* užší tablet: kto za tým stojí pod sebou, tmavá dlaždica ako široký pás s kruhom na celú výšku */
@media (min-width:720px) and (max-width:959.98px){
  .ab{grid-template-columns:minmax(0,1fr)}
  .abm{min-height:23.5rem}
  .abm .rg,.abm .mono{scale:1}
  .svc{grid-template-columns:repeat(3,minmax(0,1fr))}
  /* gastro: nižšia dlaždica, lístok vyššie */
  .ind{grid-template-rows:31rem 15rem 25rem 15rem 27rem 15rem 15rem 15rem}
  .ga .tick{top:12.5rem}
}
/* tablet: tmavý panel menu v gastre má prirodzenú výšku a presahuje spodný okraj dlaždice ako v návrhu,
   takže pod štatistikami neostáva prázdna tmavá plocha */
@media (min-width:720px) and (max-width:1199.98px){
  .ga .gmenu{top:auto;bottom:-1.25rem}
}
@media (min-width:880px) and (max-width:1199.98px){
  .sD .brw{left:max(2.75rem,calc(50% - 23.125rem))}
}

/* užší tablet a mobil: telefón v úvode a e-Obec / notebook v ukážkach v užšej kompozícii */
@media (max-width:943.98px){
  .h6t{min-height:21rem}
  .h6t>h3{position:relative;right:auto;top:auto;width:auto;text-align:left;padding:1.75rem 1.75rem 0}
  .h6t .ph{left:1.5rem;top:5.75rem}
  .h6t .toast{right:.875rem;bottom:1.125rem}
}
@media (max-width:879.98px){
  /* notebook bez bočného panela, aby detail zákazky ostal čitateľný */
  .sA .lap{left:2.625rem;right:2.625rem;width:auto}
  .fs{grid-template-columns:14.75rem minmax(0,1fr)}
  .fs .sd{display:none}
  .sD .brw{left:1.75rem;right:1.75rem;width:auto}
  .sB .wk{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sB .wk>div:nth-child(5){display:none}
  .sB .tab{width:min(23.25rem,calc(100% - 3rem))}
  /* backoffice: zoznam dokladov nad faktúrou */
  .wb{grid-template-columns:minmax(0,1fr) 15.5rem;grid-template-areas:"lst lst" "pv pnl"}
  .lst{grid-area:lst;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .lst .drop{grid-column:1/-1;margin-top:0}
  .pv{grid-area:pv}
  .pnl{grid-area:pnl}
}

/* =====================================================================
   MOBIL < 720 px
   ===================================================================== */
@media (max-width:719.98px){
  .w{padding:0 1rem}
  .nav{height:4.5rem;padding:0 1rem}
  html.menu-open .nav__logo,.nav:has(#menu:not([hidden])) .nav__logo{left:1rem;top:.84375rem}
  html.menu-open .nav__toggle,.nav:has(#menu:not([hidden])) .nav__toggle{right:1rem;top:.75rem}
  .menu{padding:5.5rem 1rem 1rem}
  .g{gap:.75rem}
  .sec{padding-top:4rem}
  .sh h2,.h2{font-size:clamp(2.25rem,11.5vw,3.5rem)}
  .sh{margin-bottom:1.5rem}
  .sh p{font-size:1.125rem}

  /* úvod */
  .hero{grid-template-columns:minmax(0,1fr)}
  .h1t{padding:2rem 1.5rem 1.5rem}
  .h1t h1{font-size:clamp(2.5rem,11.6vw,3.75rem);line-height:.98}
  .h1t p{font-size:1.125rem;margin-top:1.125rem}
  .h1t .b{flex-direction:column;align-items:stretch;gap:.625rem;margin-top:1.5rem}
  .h1t .b>*{justify-content:center}
  .h1t .pts{grid-template-columns:1fr;gap:.5rem;margin-top:1.75rem}
  .h1t .pts li{position:relative;padding:.875rem 1rem .9375rem 4rem}
  .h1t .pts svg{position:absolute;left:.9375rem;top:.875rem;margin:0}
  .h1t .ring{right:-11rem;bottom:-9rem}
  .h2t{height:17rem}
  .h2t .ui{grid-template-columns:minmax(0,1fr)}
  .h2t .ui-side{display:none}
  .h2t .ui-ev{left:.25rem;right:.25rem;padding:.375rem .4375rem}
  .h3t{min-height:16.5rem}
  .h4t{min-height:15rem}
  .ths{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem .625rem}
  .th{height:5.5rem}
  .h5t{padding:1.5rem}

  /* odvetvia: jeden stĺpec, veľké dlaždice s kartou v toku */
  .ind{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:none;grid-auto-rows:auto}
  .ind>.t{grid-area:auto}
  .ind>.it{min-height:15rem}
  .ind .big{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem 1.25rem 1.75rem}
  .big h3{font-size:2.5rem}
  .ind .big .card{position:relative;left:auto;right:auto;top:auto;width:100%}
  .sv .chipf{position:relative;left:auto;right:auto;top:auto;align-self:flex-end;margin:1.5rem .375rem -.25rem 0}
  .sv .card{left:auto}
  .sv .card{padding:1.125rem 1.125rem}
  .steps{gap:.25rem}
  .sa .card{margin-top:1.75rem;max-width:19.875rem;align-self:center}
  .ga .tick{position:relative;left:auto;top:auto;margin-top:1.75rem;max-width:18.75rem}
  .ga .gmenu{position:relative;right:auto;top:auto;bottom:auto;width:100%;margin:1.75rem 0 -3rem}
  /* široké dlaždice a obchody: vyššia dlaždica, ilustrácia nad kartičkou (kartička ju prekrýva len na okraji) */
  .ind>.ob,.ind>.zd,.ind>.ub,.ind>.do{min-height:17.5rem}
  .ind>.ob .ic,.ind>.zd .ic,.ind>.ub .ic,.ind>.do .ic{bottom:5rem}
  .it.wide .kws{max-width:11.25rem}

  /* postup */
  .proc{padding:2.5rem .75rem .75rem;border-radius:1.75rem}
  .proc .top{padding:0 .75rem;margin-bottom:1.75rem}
  .proc__arrow{display:none}
  .pc{gap:.75rem}
  .pc>article{padding:.75rem .75rem 1rem;border-radius:1.375rem}
  .pc .vis{--z:.88;zoom:var(--z);width:22.5625rem;margin:0 auto 1.25rem}
  .pc .num{margin:0 .375rem}
  .pc h3{font-size:1.875rem}

  /* automatizácia */
  .au{grid-template-columns:minmax(0,1fr)}
  .au>.bn.r3{grid-column:auto}
  .aub{padding:1.25rem 1rem 1rem;gap:1rem;border-radius:1.5rem}
  .win{border-radius:1rem}
  .wb{grid-template-columns:minmax(0,1fr);grid-template-areas:none;padding:0 .75rem .75rem;gap:.75rem}
  .lst,.pv,.pnl{grid-area:auto}
  .lst{display:flex}
  .lst .li2:not(.on),.lst .drop{display:none}
  .pv .meta{flex-wrap:wrap;gap:.375rem}
  .crumb{flex-wrap:wrap;row-gap:.375rem}
  .crumb span,.crumb b{white-space:nowrap}
  .fs .ac{flex-wrap:wrap}
  .fs .ac span{white-space:nowrap}
  .paper{padding:1rem .875rem}
  .flow{grid-template-columns:minmax(0,1fr);gap:.375rem}
  .flow span{min-height:3rem}
  .bn{padding:1.5rem 1.25rem 1.25rem}

  /* ukážky: jeden stĺpec, zariadenia v toku dlaždice */
  .shc p{font-size:1.125rem}
  .sc{grid-template-columns:minmax(0,1fr)}
  .sc>.t{grid-column:auto}
  .sc>.t{padding-top:1.75rem;padding-left:1.25rem;padding-right:1.25rem;border-radius:1.5rem}
  .sc>.sA,.sc>.sD{padding-bottom:0}
  .sc h3{font-size:2.5rem}
  .sA,.sD{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;column-gap:.5rem;height:auto}
  .sA>.cat,.sD>.cat{order:1}
  .sc>.sA::after,.sc>.sD::after{content:"";order:2;flex:0 0 100%;height:0}
  .sc>.sB::after,.sc>.sC::after{height:0}
  .sA>.demo,.sD>.demo{position:static;order:3;margin-left:0}
  .sA>h3,.sD>h3,.sA>.hd,.sD>p.d{order:4;flex:0 0 100%}
  .sA>.try,.sD>.try{order:5}
  .sA>.flo,.sA>.lap,.sD>.brw{order:6}
  .sc .demo{margin-bottom:.5rem}
  .sc .cat{margin-bottom:.5rem}
  .sA .hd{flex-direction:column;align-items:flex-start}
  .sA .hd .try{margin-top:1.375rem}
  .sA .flo{position:relative;right:auto;top:auto;margin:1.75rem .375rem -1rem auto}
  .sA .lap{position:relative;left:auto;right:auto;top:auto;flex:0 0 100%;width:auto;margin:0 .875rem}
  .lap .s{height:auto}
  .lap .bs{margin:0 -.875rem}
  .fs{grid-template-columns:minmax(0,1fr)}
  .fs .ls{display:none}
  .fs .inf{grid-template-columns:1fr 1fr}
  .fs .inf div:last-child{grid-column:1/-1}
  .fs th,.fs td{padding-left:.5rem;padding-right:.5rem}
  .fs td:last-child{white-space:nowrap}
  .sD .brw{position:relative;left:auto;right:auto;top:auto;flex:0 0 100%;width:auto;height:auto;margin:2rem 0 -1.5rem;padding-bottom:1.5rem}
  .eo-h{flex-wrap:wrap;row-gap:.625rem}
  .eo-h .eonav{margin-left:0;flex:0 0 100%}
  .eo-b{grid-template-columns:minmax(0,1fr)}
  .sB .tab{left:.75rem;bottom:-3.5rem;width:min(21.25rem,calc(100% - 1.5rem))}

  /* kto za tým stojí */
  .ab{grid-template-columns:minmax(0,1fr)}
  .abm{min-height:21.5rem}
  .abm .rg,.abm .mono{scale:.94}
  .abt{padding:2rem 1.5rem 1.5rem}
  .abt h2{font-size:clamp(2.25rem,11vw,3rem)}
  .abt p{font-size:1.0625rem}

  /* záverečná výzva */
  .cta{padding:2.5rem 1.5rem 2rem;border-radius:1.5rem}
  .cta h2{font-size:clamp(2.5rem,12vw,3.5rem)}
  .cta p{font-size:1.125rem;margin-top:1.125rem}
  .fan{width:100%;max-width:21rem;height:21.5rem;margin-top:2rem}
  .fan .f1{left:0;top:.75rem}
  .fan .f2{left:auto;right:0;top:7.25rem}
  .fan .f3{left:.25rem;top:14.25rem}
  .cta .row{flex-direction:column;align-items:stretch;gap:1.25rem;margin-top:2rem}
  .cta .row .btn{justify-content:center}

  /* pätička */
  .footer{margin:.75rem 1rem 1rem;padding:2.5rem 1.5rem 1.25rem;border-radius:1.75rem}
  .ft{grid-template-columns:minmax(0,1fr);gap:2rem}
  .ft .lg{font-size:clamp(3.75rem,18vw,5.5rem)}
  .ft .tg{font-size:1.0625rem}
}

/* menej stĺpcov kalendára na najužších telefónoch */
@media (max-width:479.98px){
  .h2t .ui-cal{grid-template-columns:repeat(4,minmax(0,1fr))}
  .h2t .ui-col:nth-child(5){display:none}


}
@media (max-width:379.98px){
  .w{padding:0 .75rem}
  .pc .vis{--z:.8}
  .cta h2{font-size:2.25rem}
  .h7t{padding-left:1.25rem;padding-right:1.25rem}
  .stp3 span{font-size:.875rem;padding-right:.5rem}
  .abm .rg,.abm .mono{scale:.82}
  .footer{margin-left:.75rem;margin-right:.75rem}
  .fan{height:23.5rem}
  .fan .f2{top:9rem}
  .fan .f3{top:16.25rem}
  .sA .lap{margin:0 .5rem}
  .lap .bs{margin:0 -.5rem}
  .fs .dt{padding:.875rem .75rem}
  .fs th,.fs td{padding-left:.375rem;padding-right:.375rem}
}
@media (max-width:339.98px){
  .pc .vis{--z:.68}
}