.zi { background: #fff; color: #263238; border-radius: 14px; box-shadow: 0 1px 4px rgba(38, 50, 56, .16); overflow: hidden; margin: 2px 2px 6px; }
.zi-head { display: flex; align-items: flex-start; gap: 8px; padding: 14px 14px 8px; }
.zi-head svg { flex: none; width: 22px; height: 22px; color: #5b8f22; margin-top: 1px; }
.zi-title { font-size: 1.04em; font-weight: 700; line-height: 1.22; }
.zi-lead { padding: 0 14px 10px; font-size: .86em; color: #5f7079; }
.zi-hero { background: #f0f9e8; padding: 10px 14px 12px; }
.zi-big { color: #0376a2; font-size: 1.55em; font-weight: 800; line-height: 1.12; }
.zi-sub { font-size: .82em; color: #5f7079; margin-top: 3px; }
.zi-list { padding: 4px 14px; }
.zi-item { padding: 8px 0; border-top: 1px solid #e3e9ec; }
.zi-item:first-child { border-top: 0; }
.zi-period { font-size: .78em; color: #5f7079; }
.zi-main { font-weight: 700; }
.zi-extra { font-size: .82em; color: #5f7079; }
.zi-all { margin: 4px 14px 8px; padding-top: 8px; border-top: 1px solid #e3e9ec; font-weight: 700; }
.zi-src { padding: 8px 14px 12px; font-size: .68em; line-height: 1.32; color: #5f7079; overflow-wrap: anywhere; }
/* Sablona dava .moduleBox vpravo 40 px, na telefone by blok nebol v strede. */
@media (max-width: 991px) {
	.moduleBox.zi-box { padding-top: 28px; padding-right: 0; }
	/* Oddelovac stlpca sablony je na telefone pri bloku len rusiva ciara. */
	div#aside.col-md-3 { border-left: 0; }
	/* Na telefone len na uvodnej stranke, na formulari a detaile by zavadzal. */
	.moduleBox.zi-box.zi-not-home { display: none; }
}
