/* Transition для обеих кнопок */
#btn-upload-empty,
#btn-submit-order {
	transition: background 0.3s ease, color 0.3s ease,
				border-color 0.3s ease, transform 0.25s ease,
				box-shadow 0.25s ease;
}
/* «Заказать» — ghost (неактивная) */
#btn-submit-order.order-btn-muted {
	background: transparent;
	color: rgba(20, 11, 1, 0.35);
	border: 1px solid rgba(20, 11, 1, 0.12);
	box-shadow: none;
}
#btn-submit-order.order-btn-muted:hover {
	background: transparent;
	transform: none;
	box-shadow: none;
}
/* «Загрузить фото» — ghost (когда фото/ссылка есть) */
#btn-upload-empty.order-upload-ghost {
	background: var(--color-ah-25);
	color: var(--color-ink-secondary);
	border: 1px solid var(--color-ah-200);
	transform: translateY(0);
	box-shadow: none;
}
#btn-upload-empty.order-upload-ghost:hover {
	background: var(--color-ah-50);
	color: var(--color-ah-975);
	border-color: var(--color-ah-600);
	transform: translateY(0);
	box-shadow: none;
}
.ty { padding: 48px 0 72px; }
.ty__inner { width: min(100% - 32px, 760px); margin-inline: auto; }

.ty__crumbs { margin: 0 0 28px; font-size: 13px; }
.ty__crumbs ol { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.ty__crumbs li { color: rgba(20, 11, 1, .6); }
.ty__crumbs a { color: rgba(20, 11, 1, .6); text-decoration: none; }
.ty__crumbs a:hover { color: #140b01; text-decoration: underline; }

.ty__title {
	font-family: "Playfair Display", Georgia, "Times New Roman", serif;
	font-size: clamp(28px, 4vw, 44px);
	line-height: 1.15;
	font-weight: 400;
	color: #140b01;
	margin: 0 0 24px;
}
.ty__lead { font-size: 18px; line-height: 1.6; color: #140b01; margin: 0 0 16px; }
.ty__note { font-size: 15px; line-height: 1.6; color: rgba(20, 11, 1, .6); margin: 0; }

.ty__channels { margin-top: 40px; padding-top: 32px; border-top: 1px solid rgba(20, 11, 1, .1); }

.ty__buttons { display: flex; flex-wrap: wrap; gap: 12px; }

.ty-msg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 168px;
	padding: 14px 22px;
	border-radius: 12px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: filter .2s ease, transform .2s ease, box-shadow .2s ease;
}
.ty-msg:hover { filter: brightness(.93); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(20, 11, 1, .16); color: #fff; }
.ty-msg:active { transform: translateY(0); box-shadow: none; }
.ty-msg:focus-visible { outline: 2px solid #140b01; outline-offset: 3px; }
.ty-msg svg { width: 20px; height: 20px; fill: currentColor; flex-shrink: 0; }

.ty-msg--tg  { background: #2ea2d9; }
.ty-msg--vk  { background: #4a76a8; }
.ty-msg--max { background: linear-gradient(135deg, #4bc2fd, #4961fc); }

@media (max-width: 560px) {
	.ty__buttons { flex-direction: column; }
	.ty-msg { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.ty-msg { transition: none; }
	.ty-msg:hover { transform: none; }
}