.fg-inquiry-form {
	background: var(--fg-color-surface, #ffffff);
	border: 1px solid var(--fg-color-line, #d9e3e7);
	border-top: 4px solid var(--fg-color-ocean, #0d5874);
	border-radius: var(--fg-radius-md, 8px);
	display: grid;
	gap: 32px;
	margin-block: 28px;
	padding: 34px;
}

.fg-inquiry-form [hidden] {
	display: none !important;
}

.fg-inquiry-form__section {
	border: 0;
	display: grid;
	gap: 18px;
	margin: 0;
	min-width: 0;
	padding: 0;
}

.fg-inquiry-form__section + .fg-inquiry-form__section {
	border-top: 1px solid var(--fg-color-line, #d9e3e7);
	padding-top: 32px;
}

.fg-inquiry-form__shipping {
	background: var(--fg-color-sea-soft, #edf7fa);
	border: 1px solid var(--fg-color-line, #d9e3e7);
	border-left: 4px solid var(--fg-color-sea, #2f91ad);
	border-radius: var(--fg-radius-sm, 4px);
	padding: 24px;
}

.fg-inquiry-form__shipping[hidden] {
	display: none;
}

.fg-inquiry-form [data-fg-general-detail][hidden] {
	display: none;
}

.fg-inquiry-form [data-fg-standard-detail][hidden],
.fg-inquiry-form__sunshade[hidden] {
	display: none;
}

.fg-inquiry-form__shipping[hidden] + .fg-inquiry-form__section {
	border-top: 0;
	padding-top: 0;
}

.fg-inquiry-form__grid--shipping {
	grid-template-columns: minmax(0, 1.4fr) minmax(130px, 0.6fr) minmax(0, 1fr);
}

.fg-inquiry-form__sunshade {
	background: var(--fg-color-surface-muted, #f5f8f9);
	border: 1px solid var(--fg-color-line, #d9e3e7);
	border-left: 4px solid var(--fg-color-sea, #2f91ad);
	border-radius: var(--fg-radius-sm, 4px);
	padding: 26px 24px;
}

.fg-inquiry-form__section legend {
	color: var(--fg-color-ink, #142a34);
	font-size: 1.22rem;
	font-weight: 800;
	line-height: 1.35;
	margin: 0 0 -6px;
	padding: 0;
	width: 100%;
}

.fg-inquiry-form__section-intro {
	color: var(--fg-color-muted, #5d7079);
	font-size: 0.88rem;
	line-height: 1.6;
	margin: 0 0 6px;
	max-width: 680px;
}

.fg-inquiry-form__grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fg-inquiry-form__grid--contact .fg-inquiry-form__field--phone {
	grid-column: 1 / -1;
	max-width: calc(50% - 10px);
}

.fg-inquiry-form__field {
	display: grid;
	gap: 7px;
	margin: 0;
}

.fg-inquiry-form__field--wide {
	margin-top: 2px;
}

.fg-inquiry-form__choice-block {
	display: grid;
	gap: 10px;
}

.fg-inquiry-form__choice-block > strong {
	color: var(--fg-color-ink, #142a34);
	font-size: 0.86rem;
	font-weight: 750;
}

.fg-inquiry-form__choices {
	display: grid;
	gap: 8px 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fg-inquiry-form__choices label {
	align-items: flex-start;
	background: #ffffff;
	border: 1px solid var(--fg-color-line, #d9e3e7);
	border-radius: var(--fg-radius-sm, 4px);
	cursor: pointer;
	display: flex;
	font-size: 0.82rem;
	font-weight: 650;
	gap: 10px;
	line-height: 1.45;
	min-height: 46px;
	padding: 11px 12px;
	transition: border-color 160ms ease, background 160ms ease;
}

.fg-inquiry-form__choices label:hover,
.fg-inquiry-form__choices label:focus-within {
	background: var(--fg-color-sea-soft, #edf7fa);
	border-color: var(--fg-color-sea, #2f91ad);
}

.fg-inquiry-form__choices input {
	accent-color: var(--fg-color-ocean, #0d5874);
	flex: 0 0 auto;
	height: 17px;
	margin: 2px 0 0;
	width: 17px;
}

.fg-inquiry-form label {
	color: var(--fg-color-ink, #142a34);
	font-size: 0.86rem;
	font-weight: 750;
}

.fg-inquiry-form__optional {
	color: var(--fg-color-muted, #5d7079);
	font-size: 0.74rem;
	font-weight: 550;
}

.fg-inquiry-form__optional[hidden],
.fg-inquiry-form__required[hidden] {
	display: none;
}

.fg-inquiry-cart {
	background: #ffffff;
	border: 1px solid var(--fg-color-line, #d9e3e7);
	border-radius: var(--fg-radius-sm, 4px);
	overflow: hidden;
}

.fg-inquiry-cart__heading,
.fg-inquiry-cart__total {
	align-items: center;
	display: flex;
	gap: 14px;
	justify-content: space-between;
}

.fg-inquiry-cart__heading {
	border-bottom: 1px solid var(--fg-color-line, #d9e3e7);
	padding: 14px 16px;
}

.fg-inquiry-cart__heading strong,
.fg-inquiry-cart__total strong {
	color: var(--fg-color-ink, #142a34);
	font-size: 0.86rem;
}

.fg-inquiry-cart__heading a {
	color: var(--fg-color-ocean, #0d5874);
	font-size: 0.75rem;
	font-weight: 750;
}

.fg-inquiry-cart ul {
	display: grid;
	list-style: none;
	margin: 0;
	padding: 4px 16px;
}

.fg-inquiry-cart li {
	align-items: baseline;
	border-bottom: 1px solid var(--fg-color-line, #d9e3e7);
	display: flex;
	gap: 16px;
	justify-content: space-between;
	padding: 11px 0;
}

.fg-inquiry-cart li span {
	color: var(--fg-color-ink, #142a34);
	font-size: 0.82rem;
	line-height: 1.45;
}

.fg-inquiry-cart li b {
	color: var(--fg-color-ocean, #0d5874);
	font-weight: 800;
}

.fg-inquiry-cart li small {
	color: var(--fg-color-muted, #5d7079);
	flex: 0 0 auto;
	font-size: 0.76rem;
}

.fg-inquiry-cart__total {
	background: var(--fg-color-surface-muted, #f5f8f9);
	font-size: 0.78rem;
	margin: 0;
	padding: 13px 16px;
}

.fg-inquiry-cart__empty {
	color: var(--fg-color-muted, #5d7079);
	font-size: 0.8rem;
	line-height: 1.55;
	margin: 0;
	padding: 16px;
}

.fg-inquiry-form label span[aria-hidden="true"] {
	color: var(--fg-color-error, #b33b2e);
}

.fg-inquiry-form input[type="text"],
.fg-inquiry-form input[type="email"],
.fg-inquiry-form input[type="tel"],
.fg-inquiry-form input[type="file"],
.fg-inquiry-form select,
.fg-inquiry-form textarea {
	background: #ffffff;
	border: 1px solid var(--fg-color-line, #d9e3e7);
	border-radius: var(--fg-radius-sm, 4px);
	color: var(--fg-color-ink, #142a34);
	min-height: 50px;
	padding: 0.78rem 0.85rem;
	transition: border-color 160ms ease, box-shadow 160ms ease;
	width: 100%;
}

.fg-inquiry-form input::placeholder,
.fg-inquiry-form textarea::placeholder {
	color: #84939a;
}

.fg-inquiry-form input:focus,
.fg-inquiry-form select:focus,
.fg-inquiry-form textarea:focus {
	border-color: var(--fg-color-sea, #2f91ad);
	box-shadow: 0 0 0 3px rgba(47, 145, 173, 0.13);
	outline: 0;
}

.fg-inquiry-form textarea {
	line-height: 1.55;
	min-height: 184px;
	resize: vertical;
}

.fg-file-field {
	background: var(--fg-color-surface-muted, #f5f8f9);
	border: 1px dashed var(--fg-color-line-strong, #bfd0d7);
	border-radius: var(--fg-radius-sm, 4px);
	padding: 20px;
}

.fg-file-field input[type="file"] {
	background: transparent;
	border: 0;
	min-height: 0;
	padding: 4px 0;
}

.fg-file-field input[type="file"]::file-selector-button {
	background: #ffffff;
	border: 1px solid var(--fg-color-line, #d9e3e7);
	border-radius: var(--fg-radius-sm, 4px);
	color: var(--fg-color-ocean, #0d5874);
	cursor: pointer;
	font: inherit;
	font-size: 0.84rem;
	font-weight: 750;
	margin-right: 12px;
	min-height: 40px;
	padding: 0 13px;
}

.fg-inquiry-form__field--checkbox label {
	align-items: flex-start;
	display: flex;
	font-size: 0.82rem;
	font-weight: 500;
	gap: 11px;
	line-height: 1.5;
}

.fg-inquiry-form__field--checkbox input {
	accent-color: var(--fg-color-ocean, #0d5874);
	flex: 0 0 auto;
	height: 18px;
	margin-top: 3px;
	width: 18px;
}

.fg-inquiry-form__field--checkbox a {
	color: var(--fg-color-ocean, #0d5874);
}

.fg-inquiry-form__field--website {
	display: none;
}

.fg-inquiry-form__help {
	color: var(--fg-color-muted, #5d7079);
	font-size: 0.8rem;
}

.fg-file-field__selection {
	color: var(--fg-color-success, #167654);
	font-size: 0.82rem;
	font-weight: 750;
}

.fg-inquiry-form__notice {
	border-radius: var(--fg-radius-sm, 4px);
	padding: 14px 16px;
}

.fg-inquiry-form__notice p {
	margin: 0;
}

.fg-inquiry-form__notice--success {
	background: #edf8f3;
	border: 1px solid #a7d9c5;
}

.fg-inquiry-form__notice--error {
	background: #fff3f1;
	border: 1px solid #efb9b1;
}

.fg-inquiry-form__footer {
	align-items: center;
	border-top: 1px solid var(--fg-color-line, #d9e3e7);
	display: flex;
	flex-wrap: wrap;
	gap: 16px 22px;
	padding-top: 28px;
}

.fg-inquiry-form__submit {
	align-items: center;
	background: var(--fg-color-ocean, #0d5874);
	border: 1px solid var(--fg-color-ocean, #0d5874);
	border-radius: var(--fg-radius-sm, 4px);
	color: #ffffff;
	display: inline-flex;
	font-weight: 750;
	justify-content: center;
	justify-self: start;
	min-height: 50px;
	padding: 0.82rem 1.35rem;
	transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.fg-inquiry-form__submit:hover,
.fg-inquiry-form__submit:focus-visible {
	background: var(--fg-color-navy, #082f43);
	border-color: var(--fg-color-navy, #082f43);
	transform: translateY(-1px);
}

.fg-inquiry-form__footer > span {
	color: var(--fg-color-muted, #5d7079);
	font-size: 0.82rem;
	max-width: 350px;
}

@media (max-width: 720px) {
	.fg-inquiry-form {
		gap: 24px;
		margin-block: 22px;
		padding: 24px 18px;
	}

	.fg-inquiry-form input[type="text"],
	.fg-inquiry-form input[type="email"],
	.fg-inquiry-form input[type="tel"],
	.fg-inquiry-form input[type="file"],
	.fg-inquiry-form select,
	.fg-inquiry-form textarea {
		font-size: 16px;
		min-height: 52px;
	}

	.fg-inquiry-form__section legend {
		font-size: 1.12rem;
	}

	.fg-inquiry-form__grid {
		grid-template-columns: 1fr;
	}

	.fg-inquiry-form__shipping {
		padding: 20px 16px;
	}

	.fg-inquiry-form__sunshade {
		padding: 20px 16px;
	}

	.fg-inquiry-form__choices {
		grid-template-columns: 1fr;
	}

	.fg-inquiry-form__choices label {
		font-size: 0.88rem;
		min-height: 50px;
		padding: 12px;
	}

	.fg-inquiry-cart li {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}

	.fg-inquiry-form__grid--contact .fg-inquiry-form__field--phone {
		grid-column: auto;
		max-width: none;
	}

	.fg-inquiry-form__footer {
		align-items: stretch;
		display: grid;
	}

	.fg-inquiry-form__submit {
		min-height: 52px;
		width: 100%;
	}
}

@media (max-width: 430px) {
	.fg-inquiry-form {
		border-radius: 6px;
		gap: 22px;
		margin-block: 18px;
		padding: 21px 15px;
	}

	.fg-inquiry-form__section {
		gap: 16px;
	}

	.fg-inquiry-form__section + .fg-inquiry-form__section {
		padding-top: 24px;
	}

	.fg-inquiry-form__shipping,
	.fg-inquiry-form__sunshade {
		padding: 18px 14px;
	}

	.fg-file-field {
		padding: 16px 14px;
	}

	.fg-file-field input[type="file"]::file-selector-button {
		display: block;
		margin: 0 0 10px;
		width: 100%;
	}

	.fg-inquiry-cart__heading,
	.fg-inquiry-cart__total {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.fg-inquiry-form__footer {
		gap: 12px;
		padding-top: 22px;
	}
}