/* ── Бренд-страницы /brand/{slug}/ (28.09.2026, v2) ─────────────────────
   Страница собрана из компонентов главной (assets/css/testmain.css грузится
   рядом): заголовки .tm-h2, кнопки-пилюли .tm-btn, плитки .tm-cat, карточки
   .tm-card, плашка .tm-help, подсветка .tm-glow. Здесь только раскладка и
   то, чего на главной нет (разделы-чипы, посадка, вопросы, бренды).

   Основа — тёплый фон сайта с точечной сеткой (body в style.css), плитки
   и карточки белые, без рамок. Оранжевый — кнопка, стрелка, росчерк.
   Отступы по краям совпадают с каталогом (.p_default), чтобы шапка,
   плитки и сетка товаров стояли по одной линии. */

.bp {
	/* токены главной: у .tm они объявлены на корне страницы */
	--tm-ink: #14130e;
	--tm-ink-2: #6b6760;
	--tm-ink-3: #8d877c;
	--tm-line: #e7e5e0;
	--tm-surface: #f4f3f0;
	--tm-soft: #fff1eb;
	--tm-accent: #f15a29;
	--tm-on-dark: #c3bdb2;
	--ease-3: cubic-bezier(.25, 0, .3, 1);
	--dur-hover: 80ms;
	--dur-press: 120ms;
	--dur-move: 320ms;
	--bp-gutter: 16px;
	position: relative;
	overflow-x: clip;
	font-family: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
	color: var(--tm-ink);
	-webkit-font-smoothing: antialiased;
}
.bp *, .bp *::before, .bp *::after { box-sizing: border-box; }
@media (min-width: 441px) { .bp { --bp-gutter: 32px; } }
@media (min-width: 1025px) { .bp { --bp-gutter: 152px; } }

.bp-wrap { position: relative; z-index: 1; padding-inline: var(--bp-gutter); }
/* Тема держит каждый <section> в колонке 1440px (style.css: section,
   .container_outer). Ряд чипов — <nav>, плашка подбора — <div>: без того же
   ограничения на широком экране они съезжали левее заголовков на 36px. */
.bp-nav, .bp-helpbar { max-width: 1440px; margin-inline: auto; }

/* Ссылки в секциях страницы — как на главной (.tm a). Каталог внутри .bp
   не задеваем: у него свои правила. */
.bp-sec a, .bp-hero a, .bp-nav a {
	color: var(--tm-ink);
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	transition: transform var(--dur-press) var(--ease-3),
	            background-color var(--dur-hover) var(--ease-3),
	            border-color var(--dur-hover) var(--ease-3),
	            color var(--dur-hover) var(--ease-3);
}
.bp a.tm-btn--primary, .bp a.tm-help { color: #fff; }
.bp a.tm-help.bp-bar--light { color: var(--tm-ink); }
.bp-sec a:active, .bp-hero a:active { transform: scale(.985); }
.bp-sec a:focus-visible, .bp-hero a:focus-visible, .bp-nav a:focus-visible {
	outline: 2px solid var(--tm-accent);
	outline-offset: 3px;
	border-radius: 12px;
}
.bp-sec img, .bp-hero img { animation: none !important; }

/* Секции: ритм главной — 48 на телефоне, 72 на десктопе. */
.bp-sec { padding-top: 48px; }
.bp-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
}
/* «Все модели →» не рвётся посередине: стрелка уезжала на вторую строку. */
.bp-head .tm-more { flex: none; white-space: nowrap; }
@media (min-width: 1025px) {
	.bp-sec { padding-top: 72px; }
	.bp-head { margin-bottom: 22px; }
}

/* ── Шапка ─────────────────────────────────────────────────────────── */
.bp-hero { position: relative; padding: 18px 0 0; }
.bp-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	text-align: center;
}

.bp-crumbs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 500;
	color: var(--tm-ink-3);
}
.bp-crumbs a { color: var(--tm-ink-3); }
.bp-crumbs [aria-current] { color: var(--tm-ink-2); }

.bp-h1 { margin: 16px 0 0; }
.bp-h1__main {
	display: block;
	font-size: 38px;
	font-weight: 800;
	line-height: .94;
	letter-spacing: -.032em;
	text-transform: uppercase;
	color: var(--tm-ink);
}
.bp-stroke {
	display: block;
	width: 62%;
	max-width: 300px;
	height: 16px;
	margin: 8px auto 0;
	color: var(--tm-accent);
}
.bp-h1__sep { display: none; }
.bp-h1__sub {
	display: block;
	margin-top: 14px;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.45;
	color: var(--tm-ink-2);
}
.bp-h1__sub::first-letter { text-transform: uppercase; }

/* Кнопки — .tm-btn с главной; на телефоне столбиком во всю ширину. */
.bp-cta {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 24px;
}

.bp-hero__media {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 26px;
}
.bp-hero__media img {
	display: block;
	width: 100%;
	max-width: min(100%, var(--bp-hero-max, 480px));
	height: auto;
	max-height: 190px;
	object-fit: contain;
	mix-blend-mode: multiply;
}
/* Подпись с цифрами под парой — как «Более 24 000 пар…» под стеной главной. */
.bp-note {
	margin: 12px 0 0;
	font-size: 16px;
	font-weight: 600;
	color: var(--tm-ink-2);
}

@media (min-width: 600px) and (max-width: 1024px) {
	.bp-cta { flex-direction: row; justify-content: center; }
	.bp-hero__media img { max-height: 240px; }
}

@media (min-width: 1025px) {
	.bp-hero { padding-top: 36px; }
	.bp-hero__grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 560px);
		column-gap: 56px;
		align-items: center;
		text-align: left;
	}
	.bp-hero__text { grid-column: 1; grid-row: 1 / span 2; }
	.bp-hero__media { grid-column: 2; grid-row: 1; margin: 0; }
	.bp-note { grid-column: 2; grid-row: 2; text-align: center; font-size: 17px; }
	.bp-crumbs { justify-content: flex-start; }
	.bp-h1 { margin-top: 20px; }
	.bp-h1__main { font-size: 64px; line-height: .92; letter-spacing: -.034em; }
	.bp-stroke { margin: 10px 0 0; width: 300px; }
	.bp-h1__sub { font-size: 20px; max-width: 470px; }
	.bp-cta { flex-direction: row; margin-top: 32px; }
	.bp-hero__media img { max-height: 300px; }
}
@media (min-width: 1025px) and (max-width: 1240px) {
	.bp-h1__main { font-size: 52px; }
}

/* В отфильтрованном каталоге шапка — только заголовок. */
.bp-hero.is-compact .bp-h1__main { font-size: 28px; }
.bp-hero.is-compact .bp-h1__sub { margin-top: 8px; font-size: 15px; }
@media (min-width: 1025px) {
	.bp-hero.is-compact .bp-hero__grid { grid-template-columns: minmax(0, 1fr); }
	.bp-hero.is-compact .bp-h1__main { font-size: 40px; }
	.bp-hero.is-compact .bp-h1__sub { font-size: 17px; }
}

/* ── Разделы (чипы) ────────────────────────────────────────────────── */
.bp-nav { position: relative; z-index: 1; padding-top: 30px; }
.bp-chips {
	position: relative; /* offsetLeft чипов — от ленты (прокрутка к активному) */
	display: flex;
	gap: 8px;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	margin-inline: calc(var(--bp-gutter) * -1);
	padding: 2px var(--bp-gutter);
	scroll-padding-inline: var(--bp-gutter);
	-webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
	mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
}
.bp-chips::-webkit-scrollbar { display: none; }
.bp-chip {
	flex: 0 0 auto;
	scroll-snap-align: start;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 44px;
	padding: 0 18px;
	border: 1.5px solid #dedbd4;   /* как .tm-btn--line */
	border-radius: 999px;
	background: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -.01em;
	white-space: nowrap;
}
.bp-chip i {
	font-style: normal;
	font-size: 13px;
	font-weight: 600;
	color: var(--tm-ink-3);
}
.bp-chip.is-active {
	background: var(--tm-ink);
	border-color: var(--tm-ink);
	color: #fff;
}
.bp-chip.is-active i { color: var(--tm-on-dark); }
.bp-chip--sale:not(.is-active) i { color: var(--tm-accent); }
@media (hover: hover) {
	.bp-chip:not(.is-active):hover { border-color: var(--tm-ink); }
}
@media (min-width: 1025px) {
	.bp-nav { padding-top: 40px; }
	.bp-chips { margin-inline: 0; padding-inline: 0; }
}

/* ── Линейки: плитки .tm-cat с главной ─────────────────────────────── */
.bp-tiles {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}
/* Телефон: шесть плиток, три ряда — дальше ведёт «Все модели» и каталог. */
@media (max-width: 1024px) {
	.bp-tiles .bp-tile:nth-child(n+7) { display: none; }
}
.bp-tile .tm-cat__top b { font-size: 16px; }
/* Нечётная последняя плитка (Brooks — пять линеек) — во всю ширину,
   а не сиротой в последнем ряду. */
@media (max-width: 599px) {
	.bp-tiles > .bp-tile:last-child:nth-child(odd):not(:nth-child(n+7)) {
		grid-column: 1 / -1;
		aspect-ratio: 2.2 / 1;
	}
	/* Пара того же размера, что в соседних плитках: слот стоит в правой
	   половине так же, как в обычной плитке (зазор сетки — 10px). */
	.bp-tiles > .bp-tile:last-child:nth-child(odd):not(:nth-child(n+7)) .bp-shoe {
		left: calc(50% + 5px + (50% - 5px) * .17);
		right: calc((50% - 5px) * .05);
		bottom: 20%;
	}
}

/* Одна пара на плитку, с наклоном носком вверх (владелец 28.09.2026).
   Слот 1.8:1, кроссовок вписан в него по контуру (mtf_bp_shoe_box /
   mtf_bp_shoe_fit) — во всех плитках одного размера, как бы ни было снято
   исходное фото. Наклон — на самой картинке, вокруг центра кроссовка
   (transform-origin из PHP): transform на обёртке отрезал бы multiply от
   фона плитки, и на розоватом ховере проступал бы белый квадрат снимка.
   Пары, снятые носком влево, наклоняются в другую сторону — иначе они
   клевали бы носом вниз. */
.bp-shoe {
	--bp-tilt: -10deg;
	position: absolute;
	left: 17%;
	right: 5%;
	bottom: 15%; /* носок поднят наклоном — стрелка в углу его не задевает */
	aspect-ratio: 1.8 / 1; /* = MTF_BP_SHOE_SLOT */
	pointer-events: none;
}
.bp-shoe--toe-left { --bp-tilt: 10deg; }
.bp-shoe img {
	position: absolute;
	display: block;
	max-width: none;
	height: auto;
	mix-blend-mode: multiply;
	transform: rotate(var(--bp-tilt));
	transition: transform var(--dur-move) var(--ease-3);
}
@media (hover: hover) {
	.bp-tile:hover .bp-shoe img { transform: rotate(calc(var(--bp-tilt) * 1.4)) scale(1.05); }
}
.bp-tile .tm-cat__top span { line-height: 1.3; }
.bp-tile.is-active { background: var(--tm-soft); box-shadow: inset 0 0 0 2px var(--tm-accent); }
@media (hover: hover) {
	.bp-tile:hover { background: var(--tm-soft); }
}
@media (min-width: 600px) and (max-width: 1024px) {
	.bp-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
	.bp-tiles .bp-tile:nth-child(n+7) { display: flex; }
	.bp-tile .tm-cat__top b { font-size: 18px; }
}
@media (min-width: 1025px) {
	.bp-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
	/* Ровно пять линеек — одним рядом из пяти, без одинокой плитки. */
	.bp-tiles:has(> .bp-tile:nth-child(5):last-child) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.bp-tile .tm-cat__top b { font-size: 21px; }
	.bp-tile .tm-cat__top span { font-size: 14px; }
}

/* ── Каталог ───────────────────────────────────────────────────────── */
.bp .bp-catalog { background: transparent; }
.bp-catalog .section_catalog { gap: 18px; }
.bp-cat-head {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px 12px;
}
.bp-cat-head__count { font-size: 16px; font-weight: 600; color: var(--tm-ink-2); }
#catalog { scroll-margin-top: 64px; }
/* Счётчики у фасетов общие по сайту (term->count): на бренде «Мужская 17 058»
   рядом с «Nike 7 580» читается как ошибка. */
.bp-catalog .f_count { display: none; }

/* ── Спеццена, одежда, мостик (On) ─────────────────────────────────── */
/* .tm-rail на главной держит поле справа сама; здесь поле даёт .bp-wrap. */
.bp-rail {
	margin-inline: calc(var(--bp-gutter) * -1);
	padding-inline: var(--bp-gutter);
	scroll-padding-inline: var(--bp-gutter);
}
.bp-bars { display: grid; gap: 10px; margin-top: 28px; }
.bp-bars .tm-help { margin: 0; max-width: none; }
.bp .tm-help.bp-bar--light { background: #fff; }
.bp .tm-help.bp-bar--light .tm-help__text span { color: var(--tm-ink-2); }
@media (min-width: 1025px) {
	.bp-rail { margin-inline: 0; padding-inline: 0; }
	.bp-bars { grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px; }
}

/* ── Как выбрать ───────────────────────────────────────────────────── */
.bp-help__grid { display: grid; gap: 10px; }
.bp-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px;
	border-radius: 20px;
	background: #fff;
}
.bp-card__title {
	margin: 0;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: -.016em;
	text-transform: uppercase;
}
.bp-card__text {
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--tm-ink-2);
}
.bp-fit__btn { align-self: stretch; margin-top: 4px; }
.bp-fit__list { list-style: none; margin: 0; padding: 0; }
.bp-fit__list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 11px 0;
	border-bottom: 1px solid var(--tm-line);
	font-size: 16px;
	font-weight: 600;
}
.bp-fit__list li:first-child { padding-top: 4px; }
.bp-fit__list b {
	flex: 0 0 auto;
	padding: 4px 11px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	background: var(--tm-surface);
	color: var(--tm-ink-2);
}
.bp-fit__list b.is-ok { background: #eaf4ec; color: #1f6b35; }
.bp-fit__list b.is-small { background: var(--tm-soft); color: #b0421a; }

/* Статьи: на телефоне лентой, как «Свежее в каталоге». */
.bp-guides {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	margin: 4px calc(var(--bp-gutter) * -1) 0;
	padding: 0 var(--bp-gutter);
	scroll-padding-inline: var(--bp-gutter);
}
.bp-guides::-webkit-scrollbar { display: none; }
.bp-guide {
	flex: none;
	width: 240px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	scroll-snap-align: start;
}
.bp-guide__img {
	display: block;
	aspect-ratio: 1200 / 630;
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
}
.bp-guide__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bp-guide__title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media (hover: hover) {
	.bp-guide:hover .bp-guide__title { color: var(--tm-accent); }
}

@media (min-width: 1025px) {
	.bp-help__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 24px; align-items: start; }
	.bp-help__grid.is-single { grid-template-columns: minmax(0, 520px); }
	.bp-card { padding: 26px; border-radius: 24px; }
	.bp-guides {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px 20px;
		overflow: visible;
		margin: 0;
		padding: 0;
	}
	.bp-guide { width: auto; }
	.bp-guide__title { font-size: 17px; }
}

/* ── Вопросы — строками, как «Как проходит заказ» ──────────────────── */
.bp-faq__item { border-top: 1px solid var(--tm-line); }
.bp-faq__item:last-child { border-bottom: 1px solid var(--tm-line); }
.bp-faq__item summary {
	position: relative;
	padding: 16px 40px 16px 0;
	list-style: none;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}
.bp-faq__item summary::-webkit-details-marker { display: none; }
.bp-faq__item summary::before,
.bp-faq__item summary::after {
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	width: 14px;
	height: 2px;
	border-radius: 1px;
	background: var(--tm-accent);
	transition: transform var(--dur-move) var(--ease-3);
}
.bp-faq__item summary::after { transform: rotate(90deg); }
.bp-faq__item[open] summary::after { transform: rotate(0deg); }
.bp-faq__a {
	padding: 0 0 18px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--tm-ink-2);
}
.bp-faq__a p { margin: 0 0 10px; }
.bp-faq__a p:last-child { margin: 0; }
@media (min-width: 1025px) {
	.bp-faq__list { columns: 2; column-gap: 56px; }
	.bp-faq__item { break-inside: avoid; }
	.bp-faq__item:last-child { border-bottom: 0; }
	.bp-faq__item summary { font-size: 17px; padding: 18px 44px 18px 0; }
}

/* Плашка подбора — .tm-help с главной во всю колонку. */
.bp-helpbar .tm-help { margin: 0; max-width: none; }
@media (min-width: 1025px) { .bp-helpbar { padding-top: 56px; } }

/* ── О бренде и другие бренды ──────────────────────────────────────── */
.bp-about { padding-bottom: 72px; }
.bp-about__box {
	padding: 20px;
	border-radius: 20px;
	background: #fff;
}
.bp-about__text {
	position: relative;
	max-height: 9.6em;
	overflow: hidden;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
	color: var(--tm-ink-2);
}
.bp-about__text::after {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 3.2em;
	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}
.bp-about__text p { margin: 0 0 10px; }
.bp-about__text a { color: var(--tm-accent); }
.bp-about__text strong, .bp-about__text b { color: var(--tm-ink); }
.bp-about__toggle:checked ~ .bp-about__text { max-height: none; }
.bp-about__toggle:checked ~ .bp-about__text::after { display: none; }
.bp-about__more {
	display: inline-block;
	margin-top: 12px;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
}
.bp-about__more span + span,
.bp-about__toggle:checked ~ .bp-about__more span:first-child { display: none; }
.bp-about__toggle:checked ~ .bp-about__more span + span { display: inline; }

.bp-head--others { margin-top: 48px; }
.bp-brands {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}
.bp-brand {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	height: 72px;
	padding: 8px;
	border-radius: 16px;
	background: #fff;
	text-align: center;
}
.bp-brand b {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: -.01em;
	text-transform: uppercase;
	line-height: 1.1;
	color: var(--tm-ink);
}
.bp-brand span { font-size: 13px; font-weight: 600; color: var(--tm-ink-3); }
@media (hover: hover) {
	.bp-brand:hover { background: var(--tm-soft); }
}
@media (min-width: 600px) {
	.bp-brands { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
	.bp-brand b { font-size: 15px; }
}
@media (min-width: 1025px) {
	.bp-about { padding-bottom: 96px; }
	.bp-about__box { padding: 28px 32px; border-radius: 24px; }
	.bp-about__text { max-width: 820px; }
	.bp-head--others { margin-top: 72px; }
	.bp-brands { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 14px; }
	.bp-brand { height: 88px; }
}

/* ── Одежда сторонних марок (brand-page-wear.php) ──────────────────────
   Та же раскладка, что у обуви. Отличие одно: на фото человек в полный
   рост, а не пара на белом, — кадр портретный, от верха, без multiply. */
.bpw .bpw-hero__media img {
	width: min(100%, var(--bp-hero-max, 440px), 240px);
	max-width: none;
	max-height: none;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: top center;
	mix-blend-mode: normal;
	border-radius: 24px;
}
@media (min-width: 600px) and (max-width: 1024px) {
	.bpw .bpw-hero__media img { width: min(100%, var(--bp-hero-max, 440px), 300px); }
}
@media (min-width: 1025px) {
	.bpw .bp-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 360px); }
	.bpw .bpw-hero__media img { width: min(100%, var(--bp-hero-max, 360px), 360px); }
}

/* Линейки: фото вещи на модели сверху, подпись и стрелка снизу. */
.bpw-tiles {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}
@media (max-width: 1024px) {
	.bpw-tiles .bpw-tile:nth-child(n+7) { display: none; }
}
@media (min-width: 1025px) {
	.bpw-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
	.bpw-tiles--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.bpw-tiles--3 .bpw-tile__ph { aspect-ratio: 1 / 1; }
}
.bpw-tile {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 20px;
	background: #fff;
	color: var(--tm-ink);
	text-decoration: none;
	transition: transform .25s ease, box-shadow .25s ease;
}
.bpw-tile__ph { display: block; aspect-ratio: 4 / 5; background: var(--tm-surface); overflow: hidden; }
.bpw-tile__ph img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.bpw-tile__txt { display: flex; flex-direction: column; gap: 4px; padding: 12px 56px 16px 14px; }
.bpw-tile__txt b {
	font-size: 15px;
	font-weight: 800;
	letter-spacing: -.01em;
	text-transform: uppercase;
	line-height: 1.1;
}
.bpw-tile__txt span { font-size: 13px; font-weight: 600; line-height: 1.3; color: var(--tm-ink-3); }
.bpw-tile .tm-cat__go { position: absolute; right: 12px; bottom: 14px; }
.bpw-tile.is-active { box-shadow: inset 0 0 0 2px var(--tm-accent); }
@media (hover: hover) {
	.bpw-tile:hover { transform: translateY(-3px); box-shadow: 0 18px 34px -22px rgba(60, 45, 35, .45); }
	.bpw-tile:hover .tm-cat__go { transform: translateX(4px); }
}
@media (min-width: 1025px) {
	.bpw-tile__txt { padding: 16px 72px 20px 18px; }
	.bpw-tile__txt b { font-size: 18px; }
	.bpw-tile .tm-cat__go { right: 16px; bottom: 18px; }
}

.bpw-about { padding-bottom: 64px; }
.bpw-about__text { max-width: 820px; margin-top: 14px; font-size: 16px; line-height: 1.6; color: var(--tm-ink-2); }

@media (prefers-reduced-motion: reduce) {
	.bp * { transition: none !important; }
}