/* Страница "моя коллекция" — экран после заказа + список купленных фото.
   Редизайн 2026-09-01. */

.uc-wrap { width: 100%; padding: 10px; box-sizing: border-box; }

/* ---- карточка-благодарность (показывается сразу после чекаута) ---- */
.uc-thanks {
	background: #fff;
	border: 1px solid rgba(75,30,0,.14);
	border-radius: 4px;
	padding: 24px 26px;
	margin: 0 0 24px;
}
.uc-thanks h2 {
	font-family: 'PT Serif Caption', serif;
	font-size: 20px;
	color: #2b2016;
	margin: 0 0 8px;
	font-weight: 700;
}
.uc-thanks p {
	color: #8a7157;
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 4px;
}
.uc-thanks a {
	color: #4B1E00;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid #4B1E00;
}
.uc-thanks a:hover { color: #6E645E; border-color: #6E645E; }

.uc-note {
	font-size: 13px;
	color: #8a7157;
	background: #faf7f2;
	border-radius: 4px;
	/* padding: 10px 14px; */
	margin: 0 0 24px;
}
.uc-note a { color: #4B1E00; }

/* ---- заголовок раздела ---- */
.uc-wrap h3 {
	font-family: 'PT Serif Caption', serif;
	font-size: 19px;
	color: #2b2016;
	margin: 0 0 16px;
	font-weight: 700;
	text-align: left;
}
.uc-empty {
	color: #8a7157;
	font-size: 14px;
}

/* ---- сетка купленных фото ---- */
.uc-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 16px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.uc-card {
	border: 1px solid rgba(75,30,0,.14);
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
}
.uc-pic {
	aspect-ratio: 1/1;
	background: #faf7f2;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* На странице "мои заказы" .uc-pic оборачивает <a> (для fancybox), внутри
   которого пустой div.lazy без ширины/высоты сам по себе — без этого
   правила <a> как нерастянутый flex-элемент схлопывается по контенту,
   а data-bg-картинка внутри (100% от родителя) вместе с ним схлопывается
   в 0×0 и не видна, даже когда JS её уже подгрузил. */
.uc-pic > a { display: block; width: 100%; height: 100%; }
.uc-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.uc-pic-empty {
	color: #8a7157;
	font-size: 11px;
	font-family: 'Roboto', sans-serif;
}
.uc-info { padding: 10px 12px 12px; }
.uc-name {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 12px;
	color: #2b2016;
	margin: 0 0 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.uc-meta {
	font-family: 'Roboto', sans-serif;
	font-size: 10.5px;
	color: #8a7157;
	margin: 0 0 8px;
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
.uc-status {
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	font-size: 9.5px;
	padding: 2px 6px;
	border-radius: 3px;
}
.uc-status--confirmed { background: rgba(75,30,0,.1); color: #4B1E00; }
.uc-status--pending { background: rgba(75,30,0,.06); color: #8a7157; }
.uc-download {
	display: block;
	text-align: center;
	background: #4B1E00;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 7px 0;
}
.uc-download:hover { background: #6E645E; }