.fakturacia_public_page{
	display:grid;
	gap:28px;
	max-width:1180px;
	margin:0 auto;
}

.fakturacia_badge{
	display:inline-flex;
	align-items:center;
	gap:var(--medzery_medzi_objektmi);
	padding:9px 14px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:999px;
	background:rgba(91,186,71,.12);
	color:var(--farba_zelena);
	font-weight:600;
}

.fakturacia_public_hero,
.fakturacia_public_feature,
.fakturacia_public_notice{
	background-color:var(--farba_pozadia_tabulky);
	border-radius:var(--tabulka_radius);
	box-shadow:var(--box_tien);
}

.fakturacia_public_hero{
	display:grid;
	gap:24px;
	padding:clamp(24px, 4vw, 44px);
}

.fakturacia_public_hero_content{
	display:grid;
	grid-template-columns:minmax(0, 1.08fr) minmax(300px, .92fr);
	gap:clamp(22px, 4vw, 44px);
	align-items:center;
}

.fakturacia_public_copy{
	display:grid;
	gap:18px;
}

.fakturacia_public_copy h1,
.fakturacia_public_copy p{
	margin:0;
}

.fakturacia_public_copy p{
	max-width:720px;
	font-size:1.06rem;
	line-height:1.7;
	opacity:.9;
}

.fakturacia_public_actions{
	display:flex;
	align-items:center;
	gap:var(--medzery_medzi_objektmi);
	flex-wrap:wrap;
}

.fakturacia_public_mockup{
	display:grid;
	gap:14px;
	padding:20px;
	border:1px solid rgba(255,255,255,.18);
	border-radius:24px;
	background:linear-gradient(180deg, #fff 0%, #f8fafc 100%);
	color:#0f172a;
	box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.fakturacia_public_mockup_header,
.fakturacia_public_mockup_parties,
.fakturacia_public_mockup_total{
	display:flex;
	justify-content:space-between;
	gap:16px;
}

.fakturacia_public_mockup_header{
	align-items:flex-start;
	padding-bottom:12px;
	border-bottom:1px solid #e2e8f0;
}

.fakturacia_public_mockup_header strong{
	font-size:1.45rem;
	letter-spacing:.08em;
}

.fakturacia_public_mockup_header span{
	font-weight:700;
	color:#5bba47;
}

.fakturacia_public_mockup_parties{
	align-items:stretch;
}

.fakturacia_public_mockup_parties > div{
	display:grid;
	gap:5px;
	min-width:0;
	padding:12px;
	border:1px solid #e2e8f0;
	border-radius:16px;
	background:#fff;
}

.fakturacia_public_mockup small,
.fakturacia_public_mockup_total span{
	color:#64748b;
	font-size:.8rem;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
}

.fakturacia_public_mockup_rows{
	display:grid;
	gap:8px;
	padding:10px 0;
}

.fakturacia_public_mockup_rows span{
	display:block;
	height:10px;
	border-radius:999px;
	background:#e2e8f0;
}

.fakturacia_public_mockup_rows span:nth-child(2){
	width:82%;
}

.fakturacia_public_mockup_rows span:nth-child(3){
	width:56%;
}

.fakturacia_public_mockup_total{
	align-items:center;
	padding:14px 16px;
	border-radius:16px;
	background:#0f172a;
	color:#fff;
}

.fakturacia_public_mockup_total span{
	color:#cbd5e1;
}

.fakturacia_public_mockup_total strong{
	font-size:1.28rem;
}

.fakturacia_public_features{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:var(--medzery_medzi_objektmi);
}

.fakturacia_public_feature{
	display:grid;
	align-content:start;
	gap:12px;
	padding:22px;
}

.fakturacia_public_feature i{
	color:var(--farba_zelena);
	font-size:1.6rem;
}

.fakturacia_public_feature strong{
	font-size:1.08rem;
}

.fakturacia_public_feature span,
.fakturacia_public_notice p{
	line-height:1.6;
	opacity:.84;
}

.fakturacia_public_notice{
	display:grid;
	grid-template-columns:auto minmax(0, 1fr);
	gap:14px;
	align-items:start;
	padding:20px;
	border:1px solid rgba(255,193,7,.22);
	background:rgba(255,193,7,.08);
}

.fakturacia_public_notice i{
	color:#f6c453;
	font-size:1.4rem;
}

.fakturacia_public_notice strong,
.fakturacia_public_notice p{
	margin:0;
}

.fakturacia_public_notice div{
	display:grid;
	gap:6px;
}


@media (max-width: 900px){
	.fakturacia_public_hero_content,
	.fakturacia_public_features{
		grid-template-columns:1fr;
	}
}

@media (max-width: 640px){
	.fakturacia_public_actions,
	.fakturacia_public_mockup_header,
	.fakturacia_public_mockup_parties,
	.fakturacia_public_mockup_total{
		align-items:stretch;
		flex-direction:column;
	}

	.fakturacia_public_notice{
		grid-template-columns:1fr;
	}
}