/* 1130 (вход AW, v2): размытая подложка обложки вне шелфа журнала (1123: journal-shelf.css) — общий модуль для боксов каталога и статей.
 * Бокс .gt-ambient-cover: position:relative, overflow:hidden, isolation, под слоем — ровный --gt-paper (виден только без filter).
 * Слой .gt-ambient-cover__ambient: второй <img> тем же файлом (template-parts/ambient-cover.php), 150 % бокса, blur(20px), z 0;
 * его геометрия закреплена !important — контекстные правила бандлов (…__media img, .gt-generation-tile-photo > img, .article-cover img)
 * иначе заново раскладывают его как кадр (contain, width/height, transition). Затемнение ::after — --gt-black при --gt-ambient-dim
 * (.16 у обложек журнала; 0 на «бумаге» каталога — v2: затемнение давало тёмные зоны под светлыми студийными кадрами). Кадр — первый <img> бокса, z 2;
 * плашки/значки — z 3. Плитки поколений: слой — <span style="background-image"> тем же файлом (без второго <img>: check-catalog-navigation считает
 * img внутри плитки). Файл отдаётся напрямую, enqueue из template-parts/ambient-cover.php при первом боксе на странице. */
.gt-ambient-cover { position: relative; overflow: hidden; isolation: isolate; background: var(--gt-paper, #f4f4f4); --gt-ambient-dim: .16; }
.gt-ambient-cover > img:not(.gt-ambient-cover__ambient) { position: relative; z-index: 2; }
.gt-ambient-cover > .gt-ambient-cover__ambient { display: block !important; position: absolute !important; inset: -25% !important; width: 150% !important; height: 150% !important;
  max-width: none !important; max-height: none !important; min-height: 0 !important; aspect-ratio: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  object-fit: cover !important; object-position: center !important; filter: blur(20px) !important; opacity: 1 !important; transform: none !important; transition: none !important;
  mix-blend-mode: normal !important; z-index: 0 !important; pointer-events: none !important; }
.gt-ambient-cover > img.gt-ambient-cover__ambient { background: transparent !important; }
.gt-ambient-cover > span.gt-ambient-cover__ambient { background-color: transparent !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }
.gt-ambient-cover::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; background: var(--gt-black, #111); opacity: var(--gt-ambient-dim); pointer-events: none; }
.gt-ambient-cover > .gt-cover-plaque, .gt-ambient-cover > .gt-catalog-badges { z-index: 3; }
@supports not (filter: blur(1px)) { .gt-ambient-cover > .gt-ambient-cover__ambient { display: none !important; } .gt-ambient-cover::after { display: none; } }

/* /catalog/ — «Готовые подборки» (.gt-collection-editorial__media — сам бокс) и карточки-примеры подборок (.gt-collection-card__media > .gt-ambient-cover).
 * v2: на «бумаге» каталога затемнения нет; бокс хаба — по пропорции кадра (4/3) и по центру строки, а не на всю высоту карточки (v2.1 — на всех ширинах)
 * (в v1 кадр занимал ~40 % высоты, остальное — тёмный размытый центр фото). */
.gt-catalog-specs--hub .gt-collection-editorial__media.gt-ambient-cover { padding: 0; --gt-ambient-dim: 0; }
.gt-collection-card__media .gt-ambient-cover { display: block; border: 1px solid #e4e4e4; border-radius: var(--radius-sm); --gt-ambient-dim: 0; }
.gt-collection-card__media .gt-ambient-cover > img:not(.gt-ambient-cover__ambient) { background: transparent; border: 0; border-radius: 0; }
/* v2.1: бокс хаба по пропорции кадра на всех ширинах (root: без полос/полей у кадров и на 1440; на десктопе ячейка сетки была выше кадра на 29 px). */
.gt-catalog-specs--hub .gt-collection-editorial__media.gt-ambient-cover { align-self: center; aspect-ratio: 4 / 3; min-height: 0; height: auto; }

/* Страницы моделей — карточки поколений (.gt-generation-tile-photo — сам бокс); страницы поколений — фото поколения (.gt-facet-hero figure > .gt-ambient-cover). */
.gt-generation-tile-photo.gt-ambient-cover { --gt-ambient-dim: 0; }
.gt-facet-hero .gt-ambient-cover { display: block; border-radius: var(--radius-sm); --gt-ambient-dim: 0; }
.gt-facet-hero .gt-ambient-cover > img:not(.gt-ambient-cover__ambient) { background: transparent; border-radius: 0; }

/* Статьи журнала: портретный кадр (.is-portrait, 1088) и публикации Telegram (journal-publication.php) — кадр contain на размытии вместо серых полей.
 * v2: пресс-кадр (.is-press, белый/прозрачный фон) не оборачивается — остаётся на ровной «бумаге» 1084 (размытие давало грязную тень). */
.gt-journal-edition .article-cover .gt-ambient-cover { display: block; border-radius: 6px; }
.gt-journal-edition .article-cover .gt-ambient-cover > img:not(.gt-ambient-cover__ambient) { background: transparent; }

/* Лента журнала (/zhizn-gtyres/, journal-autriva-card.php): карточка без обложки — символ бренда по центру на «бумаге» (is-illustration) вместо пустого
 * текстового бокса; дата r56 остаётся внизу слева (плашки нет — v2, наезжала на дату). */
.r56-blog-images.is-illustration { background: var(--gt-paper, #f4f4f4); }
.r56-blog-images.is-illustration > a { display: grid; place-items: center; }
.r56-blog-images.is-illustration img { width: 34%; max-width: 160px; height: auto; object-fit: contain; opacity: .9; }

/* 24 (B): страница модели — единственное поколение семейства (layout-c2.css: строка «фото + данные») — фото по высоте текста, без пустой площади справа;
 * служебная подводка «Выше — о поколении…» (inc/catalog-model-intro.php, файл входа AR — не правится) остаётся для скринридера и роботов, визуально убрана.
 * v2: значки «Япония / Правый руль» на плитке 240 px закрывали крышу машины — вынесены в текстовую колонку (строка ≥ 701 px): бокс фото без overflow:hidden,
 * слой размытия обрезан clip-path по боксу (inset 1/6 слоя = бокс), значки позиционируются от бокса вправо на ширину зазора. */
.gtyres-catalog-page .gt-family-section .gt-generation-grid > .gt-generation-tile:only-child { grid-template-columns: 240px minmax(0, 1fr); gap: 0 28px; align-items: center; }
.gtyres-catalog-page .gt-family-section .gt-generation-grid > .gt-generation-tile:only-child .gt-generation-tile-copy { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px 24px; padding: 0; align-content: center; }
.gtyres-catalog-page .gt-family-section .gt-generation-grid > .gt-generation-tile:only-child .gt-generation-tile-copy strong { grid-column: 1 / -1; font-size: 18px; }
.gt-model-intro .gt-model-intro-note { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (min-width: 701px) {
  .gtyres-catalog-page .gt-family-section .gt-generation-grid > .gt-generation-tile:only-child .gt-generation-tile-photo.gt-ambient-cover { overflow: visible; }
  .gtyres-catalog-page .gt-family-section .gt-generation-grid > .gt-generation-tile:only-child .gt-generation-tile-photo.gt-ambient-cover > .gt-ambient-cover__ambient { clip-path: inset(16.6667% round 7px) !important; }
  .gtyres-catalog-page .gt-family-section .gt-generation-grid > .gt-generation-tile:only-child .gt-generation-tile-photo.gt-ambient-cover > img:not(.gt-ambient-cover__ambient) { border-radius: 7px; }
  .gtyres-catalog-page .gt-family-section .gt-generation-grid > .gt-generation-tile:only-child:hover .gt-generation-tile-photo > img { transform: none; }
  .gtyres-catalog-page .gt-family-section .gt-generation-grid > .gt-generation-tile:only-child .gt-generation-tile-photo > .gt-catalog-badges { left: calc(100% + 28px); right: auto; top: 0; width: max-content; max-width: 60vw; }
}
@media (max-width: 700px) {
  .gtyres-catalog-page .gt-family-section .gt-generation-grid > .gt-generation-tile:only-child { grid-template-columns: 1fr; gap: 0; }
  .gtyres-catalog-page .gt-family-section .gt-generation-grid > .gt-generation-tile:only-child .gt-generation-tile-copy { grid-template-columns: 1fr; padding-top: 14px; }
}