/* Шапка, подвал и общий каркас страницы. */

.site-header {
	background: var(--c-surface);
	border-bottom: 1px solid var(--c-border);
}

.site-header__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	padding-block: 18px;
}

.brand { display: flex; flex-direction: column; line-height: 1.1; }
.brand__name { font-family: var(--f-head); font-size: 22px; color: var(--c-text); }
.brand__sub   { margin-top: 5px; }

.site-header__contact { display: flex; align-items: center; gap: 28px; }

.header-phone { display: flex; flex-direction: column; gap: 2px; text-align: right; }
.header-phone__num   { font-size: 17px; font-weight: 600; color: var(--c-text); white-space: nowrap; }
.header-phone__hours { font-size: 13px; color: var(--c-text-muted); }

/* --- Навигация --- */
.site-nav { background: var(--c-surface); border-bottom: 1px solid var(--c-border); }
.site-nav__list {
	display: flex;
	gap: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
}
.site-nav__list a {
	display: block;
	padding-block: 15px;
	color: var(--c-text-nav);
	border-bottom: 2px solid transparent;
}
.site-nav__list a:hover { color: var(--c-text); }
.site-nav__list .current-menu-item > a,
.site-nav__list .current_page_item > a,
.site-nav__list .current-menu-ancestor > a {
	font-weight: 600;
	color: var(--c-text);
	border-bottom-color: var(--c-accent);
}

/* --- Переключатель языков --- */
.lang { display: flex; gap: 2px; align-items: center; }
.lang__item {
	font-family: var(--f-mono);
	font-size: 12px;
	letter-spacing: 0.06em;
	padding: 7px 10px;
	border: 1px solid transparent;
	border-radius: var(--r-sm);
	color: var(--c-text-muted);
}
.lang__item:hover { color: var(--c-text); }
.lang__item.is-current {
	color: var(--c-text);
	border-color: var(--c-border-strong);
	background: var(--c-surface);
}

/* Бургер — только на мобильном */
.nav-toggle {
	display: none;
	align-items: center;
	gap: 8px;
	background: none;
	border: 1px solid var(--c-border-strong);
	border-radius: var(--r-sm);
	padding: 9px 12px;
	font: inherit;
	font-size: 14px;
	color: var(--c-text);
	cursor: pointer;
}

.site-main { display: block; }

.page-head { padding-top: 36px; }
.page-head__row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 26px;
}
.page-head__lead {
	font-size: 16px;
	line-height: 1.6;
	color: var(--c-text-body);
	margin: 0;
	max-width: 640px;
}
.page-head__meta { font-family: var(--f-mono); font-size: 13px; color: var(--c-text-muted); }

/* --- Подвал --- */
.site-footer {
	background: var(--c-dark);
	color: var(--c-text-on-dark);
	margin-top: 80px;
}
.site-footer a { color: var(--c-text-on-dark); }
.site-footer a:hover { color: var(--c-accent-light); }

.site-footer__cols {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
	gap: 40px;
	padding-block: 56px 40px;
}
.site-footer__title {
	font-family: var(--f-mono);
	font-size: 10px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--c-accent-light);
	margin-bottom: 14px;
}
.site-footer__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 15px; }
.site-footer__about { font-size: 15px; line-height: 1.6; color: #a8a9a2; margin: 0; }
.site-footer__brand { font-family: var(--f-head); font-size: 22px; margin-bottom: 12px; display: block; }

.site-footer__bottom {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	padding-block: 18px;
	border-top: 1px solid rgba(242, 240, 236, 0.14);
	font-family: var(--f-mono);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #8b8c85;
}

/* --- Планшет: в макете не нарисован, поведение задано здесь --- */
@media (max-width: 1100px) {
	.site-footer__cols { grid-template-columns: 1fr 1fr; gap: 32px; }
}

@media (max-width: 900px) {
	.site-header__top { flex-wrap: wrap; gap: 16px; }
	.site-header__contact { gap: 16px; }
	.site-nav__list { gap: 22px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.site-nav__list a { white-space: nowrap; }
	.page-head__row { flex-direction: column; align-items: flex-start; gap: 16px; }
}

@media (max-width: 767px) {
	.nav-toggle { display: inline-flex; }
	.site-header__top { flex-wrap: nowrap; gap: 12px; }
	.brand__name { font-size: 19px; }
	/* В макете мобильная шапка — только логотип и бургер: телефон занимал бы всю строку.
	   Он остаётся в блоке «как проходит заказ», в контактах и в подвале. */
	.header-phone { display: none; }
	.lang__item { padding: 6px 8px; font-size: 11px; }
	.site-header__contact .btn { display: none; }

	.site-nav { display: none; }
	.site-nav.is-open { display: block; }
	.site-nav__list { flex-direction: column; gap: 0; overflow: visible; }
	.site-nav__list a { padding-block: 13px; border-bottom: 1px solid var(--c-border); }

	.site-footer__cols { grid-template-columns: 1fr; gap: 28px; padding-block: 36px 24px; }
	.site-footer__bottom { flex-direction: column; gap: 8px; }
}