/* Zasílání termínů e-mailem - rozcestník s účtem a bez něj.
   Načítá se navíc ke style.css, jen na stránkách téhle sekce. */

.notifikace {
	max-width: 760px;
	margin: 0 auto 70px;
	text-align: center;
}

/* Pod nadpisem je obrázek, stejně jako v nabídce na úvodní stránce */
.notifikace .nadpis-stranky {
	margin-bottom: 12px;
}

.notifikace p {
	margin: 0 0 30px;
	font-size: 18px;
	font-style: italic;
}

.notifikace .modry-box {
	color: #4d4d4d;
}

.notifikace h2 {
	margin: 0 0 2px;
	font-size: 18px;
	font-weight: bold;
}

.notifikace .pilulka {
	display: block;
	width: fit-content;
	margin: 18px auto 0;
}


/* ---------- dárek ke každému termínu ---------- */

/* Čárkovaný okraj jako u kupónu se slevou */
.notifikace-darek {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-bottom: 30px;
	padding: 14px 24px;
	text-align: left;
	border: 2px dashed #dceff2;
	border-radius: 14px;
}

.notifikace-darek img {
	flex: none;
	width: 130px;
	height: auto;
}

.notifikace-darek p {
	margin: 0;
	font-size: 21px;
	line-height: 1.3;
}

.notifikace-darek strong {
	color: #d9742a;
}

@media (max-width: 575px) {
	.notifikace-darek {
		flex-direction: column;
		gap: 8px;
		padding: 14px 16px;
		text-align: center;
	}

	.notifikace-darek p {
		font-size: 19px;
	}
}