/* WunderIch – közös stílusok (főoldal + rendelés) */
[hidden]{display:none!important}
:root{
  --night:#0E1435; --night-2:#151C4A; --night-3:#1B2552; --indigo:#2A3577;
  --cream:#FFF8EC; --cream-2:#F7F1E3; --lavender:#F1EDFA; --lavender-2:#E3E1F5;
  --peach:#FCEFE8; --peach-2:#F9DCCF; --gold:#F2C14E; --gold-2:#FFD97A; --gold-dark:#B07A1E;
  --ink:#1A1D33; --ink-2:#4A4760; --ink-3:#6A6680; --mist:#BDB7DA; --mist-2:#D9D4EE;
  --ok:#2E7D5B; --warn-bg:#FFF4DA; --warn-ink:#7A5310; --err:#B3261E;
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night)}
a{color:var(--gold)}a:hover{color:var(--gold-2)}
@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(1deg)}}
@keyframes floaty2{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes glow{0%,100%{box-shadow:0 0 60px 10px rgba(242,193,78,.25)}50%{box-shadow:0 0 90px 24px rgba(242,193,78,.42)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.sm-star{position:absolute;border-radius:50%;background:#FFF4CF;animation:twinkle 3.2s ease-in-out infinite}
.sm-float{animation:floaty 6s ease-in-out infinite}
.sm-float2{animation:floaty2 5s ease-in-out infinite}
.sm-btn{transition:transform .25s ease, box-shadow .25s ease, background .25s ease}
.sm-btn:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(242,193,78,.35)}
.sm-card{transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease}
.sm-card:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 30px 60px rgba(8,12,40,.45);border-color:rgba(242,193,78,.7)}
.sm-tab{transition:background .25s ease, color .25s ease, transform .2s ease}
.sm-tab:hover{transform:translateY(-2px)}
.sm-shine{background:linear-gradient(110deg,#F2C14E 0%,#FFE7A3 45%,#F2C14E 55%,#E9A93A 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite}
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
details[open] .sm-plus{transform:rotate(45deg)}
.sm-plus{transition:transform .25s ease}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

/* ===== Árkártyák ===== */
.pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.pk-card{position:relative;display:flex;flex-direction:column;padding:36px 30px 30px;border-radius:30px;color:var(--ink);box-shadow:0 30px 70px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.6);transition:transform .3s ease, box-shadow .3s ease}
.pk-card:hover{transform:translateY(-6px);box-shadow:0 38px 80px rgba(0,0,0,.4)}
.pk-card.v0{background:var(--lavender)}
.pk-card.v1{background:var(--cream);border:2px solid var(--gold);box-shadow:0 0 0 6px rgba(242,193,78,.18),0 34px 80px rgba(0,0,0,.4)}
.pk-card.v2{background:var(--peach)}
.pk-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--gold);color:var(--ink);font-size:13px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:8px 16px;border-radius:999px;box-shadow:0 8px 18px rgba(176,122,30,.35)}
.pk-name{margin:0;font-family:'Fraunces',serif;font-size:28px;font-weight:600;line-height:1.1;color:var(--night-3)}
.pk-age{margin:8px 0 0;font-weight:700;color:var(--gold-dark)}
.pk-price{margin:22px 0 4px;font-family:'Fraunces',serif;font-size:54px;font-weight:700;line-height:1;color:var(--night-3)}
.pk-vat{margin:0 0 22px;font-size:14px;color:var(--ink-3)}
.pk-list{margin:0 0 28px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:16px;flex-grow:1}
.pk-list li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.pk-list svg{flex-shrink:0;margin-top:2px}
.pk-btn{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:999px;font-weight:800;font-size:17px;text-decoration:none;background:var(--night-3);color:var(--cream)}
.pk-btn:hover{color:#fff}
.pk-card.v1 .pk-btn{background:var(--gold);color:var(--ink)}
.pk-card.v1 .pk-btn:hover{color:var(--ink)}
@media (max-width: 980px){.pk-grid{grid-template-columns:minmax(0,1fr);max-width:520px;margin:0 auto;gap:32px}}

/* ===== Korosztály-tartalom ===== */
.age-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.age-box{padding:24px 26px;border-radius:24px;background:rgba(247,241,227,.06);border:1px solid rgba(247,241,227,.14)}
.age-box h4{margin:0 0 4px;font-family:'Fraunces',serif;font-size:21px;font-weight:600;color:var(--cream-2)}
.age-box p{margin:0 0 12px;color:var(--mist);line-height:1.55;font-size:15px}
.age-chips{display:flex;flex-wrap:wrap;gap:8px}
.age-chips span{font-size:13px;font-weight:700;padding:6px 11px;border-radius:999px;background:rgba(242,193,78,.14);color:var(--gold-2)}
@media (max-width: 980px){.age-grid{grid-template-columns:minmax(0,1fr)}}

@media (prefers-reduced-motion: reduce){.sm-star,.sm-float,.sm-float2,.sm-shine{animation:none}.sm-card,.pk-card,.sm-btn{transition:none}}