/**
 * Split from craft.css
 */

/* —— Contact —— */
.hm-contact-hero {
	background: #200c80;
}

.hm-contact__row {
	gap: 0.95rem;
	align-items: flex-start;
	padding: 1rem 0;
	border-bottom: 1px solid var(--hm-line);
}

.hm-contact__ico {
	display: inline-flex;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--hm-line);
	background: var(--hm-paper);
	color: var(--hm-brand);
	flex-shrink: 0;
}

.hm-contact__ico--wa,
.hm-contact__ico .hm-wa-mark {
	color: #25d366;
}

.hm-form {
	border: 1px solid #e5e5e8;
	background: var(--hm-white);
	padding: clamp(1.35rem, 2.5vw, 1.85rem);
}

.hm-form--contact {
	border-top: 3px solid #200c80;
}

.hm-form label {
	font-weight: 500;
	font-size: 0.82rem;
	letter-spacing: 0.02em;
}

.hm-form input,
.hm-form textarea,
.hm-form select {
	border: 1px solid #e5e5e8;
	border-radius: 0;
	font-weight: 300;
	min-height: 46px;
	padding: 0.65rem 0.85rem;
	transition: border-color var(--hm-ease), background var(--hm-ease);
}

.hm-form__consent input[type="checkbox"] {
	min-height: 1.125rem;
	min-width: 1.125rem;
	padding: 0;
	box-shadow: none;
}

.hm-form input:focus,
.hm-form textarea:focus,
.hm-form select:focus {
	outline: none;
	border-color: var(--hm-brand);
	box-shadow: 0 0 0 2px var(--hm-brand-soft);
}

.hm-form__consent input[type="checkbox"]:focus {
	box-shadow: none;
}

/* —— FAQ —— */
.hm-faq__item {
	border: 1px solid #e5e5e8;
	background: var(--hm-white);
	margin-bottom: 0.65rem;
}

.hm-faq__q {
	font-weight: 500;
	letter-spacing: -0.01em;
	padding: 1.05rem 1.15rem;
}

.hm-faq__plus {
	font-weight: 300;
	color: var(--hm-brand);
}

.hm-faq__cta-box {
	border: 1px solid #e5e5e8;
	background: var(--hm-paper);
	display: flex;
	gap: 1rem;
	align-items: center;
	padding: 1.25rem 1.35rem;
	margin-top: 1.5rem;
}

.hm-faq__cta-ico {
	color: var(--hm-brand);
}