/* Template: lux — พรีเมียมโทนเข้ม (ทับบน pro.css) */
body.tpl-lux {
  --ink: #e8edf5;
  --muted: #94a3b8;
  --bg: #0d1420;
  --bg-alt: #131d2e;
  --border: rgba(255,255,255,.14);
  --radius: 10px;
  background: var(--bg);
  color: var(--ink);
  font-weight: 300;
}
.tpl-lux strong, .tpl-lux h1, .tpl-lux h2, .tpl-lux h3 { font-weight: 600; }

/* header โปร่งเข้ม */
.tpl-lux .site-header { background: rgba(13,20,32,.97); border-bottom: 1px solid var(--border); }
.tpl-lux .brand, .tpl-lux .main-nav a { color: var(--ink); }
.tpl-lux .brand-text small { color: var(--accent); letter-spacing: .18em; font-size: .68rem; }
.tpl-lux .brand-mark { background: transparent; border: 1.5px solid var(--accent); color: var(--accent); }
.tpl-lux .main-nav a:hover, .tpl-lux .main-nav a.active { background: rgba(255,255,255,.08); color: #fff; }
.tpl-lux .nav-toggle { color: var(--ink); border-color: var(--border); }
@media (max-width: 860px) {
  .tpl-lux .main-nav { background: #0d1420; border-bottom: 1px solid var(--border); }
}

/* hero หรู */
.tpl-lux .hero {
  background: radial-gradient(ellipse at 30% 0%, var(--primary-dark) 0%, #0d1420 70%);
  border-bottom: 1px solid var(--border);
  padding: 4.5rem 0;
}
.tpl-lux .hero h1 { letter-spacing: .02em; line-height: 1.5; }

/* การ์ดกระจกเข้ม */
.tpl-lux .card, .tpl-lux .why-item, .tpl-lux .contact-card, .tpl-lux .article-item,
.tpl-lux .work-card, .tpl-lux .cfg-block {
  background: var(--bg-alt); border: 1px solid var(--border); color: var(--ink);
}
.tpl-lux .card:hover, .tpl-lux .contact-card:hover, .tpl-lux .article-item:hover {
  border-color: var(--accent); box-shadow: 0 10px 30px rgba(0,0,0,.5);
}
.tpl-lux .card-price, .tpl-lux .why-num, .tpl-lux .article-item h2, .tpl-lux .contact-big { color: var(--accent); }
.tpl-lux .section-alt { background: #0a101a; }
.tpl-lux .section-title { letter-spacing: .05em; }
.tpl-lux .section-title::before { content: '— '; color: var(--accent); }
.tpl-lux .section-title::after { content: ' —'; color: var(--accent); }

.tpl-lux a { color: #9ec3ef; }
.tpl-lux .tag { background: var(--bg-alt); border-color: var(--border); color: var(--ink); }
.tpl-lux .page-head { background: #0a101a; border-color: var(--border); }
.tpl-lux th { background: #0a101a; color: var(--accent); }
.tpl-lux tr:nth-child(even) td { background: rgba(255,255,255,.03); }
.tpl-lux td { border-color: var(--border); }
.tpl-lux td:last-child { color: var(--accent); }
.tpl-lux .service-price { background: transparent; border: 1px solid var(--accent); color: var(--accent); }
.tpl-lux .note-box { background: rgba(255,200,60,.08); border-color: rgba(255,200,60,.35); color: var(--ink); }
.tpl-lux .work-thumb { background: linear-gradient(150deg, #1a2740, #0f1828); }
.tpl-lux .order-summary, .tpl-lux .article-body { color: var(--ink); }
.tpl-lux .cta-band { background: linear-gradient(150deg, #0a101a, var(--primary-dark)); border-top: 1px solid var(--border); }
.tpl-lux .site-footer { background: #070c14; }
.tpl-lux .mobile-bar { background: #0d1420; border-top: 1px solid var(--border); }
.tpl-lux .btn-call { background: var(--accent); color: #0d1420; }
.tpl-lux .hero-badges { color: var(--muted); }

/* หน้าใหม่ (รีวิว/โปร/FAQ/พื้นที่/ขั้นตอน) ให้เข้าโทนเข้ม */
.tpl-lux .step-item, .tpl-lux .faq-item, .tpl-lux .review-card, .tpl-lux .area-card {
  background: var(--bg-alt); border-color: var(--border); color: var(--ink);
}
.tpl-lux .promo-card { background: var(--bg-alt); color: var(--ink); }
.tpl-lux .promo-price, .tpl-lux .faq-item summary::after, .tpl-lux .step-num { color: var(--accent); }
.tpl-lux .step-num { background: transparent; border: 1.5px solid var(--accent); }