/* Premium Account page (26.10.2026). Gold accent on the usual white cards. */
.pm-icon { background: #e5b451 !important; }
.pm-status {
	display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
	margin-top: 22px; padding: 14px 18px; border-radius: 6px;
	border: 1px solid rgba(38,50,56,.09); background: #fafafa;
}
.pm-status > i { font-size: 30px; color: #90A4AE; }
.pm-status > div { flex: 1 1 260px; min-width: 0; }
.pm-status strong { display: block; font-size: 16px; color: #263238; }
.pm-status span { display: block; font-size: 13px; color: #607D8B; margin-top: 2px; }
.pm-status--active { background: #f3faf3; border-color: rgba(76,175,80,.35); }
.pm-status--active > i { color: #43A047; }
.pm-status--expired { background: #fff6f3; border-color: rgba(255,87,34,.35); }
.pm-status--expired > i { color: #FF5722; }
.pm-status--none > i, .pm-status--guest > i { color: #e5b451; }
.pm-auto { display: flex; align-items: center; gap: 10px; margin: 0; }
.pm-auto__label { font-size: 13px; color: #607D8B; white-space: nowrap; }
.pm-auto__label b.is-on { color: #43A047; }
.pm-auto__label b.is-off { color: #90A4AE; }
.pm-hint { margin: 10px 2px 0; font-size: 13px; color: #90A4AE; }

.pm-benefits { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.pm-benefit {
	display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-radius: 6px;
	background: linear-gradient(135deg, #263238 0%, #37474F 100%); color: #ECEFF1;
	border: 1px solid rgba(229,180,81,.35);
}
.pm-benefit__big {
	flex: 0 0 auto; min-width: 72px; height: 72px; border-radius: 50%; text-align: center; line-height: 72px;
	font-size: 30px; font-weight: 800; color: #2a1403; background: linear-gradient(to bottom, #f0c96b 0%, #e5b451 100%);
}
.pm-benefit__big i { font-size: 34px; line-height: 72px; }
.pm-benefit__text strong { display: block; font-size: 17px; color: #fff; }
.pm-benefit__text span { display: block; font-size: 13px; color: #B0BEC5; margin-top: 3px; }
.pm-notes { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 6px 18px; }
.pm-notes li { font-size: 13px; color: #546E7A; }
.pm-notes li i { color: #e5b451; margin-right: 6px; }

.pm-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 14px; }
.pm-plan {
	position: relative; padding: 24px 16px 18px; text-align: center; border-radius: 6px; background: #fff;
	border: 1px solid rgba(38,50,56,.12); transition: transform .15s, box-shadow .15s, border-color .15s;
}
.pm-plan:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(38,50,56,.14); border-color: rgba(229,180,81,.7); }
.pm-plan--featured { border: 2px solid #e5b451; background: #fffdf6; }
.pm-plan__badge {
	position: absolute; top: -11px; left: 50%; transform: translateX(-50%); white-space: nowrap;
	padding: 2px 10px; border-radius: 10px; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
	background: #e5b451; color: #2a1403;
}
.pm-plan--featured .pm-plan__badge { background: #FF5722; color: #fff; }
.pm-plan__days { font-size: 44px; font-weight: 800; line-height: 1; color: #263238; }
.pm-plan__unit { font-size: 12px; color: #90A4AE; text-transform: uppercase; letter-spacing: .06em; margin-top: 4px; }
.pm-plan__price { margin-top: 14px; font-size: 24px; font-weight: 700; color: #FF5722; }
.pm-plan__price small { font-size: 13px; font-weight: 600; color: #607D8B; }
.pm-plan__perday { font-size: 12px; color: #90A4AE; margin-top: 2px; }
.pm-plan__buy { margin-top: 14px; width: 100%; }

.pm-faq { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px 24px; }
.pm-faq > div strong { display: block; font-size: 14px; color: #263238; }
.pm-faq > div span { display: block; font-size: 13px; color: #607D8B; margin-top: 2px; }

.pm-gift { margin: 20px 0 0; padding: 14px 16px; border-radius: 6px; background: #fffdf6; border: 1px solid rgba(229,180,81,.45); }
.pm-gift__label { display: block; font-size: 13px; font-weight: 700; color: #263238; margin: 0 0 8px; }
.pm-gift__label i { color: #e5b451; margin-right: 4px; }
.pm-gift__row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.pm-gift__row input[type=text] { flex: 1 1 220px; min-width: 0; padding: 8px 10px; border: 1px solid rgba(38,50,56,.2); border-radius: 4px; font-size: 14px; }
.pm-gift__error { margin: 8px 0 0; font-size: 13px; color: #c62828; }
.pm-gift__ok { margin: 8px 0 0; font-size: 13px; color: #2E7D32; }
.pm-confirm { margin-top: 20px; }
.pm-confirm__table { width: 100%; border-collapse: collapse; font-size: 14px; }
.pm-confirm__table td { padding: 9px 6px; border-bottom: 1px solid rgba(38,50,56,.08); vertical-align: top; }
.pm-confirm__table td:first-child { width: 150px; color: #90A4AE; }
.pm-confirm__auto { display: flex; align-items: flex-start; gap: 10px; margin: 16px 2px 0; font-size: 13px; color: #546E7A; cursor: pointer; }
.pm-confirm__auto input { margin-top: 3px; }
.pm-confirm__actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 18px; }
@media (max-width: 575px) {
	.pm-plan__days { font-size: 36px; }
	.pm-confirm__table td:first-child { width: 110px; }
}