/* ==========================================================================
   Stílusválasztó – a home.css design tokenjeit használja.
   ========================================================================== */

.valaszto-intro { padding: 4.5rem 1.5rem 1rem; text-align: center; }
.valaszto-intro-inner { max-width: 640px; margin: 0 auto; }
.valaszto-intro-inner p { color: var(--color-ink-soft); }

.valaszto-racs {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 2rem 1.5rem 5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.75rem;
}

.stilus-kartya {
  display: block;
  text-decoration: none;
  color: inherit;
  background: var(--color-paper-card);
  border: 1px solid var(--color-border);
  overflow: hidden;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.stilus-kartya:hover { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(43, 36, 32, 0.14); }

.minta-sviccs { display: flex; height: 64px; }
.minta-sviccs span { flex: 1; }
.minta-sviccs--kreativ span:nth-child(1) { background: #ff6b4a; }
.minta-sviccs--kreativ span:nth-child(2) { background: #1c8c7c; }
.minta-sviccs--kreativ span:nth-child(3) { background: #f2b134; }
.minta-sviccs--kreativ span:nth-child(4) { background: #ff8fb1; }

.minta-sviccs--premium span:nth-child(1) { background: #14120f; }
.minta-sviccs--premium span:nth-child(2) { background: #1c1916; }
.minta-sviccs--premium span:nth-child(3) { background: #cba135; }
.minta-sviccs--premium span:nth-child(4) { background: #f3ede2; }

.minta-sviccs--csillogo span:nth-child(1) { background: #0b2e28; }
.minta-sviccs--csillogo span:nth-child(2) { background: #123a33; }
.minta-sviccs--csillogo span:nth-child(3) { background: #d4af37; }
.minta-sviccs--csillogo span:nth-child(4) { background: #7a1f3d; }

.minta-sviccs--konyv span:nth-child(1) { background: #f6efdf; }
.minta-sviccs--konyv span:nth-child(2) { background: #26392e; }
.minta-sviccs--konyv span:nth-child(3) { background: #b9903f; }
.minta-sviccs--konyv span:nth-child(4) { background: #b46a78; }

.stilus-kartya-szoveg { padding: 1.8rem 1.6rem 2rem; }
.stilus-kartya-szoveg p { color: var(--color-ink-soft); font-size: 0.95rem; }
.stilus-link { color: var(--color-wine); font-size: 0.92rem; font-weight: 500; }

.valaszto-zaro { background: var(--color-paper-card); border-top: 1px solid var(--color-border); text-align: center; padding: 4rem 1.5rem; }
.valaszto-zaro-inner { max-width: 480px; margin: 0 auto; }
.valaszto-zaro-inner p { color: var(--color-ink-soft); margin-bottom: 1.6em; }

@media (max-width: 720px) {
  .valaszto-racs { grid-template-columns: 1fr; }
}