/* =====================================
   Lower Page: form
   ===================================== */

.pg-form {
	--frm-content-width: var(--lower-max-width);
	--frm-section-gap: clamp(2.4rem, 5.6vw, 4.8rem);
	--frm-section-gap-lg: calc(var(--frm-section-gap) * 1.28);
}

.pg-form .ly-lower {
	padding: 0 0 var(--frm-section-gap-lg);
	background: #ececec;
	overflow: hidden;
}

.pg-form h1,
.pg-form h2,
.pg-form h3,
.pg-form legend,
.pg-form label {
	font-family: var(--lower-font-corporate-bold);
	font-weight: 700;
}






.frm-intro,
.frm-contact,
.frm-confirm,
.frm-links {
	width: var(--frm-content-width);
	margin-inline: auto;
}

.frm-intro {
	/* margin-top: var(--frm-section-gap); */
}

.frm-intro__title {
	margin: 0;
	text-align: center;
	color: #231815;
	font-size: clamp(1.5rem, 3vw, 2.1rem);
	line-height: 1.42;
}

.frm-intro__highlight {
	display: inline-block;
	padding-inline: clamp(0.4rem, 0.95vw, 0.7rem);
	background: #ce1316;
	color: #ffe200;
}

.frm-contact {
	/* margin-top: var(--frm-section-gap); */
}

.frm-contact__title {
	position: relative;
	margin: 0;
	padding-left: clamp(0.95rem, 2vw, 1.4rem);
	font-size: clamp(1.35rem, 2.8vw, 2rem);
	line-height: 1.2;
	color: #231815;
}

.frm-contact__title::before {
	content: '';
	position: absolute;
	left: 0;
	top: clamp(0.35rem, 0.9vw, 0.64rem);
	width: clamp(0.4rem, 0.9vw, 0.66rem);
	height: clamp(2.6rem, 4.8vw, 4.1rem);
	background: var(--color-base-orange);
}

.frm-contact__required-note {
	font-size: clamp(1.1rem, 2vw, 1.5rem);
	line-height: 1.5;
	padding-left: clamp(0.6rem, 1.4vw, 1rem);
}

.frm-form {
	margin-top: clamp(1.5rem, 3.1vw, 2.4rem);
	border: 1px solid #d8d4d1;
	background: #ececec;
}

.frm-form__row {
	display: grid;
	grid-template-columns: minmax(11rem, 15rem) minmax(0, 1fr);
	align-items: stretch;
	min-height: clamp(5.2rem, 8.8vw, 6.8rem);
	border-top: 1px solid #d8d4d1;
}

.frm-form__row:first-child {
	border-top: none;
}

.frm-form__row--textarea {
	min-height: clamp(12rem, 22vw, 18rem);
}

.frm-form__label {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #eac33b;
	color: #000;
	font-size: clamp(1.2rem, 2.2vw, 1.9rem);
	line-height: 1.2;
	padding: clamp(0.8rem, 1.6vw, 1.2rem) clamp(0.4rem, 1vw, 0.8rem);
}

.frm-form__label--plain {
	font-family: var(--lower-font-corporate-bold);
	font-weight: 700;
}

.frm-form__field {
	/* display: flex; */
	align-items: center;
	gap: clamp(0.6rem, 1.4vw, 1rem);
	padding: clamp(0.8rem, 1.8vw, 1.2rem) clamp(0.8rem, 2.3vw, 1.6rem);
}

.frm-form__field input,
.frm-form__field textarea {
	width: 100%;
	border: 1px solid #d0cdca;
	background: #fff;
	font-size: clamp(0.95rem, 1.4vw, 1.06rem);
	line-height: 1.5;
	padding: clamp(0.55rem, 1.2vw, 0.8rem) clamp(0.6rem, 1.4vw, 0.95rem);
}

.frm-form__field textarea {
	min-height: clamp(9rem, 16vw, 13rem);
	resize: vertical;
}

.frm-form__hint {
	margin: 0;
	margin-left: auto;
	color: #000;
	font-size: clamp(0.9rem, 1.5vw, 1.2rem);
	white-space: nowrap;
}

.frm-form__radios {
	border: 0;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: clamp(1rem, 2vw, 1.5rem);
}

.frm-form__radio {
	display: inline-flex;
	align-items: center;
	gap: clamp(0.3rem, 0.8vw, 0.5rem);
	font-size: clamp(1rem, 1.8vw, 1.35rem);
}

.frm-form__radio input {
	appearance: none;
	width: clamp(1rem, 1.7vw, 1.35rem);
	height: clamp(1rem, 1.7vw, 1.35rem);
	border: 1px solid #5b5552;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	background: #ececec;
}

.frm-form__radio input:checked {
	background:
		radial-gradient(circle, #5b5552 0 42%, transparent 44% 100%),
		#ececec;
}

.frm-confirm {
	margin-top: var(--frm-section-gap-lg);
	text-align: center;
}

.frm-confirm__text {
	margin: 0;
	font-size: clamp(1rem, 1.9vw, 1.4rem);
	line-height: 1.45;
}

.frm-confirm__arrow {
	width: 0;
	height: 0;
	margin: clamp(1.1rem, 2.5vw, 1.7rem) auto 0;
	border-left: clamp(1rem, 1.8vw, 1.35rem) solid transparent;
	border-right: clamp(1rem, 1.8vw, 1.35rem) solid transparent;
	border-top: clamp(1rem, 1.8vw, 1.35rem) solid #d72529;
}

.frm-confirm__button {
	margin-top: clamp(1.3rem, 2.7vw, 1.9rem);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: min(100%, clamp(18rem, 36vw, 28rem));
	background: #eac33b;
	border: none;
	border-radius: clamp(0.75rem, 1.5vw, 1rem);
	box-shadow: 0 clamp(0.2rem, 0.7vw, 0.36rem) 0 #b9b1ad;
	font-family: var(--lower-font-corporate-bold);
	font-size: clamp(1.45rem, 2.6vw, 2.1rem);
	line-height: 1.2;
	padding: clamp(0.95rem, 1.8vw, 1.35rem) clamp(1.2rem, 2.2vw, 1.8rem);
	cursor: pointer;
}

/* =====================================
   Contact Form 7 compatibility
   ===================================== */
.frm-form--cf7 .wpcf7-form {
	margin: 0;
}

.frm-form--cf7 .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.frm-form--cf7 .frm-form__label {
	font-size: clamp(1rem, 1.7vw, 1.35rem);
}

.frm-form--cf7 .frm-form__radios .wpcf7-list-item {
	margin: 0;
}

.frm-form--cf7 .frm-form__radios .wpcf7-list-item label {
	display: inline-flex;
	align-items: center;
	gap: clamp(0.3rem, 0.8vw, 0.5rem);
	font-size: clamp(0.92rem, 1.45vw, 1.06rem);
}

.frm-form--cf7 .frm-form__radios .wpcf7-list-item input[type='radio'] {
	appearance: none;
	width: clamp(1rem, 1.7vw, 1.35rem);
	height: clamp(1rem, 1.7vw, 1.35rem);
	border: 1px solid #5b5552;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	background: #ececec;
}

.frm-form--cf7 .frm-form__radios .wpcf7-list-item input[type='radio']:checked {
	background:
		radial-gradient(circle, #5b5552 0 42%, transparent 44% 100%),
		#ececec;
}

.frm-form--cf7 .wpcf7-not-valid-tip {
	margin-top: 0.35rem;
	color: #d72529;
	font-size: clamp(0.84rem, 1.4vw, 1rem);
	line-height: 1.3;
}

.frm-form--cf7 .wpcf7-response-output {
	margin: clamp(1rem, 2vw, 1.5rem);
	border-color: #d72529;
	font-size: clamp(0.9rem, 1.4vw, 1.05rem);
	line-height: 1.45;
}

.frm-form--cf7 .frm-confirm .wpcf7-spinner {
	display: block;
	margin: 0.6rem auto 0;
}

.frm-links {
	margin-top: var(--frm-section-gap-lg);
}

.frm-links__title {
	margin: 0;
	text-align: center;
	color: #d8242f;
	font-size: clamp(1.5rem, 3.1vw, 2.2rem);
	line-height: 1.2;
}

.frm-links__actions {
	margin-top: clamp(1.3rem, 3vw, 2.2rem);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(0.8rem, 2vw, 1.4rem);
}

.frm-links__button {
	display: block;
	width: min(100%, clamp(18rem, 38vw, 29rem));
}

.frm-links__button img {
	width: 100%;
	height: auto;
	display: block;
}

.frm-links__button--mail {
	justify-self: end;
}

.frm-links__button--tel {
	justify-self: start;
}

.frm-page-top {
	position: fixed;
	right: clamp(0.6rem, 1.8vw, 1.4rem);
	bottom: clamp(0.6rem, 1.8vw, 1.4rem);
	width: clamp(3.6rem, 6.2vw, 5.2rem);
	line-height: 0;
	z-index: 60;
}

.frm-page-top img {
	width: 100%;
	height: auto;
	display: block;
}

.u-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.u-br-sp-only {
	display: none;
}

@media (max-width: 1024px) {
	.pg-form {
		--frm-section-gap: clamp(2.1rem, 6.1vw, 3.9rem);
		--frm-section-gap-lg: calc(var(--frm-section-gap) * 1.24);
	}

	.frm-form__row {
		grid-template-columns: minmax(9.4rem, 13rem) minmax(0, 1fr);
	}
}

@media (max-width: 768px) {
	.u-br-sp-only {
		display: inline;
	}

	.pg-form {
		--frm-content-width: min(100%, calc(100% - 2rem));
		--frm-section-gap: clamp(1.9rem, 8.2vw, 3rem);
		--frm-section-gap-lg: calc(var(--frm-section-gap) * 1.2);
	}




	.frm-intro__title {
		font-size: clamp(1.55rem, 7.1vw, 2.2rem);
		line-height: 1.5;
	}

	.frm-contact__title {
		font-size: clamp(1.3rem, 6.5vw, 1.85rem);
	}

	.frm-contact__title::before {
		top: clamp(0.28rem, 1vw, 0.42rem);
		height: clamp(1.9rem, 8.1vw, 2.6rem);
	}

	.frm-contact__required-note {
		font-size: clamp(0.9rem, 4vw, 1.08rem);
	}

	.frm-form__row {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.frm-form__label {
		justify-content: flex-start;
		font-size: clamp(1rem, 4.8vw, 1.3rem);
		padding: clamp(0.7rem, 3.2vw, 0.95rem) clamp(0.85rem, 3.8vw, 1.15rem);
	}

	.frm-form__field {
		flex-wrap: wrap;
		padding: clamp(0.7rem, 3.3vw, 0.95rem) clamp(0.85rem, 3.8vw, 1.15rem);
	}

	.frm-form__hint {
		width: 100%;
		margin-left: 0;
		font-size: clamp(0.74rem, 3.2vw, 0.9rem);
	}

	.frm-form__radios {
		gap: clamp(0.8rem, 3vw, 1.2rem);
	}

	.frm-form__radio {
		font-size: clamp(0.92rem, 4vw, 1.1rem);
	}

	.frm-form--cf7 .frm-form__radios .wpcf7-list-item label {
		font-size: clamp(0.92rem, 4vw, 1.1rem);
	}

	.frm-form--cf7 .frm-form__label {
		font-size: clamp(0.92rem, 4vw, 1.1rem);
	}

	.frm-confirm__text {
		font-size: clamp(0.9rem, 3.8vw, 1.06rem);
	}

	.frm-confirm__button {
		font-size: clamp(1.08rem, 5.2vw, 1.45rem);
		width: min(100%, clamp(15rem, 80vw, 21rem));
	}

	.frm-links__title {
		font-size: clamp(1.6rem, 8vw, 2.2rem);
	}

	.frm-links__actions {
		grid-template-columns: 1fr;
		gap: clamp(0.65rem, 2.9vw, 1rem);
	}

	.frm-links__button {
		width: min(100%, clamp(15rem, 82vw, 21rem));
		justify-self: center;
	}

	.frm-page-top {
		width: clamp(3.2rem, 16vw, 4.2rem);
		right: clamp(0.5rem, 2.6vw, 0.9rem);
		bottom: clamp(0.5rem, 2.6vw, 0.9rem);
	}
}