.yc-appt { max-width: 1290px; margin: 0 auto; padding: 0 24px 40px; }

.yc-appt-hero {
	position: relative;
	background-color: #e4efe3;
	background-image: url('../img/bouquet-fleur.png');
	background-repeat: no-repeat;
	background-position: right 30px center;
	background-size: 223px auto;
	padding: 26px 30px;
	margin: 0;
	min-height: 150px;
	display: flex; align-items: center;
}
.yc-appt-hero-title { margin: 0 0 6px; font-size: 40px; font-weight: 700; color: #1c1c1c; letter-spacing: -.5px; }
.yc-appt-hero-title span { font-weight: 300; }
.yc-appt-hero-sub { margin: 0; font-size: 19px; font-weight: 300; color: #1c1c1c; }

.yc-appt-back {
	display: inline-flex; align-items: center; gap: 10px;
	margin: 26px 0 40px; font-size: 14px; color: #1c1c1c; text-decoration: none;
}
.yc-appt-back:hover { text-decoration: underline; }

.yc-appt-title { margin: 0 0 10px; font-size: 27px; font-weight: 300; color: #1c1c1c; }
.yc-appt-title strong { font-weight: 700; }
.yc-appt-sub { margin: 0 0 24px; font-size: 15px; font-weight: 300; color: #333; }

.yc-appt-loc { display: flex; gap: 10px; max-width: 640px; }
.yc-appt-loc-field { position: relative; flex: 1; }
.yc-appt-loc-field input {
	width: 100%; height: 48px; border: 0; background: #f0f0f0;
	padding: 0 46px 0 18px; font: inherit; font-size: 14px; letter-spacing: .3px; color: #1c1c1c;
}
.yc-appt-loc-field input::placeholder { color: #8b8b8b; letter-spacing: .3px; }
.yc-appt-locate {
	position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
	background: none; border: 0; cursor: pointer; padding: 4px; display: flex;
}
.yc-appt-ok {
	height: 48px; min-width: 78px; border: 0; background: #014e2e; color: #fff;
	font: 700 14px/48px Montserrat, sans-serif; cursor: pointer;
}
.yc-appt-ok:hover { background: #0b6340; }

.yc-appt-split { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 60px; align-items: start; }
.yc-appt-acc-item { background: #eff5ec; margin-bottom: 6px; }
.yc-appt-acc-item summary {
	display: flex; align-items: center; justify-content: space-between;
	padding: 20px 22px; cursor: pointer; list-style: none;
	font-size: 17px; font-weight: 700; color: #1c1c1c;
}
.yc-appt-acc-item summary::-webkit-details-marker { display: none; }
.yc-appt-acc-item summary i { font-style: normal; font-size: 22px; font-weight: 300; }
.yc-appt-acc-item[open] summary i { transform: rotate(45deg); display: inline-block; }
.yc-appt-acc-item ul { list-style: none; margin: 0; padding: 0 22px 16px; display: grid; gap: 10px; }
.yc-appt-acc-item label { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 400; cursor: pointer; }
.yc-appt-acc-item input { width: 16px; height: 16px; accent-color: #014e2e; }

.yc-appt-side { padding-top: 6px; }
.yc-appt-side h3 { margin: 0 0 12px; font-size: 16px; font-weight: 700; }
.yc-appt-empty { margin: 0 0 26px; font-size: 14px; font-weight: 300; color: #555; }
.yc-appt-select {
	width: 100%; height: 56px; border: 0; background: #8fb39b; color: #fff;
	font: 700 13px/56px Montserrat, sans-serif; letter-spacing: .8px; cursor: pointer;
}
.yc-appt-select:disabled { opacity: .9; cursor: default; }

.yc-appt-block { max-width: 760px; margin-bottom: 34px; }
.yc-appt-h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 17px; font-weight: 700; }
.yc-appt-radio {
	display: flex; align-items: center; gap: 14px;
	background: #fff; border: 1px solid #e6e6e6; border-radius: 4px;
	padding: 18px 20px; margin-bottom: 10px; font-size: 15px; cursor: pointer;
}
.yc-appt-radio.is-active { background: #eff5ec; border-color: #eff5ec; }
.yc-appt-radio input { appearance: none; width: 20px; height: 20px; border: 1px solid #9a9a9a; border-radius: 50%; margin: 0; }
.yc-appt-radio input:checked { border: 6px solid #014e2e; }
.yc-appt-radio-block { border: 1px solid #e6e6e6; border-radius: 4px; padding: 4px 20px 20px; margin-bottom: 10px; }
.yc-appt-radio-block .yc-appt-radio { border: 0; padding: 16px 0 10px; margin: 0; }
.yc-appt-date { width: 260px; max-width: 100%; height: 42px; border: 1px solid #b9b9b9; padding: 0 12px; font: inherit; font-size: 14px; }

@media (max-width: 900px) {
	.yc-appt-split { grid-template-columns: 1fr; gap: 24px; }
	.yc-appt-hero-title { font-size: 28px; }
}


.yc-appt-slot { display: flex; align-items: center; gap: 14px; padding: 4px 0 8px 34px; }
.yc-appt-slot-label { font-size: 15px; font-weight: 700; letter-spacing: .4px; color: #1c1c1c; }
.yc-appt-slot select {
	height: 40px; min-width: 96px; border: 1px solid #cfcfcf; background-color: #fff;
	font: 400 14px Montserrat, sans-serif; color: #1c1c1c;
	padding: 0 30px 0 12px; appearance: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231c1c1c' stroke-width='1.4'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 10px center;
}

.yc-appt-validate {
	display: block; width: 460px; max-width: 100%; height: 48px; margin: 26px 0 0;
	border: 0; border-radius: 4px; background: #014e2e; color: #fff;
	font: 700 12px/48px Montserrat, sans-serif; letter-spacing: .7px; cursor: pointer;
}
.yc-appt-validate:hover { background: #0b6340; }

.yc-appt-date-wrap { position: relative; display: inline-block; }
.yc-appt-date-wrap svg { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.yc-appt-date { width: 300px; max-width: 100%; height: 42px; border: 1px solid #b9b9b9; padding: 0 38px 0 12px; font: inherit; font-size: 14px; }