/* Start:/local/templates/.default/css/favorites.css?1789924653899*/
.td-heart {
	padding: 0;
	border: 0;
	background: none;
	color: #cdc6d5;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	transition: color .15s;
}

.td-heart:hover {
	color: #e0868a;
}

.td-heart--on {
	color: #d64550;
}

.td-fav-counter {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	color: #d64550;
	font-size: 18px;
	line-height: 1;
	text-decoration: none;
	vertical-align: middle;
}

.td-fav-counter--empty {
	color: var(--td-muted);
}

.td-fav-counter__value {
	margin-left: 3px;
	font-size: 12px;
	font-weight: 600;
	vertical-align: super;
}

.td-fav-counter--floating {
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 900;
	padding: 10px 14px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(var(--td-ink-rgb), .18);
}

.td-favorites__empty,
.td-favorites__error {
	color: #6f6878;
}

.td-favorites__actions {
	margin-bottom: 16px;
}

/* End */


/* Start:/local/templates/timediamond/css/header.css?17917924547287*/
/* Шапка: десктоп по 15-HeaderFooter.png, мобайл — бургер с аккордеонами. */

.td-header {
	position: relative;
	z-index: 100;
	background: var(--td-surface);
	border-bottom: 1px solid var(--td-border);
}

.td-header__bar {
	display: flex;
	align-items: center;
	gap: 24px;
	height: var(--td-header-height);
}

/* --- навигация слева --- */

.td-header__nav {
	display: flex;
	align-items: center;
	gap: 28px;
	flex: 1 1 0;
	min-width: 0;
}

.td-nav__item {
	position: relative;
	padding: 4px 0;
	border: 0;
	background: none;
	color: var(--td-ink-soft);
	font-size: var(--td-text-xs);
	font-weight: 600;
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
}

.td-nav__item::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 1px;
	background: var(--td-accent);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform var(--td-transition);
}

.td-nav__item:hover,
.td-nav__item[aria-expanded="true"],
.td-nav__item.is-active {
	color: var(--td-ink);
}

.td-nav__item:hover::after,
.td-nav__item[aria-expanded="true"]::after,
.td-nav__item.is-active::after {
	transform: scaleX(1);
}

/* --- логотип по центру --- */

.td-header__logo {
	flex: 0 0 auto;
}

/* --- действия справа --- */

.td-header__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 22px;
	flex: 1 1 0;
	min-width: 0;
}

.td-action {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--td-ink-soft);
	font-size: var(--td-text-xs);
	font-weight: 600;
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
	white-space: nowrap;
}

.td-action:hover { color: var(--td-accent); }

.td-action__icon {
	display: inline-flex;
	width: 18px;
	height: 18px;
}

.td-action__icon svg { width: 100%; height: 100%; }

/* круглый счётчик, как в макете */
.td-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 9px;
	background: var(--td-ink);
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0;
}

/*
 * Пустой счётчик. Класс td-fav-counter--empty вешает favorites.js — виджет
 * избранного из З-8; шаблон подстраивается под его контракт, а не наоборот.
 */
/*
 * Пустой счётчик по макету не показывается вовсе. Элемент при этом остаётся
 * в разметке: favorites.js из З-8 ищет его по data-td-favorites-counter
 * и сам снимает класс td-fav-counter--empty, когда избранное наполнилось.
 */
.td-badge--empty,
.td-badge.td-fav-counter--empty {
	display: none;
}

.td-badge[data-td-favorites-counter]:not(.td-fav-counter--empty) {
	display: inline-flex;
	background: var(--td-ink);
	color: #fff;
	border: 0;
}

/* --- раскрытое меню --- */

.td-mega {
	display: none;
	border-top: 1px solid var(--td-border);
	background: var(--td-surface);
	box-shadow: 0 18px 30px -22px rgba(var(--td-ink-rgb), .35);
}

.td-mega.is-open { display: block; }

.td-mega__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)) 380px;
	gap: 48px;
	padding: 40px 0 48px;
}

.td-mega__title {
	margin-bottom: 20px;
}

.td-mega__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.td-mega__list li { margin-bottom: 12px; }

.td-mega__list a { font-size: var(--td-text); }

.td-mega__promo {
	padding: 28px;
	background: var(--td-page);
}

.td-mega__promo h3 {
	margin: 14px 0 22px;
	font-size: 25px;
}

/* --- мобильная шапка --- */

.td-header__burger,
.td-header__mobile-actions {
	display: none;
}

.td-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--td-ink-soft);
	cursor: pointer;
}

.td-icon-btn svg { width: 20px; height: 20px; }

.td-icon-btn__badge {
	position: absolute;
	top: -2px;
	right: -4px;
}

/*
 * 1024–1279: три блока шапки — меню, логотип, действия — в одну строку
 * помещаются только с более тесными отступами. Ниже 1024 раскладка
 * переключается на бургер, и это уже не нужно.
 */
@media (min-width: 1024px) and (max-width: 1279.98px) {
	.td-header__bar { gap: 16px; }
	.td-header__nav { gap: 20px; }
	.td-header__actions { gap: 16px; }
}

@media (max-width: 1023.98px) {
	.td-header__nav,
	.td-header__actions {
		display: none;
	}

	.td-header__burger,
	.td-header__mobile-actions {
		display: flex;
		align-items: center;
		gap: 4px;
		flex: 1 1 0;
		min-width: 0;
	}

	.td-header__mobile-actions { justify-content: flex-end; }

	.td-header__bar { gap: 8px; }
}

/* на узких экранах иконки ужимаются, иначе строка шапки не влезает в 390px */
@media (max-width: 389.98px) {
	.td-icon-btn { width: 30px; height: 30px; }
	.td-icon-btn svg { width: 18px; height: 18px; }
	.td-header__bar { gap: 6px; }
}

/* --- выезжающее меню --- */

.td-drawer {
	position: fixed;
	inset: 0;
	z-index: 200;
	display: none;
	background: var(--td-surface);
	overflow-y: auto;
}

.td-drawer.is-open { display: block; }

.td-drawer__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	height: var(--td-header-height);
	padding: 0 var(--td-gutter-mobile);
	border-bottom: 1px solid var(--td-border);
}

.td-drawer__section {
	border-bottom: 1px solid var(--td-border);
}

.td-drawer__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	padding: 20px var(--td-gutter-mobile);
	border: 0;
	background: none;
	color: var(--td-ink);
	font-size: var(--td-text-sm);
	font-weight: 600;
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
	text-align: left;
	cursor: pointer;
}

.td-drawer__chevron {
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
	transition: transform var(--td-transition);
}

.td-drawer__toggle[aria-expanded="true"] .td-drawer__chevron {
	transform: rotate(180deg);
}

.td-drawer__panel {
	display: none;
	padding: 0 var(--td-gutter-mobile) 18px;
}

.td-drawer__panel.is-open { display: block; }

.td-drawer__panel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.td-drawer__panel li { margin-bottom: 12px; }

.td-drawer__buttons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	padding: 20px var(--td-gutter-mobile);
}

.td-drawer__contacts {
	padding: 0 var(--td-gutter-mobile) 32px;
}

.td-drawer__phone {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 17px;
	color: var(--td-ink);
}

.td-social {
	display: flex;
	gap: 16px;
	font-size: var(--td-text-sm);
	color: var(--td-muted);
}

body.td-drawer-open { overflow: hidden; }

/* пункт бургера без вложенного списка — обычная ссылка в той же строке */
.td-drawer__toggle--plain { text-decoration: none; }

/* End */


/* Start:/local/templates/timediamond/css/footer.css?17917924543378*/
/* Подвал по 15-HeaderFooter.png: тёмная плашка, четыре колонки, нижняя строка. */

.td-footer {
	background: var(--td-ink);
	color: var(--td-muted-dark);
	font-size: var(--td-text-sm);
}

.td-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
	gap: 48px;
	padding: 64px 0 40px;
}

.td-footer .td-logo,
.td-footer h3 {
	color: #fff;
}

.td-footer__about {
	max-width: 280px;
	margin: 20px 0 0;
	line-height: 1.6;
}

/* тёплая линейка под слоганом — единственный акцентный элемент подвала */
.td-footer__rule {
	width: 56px;
	height: 1px;
	margin-top: 26px;
	background: var(--td-accent);
}

.td-footer__title {
	/* по макету 15-HeaderFooter.png заголовки колонок светлее ссылок под ними */
	color: #fff;
	margin-bottom: 20px;
	font-size: var(--td-text-xs);
	font-weight: 600;
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
}

.td-footer__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.td-footer__list li { margin-bottom: 11px; }

.td-footer a:hover { color: #fff; }

.td-footer__contact {
	margin-bottom: 11px;
}

.td-footer__contact--strong {
	color: #fff;
	font-size: 15px;
}

.td-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 22px 0 40px;
	border-top: 1px solid var(--td-border-dark);
	font-size: 12px;
}

.td-footer__legal {
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
}

@media (max-width: 1023.98px) {
	.td-footer__grid {
		grid-template-columns: 1fr;
		gap: 32px;
		padding: 40px 0 28px;
	}

	.td-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
		padding-bottom: 32px;
	}

	.td-footer__legal { gap: 18px; }
}

/* --- колонки-аккордеоны --- */

/*
 * На десктопе заголовок колонки — просто заголовок, списки всегда раскрыты.
 * Кнопкой он становится только на мобильном, где по макету колонки
 * сворачиваются; обработчик клика — общий, из js/header.js.
 */
.td-footer__title {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	text-align: left;
	cursor: default;
}

.td-footer__chevron { display: none; }

@media (max-width: 1023.98px) {
	.td-footer__col + .td-footer__col { border-top: 1px solid var(--td-border-dark); }

	.td-footer__col:has(.td-footer__panel) { padding-bottom: 0; }

	button.td-footer__title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 18px 0;
		margin: 0;
		cursor: pointer;
	}

	.td-footer__chevron {
		display: block;
		flex: 0 0 auto;
		width: 14px;
		height: 14px;
		transition: transform var(--td-transition);
	}

	.td-footer__title[aria-expanded="true"] .td-footer__chevron { transform: rotate(180deg); }

	/* «Контакты» не сворачиваются, но строку заголовка держат ту же */
	.td-footer__title--static { padding: 18px 0 12px; }

	.td-footer__panel { display: none; padding-bottom: 18px; }
	.td-footer__panel.is-open { display: block; }

	.td-footer__grid { gap: 0; }

	.td-footer__grid > div:first-child { padding-bottom: 24px; }
}

/* End */


/* Start:/local/templates/timediamond/css/main.css?179179245417237*/
/*
 * Блоки главной страницы. Все размеры и цвета — через токены
 * из template_styles.css.
 */

.td-page-body--wide { padding: 0; }

/* --- общая рамка секции --- */

.td-section { padding: 72px 0; }

.td-section__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 36px;
}

.td-section__head--center {
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 10px;
}

.td-section__title {
	margin: 6px 0 0;
	font-size: 34px;
	font-weight: 500;
	line-height: 1.15;
	color: var(--td-ink);
}

.td-link-underline {
	display: inline-block;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--td-ink);
	color: var(--td-ink);
	font-size: var(--td-text-xs);
	font-weight: 600;
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
	text-decoration: none;
}

.td-link-underline:hover { color: var(--td-accent); border-bottom-color: var(--td-accent); }

.td-link-underline--accent {
	color: #fff;
	border-bottom-color: var(--td-accent);
}

.td-link-underline--accent:hover { color: var(--td-accent); }

/* --- первый экран --- */

.td-hero {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 700px;
	overflow: hidden;
	background: var(--td-ink);
	color: #fff;
}

.td-hero__media {
	position: absolute;
	inset: 0;
}

/* лёгкое затемнение: медиа задаёт клиент, и на светлом кадре
   белый заголовок без подложки читался бы плохо */
.td-hero__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(var(--td-ink-deep-rgb), .35) 0%, rgba(var(--td-ink-deep-rgb), .15) 45%, rgba(var(--td-ink-deep-rgb), .45) 100%);
}

.td-hero__media img,
.td-hero__media video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/*
 * «Текст уже на изображении»: затемнение существует только ради
 * читаемости наложенного текста — без него картинка показывается как есть.
 */
.td-hero--bare .td-hero__media::after { content: none; }

/* весь первый экран кликабелен, когда кнопки поверх него нет */
.td-hero__cover {
	position: absolute;
	inset: 0;
	z-index: 1;
}

/* заглушка на случай, когда активного баннера нет */
.td-hero__placeholder {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding-top: 28px;
	background: linear-gradient(160deg, var(--td-ink-soft), var(--td-ink-deep));
	color: var(--td-muted-dark);
	text-align: center;
}

.td-hero__inner {
	position: relative;
	width: 100%;
	text-align: center;
}

.td-hero__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin: 0;
	font-size: 72px;
	font-weight: 400;
	letter-spacing: .06em;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
}

.td-hero__subtitle {
	margin: 34px 0 0;
	color: var(--td-muted-dark);
	font-size: var(--td-text);
}

.td-hero__cta {
	display: inline-block;
	margin-top: 76px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .85);
	color: #fff;
	font-size: var(--td-text-xs);
	font-weight: 600;
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
	text-decoration: none;
}

.td-hero__cta:hover { color: var(--td-accent); border-bottom-color: var(--td-accent); }

.td-hero__controls {
	position: absolute;
	left: var(--td-gutter);
	bottom: 36px;
	display: flex;
	gap: 12px;
}

.td-hero__control {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .16);
	color: #fff;
	cursor: pointer;
	transition: background var(--td-transition);
}

.td-hero__control:hover { background: rgba(255, 255, 255, .28); }
.td-hero__control svg { width: 18px; height: 18px; }

/* --- плитка форм огранки --- */

.td-shapes__grid {
	display: grid;
	/* minmax(0, …), а не 1fr: иначе минимальная ширина колонки тянется
	   за самым длинным словом («ТРАПЕЦИЕВИДНЫЙ») и сетка вылезает за экран */
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 16px;
}

.td-shape {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 26px 12px 22px;
	border: 1px solid var(--td-border);
	background: var(--td-surface);
	color: var(--td-ink);
	text-decoration: none;
	transition: border-color var(--td-transition), transform var(--td-transition);
}

.td-shape:hover {
	border-color: var(--td-accent);
	transform: translateY(-2px);
}

.td-shape__icon {
	width: 34px;
	height: 34px;
	color: var(--td-ink-soft);
}

.td-shape__name {
	font-size: var(--td-text-xs);
	font-weight: 600;
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
	text-align: center;
	/* «Багет трапециевидный» в узкую колонку целиком не влезает:
	   сначала пробуем перенос по слогам, и только если и так не лезет —
	   рвём слово где придётся, но не раздвигаем колонку */
	hyphens: auto;
	overflow-wrap: break-word;
}

.td-shape__count {
	color: var(--td-muted);
	font-size: var(--td-text-xs);
}

.td-shapes__all {
	margin-top: 40px;
	text-align: center;
}

/* --- слайдер коллекций --- */

.td-slider { overflow: hidden; }

.td-slider__track {
	display: flex;
	gap: 24px;
	transition: transform .35s ease;
}

.td-slider__nav { display: flex; gap: 10px; }

.td-slider__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid var(--td-border);
	background: var(--td-surface);
	color: var(--td-ink);
	cursor: pointer;
	transition: border-color var(--td-transition);
}

.td-slider__arrow:hover { border-color: var(--td-accent); }
.td-slider__arrow svg { width: 16px; height: 16px; }
.td-slider__arrow[data-td-slider-prev] svg { transform: rotate(90deg); }
.td-slider__arrow[data-td-slider-next] svg { transform: rotate(-90deg); }
.td-slider__arrow[disabled] { opacity: .35; cursor: default; }

.td-collection {
	flex: 0 0 calc((100% - 48px) / 3);
	min-width: 0;
	border: 1px solid var(--td-border);
	background: var(--td-surface);
}

.td-collection__media {
	position: relative;
	aspect-ratio: 4 / 3;
	background: var(--td-page);
}

.td-collection__media img,
.td-collection__media video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.td-collection__empty {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--td-muted);
	font-size: var(--td-text-xs);
}

.td-collection__body { padding: 22px 24px 26px; }

.td-collection__title {
	margin: 0 0 10px;
	color: var(--td-ink);
	font-size: 22px;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.td-collection__text {
	margin: 0 0 20px;
	color: var(--td-muted);
	font-size: var(--td-text-sm);
}

/* --- промо-категория --- */

.td-promo__frame {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 420px;
	overflow: hidden;
	background: var(--td-ink);
	color: #fff;
}

.td-promo__media { position: absolute; inset: 0; }

.td-promo__media img,
.td-promo__media video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.td-promo__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(var(--td-ink-deep-rgb), .82) 0%, rgba(var(--td-ink-deep-rgb), .45) 45%, rgba(var(--td-ink-deep-rgb), 0) 75%);
}

.td-promo__body {
	position: relative;
	max-width: 560px;
	padding: 48px;
}

.td-promo__title {
	margin: 0 0 12px;
	font-size: 36px;
	font-weight: 500;
	/* базовое правило h1..h4 красит заголовки в тёмный, наследование
	   от тёмной секции его не перебивает — задаём цвет явно */
	color: #fff;
}

.td-promo__text {
	margin: 0 0 24px;
	color: var(--td-muted-dark);
	font-size: var(--td-text-sm);
}

.td-btn--light {
	border-color: #fff;
	color: #fff;
}

.td-btn--light:hover { background: #fff; color: var(--td-ink); }

/* --- новые поступления --- */

.td-arrivals { background: var(--td-page); }

.td-arrivals__inner {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-areas:
		"head link"
		"list list";
	align-items: end;
	column-gap: 24px;
}

.td-arrivals__head { grid-area: head; margin-bottom: 36px; }

.td-arrivals__all {
	grid-area: link;
	justify-self: end;
	margin-bottom: 36px;
}

.td-arrivals__list { grid-area: list; }

.td-new {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.td-new__card {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--td-border);
	background: var(--td-surface);
}

.td-new__pic {
	position: relative;
	aspect-ratio: 1 / 1;
	background: linear-gradient(160deg, var(--td-fill-from), var(--td-fill-to));
}

.td-new__pic-link {
	display: block;
	width: 100%;
	height: 100%;
}

.td-new__pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.td-new__pic-empty {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--td-muted);
	font-size: var(--td-text-xs);
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
	pointer-events: none;
}

.td-new__badge {
	position: absolute;
	top: 14px;
	left: 14px;
	/* 4px + рамка 1px даёт тот же внешний размер, что прежние 5px без рамки */
	padding: 4px 9px;
	border: 1px solid var(--td-ink);
	background: none;
	color: var(--td-ink);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
}

/* «Заказан» остаётся плашкой с заливкой: это не метка новинки,
   а сообщение о том, что камня больше нет, и весить оно должно больше */
.td-new__badge--sold {
	border-color: var(--td-muted);
	background: var(--td-muted);
	color: #fff;
}

.td-new__heart {
	position: absolute;
	top: 12px;
	right: 12px;
}

/* название на чистом фоне карточки — см. пояснение в css/catalog.css */
.td-new__name {
	display: block;
	padding: 16px 16px 12px;
	color: var(--td-ink);
	text-decoration: none;
}

.td-new__name:hover .td-stone__name-word,
.td-new__name:hover .td-stone__name-shape { color: var(--td-accent); }

.td-new__specs {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	margin: 0;
	border-top: 1px solid var(--td-border);
}

.td-new__spec {
	padding: 10px 12px;
	border-right: 1px solid var(--td-border);
}

.td-new__spec:last-child { border-right: 0; }

.td-new__spec dt {
	margin: 0 0 4px;
	color: var(--td-muted);
	font-size: 10px;
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
}

.td-new__spec dd {
	margin: 0;
	font-size: var(--td-text-sm);
}

.td-new__price {
	margin-top: auto;
	padding: 14px 16px 18px;
	border-top: 1px solid var(--td-border);
	font-size: 17px;
	font-weight: 600;
}

/* --- тёмный блок «Алмазы» --- */

.td-story {
	padding: 78px 0;
	background: var(--td-ink);
	color: #fff;
}

.td-story__inner { text-align: center; }

.td-story__icon {
	display: inline-flex;
	color: var(--td-muted-dark);
}

.td-story__icon svg { width: 30px; height: 30px; }

.td-story__eyebrow { margin: 14px 0 22px; color: var(--td-muted-dark); }

.td-story__text {
	max-width: 720px;
	margin: 0 auto 34px;
	color: #E9E5EE;
	font-size: var(--td-text);
	line-height: 1.7;
}

/* --- три преимущества --- */

.td-advantages__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.td-advantage {
	display: block;
	padding: 32px;
	border: 1px solid var(--td-border);
	background: var(--td-surface);
	color: var(--td-ink);
	text-decoration: none;
	transition: border-color var(--td-transition);
}

.td-advantage:hover { border-color: var(--td-accent); }

.td-advantage__icon { display: inline-flex; color: var(--td-ink-soft); }
.td-advantage__icon svg { width: 26px; height: 26px; }

.td-advantage__title {
	margin: 22px 0 10px;
	font-size: 17px;
	font-weight: 600;
}

.td-advantage__text {
	margin: 0;
	color: var(--td-muted);
	font-size: var(--td-text-sm);
	line-height: 1.6;
}

/* --- подписка --- */

.td-subscribe__inner {
	max-width: 620px;
	margin: 0 auto;
	text-align: center;
}

.td-subscribe__title {
	margin: 12px 0 26px;
	color: var(--td-ink-soft);
	font-size: var(--td-text-sm);
}

.td-subscribe__message {
	margin: 0 0 18px;
	font-size: var(--td-text-sm);
}

.td-subscribe__message.is-ok { color: #1F7A4D; }
.td-subscribe__message.is-error { color: #A8323A; }

.td-subscribe__row {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--td-ink);
}

.td-subscribe__input {
	flex: 1 1 auto;
	min-width: 0;
	padding: 6px 0;
	border: 0;
	background: none;
	color: var(--td-ink);
	font: inherit;
}

.td-subscribe__input:focus { outline: none; }
.td-subscribe__input::placeholder { color: var(--td-muted); }

.td-subscribe__submit {
	flex: 0 0 auto;
	padding: 0;
	border: 0;
	background: none;
	color: var(--td-ink);
	font-size: var(--td-text-xs);
	font-weight: 600;
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
	cursor: pointer;
}

.td-subscribe__submit:hover { color: var(--td-accent); }

.td-subscribe__consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 16px;
	color: var(--td-muted);
	font-size: var(--td-text-sm);
	text-align: left;
}

.td-subscribe__consent a { color: var(--td-muted); text-decoration: underline; }
.td-subscribe__consent a:hover { color: var(--td-accent); }

/* --------------------------------------------------------- мобильный --- */

@media (max-width: 1023.98px) {
	.td-section { padding: 48px 0; }

	.td-section__title { font-size: 27px; }

	.td-section__head {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
		margin-bottom: 24px;
	}

	.td-section__head--center { align-items: center; }

	/* первый экран: заголовок в две строки по центру, как на мобильном макете */
	.td-hero { min-height: 560px; }

	/*
	 * Баннер с текстом на самой картинке обрезать нельзя: при object-fit: cover
	 * на узком экране от неё остаётся центр, а название и подпись уезжают
	 * за края. Поэтому высота первого экрана здесь идёт по картинке —
	 * она показывается целиком и без полей.
	 */
	.td-hero--bare { min-height: 0; }
	.td-hero--bare .td-hero__media { position: static; }

	.td-hero--bare .td-hero__media img {
		height: auto;
		object-fit: contain;
	}

	.td-hero__title {
		flex-direction: column;
		justify-content: center;
		gap: 4px;
		font-size: 44px;
	}

	.td-hero__subtitle { margin-top: 18px; font-size: var(--td-text-sm); }
	.td-hero__cta { margin-top: 120px; }

	.td-hero__controls { left: var(--td-gutter-mobile); bottom: 24px; }

	.td-shapes__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }

	/* в колонке шириной ~110px разрядка стоит дороже, чем читаемость */
	.td-shape__name { letter-spacing: 0.04em; }

	/* на мобильном макете под формой числа нет — плитка остаётся компактной */
	.td-shape__count { display: none; }

	.td-shapes__all { margin-top: 28px; }

	.td-shapes__all .td-link-underline {
		display: block;
		padding: 18px;
		border: 0;
		background: var(--td-ink);
		color: #fff;
		text-align: center;
	}

	.td-shapes__all .td-link-underline:hover { color: var(--td-accent); }

	.td-collection { flex: 0 0 100%; }

	.td-promo__frame { min-height: 340px; }
	.td-promo__body { padding: 28px var(--td-gutter-mobile); }
	.td-promo__title { font-size: 27px; }

	.td-new { grid-template-columns: repeat(2, 1fr); gap: 12px; }

	.td-arrivals__inner {
		grid-template-columns: 1fr;
		grid-template-areas:
			"head"
			"list"
			"link";
	}

	.td-arrivals__head { margin-bottom: 24px; }

	.td-arrivals__all {
		justify-self: center;
		margin: 24px 0 0;
	}

	.td-new__spec { padding: 8px; }

	.td-story { padding: 54px 0; }
	.td-story__text { font-size: var(--td-text-sm); }

	.td-advantages__grid { grid-template-columns: 1fr; gap: 14px; }
	.td-advantage { padding: 24px; }

	.td-subscribe__inner { text-align: left; }
	.td-subscribe__row { gap: 12px; }
}

@media (max-width: 389.98px) {
	.td-hero__title { font-size: 38px; }
	.td-shapes__grid { gap: 8px; }
	.td-shape { padding: 20px 6px 16px; }
}

/* End */


/* Start:/local/templates/timediamond/template_styles.css?179179246620092*/
/*
 * TIME DIAMOND — токены оформления и база.
 *
 * Здесь и только здесь заданы цвета, шрифты, размеры и сетка. Всё остальное
 * оформление ссылается на эти переменные, поэтому смена палитры или шрифта —
 * правка одного файла.
 *
 * Цвета сняты пипеткой с макетов (design/15-HeaderFooter.png, 01-Main.png).
 */

/*
 * Веб-шрифт лежит в шаблоне (fonts/), а не на внешнем CDN: стенд работает
 * без интернета, и лишнего блокирующего запроса нет. На всём сайте один
 * шрифт — Golos Text (SIL OFL 1.1, текст лицензии рядом): заголовки, цены
 * и текст отличаются размером, насыщенностью и разрядкой, а не гарнитурой.
 * Шрифт вариативный — один файл на все насыщенности — и разбит на кириллицу
 * и латиницу: браузер по unicode-range качает только то, что есть на
 * странице. В латиницу добавлен знак рубля (U+20BD), иначе он брался бы
 * из системного шрифта.
 */

@font-face {
	font-family: "Golos Text";
	font-style: normal;
	font-weight: 400 900;
	font-display: swap;
	src: url("/local/templates/timediamond/fonts/golos-text-cyrillic-wght.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: "Golos Text";
	font-style: normal;
	font-weight: 400 900;
	font-display: swap;
	src: url("/local/templates/timediamond/fonts/golos-text-latin-wght.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
		U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+20BD, U+2122, U+2191, U+2193, U+2212,
		U+2215, U+FEFF, U+FFFD;
}

:root {
	/*
	 * Палитра. Основной тон — тёмный фиолетовый #1B0B27: им залиты подвал,
	 * кнопки, тёмные блоки и он же база всех градиентов. Остальные тона
	 * выведены из него — тот же тон (~270°), разная светлота, так что
	 * серые и границы чуть уходят в фиолетовый, а не в синий.
	 * Менять фирменный цвет нужно здесь: всё, что залито основным тоном,
	 * ссылается на эти переменные. Мимо палитры идут цвета состояний
	 * (ошибка, успех), красный у сердечка избранного и несколько разовых
	 * оттенков серого внутри отдельных блоков — они выведены из того же
	 * тона, но в палитре не нужны.
	 */
	--td-ink: #1B0B27;          /* подвал, кнопки, тёмные плашки */
	--td-ink-deep: #100717;     /* дно градиентов и затемнений поверх фото */
	--td-ink-soft: #2A1540;     /* основной текст и навигация */
	--td-muted: #8B8494;        /* второстепенный текст */
	--td-muted-dark: #A9A1B4;   /* второстепенный текст на тёмном */
	--td-accent: #B08D57;       /* тёплый акцент: линейки, активные метки */
	--td-page: #F8F7FA;         /* фон страницы */
	--td-surface: #FFFFFF;      /* карточки, шапка */
	--td-border: #E6E2EB;
	--td-border-dark: #331D44;  /* границы внутри тёмных блоков */

	/* светлая заливка пустых медиа-слотов: фото камня, баннера, превью */
	--td-fill-from: #F0EDF4;
	--td-fill-to: #E3DEEA;
	--td-fill-hover: #EAE5F0;   /* та же заливка как подсветка чипов и кнопок */

	/*
	 * Те же два тёмных тона в виде компонент — для rgba(): полупрозрачные
	 * тени и затемнения поверх фотографий цвет через var() не берут.
	 */
	--td-ink-rgb: 27, 11, 39;
	--td-ink-deep-rgb: 16, 7, 23;

	/*
	 * Шрифт. Первое имя — веб-шрифт из @font-face выше; остальное — запас
	 * на время загрузки и для знаков вне его наборов. Сменить шрифт —
	 * положить файлы в fonts/, поправить @font-face и первое имя здесь.
	 */
	--td-font: "Golos Text", Inter, "Helvetica Neue", "Nimbus Sans",
		"Liberation Sans", Arial, sans-serif;

	/* типографика */
	--td-text: 15px;
	--td-text-sm: 13px;
	--td-text-xs: 11px;
	--td-lh: 1.55;
	--td-tracking: .12em;       /* разрядка мелких прописных подписей */
	--td-tracking-logo: .28em;  /* разрядка логотипа */

	/* сетка */
	--td-container: 1440px;
	--td-gutter: 64px;
	--td-gutter-mobile: 16px;

	/* прочее */
	--td-header-height: 72px;
	--td-radius: 2px;
	--td-transition: .18s ease;
}

@media (max-width: 1023.98px) {
	:root {
		--td-gutter: var(--td-gutter-mobile);
		--td-header-height: 56px;
	}
}

/* --- база --- */

* { box-sizing: border-box; }

html, body {
	margin: 0;
	padding: 0;
}

body {
	background: var(--td-surface);
	color: var(--td-ink-soft);
	font-family: var(--td-font);
	font-size: var(--td-text);
	line-height: var(--td-lh);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
	margin: 0 0 16px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--td-ink);
}

h1 { font-size: 38px; }
h2 { font-size: 28px; }
h3 { font-size: 21px; }

p { margin: 0 0 14px; }

a {
	color: inherit;
	text-decoration: none;
	transition: color var(--td-transition);
}

a:hover { color: var(--td-accent); }

img { max-width: 100%; }

button, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	/*
	 * Цвет тоже наследуем. Без этого браузер красит текст и иконки кнопки
	 * системным buttontext (чёрный), и на тёмных плашках — в подвале,
	 * поверх первого экрана — подписи проваливаются в фон.
	 * Кнопки, у которых цвет задан своим правилом, это не затрагивает.
	 */
	color: inherit;
}

/*
 * Системные цвета браузера — туда же, в фирменный тон.
 *
 * Галку в чекбоксе, точку в радиокнопке и заливку ползунка браузер красит
 * своим синим (в Chrome это заметный #3B5FE0) — на фоне чернильного
 * интерфейса это выглядело чужим пятном и читалось как «кнопки остались
 * тёмно-синими». accent-color переводит их на основной тон.
 */
:root {
	accent-color: var(--td-ink);
}

/*
 * Кольцо фокуса. Браузерное — тоже синее, поэтому задаём своё: тёплый
 * акцент одинаково виден и на светлом фоне, и на тёмных плашках.
 * Появляется только при навигации с клавиатуры, мышь его не вызывает.
 */
:focus-visible {
	outline: 2px solid var(--td-accent);
	outline-offset: 2px;
}

/* выделение текста — по умолчанию тоже синее */
::selection {
	background: var(--td-ink);
	color: #fff;
}

/* --- сетка --- */

.td-container {
	width: 100%;
	max-width: var(--td-container);
	margin: 0 auto;
	padding: 0 var(--td-gutter);
}

.td-page-body {
	min-height: 50vh;
	padding: 40px 0 72px;
	background: var(--td-surface);
}

@media (max-width: 1023.98px) {
	.td-page-body { padding: 24px 0 48px; }
	h1 { font-size: 27px; }
	h2 { font-size: 22px; }
}

/* --- мелкие прописные подписи, как в макете --- */

.td-eyebrow {
	font-size: var(--td-text-xs);
	font-weight: 600;
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
	color: var(--td-muted);
}

/* --- логотип --- */

.td-logo {
	font-size: 22px;
	letter-spacing: var(--td-tracking-logo);
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--td-ink);
}

.td-logo:hover { color: var(--td-ink); }

/*
 * Мобильный размер логотипа живёт здесь, а не в css/header.css: Битрикс
 * склеивает template_styles.css последним в общий бандл, поэтому правило
 * .td-logo отсюда перебивает одноимённое из подключённых файлов независимо
 * от медиазапроса. Переопределения базовых классов — только в этом файле.
 */
@media (min-width: 1024px) and (max-width: 1279.98px) {
	/* в этой полосе логотип делит строку с меню и действиями — чуть скромнее,
	   иначе встаёт вплотную к иконке чата */
	.td-logo { font-size: 20px; letter-spacing: .22em; }
}

@media (max-width: 1023.98px) {
	.td-logo { font-size: 17px; letter-spacing: .2em; }
}

@media (max-width: 389.98px) {
	.td-logo { font-size: 15px; letter-spacing: .14em; }
}

/*
 * Название камня в карточке списка: слово и форма отдельными строками,
 * капсом, на чистом фоне карточки. Используется и каталогом, и витриной
 * на главной, поэтому живёт здесь, а не в наборе одной страницы.
 */
.td-stone__name-word,
.td-stone__name-shape {
	display: block;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: var(--td-tracking);
	line-height: 1.45;
	text-transform: uppercase;
}

.td-stone__name-shape { color: var(--td-muted); font-weight: 500; }

@media (max-width: 1023.98px) {
	.td-stone__name-word,
	.td-stone__name-shape { font-size: 12px; }
}

/* --- кнопки --- */

.td-btn-dark,
.td-btn-ghost {
	display: block;
	width: 100%;
	padding: 18px 24px;
	font-size: var(--td-text-xs);
	font-weight: 600;
	letter-spacing: var(--td-tracking);
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

.td-btn-dark {
	border: 1px solid var(--td-ink);
	background: var(--td-ink);
	color: #fff;
}

.td-btn-dark:hover { background: var(--td-ink-soft); color: #fff; }

.td-btn-ghost {
	border: 1px solid var(--td-ink);
	background: none;
	color: var(--td-ink);
}

.td-btn-ghost:hover { background: var(--td-ink); color: #fff; }

.td-note {
	margin: 0;
	padding: 12px 14px;
	font-size: var(--td-text-sm);
	line-height: 1.5;
}

.td-note--ok { background: #EAF4EE; color: #1F7A4D; }
.td-note--error { background: #FBEDEE; color: #A8323A; }
.td-note--info { background: var(--td-page); color: var(--td-ink-soft); }
.td-note a { color: inherit; text-decoration: underline; }


.td-btn {
	display: inline-block;
	padding: 13px 28px;
	border: 1px solid var(--td-ink);
	border-radius: var(--td-radius);
	background: var(--td-ink);
	color: #fff;
	font-size: var(--td-text-xs);
	font-weight: 600;
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	transition: background var(--td-transition), color var(--td-transition);
}

.td-btn:hover {
	background: transparent;
	color: var(--td-ink);
}

.td-btn--ghost {
	background: transparent;
	color: var(--td-ink);
}

.td-btn--ghost:hover {
	background: var(--td-ink);
	color: #fff;
}

/* невидимо для глаза, доступно скринридеру */
.td-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* ------------------------------------------------------------------ */
/* Модальные окна: вход и быстрый заказ                                */
/*                                                                      */
/* Общая оболочка на всё: затемнение, белая панель по центру, крестик.  */
/* Живёт здесь, а не в разделе, потому что окно входа открывается       */
/* с любой страницы сайта.                                              */
/* ------------------------------------------------------------------ */

.td-modal {
	position: fixed;
	inset: 0;
	z-index: 200;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 16px;
}

.td-modal[hidden] { display: none; }

.td-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(var(--td-ink-deep-rgb), .55);
}

.td-modal__panel {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 480px;
	max-height: calc(100vh - 48px);
	background: var(--td-surface);
	box-shadow: 0 30px 70px -30px rgba(var(--td-ink-deep-rgb), .5);
}

.td-modal__panel--wide { max-width: 620px; }

.td-modal__close {
	position: absolute;
	top: 16px;
	right: 16px;
	display: inline-flex;
	padding: 8px;
	border: 0;
	background: none;
	color: var(--td-muted);
	cursor: pointer;
	transition: color var(--td-transition);
}

.td-modal__close:hover { color: var(--td-ink); }
.td-modal__close svg { width: 16px; height: 16px; }

/*
 * Форма внутри окна тоже колонка: иначе кнопка отправки, лежащая рядом
 * с прокручиваемым телом, не растянется на всю ширину панели.
 */
.td-modal__form {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
}

/*
 * Прокручивается только содержимое: кнопка отправки остаётся на виду.
 * flex-grow нужен мобильному, где окно растянуто на весь экран, —
 * иначе кнопка встаёт сразу под текстом, а под ней остаётся пустота.
 */
.td-modal__body {
	flex: 1 1 auto;
	overflow: auto;
	padding: 44px 44px 36px;
}

.td-modal__title {
	margin: 0 0 26px;
	font-size: 26px;
	font-weight: 400;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--td-ink);
}

.td-modal__subject {
	margin: -16px 0 26px;
	font-size: var(--td-text-sm);
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
	color: var(--td-ink-soft);
}

.td-modal__note {
	margin: 0 0 24px;
	color: var(--td-muted);
	font-size: var(--td-text-sm);
	line-height: 1.5;
}

.td-modal__error { margin: 0 0 24px; }

/* кнопка во всю ширину, вплотную к нижнему краю окна — как в макете */
.td-modal__submit {
	flex: 0 0 auto;
	padding: 22px 24px;
	border: 0;
	background: var(--td-ink);
	color: #fff;
	font-size: var(--td-text-xs);
	font-weight: 600;
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
	cursor: pointer;
	transition: background var(--td-transition);
}

.td-modal__submit:hover { background: var(--td-ink-soft); }
.td-modal__submit[disabled] { background: var(--td-muted); cursor: default; }

/* ссылка-действие внутри окна: «забыли пароль», «зарегистрироваться» */
.td-modal__link {
	display: inline-block;
	border: 0;
	background: none;
	padding: 0;
	color: var(--td-ink-soft);
	font-size: var(--td-text-xs);
	font-weight: 600;
	letter-spacing: var(--td-tracking);
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: color var(--td-transition);
}

.td-modal__link:hover { color: var(--td-accent); }

.td-modal__links {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	margin-top: 26px;
	text-align: center;
}

body.td-modal-open { overflow: hidden; }

/* --- поля с подчёркиванием: только внутри модальных окон --- */

.td-fieldline {
	display: block;
	margin-bottom: 26px;
}

.td-fieldline > span {
	display: block;
	margin-bottom: 8px;
	color: var(--td-muted);
	font-size: var(--td-text-sm);
}

.td-fieldline > span i {
	font-style: normal;
	color: var(--td-accent);
}

.td-fieldline input,
.td-fieldline textarea {
	display: block;
	width: 100%;
	padding: 6px 0;
	border: 0;
	border-bottom: 1px solid var(--td-border);
	border-radius: 0;
	background: none;
	color: var(--td-ink);
	font-size: var(--td-text);
	line-height: 1.5;
}

.td-fieldline textarea {
	min-height: 132px;
	resize: vertical;
}

.td-fieldline input:focus,
.td-fieldline textarea:focus {
	outline: none;
	border-bottom-color: var(--td-ink);
}

.td-fieldline input::placeholder,
.td-fieldline textarea::placeholder { color: var(--td-muted); }

/*
 * Автозаполнение. Chrome заливает подставленные поля своим голубым фоном
 * и красит текст системным цветом — поверх подчёркнутых полей это выглядит
 * чужеродно. Фон подменяем толстой внутренней тенью: сам background
 * браузер в этом состоянии перебить не даёт.
 */
.td-fieldline input:-webkit-autofill,
.td-fieldline input:-webkit-autofill:hover,
.td-fieldline input:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--td-ink);
	-webkit-box-shadow: 0 0 0 40px var(--td-surface) inset;
	box-shadow: 0 0 0 40px var(--td-surface) inset;
	caret-color: var(--td-ink);
}

/* два поля в строку — e-mail и телефон в быстром заказе */
.td-fieldline-pair {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 24px;
}

@media (max-width: 599.98px) {
	.td-modal { padding: 0; align-items: stretch; }

	.td-modal__panel {
		max-width: none;
		max-height: 100vh;
		min-height: 100vh;
	}

	.td-modal__body { padding: 56px 20px 28px; }
	.td-modal__title { font-size: 22px; }
	.td-fieldline-pair { grid-template-columns: 1fr; }
}

/* --- форма входа внутри окна --- */

.td-login__error { margin-bottom: 24px; }

.td-login__captcha img {
	display: block;
	margin-bottom: 10px;
}

.td-login__remember {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 26px;
	color: var(--td-muted);
	font-size: var(--td-text-sm);
	cursor: pointer;
}

/*
 * Кнопка входа не прилипает к низу окна: под ней идут ссылки на
 * восстановление пароля и регистрацию, как в макете.
 */
.td-login__submit {
	width: 100%;
	padding: 18px 24px;
}

/*
 * Согласие с офертой. Лежит здесь, а не в css/checkout.css: тот же блок
 * нужен в окне быстрого заказа на карточке камня, а стили оформления
 * туда не подключаются.
 */
.td-consent {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-top: 24px;
	color: var(--td-muted);
	font-size: var(--td-text-sm);
	line-height: 1.5;
	cursor: pointer;
}

.td-consent a { color: var(--td-ink-soft); text-decoration: underline; }
.td-consent a:hover { color: var(--td-accent); }

/* --- страница входа: запасной путь к той же форме --- */

.td-authpage {
	max-width: 420px;
	margin: 0 auto;
	padding: 40px 0 72px;
}

.td-authpage__done { margin: 0 0 24px; font-size: 17px; }
.td-authpage__action { display: inline-block; padding: 16px 32px; }


/* End */
/* /local/templates/.default/css/favorites.css?1789924653899 */
/* /local/templates/timediamond/css/header.css?17917924547287 */
/* /local/templates/timediamond/css/footer.css?17917924543378 */
/* /local/templates/timediamond/css/main.css?179179245417237 */
/* /local/templates/timediamond/template_styles.css?179179246620092 */