/* ─── Premium Product Page Overrides ─── */

@media (max-width: 768px) {
  .product-page--premium .product-hero--premium { padding: 4rem 1.5rem 3rem; }
  .product-page--premium .product-features--premium,
  .product-page--premium .product-components--premium,
  .product-page--premium .product-pricing--premium,
  .product-page--premium .product-cta--premium { padding: 3rem 1.5rem; }
  .product-page--premium .premium-pricing-grid { grid-template-columns: 1fr; }
  .product-page--premium .product-features--premium .features-grid { grid-template-columns: 1fr; }
  .product-page--premium .btn-primary--premium,
  .product-page--premium .btn-secondary--premium { min-height: 44px; padding: 0.75rem 1rem; }
}

.product-page--premium {
  background: #090907;
}

/* ─── Premium Header ─── */
.product-header--premium {
  background: rgba(9, 9, 7, 0.92);
  border-bottom-color: rgba(201, 162, 39, 0.2);
}

.product-wordmark--premium {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 20px;
  font-weight: 500;
  color: #f0e8c8;
  letter-spacing: -0.01em;
}

.premium-label {
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--accent);
  background: var(--accent-dim);
  padding: 0.15rem 0.5rem;
  border-radius: 3px;
  border: 1px solid rgba(201, 162, 39, 0.25);
  margin-left: 0.5rem;
}

.product-nav-link--premium {
  color: rgba(240, 232, 200, 0.5);
}

.product-nav-link--premium:hover {
  color: rgba(240, 232, 200, 0.9);
}

.product-header-cta--premium {
  color: #c9a227;
  border-color: rgba(201, 162, 39, 0.4);
}

.product-header-cta--premium:hover {
  background: rgba(201, 162, 39, 0.12);
  border-color: rgba(201, 162, 39, 0.7);
}

/* ─── Premium Hero ─── */
.product-hero--premium {
  background: radial-gradient(ellipse at 50% 0%, rgba(201, 162, 39, 0.06) 0%, transparent 70%);
  border-bottom-color: rgba(201, 162, 39, 0.15);
}

.product-hero-badge--premium {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #c9a227;
  border: 1px solid rgba(201, 162, 39, 0.35);
  padding: 0.3rem 0.9rem;
  border-radius: 2px;
  margin-bottom: 2rem;
  background: rgba(201, 162, 39, 0.06);
}

.product-hero-headline--premium {
  color: #f5f0dd;
  text-shadow: 0 0 60px rgba(201, 162, 39, 0.08);
}

.product-hero-tagline--premium {
  color: rgba(240, 232, 200, 0.6);
}

/* ─── Premium Buttons ─── */
.btn-primary--premium {
  background: linear-gradient(135deg, #c9a227, #a8851e);
  color: #0d0d0a;
  box-shadow: 0 4px 24px rgba(201, 162, 39, 0.2);
}

.btn-primary--premium:hover {
  background: linear-gradient(135deg, #d4ab30, #b8931f);
  box-shadow: 0 6px 32px rgba(201, 162, 39, 0.3);
  transform: translateY(-2px);
}

.btn-secondary--premium {
  color: rgba(240, 232, 200, 0.55);
  border-color: rgba(201, 162, 39, 0.2);
}

.btn-secondary--premium:hover {
  color: rgba(240, 232, 200, 0.8);
  border-color: rgba(201, 162, 39, 0.4);
  background: rgba(201, 162, 39, 0.05);
}

/* ─── Premium Features ─── */
.product-features--premium {
  background: #0c0c09;
}

.product-section-label--premium {
  color: #c9a227;
}

.product-section-title--premium {
  color: #f0e8d0;
}

.product-section-subtitle--premium {
  color: rgba(240, 232, 200, 0.55);
}

.features-grid--premium .feature-card--premium {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(201, 162, 39, 0.15);
}

.features-grid--premium .feature-card--premium:hover {
  border-color: rgba(201, 162, 39, 0.4);
  background: rgba(201, 162, 39, 0.05);
}

.feature-icon--premium {
  background: rgba(201, 162, 39, 0.12);
  color: #c9a227;
}

.features-grid--premium .feature-card--premium h3 {
  color: #eee8d8;
}

.features-grid--premium .feature-card--premium p {
  color: rgba(240, 232, 200, 0.5);
}

/* ─── Premium Components ─── */
.product-components--premium {
  background: #090907;
}

/* ─── Premium Pricing ─── */
.product-pricing--premium {
  background: #0c0c09;
  border-bottom: 1px solid rgba(201, 162, 39, 0.15);
}

.pricing-grid--premium .pricing-tier--premium {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(201, 162, 39, 0.15);
}

.pricing-grid--premium .pricing-tier--premium:hover {
  border-color: rgba(201, 162, 39, 0.4);
}

.pricing-tier-name--premium {
  color: #c9a227;
}

.pricing-tier-price--premium {
  color: #f0e8d0;
}

.pricing-tier-desc {
  color: rgba(240, 232, 200, 0.5);
}

.btn-cta-premium {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #c9a227;
  text-decoration: none;
  border: 1px solid rgba(201, 162, 39, 0.3);
  padding: 0.6rem 1rem;
  border-radius: 4px;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
}

.btn-cta-premium:hover {
  background: rgba(201, 162, 39, 0.1);
  border-color: rgba(201, 162, 39, 0.6);
  box-shadow: 0 2px 16px rgba(201, 162, 39, 0.15);
}

.pricing-tier--highlight {
  border-color: rgba(201, 162, 39, 0.4) !important;
  background: rgba(201, 162, 39, 0.04) !important;
}

/* ─── Premium CTA ─── */
.product-cta--premium {
  background: radial-gradient(ellipse at 50% 100%, rgba(201, 162, 39, 0.06) 0%, transparent 70%);
}

.product-cta--premium h2 {
  color: #f0e8d0;
}

.product-cta--premium p {
  color: rgba(240, 232, 200, 0.55);
}

/* ─── Autonomous Hero Extra ─── */
.product-hero--autonomous {
  background: radial-gradient(ellipse at 50% 0%, rgba(201, 162, 39, 0.09) 0%, transparent 70%);
}