/* ============================================================
   ABADOS REKLAMA — spolocny styl podstranok
   Farebne premenne su zhodne s index.html, aby sa firemna zelena
   menila na jednom mieste.
   ============================================================ */

:root{
  --zelena:        #6FB22C;   /* dekoracia a pozadia — nie text na svetlom */
  --zelena-tmava:  #4E8A16;   /* okraje, hranice tlacidiel */
  --zelena-text:   #4D7B1E;   /* zeleny text na svetlom pozadi (kontrast 5.0) */
  --zelena-svetla: #8FCB4E;   /* len na tmavom pozadi */

  --antracit: #22282C;
  --antracit-2:#2C3438;
  --siva:     #667075;   /* stmavene kvoli kontrastu na papieri */
  --siva-lin: #DDE1DC;
  --papier:   #F1F3EF;
  --biela:    #FFFFFF;

  --sirka: 1220px;
  --r: 4px;
  --header-h: 78px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:calc(var(--header-h) + 12px)}
body{
  margin:0;
  font-family:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:17px; line-height:1.65; color:var(--antracit); background:var(--biela);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif; font-weight:700; line-height:1.05; margin:0}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
.wrap{width:100%; max-width:var(--sirka); margin-inline:auto; padding-inline:22px}
:focus-visible{outline:3px solid var(--zelena); outline-offset:3px; border-radius:2px}

.btn{
  display:inline-flex; align-items:center; gap:.55em;
  font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif; font-weight:700;
  font-size:19px; letter-spacing:.06em; text-transform:uppercase;
  padding:14px 26px; border-radius:var(--r); text-decoration:none;
  border:2px solid transparent; transition:background .18s, color .18s, border-color .18s;
}
.btn-zelene{background:var(--zelena); color:var(--antracit); border-color:var(--zelena-text)}
.btn-zelene:hover{background:var(--zelena-tmava); color:#fff; border-color:var(--zelena-text)}
.btn-biele{background:transparent; color:#fff; border-color:rgba(255,255,255,.75)}
.btn-biele:hover{background:#fff; color:var(--antracit); border-color:#fff}
.btn-tmave{background:var(--antracit); color:#fff; border-color:var(--antracit)}
.btn-tmave:hover{background:var(--zelena); border-color:var(--zelena)}

/* ---------- horna lista ---------- */
.topbar{background:var(--antracit); color:#B9C2C6; font-size:14.5px}
.topbar .wrap{display:flex; align-items:center; gap:26px; min-height:40px; flex-wrap:wrap}
.topbar a{color:#D7DEE1; text-decoration:none}
.topbar a:hover{color:var(--zelena-svetla)}
.topbar .oddel{margin-left:auto; display:flex; gap:14px; align-items:center}
.top-ikona{width:17px; height:17px; fill:currentColor; flex:none}
.top-pol{display:inline-flex; align-items:center; gap:8px}
.top-hodiny{opacity:.75}
.soc{display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,.09)}
.soc:hover{background:var(--zelena)}
.soc svg{width:15px; height:15px; fill:#fff}

/* ---------- hlavicka ---------- */
.hlavicka{position:sticky; top:0; z-index:60; background:#fff; border-bottom:1px solid var(--siva-lin)}
.hlavicka .wrap{display:flex; align-items:center; gap:20px; min-height:var(--header-h)}
.logo{display:flex; align-items:center; text-decoration:none; flex:none}
.logo img{height:46px; width:auto}
.logo .fallback{font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif; font-weight:700; font-size:30px; color:var(--antracit)}
.logo .fallback b{color:var(--zelena)}

nav.hlavne{margin-left:auto}
nav.hlavne > ul{display:flex; align-items:center; gap:2px; list-style:none; margin:0; padding:0}
nav.hlavne > ul > li{position:relative}
nav.hlavne > ul > li > a{
  display:flex; align-items:center; gap:6px;
  font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif; font-weight:600;
  font-size:18.5px; letter-spacing:.05em; text-transform:uppercase;
  text-decoration:none; color:var(--antracit); padding:10px 13px;
  border-radius:var(--r); border-bottom:3px solid transparent;
}
nav.hlavne > ul > li > a:hover,
nav.hlavne > ul > li:focus-within > a{color:var(--zelena-tmava); border-bottom-color:var(--zelena)}
nav.hlavne > ul > li > a.aktivny{color:var(--zelena-tmava); border-bottom-color:var(--zelena)}
nav.hlavne .sipka{width:9px; height:9px; fill:currentColor; opacity:.55; transition:transform .18s}
nav.hlavne > ul > li:hover .sipka{transform:rotate(180deg)}

.podmenu{
  position:absolute; top:100%; left:0; min-width:270px; background:#fff;
  border:1px solid var(--siva-lin); border-top:3px solid var(--zelena);
  border-radius:0 0 var(--r) var(--r); box-shadow:0 18px 40px -14px rgba(34,40,44,.28);
  list-style:none; margin:0; padding:8px 0;
  opacity:0; visibility:hidden; transform:translateY(6px);
  transition:opacity .16s, transform .16s, visibility .16s;
}
.podmenu.vpravo{left:auto; right:0}
nav.hlavne li:hover > .podmenu, nav.hlavne li:focus-within > .podmenu{opacity:1; visibility:visible; transform:none}
.podmenu a{display:block; padding:8px 20px; font-size:15.5px; line-height:1.35; text-decoration:none; color:var(--antracit-2); border-left:3px solid transparent}
.podmenu a:hover{background:var(--papier); border-left-color:var(--zelena); color:var(--zelena-text)}
.podmenu.dvojstlp{min-width:520px; columns:2; column-gap:0; padding:10px 0}
.podmenu.dvojstlp li{break-inside:avoid}

.hamburger{display:none; margin-left:auto; width:48px; height:44px; border:1px solid var(--siva-lin); background:#fff; border-radius:var(--r); cursor:pointer; padding:0; align-items:center; justify-content:center}
.hamburger span{display:block; width:22px; height:2px; background:var(--antracit); position:relative}
.hamburger span::before,.hamburger span::after{content:''; position:absolute; left:0; width:22px; height:2px; background:var(--antracit)}
.hamburger span::before{top:-7px} .hamburger span::after{top:7px}

.mobil{display:none; position:fixed; inset:0; z-index:90; background:#fff; overflow-y:auto; padding:0 0 40px}
.mobil.otvorene{display:block}
.mobil-top{display:flex; align-items:center; justify-content:space-between; padding:16px 22px; border-bottom:1px solid var(--siva-lin); position:sticky; top:0; background:#fff}
.mobil-nadpis{font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif; font-size:22px; letter-spacing:.08em}
.mobil-zavri{background:none; border:0; font-size:34px; line-height:1; cursor:pointer; color:var(--antracit); padding:0 6px}
.mobil ul{list-style:none; margin:0; padding:0}
.mobil > ul > li{border-bottom:1px solid var(--siva-lin)}
.mobil .polozka{display:flex; align-items:stretch}
.mobil .polozka > a{flex:1; padding:15px 22px; text-decoration:none; font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif; font-weight:600; font-size:20px; letter-spacing:.05em; text-transform:uppercase; color:var(--antracit)}
.mobil .prepni{width:58px; border:0; border-left:1px solid var(--siva-lin); background:var(--papier); cursor:pointer; font-size:22px; color:var(--siva)}
.mobil .podmenu-m{display:none; padding:4px 0 12px; background:var(--papier)}
.mobil .podmenu-m.otvorene{display:block}
.mobil .podmenu-m a{display:block; padding:9px 34px; text-decoration:none; font-size:16px; color:var(--antracit-2)}
.mobil-kontakt{padding:22px; display:grid; gap:10px}

/* ---------- pristupnost ---------- */
/* Preskocenie na obsah — prvy prvok v poradi tabulatora.
   Bez neho musi pouzivatel klavesnice prejst 30 poloziek menu na kazdej stranke. */
.preskoc{
  position:absolute; left:-9999px; top:0; z-index:200;
  background:var(--antracit); color:#fff; padding:14px 22px;
  font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif; font-weight:600;
  font-size:18px; letter-spacing:.05em; text-transform:uppercase;
  text-decoration:none; border-radius:0 0 var(--r) 0;
}
.preskoc:focus{left:0}
/* Zatvorenie podmenu klavesou Escape prebije :focus-within */
nav.hlavne > ul > li.zavrete > .podmenu{opacity:0; visibility:hidden}
/* Len pre citacky obrazovky */
.len-citacka{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/* ---------- drobky ---------- */
.drobky{border-bottom:1px solid var(--siva-lin); background:#FBFCFA; font-size:14.5px; color:var(--siva)}
.drobky .wrap{display:flex; align-items:center; gap:9px; flex-wrap:wrap; padding-block:12px}
.drobky a{text-decoration:none; color:var(--siva)}
.drobky a:hover{color:var(--zelena-text)}
.drobky strong{color:var(--antracit); font-weight:600}
.drobky span{opacity:.5}

/* ---------- sekcie ---------- */
section{padding-block:72px}
.papier{background:var(--papier)}
.lin{display:block; width:56px; height:5px; background:var(--zelena); margin-bottom:18px}
.sekcia-hlava{max-width:760px; margin-bottom:38px}
.sekcia-hlava h2{font-size:clamp(30px,4.2vw,46px); text-transform:uppercase}
.sekcia-hlava p{margin-top:12px; color:var(--siva); font-size:17px}
.mensi-nadpis{font-size:24px; text-transform:uppercase; margin-bottom:16px}

.uvod-str{padding-block:62px 56px}
.uvod-mriezka{display:grid; grid-template-columns:1.15fr .85fr; gap:62px; align-items:start}
.uvod-mriezka.jednostlpec{grid-template-columns:1fr; max-width:820px}
.uvod-str h1{font-size:clamp(36px,5.4vw,60px); text-transform:uppercase}
.uvod-str .podnadpis{margin-top:12px; font-size:21px; color:var(--zelena-text); font-weight:500}
.uvod-str .popis{margin-top:14px; font-size:16.8px; color:#3A4247; max-width:66ch; line-height:1.7}
.uvod-str .popis.uvodny{margin-top:18px; font-size:18.5px; color:var(--antracit)}
.uvod-str .popis strong{color:var(--antracit)}
.uvod-str .akcie{display:flex; flex-wrap:wrap; gap:12px; margin-top:28px}
.uvod-body{border-left:3px solid var(--zelena); padding-left:26px}

.zoznam-bodov{list-style:none; margin:0; padding:0; display:grid; gap:12px}
.zoznam-bodov li{display:flex; gap:12px; align-items:flex-start; font-size:16.5px}
.zoznam-bodov svg{width:20px; height:20px; fill:var(--zelena); flex:none; margin-top:3px}

/* ---------- galeria ---------- */
.galeria-sekcia{padding-block:72px}
.galeria{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px}
.galeria-nacitava,.galeria-prazdna{
  grid-column:1/-1; border:2px dashed var(--siva-lin); border-radius:var(--r);
  padding:46px 28px; text-align:center; color:var(--siva); background:#fff;
}
.galeria-prazdna b{display:block; font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif; font-size:24px; color:var(--antracit); margin-bottom:8px}
.galeria-prazdna code{background:var(--papier); padding:2px 7px; border-radius:3px; font-size:14.5px; color:var(--zelena-text)}

.foto{
  position:relative; display:block; padding:0; border:1px solid var(--siva-lin);
  background:#fff; border-radius:var(--r); overflow:hidden; cursor:zoom-in;
  aspect-ratio:4/3; width:100%;
}
.foto img{width:100%; height:100%; object-fit:cover; transition:transform .3s}
.foto:hover img{transform:scale(1.04)}
.foto .titulok{
  position:absolute; left:0; right:0; bottom:0; padding:22px 14px 11px;
  background:linear-gradient(transparent, rgba(34,40,44,.86));
  color:#fff; font-size:14.5px; text-align:left; line-height:1.3;
  opacity:0; transition:opacity .22s;
}
.foto:hover .titulok, .foto:focus-visible .titulok{opacity:1}

.lightbox{
  display:none; position:fixed; inset:0; z-index:120; background:rgba(20,24,27,.95);
  align-items:center; justify-content:center; padding:60px 20px;
}
.lightbox.otvoreny{display:flex}
.lightbox img{max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; border-radius:var(--r)}
.lb-zavri{position:absolute; top:16px; right:20px; background:none; border:0; color:#fff; font-size:44px; line-height:1; cursor:pointer}
.lb-sip{position:absolute; top:50%; transform:translateY(-50%); width:52px; height:52px; border:1px solid rgba(255,255,255,.4); background:rgba(0,0,0,.35); color:#fff; cursor:pointer; border-radius:var(--r); display:grid; place-items:center}
.lb-sip:hover{background:var(--zelena); border-color:var(--zelena)}
.lb-sip svg{width:18px; height:18px; fill:currentColor}
.lb-vlavo{left:16px} .lb-vpravo{right:16px}
.lb-pocet{position:absolute; bottom:18px; left:0; right:0; text-align:center; color:#C9D0D4; font-size:15px}

/* ---------- CTA pas ---------- */
.cta-pas{background:var(--antracit); color:#fff; padding-block:56px}
.cta-pas .wrap{display:flex; gap:40px; align-items:center; justify-content:space-between; flex-wrap:wrap}
.cta-pas h2{font-size:clamp(26px,3.4vw,38px); text-transform:uppercase}
.cta-pas p{margin-top:10px; color:#C4CCD0; max-width:58ch}
.cta-akcie{display:flex; gap:12px; flex-wrap:wrap}

/* ---------- suvisiace ---------- */
.suvis-mriezka{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.suvis-kart{
  display:block; padding:20px 22px; border:1px solid var(--siva-lin); border-radius:var(--r);
  text-decoration:none; border-left:3px solid var(--siva-lin); transition:border-color .18s, background .18s;
}
.suvis-kart:hover{border-left-color:var(--zelena); background:var(--papier)}
.suvis-kart b{font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif; font-size:22px; display:block; line-height:1.15}
.suvis-kart span{font-size:14.5px; color:var(--siva); display:block; margin-top:5px}

.listovanie{display:flex; justify-content:space-between; gap:14px; margin-top:34px; padding-top:26px; border-top:1px solid var(--siva-lin); flex-wrap:wrap}
.list-odkaz{font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif; font-weight:600; font-size:19px; letter-spacing:.04em; text-decoration:none; color:var(--antracit)}
.list-odkaz:hover{color:var(--zelena-text)}
.list-odkaz.stred{color:var(--siva)}

/* ---------- rozcestnik ---------- */
.rozc-mriezka{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.rozc-kart{
  display:flex; flex-direction:column; background:#fff; border:1px solid var(--siva-lin);
  border-radius:var(--r); overflow:hidden; text-decoration:none; transition:box-shadow .2s, transform .2s;
}
.rozc-kart:hover{box-shadow:0 16px 34px -18px rgba(34,40,44,.42); transform:translateY(-2px)}
.rozc-nahlad{
  aspect-ratio:16/10; position:relative; overflow:hidden;
  background-color:#262D31;
}
/* Graficke pozadie lezi POD fotkou. Ked fotka chyba alebo je svetla,
   dlazdica aj tak vyzera ako obrazok, nie ako prazdne biele miesto. */
.rozc-nahlad::before{
  content:''; position:absolute; inset:0;
  background:
    repeating-linear-gradient(115deg, rgba(255,255,255,.04) 0 1px, transparent 1px 22px),
    radial-gradient(120% 110% at 20% 0%, #3B454C 0%, #232A2E 68%);
}
/* background-image nastavuje skript inline — relativne url() v tomto
   subore by sa hladalo v priecinku spolocne/, nie pri stranke. */
.rozc-nahlad.ma-foto{background-size:cover; background-position:center}
.rozc-nahlad.ma-foto::before{display:none}
/* Jemny tmavy okraj, aby svetle fotky nesplyvali s bielou kartou. */
.rozc-nahlad::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(24,29,32,.10) 0%, transparent 32%, rgba(24,29,32,.16) 100%);
}
/* Pocet fotiek — hned vidno, ktora sluzba galeriu uz ma. */
.rozc-pocet{
  position:absolute; left:10px; bottom:10px; z-index:2;
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 10px; border-radius:3px;
  background:rgba(24,29,32,.78); color:#fff;
  font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif; font-weight:600;
  font-size:14.5px; letter-spacing:.04em;
}
.rozc-pocet svg{width:13px; height:13px; fill:var(--zelena-svetla)}
.rozc-prazdna{
  position:absolute; inset:0; z-index:2; display:grid; place-items:center;
  color:#8C979D; font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif;
  font-size:16px; letter-spacing:.08em; text-transform:uppercase;
}
.rozc-text{padding:18px 22px 22px; border-top:3px solid var(--zelena)}
.rozc-text b{font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif; font-size:24px; display:block; line-height:1.15; text-transform:uppercase}
.rozc-text span{font-size:15px; color:var(--siva); display:block; margin-top:4px}


/* ---------- mapa na dve kliknutia ---------- */
.mapa-vyzva{
  height:100%; min-height:340px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:10px; padding:28px 24px;
  text-align:center; background:var(--papier);
}
.mapa-vyzva svg{width:38px; height:38px; fill:var(--zelena-text)}
.mapa-adresa{font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif; font-size:21px; line-height:1.25; margin:0; color:var(--antracit)}
.mapa-pozn{font-size:14.5px; color:var(--siva); max-width:38ch; margin:0}
.mapa-vyzva .btn{margin-top:6px}
.mapa-odkaz{font-size:14.5px; color:var(--zelena-text)}


/* ---------- pravne stranky ---------- */
.pravny{max-width:74ch}
.pravny h1{font-size:clamp(34px,5vw,54px); text-transform:uppercase}
.pravny h2{
  font-size:26px; text-transform:none; margin:38px 0 12px;
  padding-top:22px; border-top:1px solid var(--siva-lin);
}
.pravny h3{font-size:21px; text-transform:none; margin:26px 0 10px}
.pravny p{margin:0 0 1em; color:#3A4247; line-height:1.7}
.pravny p.uvodny{font-size:18.5px; color:var(--antracit)}
.pravny ul{margin:0 0 1.2em; padding-left:22px; color:#3A4247; line-height:1.7}
.pravny li{margin-bottom:7px}
.pravny strong{color:var(--antracit)}
.pravny a{color:var(--zelena-text)}
.pravny .zvyraznene{
  background:var(--papier); border-left:4px solid var(--zelena);
  padding:16px 20px; border-radius:0 var(--r) var(--r) 0; color:var(--antracit);
}
.pravny .kontakt-blok{
  background:var(--papier); padding:16px 20px; border-radius:var(--r);
  line-height:1.6;
}
.pravna-tabulka{
  width:100%; border-collapse:collapse; margin:0 0 1.4em;
  font-size:15.5px; line-height:1.5;
}
.pravna-tabulka th,.pravna-tabulka td{
  text-align:left; padding:11px 14px; border:1px solid var(--siva-lin);
  vertical-align:top;
}
.pravna-tabulka th{
  background:var(--papier); font-family:'Barlow Condensed','Arial Narrow',sans-serif;
  font-size:17px; font-weight:600; letter-spacing:.03em;
}
.pravna-tabulka td{color:#3A4247}
@media (max-width:640px){
  .pravna-tabulka{font-size:14.5px}
  .pravna-tabulka th,.pravna-tabulka td{padding:9px 10px}
  .pravny h2{font-size:23px}
}

/* ---------- pata ---------- */
footer{background:var(--antracit); color:#AEB7BC; padding-block:64px 0; font-size:15.5px}
footer h4{font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue Condensed',sans-serif; font-size:19px; letter-spacing:.09em; text-transform:uppercase; color:#fff; margin-bottom:14px}
.pata-mriezka{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px}
footer ul{list-style:none; margin:0; padding:0; display:grid; gap:7px}
footer a{text-decoration:none; color:#AEB7BC}
footer a:hover{color:var(--zelena-svetla)}
.pata-logo img{height:44px; width:auto; margin-bottom:16px}
.pata-soc{display:flex; gap:10px; margin-top:18px}
.pata-soc a{width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.08); display:grid; place-items:center}
.pata-soc a:hover{background:var(--zelena)}
.pata-soc svg{width:16px; height:16px; fill:#fff}
.pata-spod{margin-top:52px; border-top:1px solid rgba(255,255,255,.12); padding-block:20px; font-size:14px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap}
.pata-udaje{
  margin-top:48px; padding-top:24px; border-top:1px solid rgba(255,255,255,.12);
  font-size:14px; line-height:1.65; color:#99A3A8;
}
.pata-udaje p{margin:0}
.pata-udaje strong{color:#CBD3D7}
.pata-spod{margin-top:18px; border-top:0; padding-block:0 20px}
.pata-pravne{display:flex; gap:18px; flex-wrap:wrap}
.pata-pravne a{text-decoration:underline; text-underline-offset:3px}
/* Zvyraznene miesta, ktore treba doplnit pred spustenim webu. */
.doplnit{
  background:#C62828; color:#fff; padding:1px 7px; border-radius:3px;
  font-weight:600; letter-spacing:.04em; font-size:.92em;
}



/* ---------- responzivita ---------- */
@media (max-width:1080px){
  .uvod-mriezka{grid-template-columns:1fr; gap:36px}
  .uvod-body{border-left:0; border-top:3px solid var(--zelena); padding-left:0; padding-top:24px}
  .suvis-mriezka{grid-template-columns:1fr 1fr}
  .rozc-mriezka{grid-template-columns:1fr 1fr}
  .pata-mriezka{grid-template-columns:1fr 1fr; gap:32px}
}
@media (max-width:980px){
  nav.hlavne{display:none}
  .hamburger{display:flex}
}
@media (max-width:640px){
  :root{--header-h:66px}
  body{font-size:16.5px}
  section{padding-block:52px}
  .uvod-str{padding-block:42px 40px}
  .logo img{height:38px}
  .topbar .wrap{min-height:auto; padding-block:8px; gap:14px}
  .topbar .oddel{margin-left:0}
  .suvis-mriezka,.rozc-mriezka,.pata-mriezka{grid-template-columns:1fr}
  .galeria{grid-template-columns:1fr 1fr; gap:10px}
  .lb-sip{width:44px; height:44px}
  .listovanie{flex-direction:column; text-align:center}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important; transition-duration:.001ms !important}
  html{scroll-behavior:auto}
}