/**
 * assets/css/oga-premium-services.css — Private Expert Guide showcase.
 * @since 2026-07-29
 */
.oga-pg-section { margin: 28px 0; }
.oga-pg-head { font-size: 22px; font-weight: 800; margin: 0 0 4px; color: var(--text-primary, #14181f); }
.oga-pg-sub { margin: 0 0 16px; font-size: 13px; color: var(--text-secondary, #667); }

.oga-pg-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 14px;
}
.oga-pg-card {
	display: flex; flex-direction: column; gap: 8px;
	padding: 18px; border-radius: 14px;
	background: var(--o-bg1, #fff);
	border: 1px solid var(--border, #e6e8ef);
	border-top: 3px solid var(--brand-navy, #001D6C);
	transition: transform .14s ease, box-shadow .14s ease;
}
.oga-pg-card:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(0,29,108,.12); }

.oga-pg-focus {
	align-self: flex-start;
	font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
	color: var(--brand-red-600, #b01c2e);
	background: color-mix(in srgb, var(--brand-red-600, #b01c2e) 8%, transparent);
	padding: 3px 9px; border-radius: 999px;
}
.oga-pg-title { margin: 2px 0 0; font-size: 15.5px; font-weight: 700; line-height: 1.3; color: var(--text-primary, #14181f); }
.oga-pg-khmer { margin: 0; font-size: 12px; color: var(--text-secondary, #778); }
.oga-pg-meta { font-size: 11.5px; color: var(--brand-navy, #001D6C); font-weight: 600; }

.oga-pg-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 8px; }
.oga-pg-price { font-size: 20px; font-weight: 800; color: var(--brand-red-600, #b01c2e); font-variant-numeric: tabular-nums; }
.oga-pg-price small { font-size: 11px; font-weight: 600; color: var(--text-secondary, #889); }

.oga-pg-cta {
	display: inline-flex; align-items: center; justify-content: center;
	padding: 8px 16px; border-radius: 999px;
	font-weight: 700; font-size: 12.5px; text-decoration: none; color: #fff;
	background: linear-gradient(135deg, var(--brand-navy, #001D6C), var(--brand-blue-600, #0A2463));
	transition: filter .15s ease;
}
.oga-pg-cta:hover { filter: brightness(1.14); }
.oga-pg-cta--whatsapp { background: linear-gradient(135deg, #1faf52, #128c40); }
.oga-pg-cta--cart { background: linear-gradient(135deg, var(--brand-red-600, #b01c2e), var(--brand-red-500, #d7273c)); }

@supports not (color: color-mix(in srgb, red 10%, transparent)) {
	.oga-pg-focus { background: rgba(176,28,46,.08); }
}
@media (prefers-reduced-motion: reduce) {
	.oga-pg-card { transition: none; }
	.oga-pg-card:hover { transform: none; }
}