/* Modulvalasztos termekablak (kozos komponens). Egy ablak, fulekkel valthato valodi kepreszlet.
   A kep 4:5 (800x1000, a cockpit valodi keskeny nezete) asztalon es mobilon is, object-fit: contain.
   Asztalon ketoszlopos ablak (kep + egy mondat), a hosben kompakt (egyoszlopos) valtozat.
   Az osszes panel ugyanabban a racscellaban all, csak a lathatosaguk valtozik: a magassag nem ugrik. */
.ta{position:relative}
.ta-q{margin:32px 0 0;font-size:1.05rem;font-weight:600;letter-spacing:-.005em}
.ta-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}
.ta-tab{appearance:none;-webkit-appearance:none;height:42px;padding:0 18px;border-radius:var(--pill);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:500 .94rem/1 var(--sans);cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease}
.ta-tab[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (hover:hover) and (pointer:fine){.ta-tab:not([aria-selected="true"]):hover{border-color:var(--ink)}}
.ta-tab:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.ta-stage{display:grid}
.ta-panel{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity 180ms ease,visibility 0s linear 180ms}
.ta-panel.is-on{visibility:visible;opacity:1;transition:opacity 180ms ease,visibility 0s}
.ta-panel:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:var(--radius)}
.ta-grid{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center}
.ta-frame{margin:0;padding:12px;background:linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)) padding-box,var(--aurora) border-box;border:1.5px solid transparent;border-radius:var(--radius);box-shadow:var(--glow,0 30px 60px -26px rgba(110,96,190,.38))}
.ta-shot{aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:#FAFAFA}
.ta-shot img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}
.ta-side{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:44ch}
.ta-name{margin:0;font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.ta-desc{margin:0;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.35;letter-spacing:-.012em;font-weight:500}
/* kompakt (hos): csak a kep es alatta a mondat */
.ta--kompakt .ta-grid{grid-template-columns:1fr;gap:14px;align-items:start}
.ta--kompakt .ta-frame{max-width:420px}
.ta--kompakt .ta-side{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px 14px;max-width:420px}
.ta--kompakt .ta-name{display:none}
.ta--kompakt .ta-desc{font-size:.98rem;line-height:1.45;font-weight:500;letter-spacing:0}
@media (max-width:860px){
  .ta-grid{grid-template-columns:1fr;gap:16px;align-items:start}
  .ta-frame{max-width:440px}
  .ta-desc{font-size:1.05rem}
  .ta-side{gap:8px}
}
@media (max-width:640px){
  .ta-q{margin-top:24px}
  .ta-tabs{gap:6px;margin:14px 0 14px}
  .ta-tab{height:40px;padding:0 14px;font-size:.9rem}
  .ta-frame{padding:10px;max-width:none}
}
@media (prefers-reduced-motion:reduce){.ta-panel,.ta-panel.is-on,.ta-tab{transition:none!important}}
:root[data-theme="dark"] .ta-tab[aria-selected="true"]{background:#F1F1F4;color:#17171C;border-color:#F1F1F4}
:root[data-theme="dark"] .ta-frame{background:linear-gradient(rgba(26,26,33,.88),rgba(26,26,33,.88)) padding-box,var(--aurora) border-box}