/* ============================================================
   A FISHER NORDIC PLUS CÉLOLDAL STÍLUSAI
   Csak a fisher-nordic-plus/ oldal tölti le. A közös alap a style.css.
   ============================================================ */

/* A céloldalon a fejléc mindig letapadt állapotú, mert a nyitókép világos. */
body.lp .nav{background:rgba(237,241,244,.88);backdrop-filter:blur(14px) saturate(1.3);border-bottom-color:var(--panel-line)}
body.lp .nav .brand{color:var(--ink)}
body.lp .nav .brand .pl{color:var(--accent)}
body.lp .nav-links a{color:var(--ink-2)}
body.lp .nav-links a:hover{color:var(--ink);background:rgba(13,22,32,.05)}
body.lp .burger{color:var(--ink);border-color:var(--panel-line)}
body.menu-open.lp .nav{background:transparent;backdrop-filter:none;border-bottom-color:transparent}
body.menu-open.lp .nav .brand{color:var(--ink-inv)}
body.menu-open.lp .nav .brand .pl{color:var(--accent-on-deep)}
body.menu-open.lp .burger{color:var(--ink-inv);border-color:rgba(232,237,241,.3)}

/* ---------- nyitókép ---------- */
.lp-hero{position:relative;padding-block:clamp(6.5rem,11vw,9.5rem) clamp(3rem,5vw,4.5rem)}
.lp-hero-grid{
  display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,1fr);
  gap:clamp(24px,4vw,56px);align-items:center
}
.lp-hero-grid > *{min-width:0}
.lp-hero-say h1{font-size:clamp(2rem,4vw,2.9rem);max-width:22ch;margin-bottom:1.2rem}
/* a márkanév kisebb és halkabb: a kereső és a hirdetés miatt a címsorban marad,
   de az ígéret a nagy mondat, nem a név */
.lp-hero-say h1 .b{
  display:block;font-size:.5em;color:var(--ink-2);
  letter-spacing:-.005em;margin-bottom:.45em
}
.lp-hero-say .lede{max-width:48ch}
.lp-hero-img{position:relative}
.lp-hero-img::before{
  content:"";position:absolute;inset:-14% -8%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(143,179,201,.42),rgba(143,179,201,0) 72%)
}
.lp-hero-img picture,.lp-hero-img img{position:relative;width:100%;height:auto}

/* ---------- a három kiemelt adat ---------- */
.specs{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--panel-line);
  border-block:1px solid var(--panel-line);margin-top:clamp(2.6rem,4.5vw,4rem)
}
.specs > *{min-width:0}
.spec{background:var(--canvas);padding:clamp(1.3rem,2.2vw,1.9rem) clamp(1rem,2vw,1.6rem)}
.spec .v{
  font-family:var(--ff-display);font-weight:700;font-size:clamp(1.9rem,3.6vw,2.7rem);
  letter-spacing:-.03em;line-height:1;display:block;color:var(--accent-text)
}
.spec .k{
  font-family:var(--ff-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-2);margin-top:.7rem;display:block
}

/* ---------- a két változat ---------- */
.cmp-wrap{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(2.4rem,4vw,3.4rem)
}
.cmp-wrap > *{min-width:0}
.cmp{background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;overflow:hidden}
.cmp table{width:100%;border-collapse:collapse}
.cmp th,.cmp td{padding:.85rem clamp(.8rem,1.5vw,1.2rem);text-align:left;font-size:.95rem}
.cmp thead th{
  font-family:var(--ff-mono);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-2);font-weight:500;background:var(--canvas);border-bottom:1px solid var(--panel-line)
}
.cmp tbody th{font-weight:500;color:var(--ink-2);font-family:var(--ff-body)}
.cmp tbody td{color:var(--ink);font-variant-numeric:tabular-nums}
.cmp tbody tr + tr{border-top:1px solid var(--panel-line)}
.cmp tbody tr.hi{background:var(--accent-muted)}
.cmp tbody tr.hi th{color:var(--ink)}
.cmp tbody tr.hi td b{
  font-family:var(--ff-display);font-weight:700;font-size:1.22rem;
  letter-spacing:-.02em;color:var(--accent-text)
}
.cmp tbody tr.mod td{font-family:var(--ff-mono);font-size:.78rem;letter-spacing:.02em;color:var(--ink-2)}
.cmp-note{
  padding:1rem clamp(.8rem,1.5vw,1.2rem) 1.1rem;font-size:.85rem;color:var(--ink-2);
  border-top:1px solid var(--panel-line);background:var(--canvas)
}
.cmp-img img{width:100%;height:auto;border-radius:16px;background:var(--panel)}
.cmp-img-note{
  margin-top:1rem;font-family:var(--ff-mono);font-size:.7rem;letter-spacing:.08em;
  color:var(--ink-2);line-height:1.6;max-width:34ch
}

/* ---------- komfort funkciók: csak ikon és megnevezés, a gyártó listája ---------- */
.feats{
  display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
  background:var(--panel-line);border:1px solid var(--panel-line);border-radius:16px;
  overflow:hidden;margin-top:clamp(2.2rem,3.6vw,3rem)
}
.feats > *{min-width:0}
.feat{
  background:var(--panel);padding:clamp(1.3rem,2vw,1.8rem) clamp(.7rem,1.2vw,1.1rem);
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;
  transition:background var(--t1) var(--e1)
}
.feat:hover{background:var(--canvas)}
.feat .ic{
  display:flex;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;
  background:var(--accent-muted);color:var(--accent);flex:none
}
.feat .ic svg{width:24px;height:24px;display:block}
.feat b{
  display:block;font-weight:600;font-size:.88rem;line-height:1.35;color:var(--ink);
  letter-spacing:-.005em
}

/* ---------- a folyamat rövid változata ---------- */
.mini-steps{
  list-style:none;margin:clamp(2.2rem,3.6vw,3rem) 0 0;padding:0;
  display:grid;gap:0;border-top:1px solid var(--panel-line)
}
.mini-steps > *{min-width:0}
.mini-steps li{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(14px,2vw,26px);
  align-items:baseline;padding-block:1.05rem;border-bottom:1px solid var(--panel-line)
}
.mini-steps .n{
  font-family:var(--ff-mono);font-size:.78rem;font-weight:500;color:var(--accent-text);
  width:2rem;flex:none
}
.mini-steps li > span:last-child{font-size:.99rem;color:var(--ink-2);line-height:1.55}
.mini-steps b{color:var(--ink);font-weight:600}
.mini-steps-note{margin-top:1.6rem;font-size:.95rem}
.mini-steps-note a{color:var(--accent-text);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.tar-note a{color:var(--accent-on-deep);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;white-space:nowrap}

@media (max-width:1000px){
  .lp-hero-grid,.cmp-wrap{grid-template-columns:1fr}
  .lp-hero-say h1{max-width:none}
  .lp-hero-img{order:-1;max-width:520px;margin-inline:auto}
  .feats{grid-template-columns:repeat(4,1fr)}
  .cmp-img{max-width:560px}
}
@media (max-width:780px){
  .feats{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:860px){
  .specs{grid-template-columns:1fr}
  .spec{padding-block:1.1rem}
}
@media (max-width:720px){
  .lp-hero{padding-top:clamp(5.5rem,16vw,7rem)}
}
@media (max-width:640px){
  .feats{grid-template-columns:1fr 1fr}
  .feat{padding-inline:.6rem;gap:.8rem}
  .feat b{font-size:.82rem}
  .cmp th,.cmp td{padding-inline:.7rem;font-size:.9rem}
  .cmp tbody tr.mod td{font-size:.72rem}
  .mini-steps .n{width:1.7rem}
}

/* A gyártó logója a nyitóképben. A forgalmazó engedélyével.
   Szándékosan visszafogott méret: mi vagyunk a kivitelező, nem a gyártó. */
.lp-brand{
  display:block;width:122px;height:auto;margin-bottom:1.1rem;
  opacity:.9
}
@media (max-width:720px){ .lp-brand{width:104px;margin-bottom:.9rem} }

/* A katalógusérték és a valóság közti különbség. Nem gyengíti a gépet,
   hanem jelzi, hogy tudjuk a különbséget a labor és a január között. */
.scop-jegyzet{
  margin:1.1rem 0 0;font-size:.88rem;color:var(--ink-2);max-width:62ch;
  padding-left:.9rem;border-left:2px solid var(--panel-line)
}