/* =====================================================================
   DESIGN SYSTEM v2 — TIPOGRÁFIA (2026-09) · nyelvi főoldalak (sk / cs / hr / en)
   A lap saját <style> blokkja UTÁN töltődik, így az azonos erősségű szabályokat felülírja.
   Atlantic Cruise = a logó betűje: címek, gombok, menü, nagy számok (csak nagybetű, egy vastagság).
   Jost = szövegtörzs, feliratok, űrlap (geometrikus, a logó kerek O-jához illő, közép-európai ékezetekkel).
   ===================================================================== */
:root{
  --serif:'Atlantic Cruise','Jost',Arial,sans-serif;
  --display:'Atlantic Cruise','Jost',Arial,sans-serif;
  --deco:'Atlantic Cruise','Jost',Arial,sans-serif;
  --type:'Jost','Helvetica Neue',Arial,sans-serif;
  --cond:'Jost','Helvetica Neue',Arial,sans-serif;
  --fs-h1:clamp(60px,9.4vw,136px);
  --fs-h2:clamp(40px,5.4vw,70px);
  --fs-h2s:clamp(31px,3.7vw,48px);
  --fs-h3:27px;
  --fs-h3l:33px;
  --fs-body:18.5px; --fs-small:16.5px; --fs-label:12.5px;
}
html{font-synthesis:none}
body{font-family:var(--type);font-weight:400;font-size:18.5px;line-height:1.62;font-feature-settings:"kern" 1}
b,strong{font-weight:600}

/* --- címek: mind nagybetűs Atlantic Cruise --- */
h1,h2,h3,h4,
.sec-head h2,.dossier h2,.roi h3,.packet h3,
h3,.cols3 h3,.feat h3,.folder h3,.step h3,.rcard h3,.portal h3,.faq-col h3,.video-cta h3,.rstep h3,.openq h3,.poster h3,.about .chapter h3,.h3-lg{
  font-family:var(--deco);font-weight:400;text-transform:uppercase;letter-spacing:.035em;line-height:.96}
h2,.sec-head h2,.dossier h2{font-size:var(--fs-h2);letter-spacing:.03em;line-height:.94}
.roi h3,.packet h3{font-size:var(--fs-h2s);letter-spacing:.035em;line-height:.98}
h3,.cols3 h3,.feat h3,.folder h3,.step h3,.rcard h3,.portal h3,.faq-col h3,.video-cta h3,.rstep h3,.openq h3,.about .chapter h3{
  font-size:var(--fs-h3);letter-spacing:.045em;line-height:1.02}
.folder h3,.feat h3,.portal h3,.faq-col h3,.h3-lg{font-size:var(--fs-h3l)!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.hero h1{font-size:var(--fs-h1);letter-spacing:.02em;line-height:.9}
.hero h1 .l3{font-family:var(--type);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;line-height:1.32;
  font-size:clamp(21px,2.3vw,31px);margin-top:16px;max-width:30ch}
.about .chapter .kicker{letter-spacing:.2em}
/* futó szöveg soha nem Atlantic Cruise-ban (csak nagybetűs, egysoros feliratokra való) */
.jrow.jnote em{font-family:var(--type);font-style:italic;font-weight:400;font-size:17.5px;text-transform:none;letter-spacing:0}
.jrow b{font-family:var(--deco);font-weight:400;text-transform:uppercase;letter-spacing:.05em;font-size:23px;line-height:1.05}
.jrow small{font-family:var(--type);font-size:15.5px}

/* --- nagy számok, bélyegek, plakátfeliratok --- */
.badge3 b,.cols3 .num,.spec span,.rstep .no,.step .n,.rcard .no,.readout .rv,.stat .v,.about .fact b,.spec-row span,.jn,.jrow b,
.poster .wanted,.confidential,.stamp,.brand .fam{
  font-family:var(--deco);font-weight:400;letter-spacing:.03em;text-transform:uppercase}
.stat .v{letter-spacing:.02em}
.readout .rv{letter-spacing:.02em}
.readout .rv small,.stat .v small{font-family:var(--type);font-weight:500;letter-spacing:.04em}
.poster .wanted{letter-spacing:.3em}
.confidential{letter-spacing:.22em}

/* --- gombok és menü: Atlantic Cruise, ritkított nagybetű --- */
.seal,.form .seal,.btn-ghost,.mh-cta,.mob-cta,.folder-cta,.mini-cta,.spinbtn,.passcode button,nav.main,nav.main a,nav.mobile a{
  font-family:var(--deco);font-weight:400;text-transform:uppercase}
nav.main{font-size:15.5px;letter-spacing:.12em}
nav.mobile a{font-size:19px;letter-spacing:.14em}
.mh-cta{font-size:14px;letter-spacing:.14em}
.seal,.form .seal,.btn-ghost{font-size:16px;letter-spacing:.14em}
.folder-cta,.mini-cta,.spinbtn,.passcode button{font-size:14.5px;letter-spacing:.12em}

/* --- feliratok (kicker, címke, felső sáv): Jost, kicsit sűrűbb ritkítás, mert szélesebb, mint az Oswald volt --- */
.kicker{font-weight:500;letter-spacing:.2em}
.topbar,.switch,.langs button,.langs a,.brand .tag,.dateline,.shot-cap,.badge3,.ticker div,.poster .sub,.menu-note,.meta-row,
.bp-frame .label,.hot::after,.spec b,.folder::before,.folder .foot,.roi .sub,.knob label,.readout .rl,.form .fh,.field label,
.stage-caption,.scroll-hint,.stat .l,.wip,.qr-cap,.jstep b,.portal .sub,.tier,.plist li b,footer h4,.f-bottom,.sw b,.journey-hint,
.langbtn,.spec-row b,.portal-screen .sh,.stockrow,.loc b,.feat .chip,.poster .reward,.about .fact span,.file-tab{font-weight:500}
.ticker div{letter-spacing:.24em}
details summary{font-weight:500;letter-spacing:.005em;text-transform:none;font-size:17.5px;line-height:1.4}
#leadMsg{font-weight:500}
.f-bottom a,.f-bottom button{font-size:inherit;letter-spacing:inherit;font-weight:500;font-family:inherit;text-transform:inherit}

/* --- szövegtörzs --- */
.dek,.lede,.hero p.lede{font-weight:400}
.hero p.lede,.lede{font-size:19.5px;line-height:1.58}
.dek{font-size:18px}
.cols3 p,.step p,.rcard p,.feat p,.folder p,.packet p,.rstep p,.video-cta p,.portal .plist li span,details p,.openq li,.folder li,.plist li{font-size:var(--fs-small);line-height:1.6}
.about p{font-size:var(--fs-body);line-height:1.66}
.field input,.field select,.field textarea{font-family:var(--type);font-size:17px;font-weight:400}
em,i{font-style:italic}

@media(max-width:640px){
  :root{--fs-h3:24px;--fs-h3l:27px;--fs-body:17.5px;--fs-small:16px}
  body{font-size:17.5px}
  .hero p.lede,.lede{font-size:18px}
  .dek{font-size:17px}
  nav.mobile a{font-size:20px}
  .seal,.form .seal,.btn-ghost{font-size:15px}
  .folder-cta,.mini-cta,.spinbtn{font-size:13.5px;letter-spacing:.08em}
  details summary{font-size:16.5px}
}

/* --- apró elrendezés-javítás: a „vendégeknek” sávban a szöveg mobilon ne érjen a képernyő széléig --- */
.custdiv>.wrap{padding-left:24px!important;padding-right:24px!important}
