/* Dynamic paid-promotion UI. Kept outside generated UCSS because the route,
 * account actions and article placement depend on live product/promotion data. */
.star-customer-account__promotion {
	display: grid;
	gap: 8px;
	width: 100%;
	margin: 2px 0 0;
	padding: 16px;
	border: 1px solid #b9dbc4;
	border-radius: 12px;
	background: var(--star-listings-account-soft, #f1f7f3);
}
.star-customer-account__promotion h4,
.star-customer-account__promotion p { margin: 0; }
.star-customer-account__promotion-kicker { color: var(--star-listings-account-green, #006b2d) !important; font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.star-customer-account__promotion-price { color: var(--star-listings-account-ink, #17241d) !important; font-size: 1.12rem; font-weight: 850; }
.star-customer-account__promotion-options { display: grid; grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); gap: 10px; margin: 4px 0; }
.star-customer-account__promotion-option { display: grid; gap: 3px; min-width: 0; padding: 12px 14px; border: 1px solid #8bc6a0; border-radius: 10px; background: #fff; color: var(--star-listings-account-ink,#17241d); text-decoration: none; }
.star-customer-account__promotion-option:hover,
.star-customer-account__promotion-option:focus-visible { border-color: var(--star-listings-account-green,#006b2d); box-shadow: 0 0 0 2px rgba(0,107,45,.12); }
.star-customer-account__promotion-option strong { color: var(--star-listings-account-green,#006b2d); }
.star-customer-account__promotion-option span { font-size: .9rem; font-weight: 750; }
.star-customer-account__promotion-option small { color: #08783a; font-size: .78rem; font-weight: 800; }
.star-customer-account__promotion-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.star-customer-account__promotion-actions > a:not(.button) { color: var(--star-listings-account-green, #006b2d); font-weight: 780; }
.star-customer-account__promotion small { width: 100%; color: var(--star-listings-account-muted, #536058); line-height: 1.35; }
.star-customer-account__promotion .button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border-radius: 8px; background: #07843d; color: #fff; text-decoration: none; }

.star-classifieds__promotion-offer { position: relative; margin-top: 18px; padding: 22px; border: 1px solid #93c9a5; border-radius: 15px; background: radial-gradient(circle at 100% 0,rgba(0,148,61,.18),transparent 40%),linear-gradient(145deg,#f7fcf8,#e3f2e8); box-shadow: 0 12px 30px rgba(16,61,36,.09); color: var(--star-local-ink,#17241d); overflow: hidden; }
.star-classifieds__promotion-offer::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: linear-gradient(#00943d,#004d21); }
.star-classifieds__promotion-offer h2 { margin: 4px 0 10px; padding: 0; border: 0; font-size: 20px; line-height: 1.3; }
.star-classifieds__promotion-offer p { margin: 0 0 12px; line-height: 1.55; }
.star-classifieds__promotion-offer-kicker { color: var(--star-local-accent,#006b2d); font-size: 12px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.star-classifieds__promotion-offer-price { color: var(--star-local-accent-strong,#004d21); font-size: 22px; font-weight: 850; }
.star-classifieds__promotion-offer-price span { font-size: 13px; font-weight: 700; }
.star-classifieds__promotion-offer-note { color: var(--star-local-muted,#536058); font-size: 13px; }
.star-classifieds__promotion-offer-actions { display: grid; gap: 10px; }
.star-classifieds__promotion-offer-actions .button { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: 11px 14px; border-radius: 8px; background: var(--star-local-accent,#006b2d); color: #fff; text-align: center; text-decoration: none; }
.star-classifieds__promotion-offer-actions > a:not(.button) { color: var(--star-local-accent,#006b2d); font-weight: 750; }

.star-classifieds__promotion-comparison { display: grid; gap: 28px; color: var(--star-local-ink,#17241d); }
.star-classifieds__promotion-comparison > header { max-width: 820px; }
.star-classifieds__promotion-comparison > header h2 { margin: 6px 0 10px; font-size: clamp(26px,4vw,38px); }
.star-classifieds__promotion-comparison > header p { line-height: 1.65; }
.star-classifieds__promotion-plans { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.star-classifieds__promotion-plans article { display: flex; flex-direction: column; min-width: 0; padding: clamp(22px,3vw,30px); border: 1px solid var(--star-local-border,#d7e3da); border-radius: 18px; background: #fff; }
.star-classifieds__promotion-plans .star-classifieds__promotion-plan--featured { border-color: #8bc6a0; background: linear-gradient(145deg,#f7fcf8,#eaf6ee); }
.star-classifieds__promotion-plan-label { margin: 0 0 7px; color: var(--star-local-accent,#006b2d); font-size: 12px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.star-classifieds__promotion-plans h3 { margin: 0; font-size: 23px; }
.star-classifieds__promotion-plan-price { margin: 16px 0; color: var(--star-local-accent-strong,#004d21); font-size: 30px; font-weight: 850; }
.star-classifieds__promotion-plan-price span { font-size: 14px; font-weight: 700; }
.star-classifieds__promotion-plan-saving { align-self: flex-start; margin: -8px 0 16px; padding: 6px 9px; border-radius: 999px; background: #e8f6ec; color: #08783a; font-size: 13px; font-weight: 850; }
.star-classifieds__promotion-plans ul { flex: 1; margin: 0 0 22px; padding-left: 20px; }
.star-classifieds__promotion-plans li { margin: 0 0 9px; line-height: 1.5; }
.star-classifieds__promotion-plans .button { display: inline-flex; justify-content: center; align-items: center; min-height: 46px; padding: 12px 18px; border: 1px solid var(--star-local-accent,#006b2d); border-radius: 8px; background: var(--star-local-accent,#006b2d); color: #fff; text-align: center; text-decoration: none; }
.star-classifieds__promotion-plans .button--secondary { background: #fff; color: var(--star-local-accent,#006b2d); }
.star-classifieds__promotion-seo-note { padding: 22px; border-left: 4px solid #d69218; border-radius: 8px; background: #fff9ec; }
.star-classifieds__promotion-seo-note h3,
.star-classifieds__promotion-seo-note p { margin: 0; }
.star-classifieds__promotion-seo-note p { margin-top: 7px; line-height: 1.6; }

@media (max-width:720px) {
	.star-customer-account__promotion-options { grid-template-columns: 1fr; }
	.star-customer-account__promotion-actions { align-items: stretch; flex-direction: column; }
	.star-customer-account__promotion .button { width: 100%; }
	.star-classifieds__promotion-offer { padding: 18px; }
	.star-classifieds__promotion-plans { grid-template-columns: 1fr; }
	.star-classifieds__promotion-plans article { padding: 20px; }
}