/* «Вы смотрели» (#lbViewed, local/css/lb-viewed.css) в оформлении «Плитки».
   Полка рисует себя через свои переменные (--ac — был оранжевый акцент): переназначаем их на токены,
   остальное — полка на подложке tray, белые карточки без рамок, кнопка «В корзину» графитовым кругом.
   Без: специфичность body.lbt #lbViewed выше правил lb-viewed.css. */
html body.lbt #lbViewed {
	--ac: var(--lb-ink);
	--ac-h: var(--lb-ink-hover);
	--ac-ink: var(--lb-ink-2);
	--ink: var(--lb-ink);
	--sub: var(--lb-ink-3);
	--line: var(--lb-line);
	--soft: var(--lb-mist);
	--ok: var(--lb-ok);
	max-width: calc(var(--lb-wrap) + 2 * var(--lb-gut));
	margin-top: 72px;
	padding: 0 var(--lb-gut);
	font-family: var(--lb-text);
}
html body.lbt #lbViewed.lbv--home { max-width: none; margin-top: 96px; padding: 0; }
html body.lbt #lbViewed :focus-visible { outline: 3px solid var(--lb-focus); outline-offset: 3px; }

html body.lbt #lbViewed .lbv__head { align-items: center; margin-bottom: 20px; }
html body.lbt #lbViewed h2.lbv__title { font: 700 var(--lb-fs-h3)/var(--lb-lh-head) var(--lb-display); letter-spacing: var(--lb-track-head); }
html body.lbt #lbViewed .lbv__clear {
	min-height: var(--lb-ctl-c);
	padding: 0 16px;
	border-radius: var(--lb-r-pill);
	background: var(--lb-mist);
	color: var(--lb-ink-2);
	font: 500 var(--lb-fs-small)/1 var(--lb-text);
	transition: background-color var(--lb-t-fast);
}
html body.lbt #lbViewed .lbv__clear:hover { background: var(--lb-blue); color: var(--lb-ink); }

/* полка: подложка tray, как у полок главной */
html body.lbt #lbViewed .lbv__shelf { padding: var(--lb-pad-tray); border-radius: var(--lb-r); background: var(--lb-tray); }
html body.lbt #lbViewed .lbv__track { gap: 12px; grid-auto-columns: calc((100% - 5 * 12px) / 6); padding-bottom: 0; }
html body.lbt #lbViewed .lbv__btn { width: 44px; height: 44px; border: 0; background: var(--lb-page); box-shadow: none; }
html body.lbt #lbViewed .lbv__btn:hover { background: var(--lb-ink); color: var(--lb-on-ink); }
html body.lbt #lbViewed .lbv__btn--prev { left: 4px; }
html body.lbt #lbViewed .lbv__btn--next { right: 4px; }

html body.lbt #lbViewed .lbv-card { padding: 14px 14px 16px; border: 0; border-radius: var(--lb-rc); background: var(--lb-page); }
html body.lbt #lbViewed .lbv-card__name { font: 500 var(--lb-fs-small)/1.35 var(--lb-text); }
html body.lbt #lbViewed .lbv-card__name:hover { color: var(--lb-ink-2); text-decoration: underline; text-underline-offset: 3px; }
html body.lbt #lbViewed .lbv-card__price { font: 700 var(--lb-fs-h4)/1.1 var(--lb-display); letter-spacing: -.02em; }
html body.lbt #lbViewed .lbv-card__out { color: var(--lb-ink-3); }

/* «В корзину» — графитовый круг; «В корзине» — зелёный с галочкой по центру */
html body.lbt #lbViewed .lbv-card__buy { width: 40px; min-width: 40px; height: 40px; border-radius: 50%; background-color: var(--lb-ink); }
html body.lbt #lbViewed .lbv-card__buy:hover { background-color: var(--lb-ink-hover); }
html body.lbt #lbViewed .lbv-card__buy.added { position: relative; }
html body.lbt #lbViewed .lbv-card__buy.added::after { position: absolute; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -70%) rotate(-45deg); }