@charset "utf-8";

.booking-start-page {
	margin:0;
	background:#e7e7e7;
	color:#1f2937;
	font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.booking-start-main {
	box-sizing:border-box;
	width:min(1080px,100%);
	margin:0 auto;
	padding:20px 28px 32px;
	background:#fff;
	box-shadow:0 8px 22px rgba(0,0,0,.18);
}

.booking-start-main * { box-sizing:border-box; }

.booking-start-steps { margin:0 0 8px; }
.booking-start-steps ol {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	max-width:620px;
	margin:0 auto;
	padding:0;
	list-style:none;
}
.booking-start-steps li {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:3px;
	color:#7b8492;
	font-size:11px;
	font-weight:750;
	text-align:center;
}
.booking-start-steps li:not(:last-child)::after {
	content:"";
	position:absolute;
	top:13px;
	left:calc(50% + 18px);
	width:calc(100% - 36px);
	height:2px;
	background:#d4dbe4;
}
.booking-start-number {
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border:2px solid #d4dbe4;
	border-radius:50%;
	background:#fff;
	font-size:12px;
	font-weight:850;
}
.booking-start-steps .is-active { color:#063d96; }
.booking-start-steps .is-active .booking-start-number {
	border-color:#ffe000;
	background:#ffe000;
	box-shadow:0 0 0 3px rgba(255,224,0,.18);
}

.booking-start-heading { display:block;width:auto;min-height:0;margin:0 auto 14px;padding:0;border:0;background:transparent;box-shadow:none;text-align:center; }
.booking-start-heading p { margin:0 0 3px;color:#0756c9;font-size:10px;font-weight:850;letter-spacing:.09em; }
.booking-start-heading h1 { margin:0;padding:0;color:#063d96;font-size:28px;font-weight:760;letter-spacing:-.02em;line-height:1.12;text-align:center; }
.booking-start-heading span { display:block;margin-top:5px;color:#667085;font-size:13px; }

.booking-start-calculator { width:100%;max-width:343px;margin:0 auto 24px; }
.booking-start-calculator .home-calculator { scroll-margin-top:128px; }
.booking-start-calculator .home-calculator > h2 { font-size:18px; }

.booking-start-advantages { margin:0 0 16px; }
.booking-start-advantages > h2,
.booking-start-included > h2 { margin:0 0 12px;color:#063d96;font-size:21px;font-weight:760;line-height:1.2;text-align:center; }
.booking-advantage-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
.booking-advantage-grid article { display:flex;align-items:center;gap:10px;min-width:0;padding:13px;border:1px solid #dce3ec;border-radius:9px;background:#fff;box-shadow:0 2px 8px rgba(28,55,90,.06); }
.booking-advantage-grid article > span { display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#eaf3ff;color:#0756c9;font-size:16px;font-weight:850; }
.booking-advantage-grid h3 { margin:0 0 3px;color:#063d96;font-size:13px;font-weight:760;line-height:1.2; }
.booking-advantage-grid p { margin:0;font-size:11.5px;line-height:1.35; }

.booking-start-included { padding:17px 18px 19px;border:1px solid #064677;border-top:4px solid #ffe000;border-radius:10px;background:linear-gradient(145deg,#075b91,#064f82 52%,#063d6e);box-shadow:0 6px 16px rgba(0,45,81,.2); }
.booking-start-included > h2 { margin-bottom:4px;color:#fff; }
.booking-start-included > p { margin:0 0 11px;color:rgba(255,255,255,.82);font-size:12.5px;text-align:center; }
.booking-start-included ul { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;margin:0;padding:0;list-style:none; }
.booking-start-included li { position:relative;display:flex;align-items:center;min-height:34px;padding:4px 6px 4px 32px;color:#fff;font-size:12.5px;font-weight:650;line-height:1.3; }
.booking-start-included li::before { content:"\2713";position:absolute;left:4px;top:50%;display:flex;align-items:center;justify-content:center;width:21px;height:21px;border:2px solid #ffe000;border-radius:50%;background:#fff;color:#9a7b00;font-size:13px;font-weight:850;transform:translateY(-50%); }

@media (max-width:700px) {
	.booking-start-main { padding:12px 10px 22px;box-shadow:none; }
	.booking-start-steps { margin-bottom:5px; }
	.booking-start-steps ol { max-width:330px; }
	.booking-start-steps li { gap:2px;font-size:9.5px; }
	.booking-start-steps li:not(:last-child)::after { top:11px;left:calc(50% + 15px);width:calc(100% - 30px); }
	.booking-start-number { width:24px;height:24px;font-size:10px; }
	.booking-start-heading { margin-bottom:10px; }
	.booking-start-heading h1 { font-size:22px; }
	.booking-start-heading span { margin-top:4px;font-size:11.5px; }
	.booking-start-calculator { max-width:343px;margin-bottom:18px; }
	.booking-start-calculator .home-calculator > h2 { font-size:16px; }
	.booking-start-advantages > h2,.booking-start-included > h2 { font-size:18px; }
	.booking-advantage-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
	.booking-advantage-grid article { align-items:flex-start;padding:10px 8px; }
	.booking-advantage-grid article > span { flex-basis:31px;width:31px;height:31px;font-size:12px; }
	.booking-advantage-grid h3 { font-size:12px; }
	.booking-advantage-grid p { font-size:10.5px; }
	.booking-start-included { padding:14px 11px 15px; }
	.booking-start-included ul { grid-template-columns:repeat(2,minmax(0,1fr));gap:5px; }
	.booking-start-included li { min-height:36px;padding-left:30px;font-size:11px; }
}

@media (max-width:390px) {
	.booking-start-included ul { grid-template-columns:1fr; }
}