/* Úvod — tmavá karta „Doporučené dávkování“ s cykly užívání. */

.as-davkovani {
	background: var(--as-inkoust);
	border-radius: 28px;
	padding: 48px 56px;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 48px;
	align-items: center;
}
.as-davkovani__nadpis { font-size: 32px; letter-spacing: -.015em; color: var(--as-bila); margin: 0 0 12px; }
.as-davkovani__nadpis span { color: var(--as-merunka); }
.as-davkovani__popis {
	font-size: 15.5px;
	line-height: 1.65;
	color: rgba(255, 255, 255, .78);
	margin: 0 0 22px;
	max-width: 600px;
}
.as-davkovani__cykly { display: flex; flex-wrap: wrap; gap: 14px; }
.as-davkovani__cyklus {
	display: grid;
	gap: 3px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 16px;
	padding: 16px 20px;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(255, 255, 255, .85);
}
.as-davkovani__cyklus strong { color: var(--as-merunka); font-weight: 800; }
.as-davkovani__cta { text-align: center; }
.as-davkovani__cta .as-btn { font-size: 16.5px; }
.as-davkovani__pod { font-size: 12.5px; font-weight: 600; color: rgba(255, 255, 255, .6); margin-top: 10px; }

@media (max-width: 1024px) {
	.as-davkovani { padding: 40px; gap: 32px; }
	.as-davkovani__nadpis { font-size: 28px; }
}

@media (max-width: 768px) {
	.as-davkovani { grid-template-columns: minmax(0, 1fr); gap: 0; border-radius: 24px; padding: 28px 22px; }
	.as-davkovani__nadpis { font-size: 25px; margin-bottom: 10px; }
	.as-davkovani__popis { font-size: 14.5px; line-height: 1.6; margin-bottom: 18px; }
	.as-davkovani__cykly { display: grid; gap: 10px; margin-bottom: 22px; }
	.as-davkovani__cyklus { gap: 0; border-radius: 14px; padding: 13px 16px; }
	.as-davkovani__cta .as-btn { display: flex; width: 100%; font-size: 16px; padding: 15px; box-shadow: 0 4px 0 var(--as-merunka-tmava); }
	.as-davkovani__pod { display: none; }
}