/**
 * HTC Review — стили child. Родитель id-theme не меняется.
 * Числа сняты с designs/htc-review/htc-review-01…11.png (кадр 1024 = экран 1280, контент 1120).
 */

/* =========================================================
   Токены
   ========================================================= */

:root {
	--htc-paper: #fbfbfb;
	--htc-card: #fff;
	--htc-ink: #111;
	--htc-muted: #8f8f91;
	--htc-excerpt: #3a3a3c;
	--htc-line: #eee;
	--htc-rule: #e6e6e8;
	--htc-slot: #f2f2f3;
	--htc-more: #06bd7a;
	--htc-accent: var(--wp--preset--color--primary, #6abd45);
	--htc-green: #6abd45;
	--htc-radius: 12px;
	--htc-thumb-radius: 8px;
	--htc-shadow: 0 1px 2px rgb(17 17 17 / 4%), 0 4px 16px rgb(17 17 17 / 5%);
	--htc-container: 1120px;
	--htc-edge: 24px;
	--htc-dot-blue: #2f6bff;
	--htc-dot-orange: #ff7a1a;
	--htc-dot-yellow: #f5c400;
	--htc-dot-pink: #e6195e;
	--htc-dot-purple: #8b3dff;
	--htc-dot-green: #1db954;

	--id-header-bg: #fff;
	--id-header-bar-bg: #111;
	--id-header-bar-color: #fff;
	--id-header-promo-bg: #f2f2f3;
	--id-header-promo-color: #111;
	--id-header-height: 108px;

	--id-footer-bg: #f4f4f5;
	--id-footer-color: #111;
	--id-footer-muted: #3a3a3c;
	--id-footer-bottom-bg: #111;
	--id-footer-bottom-color: #fff;

	--id-feed-radius: 12px;
	--id-feed-gap: 16px;
}

/* =========================================================
   Кадр 01 — шапка: белая строка 62px (лого + промо), тёмная полоса 46px
   ========================================================= */

.id-header--portal {
	background: var(--id-header-bg);
	border-bottom: 0;
}

.id-header--portal .id-site-brand--title a {
	display: inline-flex;
	align-items: center;
	height: 36px;
	padding: 0 14px;
	border-radius: 4px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.01em;
	color: #fff;
	background: var(--htc-accent);
	text-decoration: none;
}

.id-header--portal .id-site-brand--title a:hover,
.id-header--portal .id-site-brand--title a:focus-visible {
	color: #fff;
}

@media (min-width: 782px) {
	.id-header--portal .id-header__main-inner {
		box-sizing: border-box;
		flex-wrap: nowrap;
		align-items: center;
		width: min(var(--htc-container), calc(100% - 2 * var(--htc-edge)));
		max-width: none;
		min-height: 62px;
		margin-inline: auto;
		padding: 0 !important;
	}

	.id-header--portal .id-header__promo {
		max-width: none;
		margin: 0 0 0 auto;
		padding: 8px 14px;
		border-radius: 6px;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.2;
	}

	/* Баннер AdRotate №7 (728×90) в слоте промо: без фона и полей, не сжимается */
	.id-header--portal .id-header__main-inner:has(.id-header__promo--ad) {
		padding-block: 8px !important;
	}

	.id-header--portal .id-header__promo--ad {
		flex: 0 0 auto;
		max-width: none;
		padding: 0;
		border-radius: 0;
		line-height: 0;
		background: transparent;
	}

	.id-header--portal .id-header__promo--ad > * {
		margin: 0;
	}

	.id-header--portal .id-header__promo--ad img {
		display: block;
		width: auto;
		max-width: none;
		height: auto;
	}

	.id-header--portal .id-header__logo .custom-logo {
		max-width: none;
		max-height: 90px;
	}

	.id-header--portal .id-header__bar-inner {
		width: min(var(--htc-container), calc(100% - 2 * var(--htc-edge)));
		max-width: none;
		min-height: 46px;
		padding-inline: 0;
		gap: 24px;
	}

	.id-header--portal .id-header__bar .id-header__nav,
	.id-header--portal .id-header__bar .wp-block-navigation__container {
		gap: 20px;
	}

	.id-header--portal .id-header__bar .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		padding-block: 12px;
		font-size: 15px;
		font-weight: 500;
		line-height: 22px;
		color: inherit;
	}

	.id-header--portal .id-header__search {
		position: relative;
		flex: 0 0 30px;
		height: 30px;
	}

	.id-header--portal .id-header__search .wp-block-search__inside-wrapper {
		box-sizing: border-box;
		height: 30px;
		padding: 0 2px 0 0;
		border: 1px solid rgb(255 255 255 / 22%);
		border-radius: 4px;
		color: #fff;
		background: transparent;
	}

	.id-header--portal .id-header__search.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
		border-color: transparent;
	}

	.id-header--portal .id-header__search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		width: 260px !important;
		max-width: none;
		background: #111;
	}

	.id-header--portal .id-header__search .wp-block-search__input {
		padding: 0 10px;
		font-size: 13px;
		color: #fff;
	}

	.id-header--portal .id-header__search .wp-block-search__input::placeholder {
		color: rgb(255 255 255 / 60%);
	}

	.id-header--portal .id-header__search .wp-block-search__button {
		display: inline-flex;
		align-items: center;
		padding: 0 6px;
		color: #fff;
	}

	.id-header--portal .id-header__search .wp-block-search__button svg {
		width: 18px;
		height: 18px;
		fill: currentColor;
	}
}

/* Узкий планшет: 728px не помещается рядом с логотипом — баннер ужимается пропорционально, без обрезки */
@media (min-width: 782px) and (max-width: 999px) {
	.id-header--portal .id-header__promo--ad {
		flex: 0 1 auto;
		min-width: 0;
	}

	.id-header--portal .id-header__promo--ad img {
		max-width: 100%;
	}
}

/* =========================================================
   Ритм страницы портала: поле #FBFBFB, секции через 56px, контейнер 1120
   ========================================================= */

.id-portal .id-section {
	padding-block: 28px !important;
	padding-inline: 0 !important;
	background: transparent;
}

.id-portal > .id-section:first-child {
	padding-top: 20px !important;
}

.id-portal .id-section > .alignwide {
	box-sizing: border-box;
	width: min(var(--htc-container), calc(100% - 2 * var(--htc-edge)));
	max-width: none !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}

.id-portal .id-feed-section {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.id-portal .id-feed-section > * {
	margin-block: 0 !important;
}

.id-portal .wp-block-columns.id-feed-columns {
	margin: 0;
	gap: 40px !important;
}

@media (min-width: 782px) {
	.id-portal .id-feed-columns > .wp-block-column {
		flex: 1 1 0 !important;
		min-width: 0;
	}

	/* 70/30 (кадры 02, 05, 07): правая колонка 31% ширины, зазор 48px */
	.id-portal .id-portal-block--wide > .id-feed-columns {
		gap: 48px !important;
	}

	.id-portal .id-portal-block--wide > .id-feed-columns > .wp-block-column:last-child {
		flex: 0 0 31% !important;
	}
}

/* =========================================================
   Заголовок секции: точка 12px, 26px 700, тонкая линия, «Смотреть все →» #06BD7A
   ========================================================= */

.id-feed-accent--blue { --htc-accent: var(--htc-dot-blue); }
.id-feed-accent--orange { --htc-accent: var(--htc-dot-orange); }
.id-feed-accent--yellow { --htc-accent: var(--htc-dot-yellow); }
.id-feed-accent--pink { --htc-accent: var(--htc-dot-pink); }
.id-feed-accent--purple { --htc-accent: var(--htc-dot-purple); }
.id-feed-accent--green { --htc-accent: var(--htc-dot-green); }

.id-portal-block > .id-feed-section > .id-feed-head {
	align-items: center !important;
	gap: 24px;
	padding: 0;
	border: 0;
}

.id-portal-block > .id-feed-section > .id-feed-head .id-feed-head__title {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: 12px;
	min-width: 0;
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--htc-ink);
}

.id-portal-block > .id-feed-section > .id-feed-head .id-feed-head__title::before {
	content: "";
	flex: 0 0 12px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--htc-accent, var(--htc-dot-blue));
}

.id-portal-block > .id-feed-section > .id-feed-head .id-feed-head__title::after {
	content: "";
	flex: 1 1 auto;
	min-width: 24px;
	height: 1px;
	margin-left: 12px;
	background: var(--htc-rule);
}

.id-portal-block > .id-feed-section > .id-feed-head .id-feed-head__more {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
}

.id-portal-block > .id-feed-section > .id-feed-head .id-feed-head__more a {
	color: var(--htc-more);
	text-decoration: none;
}

.id-portal-block > .id-feed-section > .id-feed-head .id-feed-head__more a:hover,
.id-portal-block > .id-feed-section > .id-feed-head .id-feed-head__more a:focus-visible {
	text-decoration: underline;
}

/* 70/30 слева (02, 07) — 24px */
.id-portal-block--wide .id-portal-block > .id-feed-section > .id-feed-head .id-feed-head__title {
	font-size: 24px;
}

/* Колонки 50/50 и «Слухи» (03, 05, 09, 10): линия под заголовком во всю колонку, 22px */
.id-portal-block.id-feed-accent--rule > .id-feed-section > .id-feed-head {
	padding-bottom: 12px;
	border-bottom: 1px solid var(--htc-rule);
}

.id-portal-block.id-feed-accent--rule > .id-feed-section > .id-feed-head .id-feed-head__title {
	font-size: 22px;
}

.id-portal-block.id-feed-accent--rule > .id-feed-section > .id-feed-head .id-feed-head__title::after {
	display: none;
}

/* =========================================================
   Карточка ленты: белая, radius 12, лёгкая тень, без рамки
   ========================================================= */

:is(.id-portal, .htc-feeds) .id-feed {
	--card-meta: var(--htc-muted);
	--card-accent: var(--htc-ink);
	--card-media-radius: var(--htc-thumb-radius);
}

:is(.id-portal, .htc-feeds) .id-feed:not(.id-feed--overlay) .id-feed-card {
	box-sizing: border-box;
	overflow: hidden;
	border-radius: var(--htc-radius);
	background: var(--htc-card);
	box-shadow: var(--htc-shadow);
}

:is(.id-portal, .htc-feeds) .id-feed-card .id-feed-card__media {
	background: var(--htc-slot);
}

:is(.id-portal, .htc-feeds) .id-feed-card .id-feed-card__title {
	font-weight: 600;
	line-height: 1.3;
}

:is(.id-portal, .htc-feeds) .id-feed-card__body {
	gap: 6px;
}

:is(.id-portal, .htc-feeds) .id-feed-card__date {
	font-size: 13px;
	line-height: 1.3;
}

:is(.id-portal, .htc-feeds) .id-feed:not(.id-feed--overlay) .id-feed-card__excerpt {
	font-size: 14px;
	color: var(--htc-excerpt);
}

/* Рубрика: цветная точка + название 13px; цвет точки — по классу category-<slug> записи */
.wp-block-post {
	--htc-dot: var(--htc-dot-blue);
}

.wp-block-post.category-vr,
.wp-block-post.category-video-htc,
.wp-block-post.category-novinki { --htc-dot: var(--htc-dot-blue); }
.wp-block-post.category-smartfony,
.wp-block-post.category-instrukcii,
.wp-block-post.category-video { --htc-dot: var(--htc-dot-orange); }
.wp-block-post.category-tehnologii,
.wp-block-post.category-sluhi { --htc-dot: var(--htc-dot-yellow); }
.wp-block-post.category-novosti,
.wp-block-post.category-bezopasnost { --htc-dot: var(--htc-dot-pink); }
.wp-block-post.category-analitika,
.wp-block-post.category-sravneniya,
.wp-block-post.category-obzory,
.wp-block-post.category-poleznoe { --htc-dot: var(--htc-dot-purple); }
.wp-block-post.category-soft,
.wp-block-post.category-igry,
.wp-block-post.category-prilozheniya { --htc-dot: var(--htc-dot-green); }

:is(.id-portal, .htc-feeds) .id-feed-card__terms,
.id-mosaic-card__terms {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
}

:is(.id-portal, .htc-feeds) .id-feed-card__terms a,
.id-mosaic-card__terms a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: inherit;
	text-decoration: none;
}

:is(.id-portal, .htc-feeds) .id-feed-card__terms a::before,
.id-mosaic-card__terms a::before {
	content: "";
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--htc-dot);
}

:is(.id-portal, .htc-feeds) .id-feed-card__terms a ~ a,
:is(.id-portal, .htc-feeds) .id-feed-card__terms .wp-block-post-terms__separator,
.id-mosaic-card__terms a ~ a,
.id-mosaic-card__terms .wp-block-post-terms__separator {
	display: none;
}

/* Строка с миниатюрой — отдельная белая карточка */
:is(.id-portal, .htc-feeds) .id-feed--row {
	--card-align: center;
	--card-gap: 14px;
}

:is(.id-portal, .htc-feeds) .id-feed--row .id-feed-card {
	padding: 8px;
}

/* Плитка на фото: градиент снизу, текст белый */
:is(.id-portal, .htc-feeds) .id-feed.id-feed--overlay {
	--card-meta: rgb(255 255 255 / 80%);
	--card-accent: #fff;
	--card-media-radius: 0;
}

:is(.id-portal, .htc-feeds) .id-feed--overlay .id-feed-card {
	border-radius: var(--htc-radius);
}

:is(.id-portal, .htc-feeds) .id-feed--overlay .id-feed-card__media {
	width: 100%;
	border-radius: 0;
}

:is(.id-portal, .htc-feeds) .id-feed--overlay .id-feed-card__body {
	gap: 8px;
	background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 55%) 45%, rgb(0 0 0 / 82%) 100%);
}

:is(.id-portal, .htc-feeds) .id-feed--overlay .id-feed-card__title {
	line-height: 1.2;
}

:is(.id-portal, .htc-feeds) .id-feed--overlay .id-feed-card__terms {
	color: #fff;
}

/* =========================================================
   Кадр 01 — мозаика «Свежее», 7 записей:
   1–3 столбик строк в одной карточке, 4 крупная на фото, 5 вертикальная, 6–7 текстовые
   ========================================================= */

.id-posts-mosaic .wp-block-post-template {
	row-gap: 0;
}

.id-posts-mosaic .wp-block-post {
	position: relative;
	z-index: 1;
	min-width: 0;
	margin: 0;
}

.id-posts-mosaic .id-mosaic-card {
	box-sizing: border-box;
	height: 100%;
	overflow: visible;
	border-radius: 0;
}

.id-posts-mosaic .id-mosaic-card .wp-block-post-featured-image {
	background: var(--htc-slot);
}

.id-posts-mosaic .id-mosaic-card__body {
	position: static;
	display: flex;
	flex-direction: column;
	gap: 6px;
	max-width: none;
	margin: 0 !important;
	padding: 0;
	background: none;
}

.id-posts-mosaic .id-mosaic-card__body > * {
	max-width: none;
	margin: 0 !important;
}

.id-posts-mosaic .id-mosaic-card__body .wp-block-post-title,
.id-posts-mosaic .id-mosaic-card__body .wp-block-post-title a {
	color: var(--htc-ink);
	text-decoration: none;
}

.id-posts-mosaic .id-mosaic-card__body .wp-block-post-title {
	font-weight: 600;
	line-height: 1.3;
}

.id-posts-mosaic .id-mosaic-card__body .wp-block-post-date {
	font-size: 13px;
	line-height: 1.3;
	color: var(--htc-muted);
}

/* 1–3: строки миниатюра 102×100 + текст, общая белая карточка с разделителями */
.id-posts-mosaic .wp-block-post:nth-child(-n + 3) {
	padding-inline: 14px;
	background: var(--htc-card);
}

.id-posts-mosaic .wp-block-post:nth-child(1) {
	border-radius: var(--htc-radius) var(--htc-radius) 0 0;
}

.id-posts-mosaic .wp-block-post:nth-child(3) {
	border-radius: 0 0 var(--htc-radius) var(--htc-radius);
}

.id-posts-mosaic .wp-block-post:nth-child(-n + 3) .id-mosaic-card {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-block: 14px;
}

.id-posts-mosaic .wp-block-post:nth-child(-n + 2) .id-mosaic-card {
	border-bottom: 1px solid var(--htc-line);
}

.id-posts-mosaic .wp-block-post:nth-child(-n + 3) .wp-block-post-featured-image {
	flex: 0 0 102px;
	width: 102px;
	max-width: 102px;
	margin: 0 !important;
	border-radius: var(--htc-thumb-radius);
	aspect-ratio: 51 / 50 !important;
}

.id-posts-mosaic .wp-block-post:nth-child(-n + 3) .id-mosaic-card__body {
	flex: 1 1 auto;
	min-width: 0;
}

.id-posts-mosaic .wp-block-post:nth-child(-n + 3) .wp-block-post-title {
	font-size: 17px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

/* 4: крупная на фото, заголовок 30px белым поверх градиента */
.id-posts-mosaic .wp-block-post:nth-child(4) .id-mosaic-card {
	position: relative;
	min-height: 300px;
	overflow: hidden;
	border-radius: var(--htc-radius);
}

.id-posts-mosaic .wp-block-post:nth-child(4) .wp-block-post-featured-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0 !important;
	aspect-ratio: auto !important;
}

.id-posts-mosaic .wp-block-post:nth-child(4) .id-mosaic-card__body {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	gap: 10px;
	padding: 120px 24px 24px;
	background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 55%) 45%, rgb(0 0 0 / 82%) 100%);
}

.id-posts-mosaic .wp-block-post:nth-child(4) .id-mosaic-card__terms,
.id-posts-mosaic .wp-block-post:nth-child(4) .wp-block-post-title,
.id-posts-mosaic .wp-block-post:nth-child(4) .wp-block-post-title a {
	color: #fff;
}

.id-posts-mosaic .wp-block-post:nth-child(4) .wp-block-post-title {
	font-size: 30px;
	line-height: 1.2;
}

.id-posts-mosaic .wp-block-post:nth-child(4) .wp-block-post-date {
	font-size: 14px;
	color: rgb(255 255 255 / 80%);
}

/* 5: вертикальная — фото 10:9 сверху на сером поле, рубрика, заголовок 20px */
.id-posts-mosaic .wp-block-post:nth-child(5) .id-mosaic-card {
	display: flex;
	flex-direction: column;
	padding: 12px;
	border-radius: var(--htc-radius);
	background: var(--htc-card);
	box-shadow: var(--htc-shadow);
}

.id-posts-mosaic .wp-block-post:nth-child(5) .wp-block-post-featured-image {
	max-width: none;
	margin: 0 !important;
	border-radius: var(--htc-thumb-radius);
	aspect-ratio: 10 / 9 !important;
}

.id-posts-mosaic .wp-block-post:nth-child(5) .id-mosaic-card__body {
	padding: 16px 8px 4px;
}

.id-posts-mosaic .wp-block-post:nth-child(5) .wp-block-post-title {
	font-size: 20px;
}

/* 6–7: текстовые карточки без фото */
.id-posts-mosaic .wp-block-post:nth-child(n + 6) .id-mosaic-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 137px;
	padding: 22px 24px;
	border-radius: var(--htc-radius);
	background: var(--htc-card);
	box-shadow: var(--htc-shadow);
}

.id-posts-mosaic .wp-block-post:nth-child(n + 6) .wp-block-post-featured-image {
	display: none;
}

.id-posts-mosaic .wp-block-post:nth-child(n + 6) .id-mosaic-card__body {
	gap: 8px;
}

.id-posts-mosaic .wp-block-post:nth-child(n + 6) .wp-block-post-title {
	font-size: 18px;
}

@media (min-width: 782px) {
	/*
	 * Колонки с кадра (1120): столбик 327, центр 346–796, правая 299;
	 * 6 — 0–360, 7 — 379–719. Треки 327 / 14 / 340 / 58 / 299.
	 */
	.id-posts-mosaic .wp-block-post-template {
		grid-template-columns: minmax(0, 327fr) minmax(0, 14fr) minmax(0, 340fr) minmax(0, 58fr) minmax(0, 299fr);
		grid-template-rows: repeat(3, minmax(131px, auto)) auto;
		column-gap: 18px;
		row-gap: 0;
	}

	.id-posts-mosaic .wp-block-post-template::before {
		content: "";
		grid-column: 1;
		grid-row: 1 / 4;
		border-radius: var(--htc-radius);
		background: var(--htc-card);
		box-shadow: var(--htc-shadow);
	}

	.id-posts-mosaic .wp-block-post:nth-child(1) { grid-column: 1; grid-row: 1; }
	.id-posts-mosaic .wp-block-post:nth-child(2) { grid-column: 1; grid-row: 2; }
	.id-posts-mosaic .wp-block-post:nth-child(3) { grid-column: 1; grid-row: 3; }
	.id-posts-mosaic .wp-block-post:nth-child(4) { grid-column: 2 / 5; grid-row: 1 / 4; }
	.id-posts-mosaic .wp-block-post:nth-child(5) { grid-column: 5; grid-row: 1 / 4; }

	.id-posts-mosaic .wp-block-post:nth-child(6) {
		grid-column: 1 / 3;
		grid-row: 4;
		margin-top: 18px;
	}

	.id-posts-mosaic .wp-block-post:nth-child(7) {
		grid-column: 3 / 4;
		grid-row: 4;
		margin-top: 18px;
	}

	.id-posts-mosaic .wp-block-post:nth-child(8) {
		grid-column: 4 / 6;
		grid-row: 4;
		margin-top: 18px;
	}
}

/* =========================================================
   Кадр 02 — «Новинки HTC 2026 года»: 2 крупные с анонсом + 6 строк, виджет по годам
   ========================================================= */

.id-portal-block--new .id-feed .wp-block-post-template {
	column-gap: 18px;
	row-gap: 10px;
}

.id-portal-block--new .id-feed .wp-block-post:nth-child(-n + 2) {
	margin-bottom: 10px;
	--card-ratio: 2 / 1;
	--card-media-radius: 0;
	--card-gap: 0;
	--card-title: 16px;
}

.id-portal-block--new .id-feed .wp-block-post:nth-child(-n + 2) .id-feed-card {
	padding: 0;
}

.id-portal-block--new .id-feed .wp-block-post:nth-child(-n + 2) .id-feed-card__body {
	padding: 14px 16px 16px;
}

.id-portal-block--new .id-feed .wp-block-post:nth-child(-n + 2) .id-feed-card__excerpt {
	order: 3;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.id-portal-block--new .id-feed .wp-block-post:nth-child(-n + 2) .id-feed-card__date {
	order: 4;
	margin-top: 4px;
}

.id-portal-block--new .id-feed .wp-block-post:nth-child(n + 3) {
	--card-media-w: 90px;
	--card-ratio: 9 / 7;
	--card-media-radius: 0;
	--card-gap: 14px;
	--card-title: 14px;
}

.id-portal-block--new .id-feed .wp-block-post:nth-child(n + 3) .id-feed-card {
	padding: 0 12px 0 0;
}

.id-portal-block--new .id-feed .wp-block-post:nth-child(n + 3) .id-feed-card__body {
	gap: 3px;
	padding-block: 6px;
}

.id-portal-block--new .id-feed .wp-block-post:nth-child(n + 3) .id-feed-card__media {
	align-self: stretch;
	min-height: 70px;
	aspect-ratio: auto !important;
}

/* Виджет ссылок: белая карточка, заголовок 20px 600, строки 16px, разделители #EEE */
.id-portal .id-widget--links {
	box-sizing: border-box;
	gap: 8px;
	padding: 22px 24px 10px;
	border-radius: var(--htc-radius);
	background: var(--htc-card);
	box-shadow: var(--htc-shadow);
}

.id-widget .id-feed-head {
	padding: 0;
	border: 0;
}

.id-widget .id-feed-head__title {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--htc-ink);
}

.id-widget .id-widget__links {
	gap: 0;
	font-size: 16px;
	line-height: 1.4;
}

.id-widget .id-widget__links li {
	border-bottom: 1px solid var(--htc-line);
}

.id-widget .id-widget__links li:last-child {
	border-bottom: 0;
}

.id-widget .id-widget__links a {
	display: block;
	padding-block: 10px;
	color: var(--htc-ink);
}

.id-widget .id-widget__links a:hover,
.id-widget .id-widget__links a:focus-visible {
	color: var(--htc-accent);
}

/* =========================================================
   Кадр 03 — «Видео» (плитка ~1:1) | «Популярные материалы» (строки 2 колонки)
   ========================================================= */

.id-portal-block--video .id-feed {
	--card-ratio: 27 / 25;
	--card-title: 28px;
	--card-body-pad: 110px 24px 24px;
}

.id-portal-block--video .id-feed-card__date {
	font-size: 14px;
}

.id-portal-block--popular .id-feed {
	--card-media-w: 96px;
	--card-ratio: 1 / 1;
	--card-gap: 14px;
	--card-title: 16px;
}

.id-portal-block--popular .id-feed .wp-block-post-template {
	gap: 12px;
}

.id-portal-block--popular .id-feed .id-feed-card {
	padding: 10px;
}

.id-portal-block--popular .id-feed-card__title {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

/* =========================================================
   Кадр 04 — «Патчи»: плитки 3×2 на фото 5:4, заголовок 24px
   ========================================================= */

.id-portal-block--patches .id-feed {
	--card-ratio: 5 / 4;
	--card-title: 24px;
	--card-body-pad: 70px 20px 20px;
}

.id-portal-block--patches .id-feed .wp-block-post-template,
.id-portal-block--reviews .id-feed .wp-block-post-template {
	gap: 20px;
}

.id-portal-block--patches .id-feed-card__title,
.id-portal-block--reviews .id-feed-card__title {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

/* =========================================================
   Кадр 05 — «Новости компании» (крупная + 5 строк) | «Слухи» (4 строки с крупной миниатюрой)
   ========================================================= */

.id-portal-block--company .id-feed .wp-block-post-template {
	gap: 12px;
}

.id-portal-block--company .id-feed .wp-block-post:first-child {
	--card-ratio: 11 / 9;
	--card-media-radius: 0;
	--card-gap: 0;
	--card-title: 20px;
}

.id-portal-block--company .id-feed .wp-block-post:first-child .id-feed-card {
	padding: 0;
}

.id-portal-block--company .id-feed .wp-block-post:first-child .id-feed-card__body {
	padding: 16px 20px 20px;
}

.id-portal-block--company .id-feed .wp-block-post:first-child .id-feed-card__excerpt {
	order: 3;
}

.id-portal-block--company .id-feed .wp-block-post:first-child .id-feed-card__date {
	order: 4;
	margin-top: 4px;
}

.id-portal-block--company .id-feed .wp-block-post:not(:first-child) {
	--card-media-w: 92px;
	--card-ratio: 23 / 20;
	--card-gap: 18px;
	--card-title: 16px;
}

.id-portal-block--company .id-feed .wp-block-post:not(:first-child) .id-feed-card__terms {
	display: none;
}

@media (min-width: 782px) {
	.id-portal-block--company .id-feed--aside .wp-block-post-template {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		column-gap: 20px;
		--id-feed-aside-rows: 5;
	}
}

.id-portal-block--rumors .id-feed {
	--card-media-w: 36%;
	--card-ratio: 1 / 1;
	--card-gap: 16px;
	--card-title: 16px;
}

.id-portal-block--rumors .id-feed .wp-block-post-template {
	gap: 12px;
}

/* =========================================================
   Кадр 06 — «Обзоры смартфонов»: 3 высокие плитки 7:10, заголовок 28px
   ========================================================= */

.id-portal-block--reviews .id-feed {
	--card-ratio: 7 / 10;
	--card-title: 28px;
	--card-body-pad: 110px 24px 24px;
}

/* =========================================================
   Кадр 07 — «Виртуальная реальность Vive»: фото 44% 4:3 слева, заголовок 22px, анонс
   ========================================================= */

.id-portal-block--vr .id-feed {
	--card-media-w: 44%;
	--card-ratio: 4 / 3;
	--card-align: flex-start;
	--card-gap: 24px;
	--card-title: 22px;
}

.id-portal-block--vr .id-feed .id-feed-card {
	padding: 16px;
}

.id-portal-block--vr .id-feed .id-feed-card__body {
	gap: 8px;
	padding-top: 8px;
}

.id-portal-block--vr .id-feed .id-feed-card__excerpt {
	order: 3;
	margin-top: 4px;
	font-size: 15px;
	line-height: 1.6;
}

.id-portal-block--vr .id-feed .id-feed-card__date {
	order: 2;
}

.id-portal-block--vr .id-feed .id-feed-card__title {
	order: 1;
}

.id-portal-block--vr .id-feed .id-feed-card__terms {
	order: 0;
}

/* =========================================================
   Кадр 08 — «Сравнения»: в колонке крупная карточка с фото 16:9 на сером поле + 2 строки
   ========================================================= */

.id-portal-block--compare .id-feed .wp-block-post-template {
	row-gap: 12px;
}

@media (min-width: 782px) {
	.id-portal-block--compare .id-feed--columns .wp-block-post-template {
		column-gap: 20px;
	}
}

.id-portal-block--compare .id-feed .wp-block-post:nth-child(3n + 1) {
	--card-ratio: 16 / 9;
	--card-media-radius: var(--htc-thumb-radius);
	--card-gap: 14px;
	--card-title: 20px;
}

.id-portal-block--compare .id-feed .wp-block-post:nth-child(3n + 1) .id-feed-card {
	padding: 12px 12px 16px;
}

.id-portal-block--compare .id-feed .wp-block-post:nth-child(3n + 1) .id-feed-card__body {
	padding-inline: 4px;
}

.id-portal-block--compare .id-feed .wp-block-post:nth-child(3n + 1) .id-feed-card__excerpt {
	order: 3;
}

.id-portal-block--compare .id-feed .wp-block-post:nth-child(3n + 1) .id-feed-card__date {
	order: 4;
}

.id-portal-block--compare .id-feed .wp-block-post:not(:nth-child(3n + 1)) {
	--card-media-w: 104px;
	--card-ratio: 16 / 10;
	--card-gap: 16px;
	--card-title: 15px;
}

.id-portal-block--compare .id-feed .wp-block-post:not(:nth-child(3n + 1)) .id-feed-card__terms {
	display: none;
}

/* =========================================================
   Кадры 09–10 — пары 2×4: фото 16:9 сверху, заголовок 16px 500, без даты, разделитель
   ========================================================= */

.id-portal-block--grid .id-feed {
	--card-ratio: 16 / 9;
	--card-gap: 10px;
	--card-title: 16px;
	--id-feed-gap: 12px;
}

.id-portal-block--grid .id-feed .wp-block-post-template {
	gap: 12px;
}

.id-portal-block--grid .id-feed .id-feed-card {
	padding: 10px 10px 14px;
}

.id-portal-block--grid .id-feed .id-feed-card__title {
	padding-inline: 4px;
	font-weight: 500;
}

.id-portal-block--grid .id-feed .id-feed-card__date,
.id-portal-block--grid .id-feed .id-feed-card__terms,
.id-portal-block--grid .id-feed .id-feed-card__excerpt {
	display: none;
}

@media (min-width: 782px) {
	.id-portal-block--pair > .id-feed-columns > .wp-block-column + .wp-block-column {
		position: relative;
	}

	.id-portal-block--pair > .id-feed-columns > .wp-block-column + .wp-block-column::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -20px;
		width: 1px;
		background: var(--htc-rule);
	}
}

/* =========================================================
   Кадр 11 — подвал: верх #F4F4F5, 4 колонки виджетов, тёмная строка #111
   ========================================================= */

.id-footer--widgets {
	padding-top: 64px;
	border-top: 1px solid var(--htc-line);
}

.id-footer--widgets .id-footer__inner,
.id-footer--widgets .id-footer__bottom-inner {
	width: min(var(--htc-container), calc(100% - 2 * var(--htc-edge)));
	max-width: none;
	padding-inline: 0;
}

.id-footer--widgets .id-footer-columns {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 48px !important;
}

.id-footer--widgets .id-footer-columns > .wp-block-column {
	flex-basis: auto !important;
	width: auto !important;
	max-width: none !important;
	margin: 0;
}

.id-footer--widgets .id-widget {
	gap: 16px;
}

.id-footer--widgets .id-widget__links a {
	padding-block: 9px;
}

.id-footer--widgets .id-widget__links li {
	border-bottom-color: #e4e4e7;
}

.id-footer--widgets .id-widget__image img {
	aspect-ratio: 11 / 12;
	object-fit: cover;
	border-radius: var(--htc-radius);
}

.id-footer--widgets .id-widget__caption {
	font-size: 16px;
	text-align: left;
}

.id-footer--widgets .id-widget__caption a {
	color: var(--htc-ink);
}

.id-footer--widgets .id-widget--about .id-site-brand {
	margin: 0 0 8px;
}

.id-footer--widgets .id-site-brand--title a {
	display: inline-flex;
	align-items: center;
	height: 50px;
	padding: 0 18px;
	border-radius: 6px;
	font-size: 30px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.01em;
	color: #fff;
	background: var(--htc-accent);
	text-decoration: none;
}

.id-footer--widgets .id-widget__text {
	font-size: 16px;
	line-height: 1.6;
	color: var(--id-footer-muted);
}

.id-footer--widgets .htc-catalog .id-feed-head__title {
	margin-top: 0;
}

.id-footer--widgets .id-footer__bottom {
	margin-top: 64px;
}

.id-footer--widgets .id-footer__bottom .id-footer__legal {
	width: min(var(--htc-container), calc(100% - 2 * var(--htc-edge)));
	margin: 0 auto;
	padding-block: 24px 20px;
	border-bottom: 1px solid rgb(255 255 255 / 12%);
	font-size: 13px;
	line-height: 1.6;
	color: rgb(255 255 255 / 70%);
}

.id-footer--widgets .id-footer__bottom-inner {
	flex-wrap: nowrap;
	min-height: 78px;
	padding-block: 16px;
	gap: 12px 32px;
}

.id-footer--widgets .id-footer__links {
	font-size: 13px;
}

.id-footer--widgets .id-footer__links .wp-block-navigation__container {
	gap: 8px 28px;
}

.id-footer--widgets .id-footer__links a,
.id-footer--widgets .id-footer__bottom .id-footer__copy,
.id-footer--widgets .id-footer__bottom .id-footer__credit,
.id-footer--widgets .id-footer__bottom .id-footer__credit a {
	font-size: 13px;
	color: rgb(255 255 255 / 88%);
	opacity: 1;
}

.id-footer--widgets .id-footer__bottom .id-footer__credit {
	flex-basis: auto;
	margin: 0;
	text-align: right;
}

/* Флагман в подвале: фото модели на белом целиком, без обрезки */
.id-footer--widgets .htc-flagship .id-widget__image img {
	aspect-ratio: 600 / 516;
	object-fit: contain;
	background: var(--htc-card);
}

/* =========================================================
   Внутренние страницы: запись, рубрика, товар, каталог — та же система, что на главной
   ========================================================= */

.id-page-banner.id-section--surface,
.id-shop-archive-header.id-section--surface {
	padding-block: 28px !important;
}

.id-page-banner > .alignwide,
.id-shop-archive-header > .alignwide {
	box-sizing: border-box;
	width: min(var(--htc-container), calc(100% - 2 * var(--htc-edge)));
	max-width: none !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}

.htc-page {
	padding-block: 28px 56px !important;
	padding-inline: 0 !important;
	background: transparent;
}

.htc-page > .htc-page__inner {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: min(var(--htc-container), calc(100% - 2 * var(--htc-edge)));
	max-width: none !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}

.htc-page > .htc-page__inner > * {
	margin-block: 0 !important;
}

.htc-page-columns {
	align-items: flex-start;
	margin: 0;
	gap: 40px !important;
}

.htc-page-columns__main {
	display: flex;
	flex-direction: column;
	gap: 28px;
	min-width: 0;
}

.htc-page-columns__main > * {
	margin-block: 0 !important;
}

@media (min-width: 782px) {
	.htc-page-columns {
		gap: 48px !important;
	}

	.htc-page-columns > .htc-page-columns__main {
		flex: 1 1 0 !important;
	}

	.htc-page-columns > .htc-page-columns__aside {
		flex: 0 0 31% !important;
		min-width: 0;
	}
}

.htc-page .wp-block-query-pagination {
	gap: 8px;
	margin-top: 28px;
	font-size: 14px;
}

.htc-page .wp-block-query-pagination .page-numbers,
.htc-page .wp-block-query-pagination-previous,
.htc-page .wp-block-query-pagination-next {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 36px;
	height: 36px;
	padding: 0 12px;
	border-radius: var(--htc-thumb-radius);
	color: var(--htc-ink);
	background: var(--htc-card);
	box-shadow: var(--htc-shadow);
	text-decoration: none;
}

.htc-page .wp-block-query-pagination .page-numbers.current {
	color: #fff;
	background: var(--htc-accent);
}

.htc-page .wp-block-query-pagination .page-numbers.dots {
	background: transparent;
	box-shadow: none;
}

/* --- Сайдбар: виджеты — белые карточки, как «Каталог моделей HTC по годам» на главной --- */

.htc-sidebar {
	gap: 24px;
}

.htc-sidebar > * {
	margin: 0;
}

.htc-sidebar .id-widget {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 22px 24px 12px;
	border-radius: var(--htc-radius);
	background: var(--htc-card);
	box-shadow: var(--htc-shadow);
}

.htc-sidebar .id-widget > * {
	margin: 0;
}

.htc-sidebar .id-widget .id-widget__links a {
	padding-block: 9px;
	font-size: 15px;
}

.htc-sidebar .id-widget__links li.is-current > a,
.htc-sidebar .id-widget__links .current-menu-item > a {
	font-weight: 600;
	color: var(--htc-accent);
}

/* «Свежие записи»: строки внутри одной карточки, разделители #EEE */
.htc-sidebar .id-feed {
	--card-media-w: 96px;
	--card-ratio: 4 / 3;
	--card-gap: 14px;
	--card-title: 15px;
	--card-align: flex-start;
	--id-feed-gap: 0;
}

.htc-sidebar .id-feed:not(.id-feed--overlay) .id-feed-card {
	padding: 12px 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.htc-sidebar .id-feed .wp-block-post + .wp-block-post .id-feed-card {
	border-top: 1px solid var(--htc-line);
}

.htc-sidebar .id-feed-card__title {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

/* «Популярное»: вывод WP Popular Posts строками — миниатюра 96×72 слева, заголовок и дата */
.htc-widget--popular .wpp-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.htc-widget--popular .wpp-list li {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
	column-gap: 14px;
	row-gap: 4px;
	align-items: start;
	margin: 0;
	padding: 12px 0;
	border-bottom: 1px solid var(--htc-line);
}

.htc-widget--popular .wpp-list li:last-child {
	border-bottom: 0;
}

.htc-widget--popular .wpp-list li > a:not(.wpp-post-title) {
	grid-column: 1;
	grid-row: 1 / span 2;
	line-height: 0;
}

.htc-widget--popular .wpp-thumbnail {
	float: none;
	width: 96px;
	height: 72px;
	margin: 0;
	border-radius: var(--htc-thumb-radius);
	object-fit: cover;
	background: var(--htc-slot);
}

.htc-widget--popular .wpp-post-title,
.htc-widget--popular .wpp-meta {
	grid-column: 2;
}

.htc-widget--popular .wpp-post-title {
	display: -webkit-box;
	overflow: hidden;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--htc-ink);
	text-decoration: none;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.htc-widget--popular .wpp-post-title:hover,
.htc-widget--popular .wpp-post-title:focus-visible {
	color: var(--htc-accent);
}

.htc-widget--popular .wpp-meta {
	font-size: 13px;
	color: var(--htc-muted);
}

/* «Другие модели года»: миниатюра модели 44px на белом + название */
.htc-models a {
	display: flex !important;
	align-items: center;
	gap: 12px;
}

.htc-models__thumb {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	object-fit: contain;
	background: var(--htc-card);
}

.htc-models__name {
	min-width: 0;
}

/* --- Реклама --- */

.htc-ad {
	max-width: 100%;
	overflow: hidden;
}

.htc-ad--rtb {
	clear: both;
}

.wp-block-post-content .htc-ad--rtb {
	margin-block: 24px;
}

.htc-ad--float,
.wp-block-post-content .htc-ad--float.alignleft {
	float: left;
	max-width: 240px;
	margin: 0 10px 12px 0;
}

/* --- Текст записи: отступ после заголовков и после каждого абзаца --- */

.wp-block-post-content > :is(h2, h3, h4, h5, h6) {
	margin-block: 32px 12px;
}

.wp-block-post-content > :is(p, ul, ol, blockquote, table, figure) {
	margin-block: 0 16px;
}

/* --- Сайдбар записи: едет вместе со страницей, пока не покажется низ с рекламой, дальше стоит --- */

@media (min-width: 782px) {
	.single-post .id-page-columns > .wp-block-column:last-child {
		display: flex;
		flex-direction: column;
		align-self: stretch;
	}

	.single-post .id-page-columns > .wp-block-column:last-child > .wp-block-template-part {
		position: sticky;
		top: auto;
		bottom: 24px;
		margin-top: auto;
	}
}

/* Ролики из старого контента вставлены iframe с width="800" — по ширине колонки, пропорция 16:9 */
:is(.wp-block-post-content, .woocommerce-Tabs-panel) :is(iframe[src*="youtube.com"], iframe[src*="youtu.be"], iframe[src*="rutube.ru"], iframe[src*="vk.com/video"], iframe[src*="vkvideo.ru"]) {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

/* Ядро даёт кнопке height: 100% — в растянутой строке колонок она вырастает на всю высоту записи */
.wp-block-post-comments-form .form-submit .wp-block-button__link {
	height: auto;
}

/* --- Ссылки: подчёркивание зелёным, как «HTC Review» в логотипе --- */

a:any-link {
	text-decoration-color: var(--htc-green);
}

/* --- Выпадающее меню: по ширине пункта, до 320px — не больше двух строк --- */
/* Открытое меню ядро делает width: auto правилами до 0,6,0 — путь через __container даёт 0,7,0 */

@media (min-width: 782px) {
	.id-header--portal .id-header__bar .wp-block-navigation .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container {
		width: max-content;
		min-width: 200px;
		max-width: 320px;
	}
}

.htc-ad--float img {
	display: block;
	max-width: 100%;
	height: auto;
}

.htc-ym-pixel {
	position: absolute;
	left: -9999px;
}

/* --- Рубрика записей: строки с фото слева и анонсом --- */

@media (min-width: 782px) {
	.htc-feeds .htc-archive-feed {
		--card-media-w: 38%;
		--card-ratio: 16 / 10;
		--card-title: 20px;
		--card-gap: 20px;
	}
}

.htc-feeds .htc-archive-feed .id-feed-card {
	padding: 10px 16px 10px 10px;
}

.htc-feeds .htc-archive-feed .id-feed-card__body {
	padding-block: 6px;
}

/* --- Каталог моделей: H1, годы через «/», сетка 5 в ряд --- */

.htc-catalog__intro {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.htc-catalog__intro > * {
	margin: 0 !important;
}

.htc-catalog .htc-catalog__title {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--htc-ink);
}

.htc-cat-years__list {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.7;
	list-style: none;
}

.htc-cat-years__list li + li::before {
	content: "/";
	margin: 0 8px;
	color: var(--htc-muted);
}

.htc-cat-years__list a {
	color: var(--htc-excerpt);
	text-decoration: none;
}

.htc-cat-years__list a:hover,
.htc-cat-years__list a:focus-visible {
	color: var(--htc-accent);
}

.htc-cat-years__list .is-current a {
	font-weight: 600;
	color: var(--htc-accent);
}

.htc-catalog .id-shop-archive__toolbar {
	font-size: 14px;
	color: var(--htc-muted);
}

.htc-catalog .id-shop-archive__toolbar > * {
	margin: 0;
}

.htc-catalog .id-shop-archive__toolbar select {
	box-sizing: border-box;
	height: 36px;
	padding: 0 32px 0 12px;
	border: 1px solid var(--htc-rule);
	border-radius: var(--htc-thumb-radius);
	font: inherit;
	color: var(--htc-ink);
	background-color: var(--htc-card);
}

.htc-catalog .htc-models-grid .wc-block-product-template,
.htc-catalog .htc-models-grid .wc-block-product-template.is-flex-container {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 0;
	padding: 0;
}

.htc-catalog .htc-models-grid .wc-block-product-template > li,
.htc-catalog .htc-models-grid .wc-block-product-template.is-flex-container > li {
	width: auto !important;
	max-width: none !important;
	margin: 0;
}

@media (min-width: 600px) {
	.htc-catalog .htc-models-grid .wc-block-product-template,
	.htc-catalog .htc-models-grid .wc-block-product-template.is-flex-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1000px) {
	.htc-catalog .htc-models-grid .wc-block-product-template,
	.htc-catalog .htc-models-grid .wc-block-product-template.is-flex-container {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 20px;
	}
}

.htc-model-card,
.htc-cat-grid__item > a {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: 100%;
	padding: 12px 12px 14px;
	border-radius: var(--htc-radius);
	background: var(--htc-card);
	box-shadow: var(--htc-shadow);
}

.htc-model-card > * {
	margin: 0 !important;
}

.htc-catalog .htc-model-card .id-card-image {
	border-radius: 0;
}

.htc-catalog .htc-model-card .htc-model-card__title {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
}

.htc-model-card__title a,
.htc-cat-grid__name {
	color: var(--htc-ink);
	text-decoration: none;
}

.htc-model-card__title a:hover,
.htc-model-card__title a:focus-visible,
.htc-cat-grid__item > a:hover .htc-cat-grid__name {
	color: var(--htc-accent);
}

/* Раздел (телефоны, планшеты, шлемы): сетка рубрик-лет */
.htc-cat-grid__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 600px) {
	.htc-cat-grid__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1000px) {
	.htc-cat-grid__list {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 20px;
	}
}

.htc-cat-grid__item > a {
	text-decoration: none;
}

.htc-cat-grid__media {
	display: block;
	aspect-ratio: 1 / 1;
	line-height: 0;
	background: var(--htc-card);
}

.htc-cat-grid__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.htc-cat-grid__name {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
}

/* Каталог телефонов: все модели по годам, H2 года над сеткой */
.htc-year-sections {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.htc-year-section__title {
	margin: 0 0 16px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--htc-ink);
}

.htc-year-sections .htc-cat-grid__name {
	font-size: 14px;
	font-weight: 500;
}

/* Звёзды и цена в карточке модели — только у тех, где они есть */
.htc-cat-grid__rating .star-rating {
	float: none;
	margin: 0 auto;
}

.htc-cat-grid__price,
.htc-catalog .htc-model-card .htc-model-card__price {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	color: var(--htc-ink);
}

/* --- Карточка модели: фото слева, заголовок и рубрика справа, вкладки ниже --- */

.htc-product .htc-product__hero {
	margin: 0;
	column-gap: 32px;
}

.htc-product .wp-block-woocommerce-product-image-gallery {
	border: 0;
	border-radius: var(--htc-radius);
	box-shadow: var(--htc-shadow);
}

.htc-product .htc-product__title {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
}

.htc-product .htc-product__cats {
	margin: 0;
	font-size: 14px;
	color: var(--htc-muted);
}

.htc-product .htc-product__cats a {
	color: var(--htc-accent);
	text-decoration: none;
}

.htc-product .htc-product__details {
	padding: 0;
}

.htc-product .htc-product__details img {
	max-width: 100%;
	height: auto;
}

/* =========================================================
   Телефон ≤781px: всё в одну колонку, сетки 2×4 остаются в 2 колонки
   ========================================================= */

@media (max-width: 781px) {
	:root {
		--htc-edge: 16px;
	}

	.id-portal .id-section {
		padding-block: 20px !important;
	}

	.id-portal > .id-section:first-child {
		padding-top: 16px !important;
	}

	.id-header--portal .id-header__search {
		position: relative;
		order: 1;
		flex: 0 0 auto;
	}

	.id-header--portal .id-header__search.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
		border-color: transparent;
	}

	.id-header--portal .id-header__search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		width: min(260px, calc(100vw - 32px)) !important;
		max-width: none;
		background: var(--wp--preset--color--base, #fff);
	}

	.id-portal .wp-block-columns.id-feed-columns {
		gap: 40px !important;
	}

	.id-portal-block > .id-feed-section > .id-feed-head .id-feed-head__title,
	.id-portal-block--wide .id-portal-block > .id-feed-section > .id-feed-head .id-feed-head__title,
	.id-portal-block.id-feed-accent--rule > .id-feed-section > .id-feed-head .id-feed-head__title {
		font-size: 20px;
	}

	.id-portal-block > .id-feed-section > .id-feed-head .id-feed-head__title::after {
		display: none;
	}

	.id-posts-mosaic .wp-block-post-template {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 0;
	}

	.id-posts-mosaic .wp-block-post:nth-child(n + 4) {
		margin-top: 16px;
	}

	.id-posts-mosaic .wp-block-post:nth-child(4) .id-mosaic-card {
		min-height: 0;
		aspect-ratio: 4 / 3;
	}

	.id-posts-mosaic .wp-block-post:nth-child(4) .wp-block-post-title {
		font-size: 22px;
	}

	.id-portal-block--reviews .id-feed {
		--card-ratio: 4 / 5;
	}

	.id-portal-block--video .id-feed-card .id-feed-card__title,
	.id-portal-block--reviews .id-feed-card .id-feed-card__title {
		font-size: 22px;
	}

	.id-portal-block--vr .id-feed {
		--card-media-w: 112px;
		--card-title: 16px;
	}

	.id-portal-block--vr .id-feed .id-feed-card__excerpt {
		display: none;
	}

	.id-footer--widgets .id-footer-columns {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 40px !important;
	}

	.id-footer--widgets .id-footer__bottom-inner {
		flex-direction: column;
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.id-footer--widgets .id-footer__bottom .id-footer__credit {
		text-align: left;
	}

	.htc-page {
		padding-block: 20px 40px !important;
	}

	.htc-ad--float,
	.wp-block-post-content .htc-ad--float.alignleft {
		float: none;
		margin: 0 auto 16px;
	}

	.htc-catalog .htc-catalog__title,
	.htc-product .htc-product__title {
		font-size: 24px;
	}
}