/* S6b — Contacts overlay · Figma menu-chat 1:1871 */

.bhm-contacts {
	display: none;
}

.bhm-contacts__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (max-width: 781px) {
	.bhm-has-bottom-nav .bhm-contacts:not([hidden]),
	.bhm-has-pdp-sticky .bhm-contacts:not([hidden]),
	.bhm-has-cs-sticky .bhm-contacts:not([hidden]) {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 10000;
		overflow: auto;
		background: var(--bhm-surface);
		box-shadow: inset 0 0 50px -5px rgba(7, 100, 253, 0.4);
	}

	.bhm-has-bottom-nav .bhm-contacts:not([hidden]) {
		inset: 0 0 var(--bhm-bottom-nav-h, 64px) 0;
	}

	.bhm-has-bottom-nav.bhm-contacts-open,
	.bhm-has-pdp-sticky.bhm-contacts-open,
	.bhm-has-cs-sticky.bhm-contacts-open {
		overflow: hidden;
	}

	.bhm-has-bottom-nav.bhm-contacts-open .bhm-site-header,
	.bhm-has-pdp-sticky.bhm-contacts-open .bhm-site-header,
	.bhm-has-cs-sticky.bhm-contacts-open .bhm-site-header {
		visibility: hidden;
	}

	body.bhm-contacts-open .bhm-sticky-bar--pdp,
	body.bhm-contacts-open .bhm-sticky-bar--cs {
		display: none;
	}

	.bhm-contacts__sheet {
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		min-height: 100%;
		padding: 40px 32px 24px;
		gap: 32px;
	}

	.bhm-contacts__close {
		position: absolute;
		top: 12px;
		right: 12px;
		z-index: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		padding: 0;
		border: 0;
		border-radius: var(--bhm-radius-sm);
		background: transparent;
		color: var(--bhm-navy);
		font-size: 28px;
		line-height: 1;
		cursor: pointer;
	}

	.bhm-contacts__close:focus-visible {
		outline: none;
		box-shadow: var(--bhm-focus-ring);
	}

	.bhm-contacts__brand {
		display: flex;
		align-items: center;
		gap: 15px;
	}

	.bhm-contacts__mark {
		display: block;
		width: 46px;
		height: 50px;
		object-fit: contain;
		transform: scaleY(-1);
	}

	.bhm-contacts__brand-text {
		display: flex;
		flex-direction: column;
	}

	.bhm-contacts__name {
		font-size: 24px;
		font-weight: var(--bhm-fw-bold);
		color: var(--bhm-navy);
		line-height: 1.15;
	}

	.bhm-contacts__tag {
		font-size: var(--bhm-text-small);
		font-weight: var(--bhm-fw-regular);
		line-height: 1.35;
		color: var(--bhm-accent);
	}

	.bhm-contacts__copy {
		display: flex;
		flex-direction: column;
		gap: 5px;
		width: 100%;
	}

	.bhm-contacts__title {
		margin: 0;
		font-size: 24px;
		font-weight: var(--bhm-fw-bold);
		color: var(--bhm-ink);
		line-height: 1.2;
	}

	.bhm-contacts__lead {
		margin: 0;
		font-size: var(--bhm-text-small);
		font-weight: var(--bhm-fw-regular);
		color: var(--bhm-ink);
	}

	.bhm-contacts__list {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.bhm-contacts__row {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		color: var(--bhm-navy);
		text-decoration: none;
		font-size: var(--bhm-text-small);
	}

	.bhm-contacts__ico {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		padding: 5px;
		border-radius: var(--bhm-radius-sm);
		background: var(--bhm-glass-bg);
		box-sizing: border-box;
	}

	.bhm-contacts__ico img {
		display: block;
		width: 20px;
		height: 20px;
		max-width: none;
		max-height: none;
		aspect-ratio: 1;
		object-fit: contain;
		flex-shrink: 0;
	}

	.bhm-contacts__phone {
		font-size: 20px;
		color: var(--bhm-ink);
	}

	.bhm-contacts__phone-soft {
		font-weight: var(--bhm-fw-regular);
	}

	.bhm-contacts__phone-strong {
		font-weight: var(--bhm-fw-bold);
	}

	.bhm-contacts__form {
		display: flex;
		flex-direction: column;
		gap: 15px;
		width: 100%;
		margin-top: auto;
	}

	.bhm-contacts__field {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}

	.bhm-contacts__label {
		display: flex;
		gap: 4px;
		font-size: var(--bhm-text-small);
		font-weight: var(--bhm-fw-semibold);
		letter-spacing: 0.02em;
		text-transform: uppercase;
		color: var(--bhm-ink);
	}

	.bhm-contacts__req {
		color: var(--bhm-accent);
	}

	.bhm-contacts__input {
		box-sizing: border-box;
		width: 100%;
		height: 44px;
		padding: 10px 16px;
		border: 1px solid var(--bhm-border);
		border-radius: var(--bhm-radius);
		background: var(--bhm-surface);
		color: var(--bhm-navy);
		font-family: var(--bhm-font);
		font-size: var(--bhm-text-small);
	}

	.bhm-contacts__input:focus-visible {
		outline: none;
		box-shadow: var(--bhm-focus-ring);
		border-color: var(--bhm-accent);
	}

	.bhm-contacts__status {
		margin: 0;
		font-size: var(--bhm-text-small);
		font-weight: var(--bhm-fw-semibold);
	}

	.bhm-contacts__status.is-ok {
		color: var(--bhm-success);
	}

	.bhm-contacts__status.is-err {
		color: var(--bhm-danger);
	}

	.bhm-contacts__submit {
		width: 100%;
		height: 44px;
		gap: 15px;
		box-shadow: 0 4px 6px rgba(7, 100, 253, 0.24);
	}

	.bhm-contacts__submit img {
		width: 15px;
		height: 15px;
		filter: brightness(0) invert(1);
	}
}