/* ==========================================================================
   Отдельные страницы
   ========================================================================== */

@layer pages {

	/* --- О компании --- */
	.al-about__grid {
		display: grid;
		gap: var(--al-s-7);
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
		align-items: center;
	}
	.al-about__lead { font-size: var(--al-fs-h3); margin-bottom: var(--al-s-3); }
	.al-about__img { width: 100%; border-radius: var(--al-r-lg); }

	/* --- Партнёры --- */
	.al-partners__list {
		display: flex; flex-wrap: wrap; gap: var(--al-s-6);
		align-items: center; justify-content: center; list-style: none;
	}
	.al-partners__img { max-height: 56px; width: auto; filter: grayscale(1); opacity: .7; transition: filter var(--al-t), opacity var(--al-t); }
	.al-partners__item:hover .al-partners__img { filter: none; opacity: 1; }

	/* --- Контакты ---------------------------------------------------------
	   Раньше это была узкая колонка со сплошной строкой реквизитов
	   («Tallinn:+37258539999» без пробела) и карта рядом. Теперь слева
	   карточка с разделёнными строками, справа карта той же высоты. */
	.al-contacts__grid {
		display: grid;
		gap: var(--al-s-6);
		grid-template-columns: minmax(min(100%, 320px), 420px) 1fr;
		align-items: stretch;
	}
	@media (max-width: 899px) { .al-contacts__grid { grid-template-columns: 1fr; } }

	.al-contacts__info {
		padding: var(--al-s-6);
		background: var(--al-surface-alt);
		border: 1px solid var(--al-line);
		border-radius: var(--al-r-lg);
	}
	.al-contacts__sub { font-size: var(--al-fs-h3); margin-bottom: var(--al-s-4); }

	.al-contacts__rows { list-style: none; margin: 0; padding: 0; }
	.al-contacts__rows li {
		display: grid;
		grid-template-columns: minmax(96px, 34%) 1fr;
		gap: var(--al-s-4);
		padding-block: var(--al-s-3);
	}
	.al-contacts__rows li + li { border-top: 1px solid var(--al-line); }
	.al-contacts__key {
		font-size: 13px;
		letter-spacing: .04em;
		text-transform: uppercase;
		color: var(--al-ink-500);
		line-height: 1.5;
	}
	.al-contacts__val { color: var(--al-ink); line-height: 1.6; }
	.al-contacts__val a { color: var(--al-brand); text-decoration: none; font-weight: 600; }
	.al-contacts__val a:hover { text-decoration: underline; }
	/* Телефон и почта — цели для нажатия, на телефоне им нужна высота */
	@media (max-width: 767px) {
		.al-contacts__rows li { grid-template-columns: 1fr; gap: var(--al-s-1); }
		.al-contacts__val a { display: inline-block; padding-block: var(--al-s-1); }
	}

	.al-contacts__map {
		border-radius: var(--al-r-lg);
		overflow: hidden;
		min-height: 380px;
		border: 1px solid var(--al-line);
		background: var(--al-surface-alt);
	}
	.al-contacts__map iframe { width: 100%; height: 100%; min-height: 380px; border: 0; display: block; }

	/* --- Запись, статья --- */
	/* Колонка была отцентрована внутри контейнера, а хлебные крошки над ней —
	   прижаты к левому краю: заголовок «уезжал» вправо и страница выглядела
	   несобранной. Теперь весь столбец на одной вертикали. */
	.al-page-article, .al-post { max-width: min(100%, 820px); margin-inline: 0; padding-top: var(--al-s-6); }
	.al-post__header { margin-bottom: var(--al-s-5); }
	.al-post__meta { color: var(--al-ink-500); font-size: 14px; margin-top: var(--al-s-3); display: flex; gap: var(--al-s-3); flex-wrap: wrap; }
	.al-post__media { margin-bottom: var(--al-s-6); border-radius: var(--al-r-lg); overflow: hidden; }
	.al-post__media img { width: 100%; height: auto; }

	/* --- Призыв в конце записи --- */
	.al-post__cta {
		margin-top: var(--al-s-8);
		padding: var(--al-s-6);
		background: var(--al-surface-alt);
		border: 1px solid var(--al-line);
		border-radius: var(--al-r-lg);
	}
	.al-post__cta-title { font-size: var(--al-fs-h3); font-weight: 700; color: var(--al-ink); margin-bottom: var(--al-s-2); }
	.al-post__cta-text { color: var(--al-ink-700); margin-bottom: var(--al-s-5); }
	.al-post__cta-actions { display: flex; gap: var(--al-s-3); flex-wrap: wrap; }
	@media (max-width: 599px) {
		.al-post__cta { padding: var(--al-s-5); }
		.al-post__cta-actions .al-btn { flex: 1 1 auto; }
	}

	/* --- 404 --- */
	.al-404 { padding-block: var(--al-s-9); text-align: center; max-width: 640px; margin-inline: auto; }
	.al-404__text { margin-top: var(--al-s-4); color: var(--al-ink-500); }
	.al-404__actions { display: flex; gap: var(--al-s-3); justify-content: center; flex-wrap: wrap; margin-top: var(--al-s-6); }
	.al-404__search { margin-top: var(--al-s-7); }

	/* --- Поиск --- */
	.al-search { display: flex; gap: var(--al-s-2); }
	.al-search__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
	.al-search__submit {
		min-height: 52px; padding-inline: var(--al-s-5);
		border: 0; border-radius: var(--al-r-sm);
		background: var(--al-brand); color: #fff; font-weight: 600; cursor: pointer;
	}
	.al-search-again { max-width: 520px; margin-block: var(--al-s-5); }
}

@layer utilities {
	.al-visually-hidden {
		position: absolute !important;
		width: 1px; height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}
	.al-center { text-align: center; }
}