/* Zhebe Logistics — главная, pixel-perfect к Figma (frame 1500px, node 1:6) */

:root {
	--zhebe-gold: #ffd000;
	--zhebe-gold-hover: #e6bc00;
	--zhebe-black: #0a0a0a;
	--zhebe-muted: rgba(0, 0, 0, 0.65);
	--zhebe-border: rgba(0, 0, 0, 0.1);
	--zhebe-gray: #f5f5f5;
	--zhebe-faq-bg: #fafafa;
	--zhebe-content: 1189px;
	--zhebe-gutter: 15px;
	--zhebe-inset-x: 153.5px;
	--zhebe-header-h: 64px;
	--zhebe-hero-h: 916px;
	--zhebe-ease: 0.21s ease-in;
}

*, *::before, *::after { box-sizing: border-box; }

html { font-size: 16px; scroll-behavior: smooth; }

body.zhebe-body {
	margin: 0;
	font-family: 'Gotham Pro', sans-serif;
	color: var(--zhebe-black);
	background: #fff;
	line-height: 1.2;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}

.zhebe-page {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color var(--zhebe-ease), background var(--zhebe-ease), border-color var(--zhebe-ease), box-shadow var(--zhebe-ease), opacity var(--zhebe-ease); }
ul { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, p { margin: 0; font-weight: normal; font-style: normal; }
button, input, select, textarea { font: inherit; margin: 0; }
button, a { cursor: pointer; }

/* ─── Layout shell (Figma: 1189 + 15px padding) ─── */
.zhebe-wrap {
	width: 100%;
	max-width: var(--zhebe-content);
	margin: 0 auto;
	padding-left: var(--zhebe-gutter);
	padding-right: var(--zhebe-gutter);
}

.zhebe-section--inset {
	padding-left: var(--zhebe-gutter);
	padding-right: var(--zhebe-gutter);
}

@media (min-width: 1500px) {
	.zhebe-section--inset {
		padding-left: var(--zhebe-inset-x);
		padding-right: var(--zhebe-inset-x);
	}
	.zhebe-header .zhebe-wrap {
		max-width: none;
		padding-left: 125px;
		padding-right: 125px;
	}
	.zhebe-hero__wrap {
		max-width: none;
		padding-left: 187px;
		padding-right: var(--zhebe-gutter);
	}
}

/* ─── Section headings (Figma 48px / 57.6px) ─── */
.zhebe-head { margin-bottom: 0; }
.zhebe-head__row { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.zhebe-head__title {
	font-size: 3rem;
	line-height: 57.6px;
	text-transform: uppercase;
	color: var(--zhebe-black);
}
.zhebe-head__title span { font-family: 'Gotham Pro Medium', sans-serif; }
.zhebe-head--arrows .zhebe-head__title {
	display: inline-block;
	padding-right: 100px;
	background: url(../images/figma/arrows-title.svg) right center no-repeat;
}
.zhebe-head--deco .zhebe-head__deco {
	flex-shrink: 0;
	width: 84px;
	height: 35px;
	background: url(../images/figma/arrows-deco.svg) left center / contain no-repeat;
}
.zhebe-head--geo .zhebe-head__title {
	display: block;
	font-size: 2.734375rem;
	line-height: 1.2;
	margin-bottom: 15px;
	padding-right: 0;
	background: none;
}
.zhebe-head--geo .zhebe-head__title span { font-family: 'Gotham Pro', sans-serif; }
.zhebe-head--geo .zhebe-head__lead {
	margin-top: 0;
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1.125rem;
	line-height: 1.2;
	max-width: none;
}
.zhebe-head__lead {
	margin-top: 12px;
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1.125rem;
	line-height: 1.2;
}
.zhebe-head--center .zhebe-head__row { justify-content: center; }
.zhebe-head--center .zhebe-head__title { text-align: center; background-position: right center; }
.zhebe-head--mb60 { margin-bottom: 60px; }
.zhebe-head--mb64 { margin-bottom: 64px; }
.zhebe-head--mb48 { margin-bottom: 48px; }
.zhebe-head--mb80 { margin-bottom: 80px; }
.zhebe-head--mb75 { margin-bottom: 75px; }
.zhebe-head--calc .zhebe-head__title { max-width: 710px; }

/* ─── Buttons (Figma: 257×47, #FFD000) ─── */
.zhebe-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 257px;
	height: 47px;
	padding: 0 28px;
	background: var(--zhebe-gold);
	border: 0;
	border-radius: 2px;
	font-family: 'Gotham Pro Medium', sans-serif;
	font-size: 1.125rem;
	line-height: 27px;
	color: var(--zhebe-black);
}
.zhebe-btn:hover { background: var(--zhebe-gold-hover); }
.zhebe-btn--calc { margin-top: 45px; min-width: 257px; }

/* ─── Header (Figma: 64px, logo ~50×29) ─── */
.zhebe-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	height: var(--zhebe-header-h);
	transition: background var(--zhebe-ease), box-shadow var(--zhebe-ease);
}
.zhebe-header__inner {
	display: flex;
	align-items: center;
	height: 100%;
	gap: 20px;
}
.zhebe-header__logo img { width: 49.98px; height: 29.09px; }
.zhebe-header__nav {
	display: none;
	align-items: center;
	gap: 20px;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid rgba(255, 255, 255, 0.57);
}
.zhebe-header__nav a,
.zhebe-header__dropdown-toggle {
	text-transform: uppercase;
	font-size: 1rem;
	line-height: 26px;
	color: #fff;
	background: none;
	border: 0;
	padding: 0;
}
.zhebe-header__nav a.is-active,
.zhebe-header__nav a:hover,
.zhebe-header__dropdown-toggle:hover { color: var(--zhebe-gold); }
.zhebe-header__dropdown { position: relative; }
.zhebe-header__submenu {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 280px;
	padding: 16px;
	background: #fff;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	max-height: 80vh;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, visibility 0.2s ease;
}
.zhebe-header__dropdown:hover .zhebe-header__submenu,
.zhebe-header__dropdown:focus-within .zhebe-header__submenu { opacity: 1; visibility: visible; }
.zhebe-header__submenu a {
	display: block;
	color: var(--zhebe-black);
	margin-bottom: 12px;
	font-size: 0.8125rem;
	text-transform: none;
	line-height: 1.4;
}
.zhebe-header__submenu a:last-child { margin-bottom: 0; }
.zhebe-header__submenu a:hover { color: var(--zhebe-gold); }
.zhebe-header__contacts {
	display: none;
	flex-direction: column;
	align-items: flex-end;
	margin-left: auto;
}
.zhebe-header__tel { font-size: 1.125rem; line-height: 1.4; color: #fff; }
.zhebe-header__email { font-size: 1rem; color: rgba(255, 255, 255, 0.85); }
.zhebe-header__social { display: none; gap: 12px; }
.zhebe-header__tg,
.zhebe-header__wa {
	width: 40px;
	height: 40px;
	background: center / contain no-repeat;
}
.zhebe-header__tg { background-image: url(../images/telegram.svg); }
.zhebe-header__wa { background-image: url(../images/whatsapp.svg); }
.zhebe-header__burger {
	display: block;
	margin-left: auto;
	width: 32px;
	height: 32px;
	border: 0;
	background: url(../images/burger.svg) center / contain no-repeat;
}
.zhebe-header.is-solid {
	background: #fff;
	box-shadow: 0 1px 0 var(--zhebe-border);
}
.zhebe-header.is-solid .zhebe-header__nav { border-left-color: rgba(0, 0, 0, 0.2); }
.zhebe-header.is-solid .zhebe-header__nav a,
.zhebe-header.is-solid .zhebe-header__dropdown-toggle,
.zhebe-header.is-solid .zhebe-header__tel { color: var(--zhebe-black); }
.zhebe-header.is-solid .zhebe-header__email { color: var(--zhebe-muted); }

.zhebe-mobile-menu {
	position: fixed;
	inset: 0;
	z-index: 200;
	background: #fff;
	padding: 24px;
	overflow-y: auto;
}
.zhebe-mobile-menu__close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 32px;
	height: 32px;
	border: 0;
	background: url(../images/close.svg) center / 20px no-repeat;
}
.zhebe-mobile-menu__nav {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 48px;
	font-size: 1.125rem;
	text-transform: uppercase;
}
.zhebe-mobile-menu__tel { display: inline-block; margin-top: 32px; font-size: 1.25rem; }

@media (min-width: 1024px) {
	.zhebe-header__nav,
	.zhebe-header__contacts,
	.zhebe-header__social { display: flex; }
	.zhebe-header__burger { display: none; }
}

/* ─── Hero (Figma: 916px, content 630px @ y:240) ─── */
.zhebe-hero {
	position: relative;
	height: var(--zhebe-hero-h);
	min-height: 520px;
	overflow: hidden;
}
.zhebe-hero__media { position: absolute; inset: 0; }
.zhebe-hero__media video,
.zhebe-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.zhebe-hero__figma {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.zhebe-hero__media video {
	position: relative;
	z-index: 1;
}
.zhebe-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.15) 100%);
}
.zhebe-hero__wrap {
	position: relative;
	z-index: 2;
	height: 100%;
	display: flex;
	align-items: center;
	padding-top: var(--zhebe-header-h);
}
.zhebe-hero__content {
	max-width: 630px;
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.zhebe-hero__badge {
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1.125rem;
	line-height: 22.5px;
}
.zhebe-hero__title { display: flex; flex-direction: column; }
.zhebe-hero__line {
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 3.5rem;
	line-height: 70px;
	text-transform: uppercase;
}
.zhebe-hero__line strong {
	font-family: 'Gotham Pro Medium', sans-serif;
	font-weight: 500;
}

/* ─── Services (Figma: padding 80/95, cards 360×262) ─── */
.zhebe-services {
	padding: 80px 0 95px;
}
.zhebe-services__grid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.zhebe-service-card {
	position: relative;
	width: calc(100% / 3);
	max-width: 360px;
}
.zhebe-service-card__link {
	display: block;
	height: 100%;
	padding: 32px;
	background: #fff;
	border: 1px solid transparent;
	transition: border-color var(--zhebe-ease), box-shadow var(--zhebe-ease);
}
.zhebe-service-card__description {
	display: flex;
	flex-direction: column;
	min-height: 198px;
}
.zhebe-service-card h4 {
	margin-bottom: 20px;
	font-size: 1.3125rem;
	line-height: 25.2px;
}
.zhebe-service-card h4 span { font-family: 'Gotham Pro Medium', sans-serif; }
.zhebe-service-card p {
	margin-bottom: 20px;
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1rem;
	line-height: 22.4px;
	color: var(--zhebe-muted);
}
.zhebe-service-card__arrow,
.zhebe-service-card .arrows {
	display: block;
	width: 42px;
	height: 16px;
	margin-top: auto;
	background: url(../images/arrows-black.svg) left center no-repeat;
	transition: background var(--zhebe-ease);
}
.zhebe-service-card__link:hover {
	border-color: var(--zhebe-border);
	box-shadow: 0 4px 58px rgba(0, 0, 0, 0.07);
}
.zhebe-service-card__link:hover .arrows,
.zhebe-service-card__link:hover .zhebe-service-card__arrow {
	background-image: url(../images/arrows-gold.svg);
}
.zhebe-service-card__img,
.zhebe-service-card .img {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: -1;
	width: 100%;
	box-shadow: 0 4px 58px rgba(0, 0, 0, 0.07);
}
.zhebe-service-card__img img,
.zhebe-service-card .img img {
	display: block;
	width: 100%;
	height: 253px;
	object-fit: cover;
	opacity: 0;
	transition: opacity var(--zhebe-ease);
}
.zhebe-service-card:nth-child(n+4) .img,
.zhebe-service-card:nth-child(n+4) .zhebe-service-card__img {
	top: auto;
	bottom: 100%;
}
.zhebe-service-card__link:hover + .img img,
.zhebe-service-card__link:hover + .zhebe-service-card__img img,
.zhebe-service-card:hover .img img { opacity: 1; }
.zhebe-service-card__link:hover + .img,
.zhebe-service-card__link:hover + .zhebe-service-card__img { z-index: 5; }

.zhebe-services__extra,
.zhebe-services__extra.extra {
	width: calc(100% / 3);
	max-width: 360px;
	padding: 32px;
	border-left: 2px solid #afafaf;
}
.zhebe-services__extra small {
	display: inline-block;
	margin-bottom: 15px;
	font-size: 0.875rem;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.85);
}
.zhebe-services__extra li { line-height: 180%; }
.zhebe-services__extra span {
	font-family: 'Gotham Pro Light', sans-serif;
	color: var(--zhebe-muted);
	line-height: 1;
}

/* ─── Geo (Figma Frame 2 / Section: 1500×1012) ─── */
.zhebe-geo {
	position: relative;
	height: 1012px;
	min-height: 660px;
	background: #fff;
}
.zhebe-geo__map { position: absolute; inset: 0; }
.zhebe-geo__map #zhebe-geo-map { width: 100%; height: 100%; }
.zhebe-geo__map .leaflet-tile-pane { filter: grayscale(100%); opacity: 0.5; }
.zhebe-geo .dg-attribution__copyright { display: none; }
.zhebe-geo .dg-label {
	width: 180px;
	margin-top: 20px;
	margin-left: -90px;
	text-align: center;
	word-break: break-word;
}
.zhebe-geo .dg-label__content {
	background: none;
	border: 0;
	border-radius: 0;
	font-family: 'Gotham Pro Medium', sans-serif;
	font-size: 1rem;
	line-height: 1.2;
	color: rgba(0, 0, 0, 0.85);
}
.zhebe-geo__title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	padding-top: 117px;
	pointer-events: none;
}
.zhebe-geo__title .zhebe-wrap { pointer-events: auto; }
.zhebe-geo__direction {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	padding-top: 39px;
	background: linear-gradient(4deg, #fff 85%, rgba(255, 255, 255, 0) 100%);
	pointer-events: none;
}
.zhebe-geo__direction .zhebe-wrap { pointer-events: auto; }
.zhebe-geo__countries {
	max-width: 940px;
	padding-right: 90px;
	columns: 4;
	column-gap: 24px;
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1rem;
	line-height: 1.2;
}
.zhebe-geo__countries li { break-inside: avoid; margin-bottom: 8px; width: 100%; }

@media (min-width: 1500px) {
	.zhebe-geo__title .zhebe-wrap,
	.zhebe-geo__direction .zhebe-wrap {
		max-width: none;
		padding-left: 297px;
		padding-right: var(--zhebe-gutter);
	}
	.zhebe-geo__direction .zhebe-wrap { padding-right: 469px; }
}

/* ─── Calculator ─── */
.zhebe-calculator {
	padding: 125px 0 95px;
}
.zhebe-calc__form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.zhebe-calc__col {
	width: calc(50% - 20px);
	max-width: 560px;
}
.zhebe-field,
.zhebe-field.input {
	width: 100%;
	height: 64px;
	padding: 21px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.zhebe-calc__col .zhebe-field:first-child,
.zhebe-calc__col .input:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.zhebe-field input,
.zhebe-field select,
.zhebe-field textarea {
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1rem;
	color: var(--zhebe-black);
	outline: none;
	resize: none;
	-webkit-appearance: none;
}
.zhebe-field input::placeholder,
.zhebe-field textarea::placeholder {
	font-family: 'Gotham Pro Light', sans-serif;
	color: var(--zhebe-black);
}
.zhebe-field textarea { min-height: 22px; padding-top: 2px; }

/* ─── Advantages (Figma: cards 370px, gap 64/24) ─── */
.zhebe-advantages {
	padding: 80px 0;
}
.zhebe-advantages__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 64px;
}
.zhebe-adv-card {
	width: 370px;
	max-width: 100%;
	padding: 32px;
	border: 1px solid var(--zhebe-gold);
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 32px;
}
.zhebe-adv-card__body {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.zhebe-adv-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--zhebe-gold);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.zhebe-adv-card__icon svg { width: 25px; height: 23px; }
.zhebe-adv-card__text { display: flex; flex-direction: column; gap: 6px; }
.zhebe-adv-card__title {
	font-family: 'Gotham Pro Medium', sans-serif;
	font-size: 1.3125rem;
	line-height: 31.5px;
}
.zhebe-adv-card__desc {
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1rem;
	line-height: 20px;
	color: var(--zhebe-muted);
	max-width: 306px;
}
.zhebe-adv-card__arrow {
	width: 42px;
	height: 16px;
	background: url(../images/arrows-black.svg) left center no-repeat;
}

/* ─── Team (Figma Frame 10 + legacy slider sizes) ─── */
section#team.zhebe-team,
.zhebe-team {
	overflow: hidden;
	padding: 86px 0 85px;
	background: linear-gradient(to right, #fff calc(30% - 20px), #f4f4f4 calc(30% - 20px));
}
.zhebe-team__top {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	margin-bottom: 55px;
}
.zhebe-team__logo { flex-shrink: 0; width: 72px; height: auto; }
.zhebe-team__lead {
	margin-top: 12px;
	font-size: 1.3125rem;
	line-height: 25.2px;
	max-width: 560px;
}
.zhebe-team__track {
	display: flex;
	gap: 40px;
	overflow-x: auto;
	padding-bottom: 24px;
	margin: 0 0 40px;
	scrollbar-width: none;
}
.zhebe-team__track::-webkit-scrollbar { display: none; }
.zhebe-team__member { flex: 0 0 260px; }
.zhebe-team__member img {
	width: 260px;
	height: 320px;
	object-fit: cover;
	margin-bottom: 30px;
}
.zhebe-team__caption h4 { line-height: 1.4; margin-bottom: 4px; }
.zhebe-team__caption p {
	line-height: 1.4;
	color: var(--zhebe-muted);
	font-family: 'Gotham Pro Light', sans-serif;
}

/* ─── Cases ─── */
.zhebe-cases {
	padding: 80px 0;
	background: var(--zhebe-gray);
}
.zhebe-case {
	padding: 32px;
	background: #fff;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	max-width: 720px;
}
.zhebe-case h3 {
	font-family: 'Gotham Pro Medium', sans-serif;
	font-size: 1.25rem;
	margin-bottom: 8px;
}
.zhebe-case__type {
	font-size: 0.875rem;
	color: var(--zhebe-muted);
	margin-bottom: 20px;
}
.zhebe-case__block { margin-bottom: 16px; }
.zhebe-case__block h4 {
	font-family: 'Gotham Pro Medium', sans-serif;
	font-size: 1rem;
	margin-bottom: 6px;
}
.zhebe-case__block p {
	font-family: 'Gotham Pro Light', sans-serif;
	color: var(--zhebe-muted);
	line-height: 1.5;
}
.zhebe-case__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	padding: 16px;
	background: var(--zhebe-gray);
	margin-top: 8px;
}
.zhebe-case__stat span {
	display: block;
	font-size: 0.75rem;
	text-transform: uppercase;
	color: var(--zhebe-muted);
}
.zhebe-case__stat strong { font-family: 'Gotham Pro Medium', sans-serif; }

/* ─── Clients ─── */
.zhebe-clients { padding: 120px 0 100px; }
.zhebe-clients__viewport { overflow: hidden; }
.zhebe-clients__track {
	display: flex;
	align-items: center;
	gap: 48px;
	width: max-content;
	animation: zhebe-clients-scroll 40s linear infinite;
}
.zhebe-clients__track img {
	height: 48px;
	width: auto;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 0.7;
	transition: filter var(--zhebe-ease), opacity var(--zhebe-ease);
}
.zhebe-clients__track img:hover { filter: grayscale(0); opacity: 1; }
@keyframes zhebe-clients-scroll {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

/* ─── Reviews ─── */
.zhebe-reviews { padding: 80px 0; }
.zhebe-reviews__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}
.zhebe-review {
	padding: 32px;
	background: #fff;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}
.zhebe-review__text {
	font-family: 'Gotham Pro Light', sans-serif;
	line-height: 1.65;
	color: rgba(0, 0, 0, 0.75);
	margin-bottom: 24px;
}
.zhebe-review__author {
	padding-top: 20px;
	border-top: 1px solid var(--zhebe-border);
}
.zhebe-review__name {
	font-family: 'Gotham Pro Medium', sans-serif;
	margin-bottom: 4px;
}
.zhebe-review__role { font-size: 0.875rem; color: var(--zhebe-muted); }

/* ─── FAQ ─── */
section#faq.zhebe-faq,
.zhebe-faq {
	padding: 80px 0;
	background: var(--zhebe-faq-bg);
}
.zhebe-faq__list {
	max-width: 1161px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.zhebe-faq__item {
	background: #fff;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
	border-radius: 8px;
	overflow: hidden;
}
.zhebe-faq__q {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 24px 32px;
	background: none;
	border: 0;
	text-align: left;
	font-family: 'Gotham Pro Medium', sans-serif;
	font-size: 1.0625rem;
	line-height: 1.3;
}
.zhebe-faq__icon {
	width: 16px;
	height: 16px;
	position: relative;
	flex-shrink: 0;
}
.zhebe-faq__icon::before,
.zhebe-faq__icon::after {
	content: '';
	position: absolute;
	background: var(--zhebe-black);
}
.zhebe-faq__icon::before {
	width: 100%;
	height: 2px;
	top: 50%;
	transform: translateY(-50%);
}
.zhebe-faq__icon::after {
	width: 2px;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	transition: opacity 0.2s ease;
}
.zhebe-faq__item.is-open .zhebe-faq__icon::after { opacity: 0; }
.zhebe-faq__a {
	display: none;
	padding: 0 32px 24px;
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1rem;
	line-height: 1.55;
	color: var(--zhebe-muted);
}
.zhebe-faq__item.is-open .zhebe-faq__a { display: block; }

/* ─── Contacts map (Figma ZhebeMap, node 1:935) ─── */
section#contacts.zhebe-map,
.zhebe-map {
	padding: 80px 0 0 !important;
	overflow: visible;
	min-height: auto;
}
section#contacts.zhebe-map .zhebe-map__frame {
	height: 672px;
	min-height: 280px;
	background: #ddd;
}
section#contacts.zhebe-map #zhebe-contacts-map,
.zhebe-map__frame #zhebe-contacts-map,
.zhebe-map__canvas {
	width: 100%;
	height: 672px;
	min-height: 280px;
}

/* ─── Contacts (legacy overlay variant) ─── */
.zhebe-contacts {
	position: relative;
	padding-top: 80px;
	padding-bottom: 0;
}
.zhebe-contacts__map { height: 560px; background: #ddd; }
.zhebe-contacts__map #zhebe-contacts-map { width: 100%; height: 100%; }
.zhebe-contacts__panel {
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	z-index: 2;
	pointer-events: none;
}
.zhebe-contacts__panel .zhebe-wrap,
.zhebe-contacts__info { pointer-events: auto; }
.zhebe-contacts__info { margin-top: 24px; max-width: 420px; }
.zhebe-contacts__info p {
	margin-bottom: 12px;
	font-family: 'Gotham Pro Light', sans-serif;
	line-height: 1.5;
}
.zhebe-contacts__info a:hover { color: var(--zhebe-gold); }

/* ─── Footer ─── */
.zhebe-footer {
	background: var(--zhebe-black);
	color: #fff;
	padding: 64px 0 40px;
}
.zhebe-footer .zhebe-section--inset {
	padding-top: 0;
	padding-bottom: 0;
}
.zhebe-footer__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
	margin-bottom: 40px;
}
.zhebe-footer__title {
	text-transform: uppercase;
	font-family: 'Gotham Pro Medium', sans-serif;
	font-size: 1.3125rem;
	margin-bottom: 16px;
}
.zhebe-footer__subtitle { font-size: 1rem; margin-bottom: 16px; opacity: 0.9; }
.zhebe-footer__text,
.zhebe-footer__col li a,
.zhebe-footer__link {
	font-family: 'Gotham Pro Light', sans-serif;
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.65);
	line-height: 1.6;
}
.zhebe-footer__col li { margin-bottom: 8px; }
.zhebe-footer__col a:hover,
.zhebe-footer__link:hover { color: var(--zhebe-gold); }
.zhebe-footer__social { display: flex; gap: 16px; margin-top: 12px; }
.zhebe-footer__copy { font-size: 0.875rem; color: rgba(255, 255, 255, 0.45); }

.zhebe-fab-call {
	position: fixed;
	right: 24px;
	bottom: 100px;
	z-index: 90;
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 2px solid #e5e5e5;
	border-radius: 50%;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}
.zhebe-fab-call:hover { background: var(--zhebe-gold); }

/* ─── Desktop grid lock (≥1200px) ─── */
@media (min-width: 1200px) {
	.zhebe-hero { height: var(--zhebe-hero-h); min-height: var(--zhebe-hero-h); }
	.zhebe-reviews__grid { grid-template-columns: repeat(2, 1fr); }
	.zhebe-footer__grid { grid-template-columns: 1.2fr 1fr 1fr 1fr; }
}

@media (min-width: 768px) {
	.zhebe-footer__grid { grid-template-columns: repeat(2, 1fr); }
}

/* ─── Tablet / mobile (сохраняем адаптив, типографика чуть меньше) ─── */
@media (max-width: 1199px) {
	.zhebe-service-card { width: 50%; max-width: none; }
	.zhebe-services__extra { width: 50%; }
	.zhebe-calc__col { width: 100%; max-width: none; }
	.zhebe-adv-card { width: calc(50% - 32px); }
}

@media (max-width: 1023px) {
	.zhebe-header__logo img { filter: brightness(0) invert(1); }
	.zhebe-header.is-solid .zhebe-header__logo img { filter: none; }
	.zhebe-service-card { width: 100%; }
	.zhebe-services__extra { width: 100%; border-left: 2px solid var(--zhebe-gold); }
	.zhebe-service-card__img,
	.zhebe-service-card .img { display: none; }
}

@media (max-width: 767px) {
	.zhebe-hero { height: auto; min-height: 520px; }
	.zhebe-hero__line { font-size: 2rem; line-height: 1.2; }
	.zhebe-hero__content { gap: 24px; padding: 32px 0 48px; }
	.zhebe-head__title { font-size: 1.75rem; line-height: 1.2; }
	.zhebe-head--arrows .zhebe-head__title { padding-right: 72px; background-size: 56px auto; }
	.zhebe-head--geo .zhebe-head__title { font-size: 1.75rem; }
	.zhebe-head--geo .zhebe-head__lead { max-width: 125px; font-size: 0.875rem; }
	.zhebe-services,
	.zhebe-calculator,
	.zhebe-advantages,
	.zhebe-team,
	.zhebe-cases,
	.zhebe-clients,
	.zhebe-reviews,
	.zhebe-faq,
	.zhebe-map { padding-top: 48px; padding-bottom: 48px; min-height: auto; }
	section#contacts.zhebe-map .zhebe-map__frame,
	.zhebe-map__frame { height: min(420px, 60vh); min-height: 280px; }
	section#contacts.zhebe-map #zhebe-contacts-map,
	.zhebe-map__frame #zhebe-contacts-map { height: min(420px, 60vh); min-height: 280px; }
	.zhebe-geo { height: 660px; max-height: none; }
	.zhebe-geo__title { padding-top: 25px; }
	.zhebe-geo__countries { columns: 2; padding-right: 0; font-size: 0.875rem; }
	.zhebe-geo__direction {
		padding: 25px 0;
		background: linear-gradient(4deg, #fff 92%, transparent 100%);
	}
	.zhebe-geo__title .zhebe-wrap,
	.zhebe-geo__direction .zhebe-wrap {
		padding-left: var(--zhebe-gutter);
		padding-right: var(--zhebe-gutter);
	}
	.zhebe-adv-card { width: 100%; }
	.zhebe-btn { min-width: 0; width: 100%; max-width: 257px; }
	.zhebe-team__top { flex-direction: column; gap: 24px; }
}

/* ─── Hero: H1 — крупный заголовок, бейдж (h5) — мелкая строка под ним
   (desktop). Адаптив см. home-responsive.css ─── */
.home-page #main .main h1 {
	font-size: 3.5rem;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 35px;
}
.home-page #main .main h5 {
	font-size: 1rem;
	line-height: 1.4;
	text-transform: none;
	font-weight: normal;
	margin-bottom: 15px;
}