header.wp-block-template-part {
	position: relative;
}

.shf-header-book-wrap {
	position: absolute;
	top: calc(100% + 12px);
	right: 28px;
	z-index: 20;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.shf-header-book {
	display: inline-block;
	background: #c4a35a;
	color: #1a1208;
	padding: 8px 14px;
	border-radius: 4px;
	font-weight: 700;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.2;
}

.shf-header-book:hover,
.shf-header-book:focus {
	background: #ddc07a;
	color: #1a1208;
}

.shf-book-experience {
	max-width: 40rem;
	margin: 1.5rem auto 2rem;
}

.shf-book-code__result,
.shf-book-next {
	margin-top: 1rem;
}

.shf-book-experience .shf-calendar__grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 4px;
	margin-top: 0.5rem;
}

.shf-book-experience .shf-calendar__nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.shf-book-experience .shf-calendar__day,
.shf-book-experience .shf-slot {
	padding: 0.4rem;
}

.shf-book-experience .shf-calendar__day.is-available {
	background: #f4efe4;
	cursor: pointer;
}

.shf-book-experience .shf-calendar__day.is-selected,
.shf-book-experience .shf-slot.is-selected {
	outline: 2px solid #c4a35a;
}

.shf-book-experience .shf-slots__list {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

@media (max-width: 782px) {
	.shf-header-book-wrap {
		right: 16px;
	}
}