@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-display:swap;
	src:url(fonts/archivo-latin-ext.woff2) format("woff2");
	unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-display:swap;
	src:url(fonts/archivo-latin.woff2) format("woff2");
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
	--bg:#F4F3F1; --surface:#FFFFFF; --ink:#171416; --accent:#D4111F;
	--shell:#141215; --muted:#6D6467; --line:#DDD8D6;
	--wrap:1200px; --r:10px; --pill:999px;
	--s1:8px; --s2:20px; --s3:48px; --s4:96px;
	--font:Archivo,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
:where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote,table){margin:0}
:where(ul,ol){padding:0;list-style:none}

html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);
	font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:2px}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
.vizualne-skryte{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:12px 20px;z-index:99}
.skip:focus{left:12px;top:12px}

h1,h2,h3{font-weight:800;letter-spacing:-.02em;line-height:1.06;text-wrap:balance}
.nadpis-sekcie{font-size:clamp(27px,3.6vw,42px);margin-bottom:var(--s2)}

/* ---------- tlacidla ---------- */
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
	font-weight:700;font-size:16px;padding:14px 28px;border-radius:var(--pill);
	border:1px solid var(--accent);transition:transform .12s ease,background .12s ease}
.btn:hover{background:#B70E1A;border-color:#B70E1A}
.btn:active{transform:translateY(1px)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn--sm{padding:9px 18px;font-size:15px}
.btn--lg{padding:17px 36px;font-size:18px}
.odkaz-sipka{font-weight:700;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px}
.odkaz-sipka::after{content:" \2192"}

/* ---------- hlavicka ---------- */
.shell{background:var(--shell);color:#F2EFEF;position:sticky;top:0;z-index:50}
.shell__in{display:flex;align-items:center;gap:var(--s2);min-height:68px}
.shell__logo{display:flex;align-items:center;text-decoration:none;flex:none}
.shell__logo img{width:auto;height:34px}
.shell__word{font-weight:800;letter-spacing:.1em;font-size:19px;color:#fff}
.shell__nav{margin-left:auto}
.shell__nav ul{display:flex;gap:26px}
.shell__nav a{text-decoration:none;font-size:15px;font-weight:600;color:#D8D2D3;white-space:nowrap}
.shell__nav a:hover,.shell__nav a[aria-current]{color:#fff}
.shell__akcie{display:flex;align-items:center;gap:16px;flex:none}
.shell__login{text-decoration:none;font-size:15px;font-weight:600;color:#D8D2D3;white-space:nowrap}
.shell__login:hover{color:#fff}
.shell .btn--ghost{color:#F2EFEF;border-color:#5A5257}
.shell .btn--ghost:hover{background:#F2EFEF;color:var(--shell)}
.nav-toggle,.nav-burger{display:none}

/* ---------- hero ---------- */
.hero{background:var(--bg);overflow:hidden}
.hero__in{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);align-items:center;
	padding-block:clamp(40px,6vw,84px)}
.hero__nadpis{font-size:clamp(38px,5.6vw,68px)}
.hero__pod{font-size:clamp(17px,1.5vw,20px);color:var(--muted);margin-top:var(--s2);max-width:34em}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:calc(var(--s2) + 8px)}
.hero__foto{position:relative;margin-right:calc((100vw - min(100vw,var(--wrap)))/-2 - 24px)}
.hero__foto img{width:100%;aspect-ratio:5/4;object-fit:cover;object-position:50% 42%;
	border-radius:var(--r) 0 0 var(--r)}

/* ---------- cisla ---------- */
.cisla{background:var(--shell);color:#F2EFEF;padding-block:clamp(34px,4.5vw,58px)}
.cisla__veta{font-size:clamp(22px,3vw,34px);font-weight:700;line-height:1.24;max-width:22em;letter-spacing:-.015em}
.cisla__num{font-size:1.9em;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:.9;
	display:inline-block;vertical-align:-.08em}
.cisla__pozn{margin-top:14px;color:#A79FA1;font-size:14.5px}

/* ---------- obavy ---------- */
.obavy{padding-block:clamp(52px,7vw,var(--s4))}
.obavy__zoznam{margin-top:var(--s3);border-top:1px solid var(--line)}
.obavy__par{display:grid;grid-template-columns:minmax(0,20em) minmax(0,1fr);gap:var(--s3);
	padding-block:26px;border-bottom:1px solid var(--line);align-items:start}
.obavy__par dt{font-size:clamp(19px,2vw,23px);font-weight:700;line-height:1.22;letter-spacing:-.01em}
.obavy__par dd{margin:0;color:var(--muted);max-width:40em}

/* ---------- 55 minut ---------- */
.minuty{background:var(--surface);padding-block:clamp(52px,7vw,var(--s4))}
.minuty__uvod{color:var(--muted);max-width:44em;margin-bottom:var(--s3)}
.minuty__os{display:grid;grid-template-columns:repeat(55,1fr);gap:4px}
.minuty__krok{grid-column:span var(--podiel);background:var(--bg);border-radius:var(--r);
	padding:18px 16px 20px;border-top:4px solid var(--line);display:flex;flex-direction:column;gap:4px}
.minuty__krok--hlavny{background:#F7E9EA;border-top-color:var(--accent)}
.minuty__cas{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.minuty__nazov{font-size:clamp(17px,1.7vw,21px);font-weight:800;letter-spacing:-.01em}
.minuty__popis{font-size:14.5px;color:var(--muted);line-height:1.45}

/* ---------- fotka vonku ---------- */
.vonku{padding-block:clamp(52px,7vw,var(--s4)) 0}
.vonku__foto{width:100%;aspect-ratio:21/8;object-fit:cover;object-position:50% 55%}
.vonku__popis{margin-top:14px;color:var(--muted);font-size:15px}

/* ---------- recenzie ---------- */
.hlasy{padding-block:clamp(52px,7vw,var(--s4))}
.hlasy__in{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--s3);align-items:start}
.hlasy__hlavny blockquote p{font-size:clamp(24px,3.2vw,38px);font-weight:700;line-height:1.16;
	letter-spacing:-.02em;text-wrap:balance}
.hlasy__hlavny blockquote p::before{content:"\201E"}
.hlasy__hlavny blockquote p::after{content:"\201C"}
.hlasy__hlavny figcaption{margin-top:20px;font-weight:700}
.hlasy__hlavny figcaption span{display:block;font-weight:400;color:var(--muted);font-size:14.5px;margin-top:2px}
.hlasy__dalsie{display:flex;flex-direction:column;gap:var(--s2);padding-top:8px}
.hlasy__maly{border-left:3px solid var(--line);padding-left:20px}
.hlasy__maly p{color:var(--muted)}
.hlasy__maly figcaption{margin-top:8px;font-weight:700;font-size:15px}

/* ---------- cennik ---------- */
.cennik{background:var(--surface);padding-block:clamp(52px,7vw,var(--s4))}
.cennik__in{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--s3);align-items:start}
.cennik__text p{color:var(--muted);max-width:34em;margin-bottom:var(--s2)}
.cennik__akcia{margin-top:4px}
.cennik__tab{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.cennik__tab th,.cennik__tab td{text-align:right;padding:15px 10px;border-bottom:1px solid var(--line)}
.cennik__tab thead th{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);
	font-weight:600;padding-top:0}
.cennik__tab tbody th{text-align:left;font-weight:700;font-size:17px}
.cennik__tab thead th:first-child{text-align:left}
.cennik__spolu{font-weight:800;font-size:19px}
.cennik__platnost{color:var(--muted);font-size:14.5px}
.cennik__tab tbody tr:last-child th,.cennik__tab tbody tr:last-child td{border-bottom:none}

/* ---------- kedy ---------- */
.kedy{padding-block:clamp(52px,7vw,var(--s4))}
.kedy__in{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--s3);align-items:start}
.kedy__dvojica{display:flex;flex-wrap:wrap;gap:12px 34px;font-size:clamp(20px,2.2vw,26px);margin-bottom:12px}
.kedy__dvojica b{font-weight:800}
.kedy__miesto{color:var(--muted);margin-bottom:12px}
.kedy__najblizsi{margin-bottom:var(--s2)}
.kedy__uder{background:var(--shell);color:#F2EFEF;border-radius:var(--r);padding:28px}
.kedy__uder h3{font-size:22px;margin-bottom:12px;color:#fff}
.kedy__uder p{color:#BDB5B7;margin-bottom:14px}
.kedy__uder .odkaz-sipka{color:#fff}

/* ---------- zaver ---------- */
.zaver{background:var(--surface);padding-block:clamp(52px,7vw,var(--s4));overflow:hidden}
.zaver__in{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--s3);align-items:center}
.zaver__text h2{font-size:clamp(28px,3.8vw,44px);margin-bottom:16px}
.zaver__text p{color:var(--muted);margin-bottom:var(--s2);max-width:32em}
.zaver__foto img{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 30%;border-radius:var(--r)}

/* ---------- vseobecna stranka ---------- */
.stranka__hlava{padding-block:clamp(38px,5vw,64px) var(--s2);border-bottom:1px solid var(--line)}
.stranka__hlava h1{font-size:clamp(32px,4.6vw,52px)}
.stranka__perex{color:var(--muted);margin-top:14px;max-width:44em;font-size:19px}
.proza{padding-block:var(--s3) clamp(52px,7vw,var(--s4))}
.proza > *{max-width:68ch}
.proza h2{font-size:clamp(24px,2.8vw,32px);margin:var(--s3) 0 12px}
.proza h3{font-size:21px;margin:var(--s2) 0 8px}
.proza p,.proza li{margin-bottom:14px;color:#3A3336}
.proza ul{list-style:disc;padding-left:22px}
.proza a{color:var(--accent);text-underline-offset:3px}
.stranka--builder{padding-bottom:var(--s3)}

/* ---------- pata ---------- */
.pata{background:var(--shell);color:#BDB5B7;padding-block:clamp(44px,6vw,72px) 0;margin-top:0}
.pata__in{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);padding-bottom:var(--s3)}
.pata__nadpis{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8B8385;
	font-weight:700;margin-bottom:12px}
.pata a{color:#F2EFEF;text-decoration:none;border-bottom:1px solid #443E42}
.pata a:hover{border-bottom-color:#F2EFEF}
.pata__tich{color:#8B8385}
.pata__zoznam li{margin-bottom:7px}
.pata__spodok{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;
	border-top:1px solid #2C272B;padding-block:20px 26px;font-size:14px;color:#8B8385}
.pata__spodok p{margin:0}

/* ---------- tablet ---------- */
@media (max-width:1040px){
	.shell__nav ul{gap:18px}
	.shell__nav a,.shell__login{font-size:14px}
	.hlasy__in,.cennik__in,.kedy__in,.zaver__in{grid-template-columns:1fr;gap:var(--s3)}
	.zaver__foto{max-width:460px}
	.minuty__os{grid-template-columns:1fr 1fr}
	.minuty__krok{grid-column:span 1}
}

/* ---------- mobil ---------- */
@media (max-width:760px){
	body{font-size:16px}
	.wrap{padding-inline:18px}

	/* menu cez zaskrtavacie policko, bez javascriptu */
	.nav-burger{display:block;margin-left:auto;width:40px;height:40px;padding:10px 8px;cursor:pointer}
	.nav-burger span{display:block;height:2px;background:#F2EFEF;border-radius:2px;margin:4px 0;
		transition:transform .18s ease,opacity .18s ease}
	.nav-toggle:checked ~ .nav-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
	.nav-toggle:checked ~ .nav-burger span:nth-child(2){opacity:0}
	.nav-toggle:checked ~ .nav-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
	.nav-toggle:focus-visible ~ .nav-burger{outline:3px solid var(--accent);outline-offset:2px}

	.shell__in{flex-wrap:wrap;min-height:60px;gap:0;row-gap:0}
	.shell__nav{flex:0 0 100%;margin-left:0;max-height:0;overflow:hidden;transition:max-height .22s ease}
	.nav-toggle:checked ~ .shell__nav{max-height:340px}
	.shell__nav ul{flex-direction:column;gap:0;padding-block:6px 14px}
	.shell__nav a{display:block;padding:11px 0;font-size:17px;border-bottom:1px solid #2C272B}
	.shell__akcie{flex:0 0 100%;justify-content:space-between;padding-bottom:14px;
		max-height:0;overflow:hidden;padding-top:0;transition:max-height .22s ease}
	.nav-toggle:checked ~ .shell__akcie{max-height:120px}

	.hero__in{grid-template-columns:1fr;gap:var(--s2);padding-block:0 var(--s3)}
	.hero__foto{order:-1;margin-inline:-18px;width:calc(100% + 36px)}
	.hero__foto img{aspect-ratio:4/3;border-radius:0}
	.hero__text{padding-top:var(--s2)}
	.hero__cta{gap:10px}
	.hero__cta .btn{flex:1 1 auto;text-align:center}

	.obavy__par{grid-template-columns:1fr;gap:8px;padding-block:20px}
	.minuty__os{grid-template-columns:1fr}
	.vonku__foto{aspect-ratio:4/3}
	.hlasy__dalsie{padding-top:0}
	.pata__in{grid-template-columns:1fr;gap:var(--s2)}
	.cennik__tab th,.cennik__tab td{padding:12px 6px}
	.cennik__platnost{display:none}
	.cennik__tab thead th:nth-child(4){display:none}
}

@media (max-width:420px){
	.hero__nadpis{font-size:33px}
	.cisla__num{font-size:1.55em}
}

/* ---------- pohyb ---------- */
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

/* ---------- tlac ---------- */
@media print{
	.shell,.pata,.hero__foto,.vonku,.zaver__foto{display:none}
	body{background:#fff;font-size:12pt}
}

/* ---------- opravy specificity voci temovym a plugin stylom ---------- */
a.btn,.fitbox a.btn{color:#fff;text-decoration:none}
a.btn--ghost{color:var(--ink)}
a.btn--ghost:hover{color:var(--bg)}
.shell a.btn--ghost{color:#F2EFEF}
.shell a.btn--ghost:hover{color:var(--shell)}
.shell__nav a,.shell__login,.shell__logo{text-decoration:none}
.pata__zoznam a,.hero__cta a{text-decoration:none}

/* nadpis hero na najviac dva riadky */
.hero__nadpis{font-size:clamp(34px,4.4vw,54px)}
.hero__in{grid-template-columns:1.02fr 1fr}
@media (max-width:760px){.hero__nadpis{max-width:none;font-size:clamp(30px,8vw,40px)}}

/* obrazky nech maju miesto uz pred nacitanim */
.hero__foto img,.zaver__foto img,.vonku__foto{background:#E7E2E0}

/* ---------- poistka voci globalnym stylom Elementora a pluginov ----------
   Na strankach postavenych v Elementore nechavame jeho typografiu v obsahu,
   ale hlavicka, pata a nase sekcie musia drzat temu. */
html body{font-family:var(--font)}
html body .shell,html body .pata,html body .hero,html body .cisla,html body .obavy,
html body .minuty,html body .hlasy,html body .cennik,html body .kedy,html body .zaver,
html body .stranka__hlava,html body .proza{font-family:var(--font)}

html body .hero .hero__nadpis{font-size:clamp(34px,4.4vw,54px);line-height:1.04;font-weight:800;
	letter-spacing:-.02em;color:var(--ink)}
html body .nadpis-sekcie,html body .zaver__text h2,html body .stranka__hlava h1{
	line-height:1.08;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
html body .nadpis-sekcie{font-size:clamp(27px,3.4vw,40px)}
html body .zaver__text h2{font-size:clamp(28px,3.6vw,42px)}
html body .stranka__hlava h1{font-size:clamp(32px,4.4vw,50px)}
html body .cisla__veta{font-size:clamp(22px,2.9vw,33px);line-height:1.24;color:#F2EFEF}
html body .hlasy__hlavny blockquote p{font-size:clamp(24px,3vw,36px);line-height:1.16;color:var(--ink)}
html body .obavy__par dt{font-size:clamp(19px,1.9vw,22px);line-height:1.22}
html body .kedy__uder h3{font-size:22px;line-height:1.15;color:#fff}
html body .hero__pod{color:var(--muted)}

/* =================================================================
   ZAVEREcNY RESPONZIVNY BLOK
   Musi byt uplne posledny v subore. Skorsie opravy specificity su
   napisane bez media query, takze by inak prebili mobilne pravidla.
   ================================================================= */

@media (max-width:1040px){
	html body .hlasy__in,html body .cennik__in,html body .kedy__in,html body .zaver__in{grid-template-columns:1fr}
	html body .minuty__os{grid-template-columns:1fr 1fr}
	html body .minuty__krok{grid-column:span 1}
	html body .zaver__foto{max-width:460px}
}

@media (max-width:760px){
	html body .shell__in{flex-wrap:wrap;min-height:60px;gap:0}
	html body .shell__nav{flex:0 0 100%;margin-left:0;max-height:0;overflow:hidden}
	html body .nav-toggle:checked ~ .shell__nav{max-height:360px}
	html body .shell__akcie{flex:0 0 100%;justify-content:flex-start;gap:18px;
		max-height:0;overflow:hidden;padding:0}
	html body .nav-toggle:checked ~ .shell__akcie{max-height:120px;padding-bottom:16px}
	html body .shell__nav ul{flex-direction:column;gap:0;padding-block:4px 10px}
	html body .shell__nav a{display:block;padding:12px 0;font-size:17px;border-bottom:1px solid var(--shellLine,#2C272B)}

	html body .hero__in{grid-template-columns:1fr;gap:0;padding-block:0 var(--s3);align-items:start}
	html body .hero__foto{order:-1;margin:0 -18px;width:calc(100% + 36px)}
	html body .hero__foto img{aspect-ratio:4/3;border-radius:0;object-position:50% 38%}
	html body .hero__text{padding-top:26px}
	html body .hero__nadpis{font-size:clamp(30px,8.4vw,40px)}
	html body .hero__pod{font-size:17px;margin-top:14px}
	html body .hero__cta{gap:10px;margin-top:22px}
	html body .hero__cta .btn{flex:1 1 100%;text-align:center}

	html body .obavy__par{grid-template-columns:1fr;gap:8px;padding-block:20px}
	html body .minuty__os{grid-template-columns:1fr}
	html body .vonku__foto{aspect-ratio:4/3}
	html body .hlasy__hlavny blockquote p{font-size:clamp(23px,6.4vw,30px)}
	html body .cisla__veta{font-size:clamp(21px,5.8vw,27px)}
	html body .pata__in{grid-template-columns:1fr;gap:var(--s2)}
	html body .zaver__foto{max-width:none}
	html body .kedy__dvojica{gap:8px 24px}
}

/* Shortcody fitbox-core maju vlastne styly, proza im nesmie hovorit do zoznamov. */
html body .proza .fitbox ul,html body .proza ul.fitbox-list{list-style:none;padding-left:0}
html body .proza .fitbox li,html body .proza .fitbox p{margin-bottom:0;color:inherit}
html body .proza .fitbox{max-width:none}
html body .proza .fitbox a{color:inherit}
html body .proza .fitbox a.fitbox-btn{color:#fff}
html body .proza .fitbox .fitbox-btn.is-off{color:var(--accent)}
html body .proza .fitbox .fitbox-btn.is-plain{color:var(--muted)}
html body .proza .fitbox-note a{color:var(--accent)}

/* ==== komunita: spolocny ciel a kola sezony ==== */
html body .komunita{background:var(--surface);padding-block:clamp(52px,7vw,var(--s4))}
html body .komunita__in{display:grid;grid-template-columns:1fr 1.05fr;gap:var(--s3);align-items:start}
html body .komunita__text p{color:var(--muted);max-width:36em;margin-bottom:var(--s2)}
html body .komunita__pozn{color:var(--ink);font-weight:600;border-left:3px solid var(--accent);padding-left:16px}
html body .kola{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
html body .kola__kolo{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);align-items:start}
html body .kola__cislo{font-weight:800;font-size:34px;line-height:1;letter-spacing:-.03em;color:var(--line);font-variant-numeric:tabular-nums}
html body .kola__kolo--bezi .kola__cislo{color:var(--accent)}
html body .kola__kolo--bolo .kola__cislo{color:var(--muted)}
html body .kola__obsah{display:flex;flex-direction:column;gap:3px}
html body .kola__kedy{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
html body .kola__kolo--bezi .kola__kedy{color:var(--accent)}
html body .kola__nazov{font-weight:700;font-size:18px;letter-spacing:-.01em}
html body .kola__odmena{color:var(--muted);font-size:15.5px}
html body .kola__odmena::before{content:"Odomkne: ";color:var(--ink);font-weight:600}

/* ==== portal v telefone ==== */
html body .portal{padding-block:clamp(52px,7vw,var(--s4))}
html body .portal__in{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--s3);align-items:center}
html body .portal__foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
html body .portal__text .nadpis-sekcie{display:flex;align-items:center;gap:14px}
html body .portal__ikona{width:46px;height:46px;border-radius:11px;flex:none}
html body .portal__text > p{color:var(--muted);max-width:36em;margin-bottom:var(--s2)}
html body .portal__zoznam{list-style:none;padding:0;margin:0 0 var(--s2)}
html body .portal__zoznam li{position:relative;padding:10px 0 10px 26px;border-top:1px solid var(--line);color:var(--ink-2)}
html body .portal__zoznam li:last-child{border-bottom:1px solid var(--line)}
html body .portal__zoznam li::before{content:"";position:absolute;left:4px;top:19px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
html body .hlasy__vsetky{margin-top:6px}

@media (max-width:1040px){
	html body .komunita__in,html body .portal__in{grid-template-columns:1fr}
	html body .portal__foto{order:-1;max-width:560px}
}
@media (max-width:760px){
	html body .kola__kolo{grid-template-columns:40px 1fr;gap:12px}
	html body .kola__cislo{font-size:28px}
	html body .portal__text .nadpis-sekcie{align-items:flex-start}
	html body .portal__ikona{width:38px;height:38px;border-radius:9px;margin-top:2px}
}

/* ==== stranka recenzii ==== */
html body .proza .recenzie{list-style:none;padding:0;margin:var(--s2) 0 0;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
html body .proza .recenzie__polozka{border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;background:var(--surface);margin:0}
html body .proza .recenzie__hviezdy{color:var(--accent);letter-spacing:.12em;font-size:15px;margin:0 0 10px}
html body .proza .recenzie blockquote{margin:0;border:0;padding:0}
html body .proza .recenzie blockquote p{font-size:17px;line-height:1.55;color:var(--ink);margin:0 0 12px}
html body .proza .recenzie__kto{font-weight:700;margin:0;font-size:15px}
html body .proza .recenzie__kto span{display:block;font-weight:400;color:var(--muted);font-size:13.5px;margin-top:2px}
@media (max-width:760px){html body .proza .recenzie{grid-template-columns:1fr}}