/* ============================================================
   Klucz i Sól — International landing add-on styles
   (loaded AFTER ../styles.css — only new modules + small overrides)
   ============================================================ */

/* ---- country switcher in nav ---- */
.cswitch{display:flex;align-items:center;gap:1px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;white-space:nowrap}
.cswitch a{padding:5px 6px;border-radius:6px;color:var(--ink-soft);transition:color .2s,background .2s}
.cswitch a:hover{color:var(--ink);background:rgba(26,24,20,.06)}
.cswitch a.on{color:var(--paper);background:var(--ink)}
/* two instances: top-bar (desktop) + inside burger menu (mobile) */
.cswitch--menu{display:none}
@media(max-width:900px){
  .cswitch--top{display:none}
  .cswitch--menu{display:flex;flex-wrap:wrap;gap:.35rem;width:100%;
    margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--line);font-size:13px}
  .cswitch--menu a{padding:.5em .8em;border:1px solid var(--line)}
  .cswitch--menu a.on{border-color:var(--ink)}
}

/* ---- hero badge row ---- */
.ihero__badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ibadge{font-family:var(--mono);font-size:12px;letter-spacing:.05em;padding:8px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:rgba(255,255,255,.92);backdrop-filter:blur(4px);background:rgba(26,24,20,.25)}
a.ibadge--live{border-color:var(--brass);background:rgba(140,92,54,.42);color:#fff;transition:background .25s,transform .25s}
a.ibadge--live:hover{background:rgba(140,92,54,.65);transform:translateY(-1px)}

/* ---- hero legibility: stronger scrim (interior hero is bright) ---- */
.hero--video .hero__scrim{background:
  linear-gradient(102deg,rgba(16,13,9,.88) 0%,rgba(16,13,9,.58) 32%,rgba(16,13,9,.16) 55%,rgba(16,13,9,0) 74%),
  linear-gradient(to top,rgba(16,13,9,.82) 0%,rgba(16,13,9,.24) 40%,rgba(16,13,9,0) 62%),
  linear-gradient(to bottom,rgba(16,13,9,.52) 0%,rgba(16,13,9,0) 28%)}
.hero--video .hero__lede{text-shadow:0 1px 20px rgba(12,9,6,.7)}

/* ---- mobile: tighten hero meta, lede and badges so nothing overlaps ---- */
@media(max-width:560px){
  .hero__meta{font-size:.64rem;gap:.35rem .55rem}
  .hero--video .hero__lede{font-size:.9rem;line-height:1.55;max-width:34ch}
  .ihero__badges{gap:6px;margin-top:16px}
  .ibadge{font-size:10.5px;padding:6px 11px}
}

/* ---- two-path tiles ---- */
.paths{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:8px}
@media(max-width:860px){.paths{grid-template-columns:1fr}}
.path{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3.4vw,44px);border-radius:18px;border:1px solid var(--line);background:var(--paper-2);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.path:hover{transform:translateY(-4px);box-shadow:0 24px 60px -30px rgba(26,24,20,.35)}
.path--b{background:var(--ink);color:var(--paper);border-color:rgba(255,255,255,.08)}
.path--b .kicker{color:var(--brass)}
.path--b .path__note{color:rgba(244,241,233,.66)}
.path__h{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,38px);line-height:1.12;letter-spacing:-.01em}
.path__h em{font-style:italic;color:var(--wood-deep)}
.path--b .path__h em{color:var(--brass)}
.path__note{color:var(--ink-soft);font-size:15.5px;line-height:1.6;max-width:52ch}
.path__cta{margin-top:auto;padding-top:10px}
.path__no{position:absolute;top:18px;right:22px;font-family:var(--mono);font-size:12px;opacity:.45;letter-spacing:.1em}

/* ---- pillars band ---- */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-2);border:1px solid var(--line);border-radius:16px;overflow:hidden}
@media(max-width:960px){.pillars{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.pillars{grid-template-columns:1fr}}
.pillar{background:var(--paper-2);padding:clamp(22px,2.6vw,34px)}
.pillar__n{font-family:var(--serif);font-size:clamp(34px,3.6vw,52px);font-weight:300;letter-spacing:-.02em;color:var(--wood-deep)}
.pillar__l{font-family:var(--mono);font-size:12.5px;line-height:1.55;color:var(--ink-soft);margin-top:8px;display:block}

/* ---- price bars ---- */
.bars{display:flex;flex-direction:column;gap:14px;margin-top:26px}
.bar{display:grid;grid-template-columns:150px 1fr 92px;align-items:center;gap:14px}
@media(max-width:640px){.bar{grid-template-columns:104px 1fr 78px}}
.bar__city{font-family:var(--mono);font-size:13px;letter-spacing:.03em}
.bar__track{display:block;height:30px;border-radius:6px;background:rgba(26,24,20,.05);overflow:hidden}
.bar__fill{display:block;height:100%;width:0;border-radius:6px;background:var(--stone);transition:width 1.1s cubic-bezier(.2,0,.1,1)}
.bar--gd .bar__fill{background:var(--wood)}
.bar--gd .bar__city,.bar--gd .bar__val{font-weight:700;color:var(--wood-deep)}
.bar--sp .bar__fill{background:var(--brass);opacity:.8}
.bar__val{font-family:var(--mono);font-size:13px;text-align:right;white-space:nowrap}
.bars__note{margin-top:18px;font-size:13px;color:var(--ink-soft);max-width:70ch}

/* ---- feature split rows ---- */
.frow{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,64px);align-items:center;margin-top:clamp(30px,4vw,54px)}
@media(max-width:900px){.frow{grid-template-columns:1fr}}
.frow--flip .frow__media{order:2}
@media(max-width:900px){.frow--flip .frow__media{order:0}}
.frow__media{border-radius:16px;overflow:hidden;aspect-ratio:4/3;border:1px solid var(--line)}
.frow__k{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--wood-deep);margin-bottom:12px}
.frow__h{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.6vw,34px);line-height:1.15;margin-bottom:14px}
.frow__p{color:var(--ink-soft);line-height:1.65;max-width:56ch}
.frow__p+.frow__p{margin-top:12px}
.frow ul{margin:14px 0 0;padding:0;list-style:none}
.frow li{padding:9px 0 9px 26px;position:relative;color:var(--ink-soft);border-bottom:1px dashed var(--line-2);font-size:15px}
.frow li::before{content:"◇";position:absolute;left:2px;color:var(--brass);font-size:12px;top:11px}

/* ---- steps ---- */
.steps{counter-reset:st;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:34px}
@media(max-width:1020px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.steps{grid-template-columns:1fr}}
.step{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:22px 20px}
.step::before{counter-increment:st;content:"0" counter(st);font-family:var(--mono);font-size:12px;color:var(--brass);letter-spacing:.12em}
.step h4{font-family:var(--serif);font-weight:500;font-size:18px;margin:10px 0 8px;line-height:1.25}
.step p{font-size:13.5px;color:var(--ink-soft);line-height:1.55}

/* ---- fee box ---- */
.feebox{margin-top:30px;display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,3vw,44px);align-items:center;background:var(--ink);color:var(--paper);border-radius:16px;padding:clamp(24px,3vw,40px)}
@media(max-width:760px){.feebox{grid-template-columns:1fr}}
.feebox__big{font-family:var(--serif);font-weight:300;font-size:clamp(44px,6vw,76px);letter-spacing:-.02em;color:var(--brass);line-height:1}
.feebox__big small{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:rgba(244,241,233,.6);margin-top:10px}
.feebox__txt{font-size:15px;line-height:1.65;color:rgba(244,241,233,.85);max-width:62ch}
.feebox__txt b{color:var(--paper)}

/* ---- offers grid (image cards) ---- */
.igrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
@media(max-width:860px){.igrid{grid-template-columns:1fr}}
.icard{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper-2);display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease}
.icard:hover{transform:translateY(-4px);box-shadow:0 24px 60px -30px rgba(26,24,20,.35)}
.icard__media{aspect-ratio:21/10;position:relative;overflow:hidden}
.icard__media img{transition:transform .8s ease}
.icard:hover .icard__media img{transform:scale(1.04)}
.icard__tag{position:absolute;top:14px;left:14px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;background:rgba(244,241,233,.92);padding:6px 10px;border-radius:999px}
.icard__body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.icard__loc{font-family:var(--mono);font-size:12px;color:var(--ink-soft);letter-spacing:.04em}
.icard__h{font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.25}
.icard__facts{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--ink-soft);margin-top:2px}
.icard__foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px dashed var(--line)}
.icard__eur{font-family:var(--serif);font-size:24px;font-weight:500}
.icard__eur small{display:block;font-family:var(--mono);font-size:11.5px;color:var(--ink-soft);font-weight:400;margin-top:3px}
.icard__go{font-family:var(--mono);font-size:12.5px;color:var(--wood-deep);white-space:nowrap}

/* ---- FAQ ---- */
.faq{margin-top:30px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 2px;font-family:var(--serif);font-size:18.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--brass);font-size:20px;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .faq__a{padding:0 2px 22px;color:var(--ink-soft);line-height:1.65;max-width:75ch}

/* ---- expat strip ---- */
.expat{margin-top:26px;border:1px dashed var(--wood);border-radius:14px;padding:22px 26px;display:flex;gap:18px;align-items:baseline;flex-wrap:wrap;background:rgba(176,120,76,.06)}
.expat b{font-family:var(--serif);font-size:19px;font-weight:500}
.expat span{color:var(--ink-soft);font-size:14.5px;max-width:62ch}

/* ---- section head: give the h2 room + breathing space before the note ---- */
.isec .section__head .kicker{margin-bottom:.9rem}
.isec .section__head .h-lg{max-width:32ch;margin-bottom:1.35rem}
.isec .section__note{max-width:56ch}

/* ---- section spacing helper ---- */
.isec{padding-block:clamp(56px,7vw,110px)}
.isec--tint{background:var(--panel)}
.isec--dark{background:var(--ink);color:var(--paper)}
.isec--dark .kicker{color:var(--brass)}
.isec--dark .section__note,.isec--dark .frow__p{color:rgba(244,241,233,.78)}
.isec--dark .frow li{color:rgba(244,241,233,.85);border-bottom-color:rgba(244,241,233,.16)}
.isec--dark .frow li::before{color:var(--brass)}
.isec--dark .expat{border-color:var(--brass);background:rgba(176,137,79,.12)}
.isec--dark .expat b{color:var(--paper)}
.isec--dark .expat span{color:rgba(244,241,233,.8)}
.isec__inner{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}

/* honest-footnote */
.fineprint{font-family:var(--mono);font-size:11.5px;color:var(--ink-soft);opacity:.75;line-height:1.6;margin-top:16px}