/* adatiq Akadémia — a /kepzesek katalógus-oldalra jellemző, egyedi szabályok.
   Forrás: adatiq-academy-kepzesek-v3.html (jóváhagyott referencia). */

.hero-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:40px;align-items:center;}
.hero h1{font-size:42px;line-height:1.14;margin-bottom:18px;}
.hero p.lead{font-size:15px;max-width:480px;margin-bottom:24px;}
.meta-line{font-size:13px;color:#C9DED5;font-family:'IBM Plex Mono',monospace;margin-bottom:26px;}
.countdown-box{margin-bottom:26px;}
.cta-row{display:flex;gap:12px;}
.hero-photo{border-radius:20px;overflow:hidden;height:340px;background-size:cover;background-position:center 12%;}

.catalog{padding:44px 0 60px;}
.intro{padding:40px 0 8px;}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px;}
.intro-card h3{font-size:17px;margin-bottom:8px;}
.intro-card p{font-size:14px;color:var(--ink-soft);line-height:1.6;margin:0;}
.filters{display:flex;gap:10px;margin-bottom:28px;}
.filter{font-family:'IBM Plex Mono',monospace;font-size:13px;padding:9px 18px;border-radius:100px;border:1px solid var(--line);color:var(--ink-soft);background:var(--card);}
.filter.active{background:var(--deep);border-color:var(--deep);color:#fff;}

/* .catalog-list — a training-card.js kártyáinak listája (a korábbi
   day-group/day-label dátum szerinti csoportosítás megszűnt, a dátum most
   magán a kártyán jelenik meg, l. trainingCard.js). */
.catalog-list{display:flex;flex-direction:column;gap:16px;}

/* .event-card* — a /fiokom saját-jelentkezések listája még ezt hívja
   (fiokom.js), l. .badge, .tag — közösek, l. tokens.css. */
.event-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;gap:20px;align-items:center;margin-bottom:16px;}
.event-photo{width:64px;height:64px;border-radius:12px;object-fit:cover;flex-shrink:0;}
.event-body{flex:1;}
.event-body h3{font-size:18px;margin-bottom:4px;}
.event-meta{font-size:13px;color:var(--ink-soft);}
.event-price{font-weight:600;font-size:14px;white-space:nowrap;}
.event-card .badge{margin-left:10px;}
.event-card-soft{border-style:dashed;background:#fff;}

/* /fiokom (2026-08-25-i bővítés): profil-összefoglaló kártya + "Ez is
   érdekelhet" ajánló-rács — l. render/fiokom.js. */
.section-title{font-family:'Source Serif 4',serif;font-size:20px;font-weight:600;letter-spacing:-0.01em;margin-bottom:16px;}
.account-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start;}
.profile-card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:0 14px 14px 0;padding:20px 20px 16px;}
.profile-card-head{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--deep);margin-bottom:14px;}
.profile-card-data{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0 0 14px;}
.profile-card-data dt{color:var(--ink-soft);font-size:13px;white-space:nowrap;}
.profile-card-data dd{margin:0;color:var(--ink);font-size:13.5px;font-weight:500;}
.profile-card-note{font-size:12px;color:var(--ink-soft);line-height:1.5;margin:0;padding-top:12px;border-top:1px solid var(--line);}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}

@media (max-width:820px){.hero-grid,.intro-grid,.account-grid,.grid2{grid-template-columns:1fr;}.hero-photo{height:200px;}.event-card{flex-wrap:wrap;}}