/* Szekely Autoszerviz Budapest - stiluslap. Neo-Minimalist Mono. */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/opensans-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/opensans-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/opensans-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/opensans-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/opensans-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/opensans-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/opensans-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/opensans-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  --surface:#fbf9f8; --paper:#ffffff; --paper2:#f5f3f3; --paper3:#ededec;
  --ink:#191a1a; --ink2:#313333; --text:#232525; --muted:#565859;
  --line:#e2e2e1; --line2:#c4c5c4;
  --red:#bc1a14; --reddark:#9c0f0b; --blue:#0047cf; --bluedark:#0038a6;
  --white:#ffffff; --amber:#7a5a00;
  --ff-head:'Open Sans',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --ff-body:'Open Sans',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --sp-xs:4px; --sp-sm:8px; --sp-md:16px; --sp-lg:24px; --sp-xl:48px; --sp-2xl:72px;
  --r-sm:2px; --r:4px; --r-md:6px; --r-lg:8px; --r-xl:12px;
  --maxw:1200px; --gut:20px;
  --hd:64px;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{animation:none!important;transition:none!important;}}
body{margin:0;background:var(--surface);color:var(--text);font-family:var(--ff-body);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:clip;}
img{max-width:100%;height:auto;display:block;}
svg{display:block;}
a{color:var(--blue);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;}
a:hover{color:var(--bluedark);}
h1,h2,h3,h4,h5,h6{font-family:var(--ff-head);color:var(--ink);line-height:1.18;
  letter-spacing:-0.02em;margin:0 0 .5em;font-weight:700;}
h1{font-size:clamp(2rem,5vw,3.1rem);}
h2{font-size:clamp(1.5rem,3.2vw,2.05rem);}
h3{font-size:clamp(1.18rem,2.1vw,1.4rem);font-weight:600;}
h4{font-size:1.06rem;font-weight:600;}
p{margin:0 0 1rem;}
strong{color:var(--ink2);font-weight:600;}
ul,ol{margin:0 0 1rem;padding-left:1.25rem;}
li{margin:.28rem 0;}
hr{border:0;border-top:1px solid var(--line);margin:var(--sp-lg) 0;}
::selection{background:var(--ink);color:var(--white);}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:var(--r-sm);}

/* ---- utility ---- */
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut);}
.wrap-narrow{max-width:820px;margin-inline:auto;padding-inline:var(--gut);}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.skip{position:absolute;left:8px;top:-48px;z-index:200;background:var(--ink);color:var(--white);
  padding:10px 16px;border-radius:var(--r);text-decoration:none;transition:top .15s;}
.skip:focus{top:8px;color:var(--white);}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-head);
  font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--white);background:var(--red);padding:6px 12px;border-radius:var(--r);margin-bottom:16px;}
.eyebrow.blue{background:var(--blue);}
.eyebrow.ink{background:var(--ink);}
.ico{width:18px;height:18px;flex:none;fill:currentColor;}
.ico-lg{width:24px;height:24px;flex:none;fill:currentColor;}
.muted{color:var(--muted);}
.center{text-align:center;}
.lead{font-size:1.16rem;line-height:1.6;color:var(--ink2);}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--ff-head);font-weight:600;font-size:.98rem;letter-spacing:.01em;
  padding:13px 24px;border-radius:var(--r);border:2px solid var(--ink);cursor:pointer;
  text-decoration:none;transition:background .15s,color .15s,transform .1s;min-height:46px;}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:var(--ink);color:var(--white);}
.btn-primary:hover{background:#000;color:var(--white);}
.btn-red{background:var(--red);border-color:var(--red);color:var(--white);}
.btn-red:hover{background:var(--reddark);border-color:var(--reddark);color:var(--white);}
.btn-ghost{background:transparent;color:var(--ink);}
.btn-ghost:hover{background:var(--ink);color:var(--white);}
.btn-block{width:100%;}
.btn-sm{padding:9px 16px;min-height:38px;font-size:.9rem;}

/* ---- top bar + header ---- */
.topbar{background:var(--ink);color:#e9e9e8;font-size:.8rem;}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px;padding-block:6px;}
.topbar a{color:#e9e9e8;text-decoration:none;}
.topbar a:hover{color:var(--white);}
.topbar .tb-info{display:flex;gap:22px;align-items:center;flex-wrap:wrap;}
.topbar .tb-info span{display:inline-flex;align-items:center;gap:7px;}
.topbar .tb-info .ico{width:15px;height:15px;fill:var(--red);}
.topbar .tb-social{display:flex;gap:6px;align-items:center;}
.topbar .tb-social a{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-sm);}
.topbar .tb-social a:hover{background:rgba(255,255,255,.12);}
.topbar .tb-social .ico{width:14px;height:14px;fill:#e9e9e8;}
@media (max-width:900px){.topbar{display:none;}}

.site-head{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1px solid var(--line);}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--hd);}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);}
.brand .mark{width:42px;height:42px;flex:none;}
.brand .bt{font-family:var(--ff-head);font-weight:700;font-size:1.14rem;line-height:1.24;letter-spacing:-0.02em;color:var(--ink);display:block;}
.brand .bs{display:block;font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-top:2px;line-height:1;}

.mainnav{display:flex;align-items:center;gap:2px;}
.mainnav a{font-family:var(--ff-head);font-weight:500;font-size:.95rem;color:var(--ink2);
  text-decoration:none;padding:9px 13px;border-radius:var(--r);white-space:nowrap;}
.mainnav a:hover{background:var(--paper3);color:var(--ink);}
.mainnav a[aria-current="page"]{color:var(--blue);background:var(--paper3);}
.head-cta{display:flex;align-items:center;gap:14px;}
.head-phone{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);}
.head-phone .ph-ic{width:38px;height:38px;flex:none;border-radius:var(--r);background:var(--red);
  display:inline-flex;align-items:center;justify-content:center;}
.head-phone .ph-ic .ico{fill:var(--white);}
.head-phone .ph-l{font-size:.68rem;color:var(--muted);font-weight:500;}
.head-phone .ph-n{font-family:var(--ff-head);font-weight:700;font-size:1.02rem;color:var(--ink);}

.navtoggle,.navlabel{display:none;}
.navlabel{width:44px;height:44px;border:1px solid var(--line2);border-radius:var(--r);
  align-items:center;justify-content:center;cursor:pointer;background:var(--paper);}
.navlabel .ico{width:22px;height:22px;fill:var(--ink);}
.navlabel .x{display:none;}

@media (max-width:900px){
  .mainnav{position:fixed;inset:var(--hd) 0 auto 0;flex-direction:column;align-items:stretch;
    gap:0;background:var(--paper);border-bottom:2px solid var(--ink);padding:8px var(--gut) 16px;
    transform:translateY(-140%);transition:transform .25s ease;max-height:calc(100vh - var(--hd));overflow:auto;
    box-shadow:0 12px 24px rgba(0,0,0,.08);}
  .mainnav a{padding:13px 8px;border-bottom:1px solid var(--line);font-size:1.02rem;}
  .navtoggle:checked ~ .mainnav{transform:translateY(0);}
  .navtoggle:checked ~ .navlabel .bars{display:none;}
  .navtoggle:checked ~ .navlabel .x{display:block;}
  .navlabel{display:inline-flex;}
  .mnav-cta{display:flex!important;margin-top:12px;}
  .head-phone{display:none;}
}
.mnav-cta{display:none;}

/* ---- sections ---- */
section{padding-block:var(--sp-2xl);}
.sec-tight{padding-block:var(--sp-xl);}
.sec-head{max-width:760px;margin-bottom:var(--sp-xl);}
.sec-head.center{margin-inline:auto;}

/* ---- hero ---- */
.hero{color:#eef1f8;position:relative;overflow:hidden;padding-block:var(--sp-2xl);
  background-color:#0a1a48;
  background-image:linear-gradient(96deg,rgba(7,22,66,.86) 0%,rgba(8,26,78,.60) 50%,rgba(9,30,88,.34) 100%),url('/img/hero.webp');
  background-size:cover;background-position:center 32%;background-repeat:no-repeat;}
@media (max-width:900px){
  .hero{background-image:linear-gradient(rgba(7,22,66,.80),rgba(8,26,78,.66)),url('/img/hero.webp');}
}
.hero .grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--sp-xl);align-items:center;}
.hero h1{color:var(--white);margin-bottom:20px;}
.hero .lead{color:#c9c8c7;max-width:44ch;}
.hero .eyebrow{background:var(--red);}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;}
.hero-cta .btn-ghost{color:var(--white);border-color:#4a4c4c;}
.hero-cta .btn-ghost:hover{background:var(--white);color:var(--ink);border-color:var(--white);}
.hero-proof{display:flex;gap:26px;margin-top:34px;flex-wrap:wrap;}
.hero-proof .hp{}
.hero-proof .hp b{font-family:var(--ff-head);font-size:1.7rem;color:var(--white);display:block;line-height:1;}
.hero-proof .hp span{font-size:.8rem;color:#b0afae;letter-spacing:.02em;}
.hero-card{background:var(--paper);color:var(--text);border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden;}
.hero-card img{width:100%;height:230px;object-fit:cover;}
.hero-card .hc-b{padding:20px;}
.hero-stars{color:var(--amber);display:flex;gap:2px;margin-bottom:6px;}
.hero-stars .ico{width:16px;height:16px;fill:#e0a400;}
@media (max-width:900px){.hero .grid{grid-template-columns:minmax(0,1fr);}.hero-card{order:2;}}

/* ---- cards / grids ---- */
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-lg);}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-lg);}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-md);}
@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.grid-3,.grid-2,.grid-4{grid-template-columns:minmax(0,1fr);}}

.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-lg);}
.card-svc{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  display:flex;flex-direction:column;transition:border-color .15s,transform .15s;}
.card-svc:hover{border-color:var(--ink);transform:translateY(-3px);}
.card-svc .cs-img{position:relative;aspect-ratio:16/10;background:var(--paper3);}
.card-svc .cs-img img{width:100%;height:100%;object-fit:cover;}
.card-svc .cs-badge{position:absolute;left:14px;bottom:-16px;width:40px;height:40px;background:var(--red);
  border-radius:var(--r);display:flex;align-items:center;justify-content:center;}
.card-svc .cs-badge .ico{fill:var(--white);width:20px;height:20px;}
.card-svc .cs-b{padding:26px 20px 20px;display:flex;flex-direction:column;flex:1;}
.card-svc h3{margin-bottom:8px;font-size:1.12rem;}
.card-svc .cs-cat{font-family:var(--ff-head);font-size:.68rem;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--red);margin-bottom:6px;}
.card-svc p{font-size:.92rem;color:var(--muted);margin-bottom:16px;}
.card-svc .cs-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;
  padding-top:14px;border-top:1px solid var(--line);}
.card-svc .cs-price{font-family:var(--ff-head);font-weight:700;color:var(--ink);font-size:.98rem;}
.card-svc .cs-more{font-family:var(--ff-head);font-weight:600;font-size:.82rem;text-transform:uppercase;
  letter-spacing:.06em;color:var(--blue);text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.card-svc .cs-more .ico{width:14px;height:14px;}

/* ---- stat tiles ---- */
.stat-tile{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;
  border-top:3px solid var(--blue);}
.stat-tile .st-ic{width:40px;height:40px;border-radius:var(--r);background:var(--blue);display:flex;
  align-items:center;justify-content:center;margin-bottom:14px;}
.stat-tile .st-ic .ico{fill:var(--white);width:20px;height:20px;}
.stat-tile b{font-family:var(--ff-head);font-size:2rem;color:var(--ink);display:block;line-height:1;letter-spacing:-.02em;}
.stat-tile span{font-size:.86rem;color:var(--muted);font-weight:500;}

/* ---- feature list ---- */
.feat{display:flex;gap:14px;align-items:flex-start;}
.feat .f-ic{width:38px;height:38px;flex:none;border-radius:var(--r);background:var(--paper3);
  border:1px solid var(--line);display:flex;align-items:center;justify-content:center;}
.feat .f-ic .ico{fill:var(--red);width:18px;height:18px;}
.feat h3{font-size:1.05rem;margin-bottom:4px;}
.feat p{font-size:.92rem;color:var(--muted);margin:0;}

/* ---- timeline / steps ---- */
.steps{position:relative;margin-top:var(--sp-lg);}
.steps::before{content:"";position:absolute;left:18px;top:6px;bottom:6px;width:2px;background:var(--line2);}
.step{position:relative;padding-left:56px;margin-bottom:26px;}
.step:last-child{margin-bottom:0;}
.step .s-num{position:absolute;left:0;top:0;width:38px;height:38px;border-radius:var(--r);background:var(--ink);
  color:var(--white);font-family:var(--ff-head);font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1;}
.step h3{font-size:1.08rem;margin-bottom:4px;}
.step p{margin:0;color:var(--muted);font-size:.95rem;}

/* ---- folyamat: kozepre igazitott vizszintes lepessor (fooldal) ---- */
.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:var(--sp-xl);}
.flow .fl{position:relative;text-align:center;padding:0 14px;}
.flow .fl:not(:last-child)::before{content:"";position:absolute;top:28px;left:50%;width:100%;height:2px;
  background:linear-gradient(90deg,var(--blue),#3d3f42);z-index:0;}
.flow .fl-num{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;background:var(--blue);
  color:var(--white);font-family:var(--ff-head);font-weight:700;font-size:1.3rem;position:relative;z-index:1;
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,71,207,.4);}
.flow .fl h3{color:var(--white);font-size:1.02rem;margin-bottom:7px;letter-spacing:-.01em;}
.flow .fl p{color:#aeb4c1;font-size:.86rem;margin:0;line-height:1.5;}
@media (max-width:900px){
  .flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-xl) 0;}
  .flow .fl:not(:last-child)::before{display:none;}
}
@media (max-width:520px){.flow{grid-template-columns:minmax(0,1fr);}}

/* ---- content layout with sidebar ---- */
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-xl);align-items:start;}
@media (max-width:1000px){.content-grid{grid-template-columns:minmax(0,1fr);}}
.article-body{min-width:0;}
.article-body h2{margin-top:2em;scroll-margin-top:calc(var(--hd) + 16px);}
.article-body h3{margin-top:1.5em;}
.article-body>p:first-of-type{font-size:1.1rem;color:var(--ink2);}
.article-body figure{margin:1.8em 0;}
.article-body figure img{width:100%;border-radius:var(--r-lg);border:1px solid var(--line);}
.article-body figcaption{font-size:.82rem;color:var(--muted);margin-top:8px;text-align:center;}
.article-body ul li::marker{color:var(--red);}

/* ---- szolgaltatas-aloldal: fejlec-sav + kulcsadatok + szekcio-ikonok ---- */
.svc-top{background:var(--paper2);border-bottom:1px solid var(--line);padding-block:var(--sp-xl);}
.svc-top h1{margin-bottom:14px;}
.svc-top .lead{max-width:70ch;}
.svc-facts{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px;}
.svc-facts .sf{display:flex;gap:13px;align-items:center;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:14px 18px;flex:1 1 200px;min-width:186px;}
.svc-facts .sf-ic{width:42px;height:42px;flex:none;border-radius:var(--r);background:var(--blue);
  display:flex;align-items:center;justify-content:center;}
.svc-facts .sf-ic .ico{fill:var(--white);width:21px;height:21px;}
.svc-facts .sf:nth-child(2) .sf-ic{background:var(--red);}
.svc-facts .sf:nth-child(3) .sf-ic{background:var(--blue);}
.svc-facts .sf:nth-child(4) .sf-ic{background:var(--red);}
.svc-facts .sf b{font-family:var(--ff-head);font-weight:700;color:var(--ink);font-size:1.02rem;display:block;
  line-height:1.15;letter-spacing:-.01em;}
.svc-facts .sf span{font-size:.76rem;color:var(--muted);}
.article-body h2.sec-h2{display:flex;align-items:center;gap:12px;padding-top:1.7em;
  margin-top:1.7em;border-top:1px solid var(--line);}
.sec-ic{width:28px;height:28px;flex:none;fill:var(--white);background:var(--blue);
  border-radius:var(--r);padding:5px;box-sizing:border-box;}

.sidebar{align-self:start;position:sticky;top:calc(var(--hd) + 16px);display:flex;flex-direction:column;gap:var(--sp-lg);}
@media (max-width:1000px){.sidebar{position:static;}}
.side-cta{background:var(--ink);color:#e9e9e8;border-radius:var(--r-lg);padding:24px;}
.side-cta .sc-tag{display:inline-block;font-family:var(--ff-head);font-size:.68rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;background:var(--red);color:var(--white);padding:5px 10px;border-radius:var(--r-sm);margin-bottom:14px;}
.side-cta .sc-price{font-family:var(--ff-head);font-size:1.9rem;font-weight:700;color:var(--white);line-height:1;}
.side-cta .sc-price small{font-size:.82rem;color:#b0afae;font-weight:500;display:block;margin-top:4px;}
.side-cta .sc-val{color:#c9c8c7;font-size:.92rem;margin:14px 0;}
.side-cta ul{list-style:none;padding:0;margin:0 0 18px;}
.side-cta ul li{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:#d7d6d5;margin:8px 0;}
.side-cta ul li .ico{fill:var(--red);width:17px;height:17px;flex:none;margin-top:2px;}
.side-cta .sc-tel{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;
  color:var(--white);text-decoration:none;font-family:var(--ff-head);font-weight:600;}
.side-cta .sc-tel .ico{fill:var(--white);}
.side-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;}
.side-box h3{font-size:1rem;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line);}
.quickfacts{list-style:none;padding:0;margin:0;}
.quickfacts li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.9rem;}
.quickfacts li:last-child{border-bottom:0;}
.quickfacts li span:first-child{color:var(--muted);}
.quickfacts li span:last-child{font-weight:600;color:var(--ink);font-family:var(--ff-head);text-align:right;}

/* ---- breadcrumb ---- */
.crumbs{font-size:.82rem;color:var(--muted);padding-block:14px;}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0;}
.crumbs li{display:flex;gap:7px;align-items:center;margin:0;}
.crumbs li::after{content:"/";color:var(--line2);}
.crumbs li:last-child::after{content:"";}
.crumbs a{color:var(--muted);text-decoration:none;}
.crumbs a:hover{color:var(--blue);text-decoration:underline;}
.crumbs li[aria-current]{color:var(--ink);font-weight:500;}

/* ---- TOC ---- */
.toc{background:var(--paper2);border:1px solid var(--line);border-left:3px solid var(--red);
  border-radius:var(--r);padding:18px 20px;margin:var(--sp-lg) 0;}
.toc h2{font-size:.78rem!important;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);
  margin:0 0 10px!important;font-weight:600;}
.toc ol{margin:0;padding-left:1.1rem;columns:2;column-gap:24px;}
.toc li{margin:5px 0;font-size:.92rem;}
.toc a{color:var(--ink2);text-decoration:none;}
.toc a:hover{color:var(--blue);text-decoration:underline;}
@media (max-width:560px){.toc ol{columns:1;}}

/* ---- answer block (zero-click) ---- */
.answer{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--blue);
  border-radius:var(--r);padding:16px 20px;margin:0 0 1.4rem;font-size:1.02rem;color:var(--ink2);}
.tldr{background:var(--ink);color:#e9e9e8;border-radius:var(--r-lg);padding:24px 26px;margin-bottom:var(--sp-lg);}
.tldr h2{color:var(--white);font-size:1.05rem!important;text-transform:uppercase;letter-spacing:.08em;
  margin:0 0 12px!important;display:flex;align-items:center;gap:10px;}
.tldr h2 .ico{fill:var(--red);}
.tldr ul{margin:0;padding-left:1.1rem;}
.tldr li{margin:7px 0;color:#d7d6d5;}
.tldr li::marker{color:var(--red);}

/* ---- callout ---- */
.callout{background:var(--paper2);border:1px solid var(--line);border-left:4px solid var(--red);
  border-radius:var(--r);padding:18px 22px;margin:1.5rem 0;}
.callout.blue{border-left-color:var(--blue);}
.callout h3{font-size:1.02rem;margin-bottom:6px;}
.callout p:last-child{margin-bottom:0;}

/* ---- price / data table ---- */
.dtable{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.94rem;}
.dtable caption{text-align:left;font-family:var(--ff-head);font-weight:600;color:var(--ink);margin-bottom:10px;}
.dtable th,.dtable td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);}
.dtable thead th{background:var(--ink);color:var(--white);font-family:var(--ff-head);font-size:.8rem;
  text-transform:uppercase;letter-spacing:.05em;border-bottom:0;}
.dtable tbody tr:nth-child(even){background:var(--paper2);}
.dtable td:last-child{font-weight:600;color:var(--ink);white-space:nowrap;}
.tbl-scroll{overflow-x:auto;max-width:100%;}
@media (max-width:560px){
  .dtable thead{display:none;}
  .dtable tr{display:block;border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;padding:6px 12px;}
  .dtable td{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:9px 2px;}
  .dtable tr td:last-child{border-bottom:0;}
  .dtable td::before{content:attr(data-label);font-weight:600;color:var(--muted);font-family:var(--ff-head);}
  .dtable tbody tr:nth-child(even){background:var(--paper);}
  /* kulcs-ertek tabla (szolgaltatas-adatok): sor = kulcs .... ertek, ismetlodo "Tetel/Ertek" cimke NELKUL */
  .kvtable tr{display:flex;justify-content:space-between;align-items:baseline;gap:18px;
    border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:0;}
  .kvtable td{display:block;border:0;padding:11px 2px;}
  .kvtable td::before{content:none;}
  .kvtable td:first-child{color:var(--muted);flex:none;}
  .kvtable td:last-child{font-weight:700;color:var(--ink);text-align:right;}
  .kvtable tbody tr:nth-child(even){background:transparent;}
}

/* ---- FAQ ---- */
.faq{margin-top:var(--sp-md);}
.faq details{border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;background:var(--paper);overflow:hidden;}
.faq details[open]{border-color:var(--line2);}
.faq summary{cursor:pointer;padding:16px 20px;font-family:var(--ff-head);font-weight:600;color:var(--ink);
  list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary .fq-ic{width:22px;height:22px;flex:none;position:relative;}
.faq summary .fq-ic::before,.faq summary .fq-ic::after{content:"";position:absolute;background:var(--red);border-radius:1px;}
.faq summary .fq-ic::before{top:10px;left:3px;right:3px;height:2px;}
.faq summary .fq-ic::after{left:10px;top:3px;bottom:3px;width:2px;transition:transform .2s;}
.faq details[open] summary .fq-ic::after{transform:scaleY(0);}
.faq .fq-a{padding:0 20px 18px;color:var(--ink2);}
.faq .fq-a p:last-child{margin-bottom:0;}

/* ---- author box ---- */
.authorbox{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:26px;margin-top:var(--sp-xl);display:flex;gap:20px;align-items:flex-start;}
.authorbox .av{width:72px;height:72px;flex:none;border-radius:var(--r-lg);background:var(--ink);color:var(--white);
  font-family:var(--ff-head);font-weight:700;font-size:1.7rem;display:flex;align-items:center;justify-content:center;}
.authorbox .ab-b{min-width:0;}
.authorbox .ab-name{font-family:var(--ff-head);font-weight:700;font-size:1.12rem;color:var(--ink);}
.authorbox .ab-name a{color:var(--ink);text-decoration:none;}
.authorbox .ab-name a:hover{text-decoration:underline;}
.authorbox .ab-role{color:var(--red);font-size:.85rem;font-weight:600;margin-bottom:8px;}
.authorbox .ab-bio{font-size:.92rem;color:var(--muted);margin-bottom:14px;}
.ab-social{display:flex;gap:8px;flex-wrap:wrap;}
.ab-social a{width:34px;height:34px;border:1px solid var(--line);border-radius:var(--r);
  display:inline-flex;align-items:center;justify-content:center;color:var(--ink2);}
.ab-social a:hover{background:var(--ink);color:var(--white);border-color:var(--ink);}
.ab-social .ico{width:16px;height:16px;fill:currentColor;}
@media (max-width:560px){.authorbox{flex-direction:column;}}

/* ---- CTA band ---- */
.cta-band{background:var(--ink);color:#e9e9e8;border-radius:var(--r-xl);padding:44px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;}
.cta-band h2{color:var(--white);margin:0 0 8px;}
.cta-band p{margin:0;color:#c1c0bf;}
.cta-band .cb-act{display:flex;gap:12px;flex-wrap:wrap;}
.cta-band .btn-ghost{color:var(--white);border-color:#4a4c4c;}
.cta-band .btn-ghost:hover{background:var(--white);color:var(--ink);border-color:var(--white);}
@media (max-width:800px){.cta-band{grid-template-columns:minmax(0,1fr);padding:30px;}}

/* ---- accordion service list (homepage) ---- */
.svc-accordion details{border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:10px;
  background:var(--paper);overflow:hidden;transition:border-color .15s,box-shadow .15s;}
.svc-accordion details[open]{border-color:var(--line2);box-shadow:0 6px 18px rgba(0,0,0,.05);}
.svc-accordion summary{cursor:pointer;padding:14px 20px;font-family:var(--ff-head);font-weight:700;
  color:var(--ink);display:flex;justify-content:space-between;align-items:center;list-style:none;gap:14px;}
.svc-accordion summary::-webkit-details-marker{display:none;}
.svc-accordion summary:hover{background:var(--paper2);}
.svc-accordion .sa-l{display:inline-flex;align-items:center;gap:13px;min-width:0;}
.svc-accordion .sa-ic{width:38px;height:38px;flex:none;border-radius:var(--r);background:var(--blue);
  display:flex;align-items:center;justify-content:center;}
.svc-accordion .sa-ic .ico{fill:var(--white);width:20px;height:20px;}
.svc-accordion .sa-nm{font-size:1.02rem;overflow:hidden;text-overflow:ellipsis;}
.svc-accordion .sa-r{display:inline-flex;align-items:center;gap:16px;flex:none;}
.svc-accordion .sa-c{font-size:.78rem;color:var(--muted);font-weight:600;font-family:var(--ff-body);
  background:var(--paper2);border:1px solid var(--line);padding:4px 12px;border-radius:100px;white-space:nowrap;}
.svc-accordion .sa-chev{width:9px;height:9px;flex:none;border-right:2px solid var(--muted);
  border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s;}
.svc-accordion details[open] .sa-chev{transform:rotate(225deg);}
.svc-accordion .sa-body{padding:8px 14px 16px;columns:3;column-gap:16px;border-top:1px solid var(--line);}
.svc-accordion .sa-body a{font-size:.9rem;padding:8px 12px;color:var(--ink2);text-decoration:none;
  break-inside:avoid;border-radius:var(--r);transition:background .12s,color .12s;}
.svc-accordion .sa-body a:hover{color:var(--blue);background:var(--paper2);}
.svc-accordion .sa-body a>span{display:flex;align-items:center;gap:9px;}
.svc-accordion .sa-body a>span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue);flex:none;opacity:.55;}
@media (max-width:900px){.svc-accordion .sa-body{columns:2;}}
@media (max-width:560px){.svc-accordion .sa-body{columns:1;}}

/* ---- szolgaltatasok oldal: hero + kategoria-kartyak + blokkok + CTA ---- */
.svc-hero{background:var(--ink);color:#e7eaf0;padding-block:var(--sp-2xl);}
.svc-hero .eyebrow{background:var(--blue);}
.svc-hero h1{color:var(--white);margin-bottom:16px;}
.svc-hero .lead{color:#c6cdd9;max-width:62ch;}
.svc-hero .svc-stats{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}
.svc-hero .svc-stats>div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--r-lg);padding:14px 22px;min-width:118px;}
.svc-hero .svc-stats b{font-family:var(--ff-head);font-size:1.8rem;color:var(--white);display:block;line-height:1;letter-spacing:-.02em;}
.svc-hero .svc-stats span{font-size:.8rem;color:#aab2c2;letter-spacing:.02em;}

.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-md);}
@media (max-width:900px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:480px){.cat-grid{grid-template-columns:minmax(0,1fr);}}
.cat-tile{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;
  text-decoration:none;display:flex;flex-direction:column;transition:border-color .15s,transform .15s,box-shadow .15s;}
.cat-tile:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08);}
.cat-tile .ct-ic{width:48px;height:48px;border-radius:var(--r);background:var(--blue);display:flex;
  align-items:center;justify-content:center;margin-bottom:14px;}
.cat-tile .ct-ic .ico{fill:var(--white);width:25px;height:25px;}
.cat-tile:nth-child(2n) .ct-ic{background:var(--red);}
.cat-tile .ct-name{font-family:var(--ff-head);font-weight:700;color:var(--ink);font-size:1.02rem;line-height:1.22;}
.cat-tile .ct-count{font-size:.82rem;color:var(--muted);margin-top:4px;}
.cat-tile .ct-go{margin-top:12px;font-size:.76rem;font-weight:700;color:var(--blue);text-transform:uppercase;
  letter-spacing:.06em;display:inline-flex;align-items:center;gap:6px;}
.cat-tile .ct-go .ico{width:13px;height:13px;fill:var(--blue);}

.cat-block .cb-head{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:2px solid var(--ink);
  margin-bottom:var(--sp-lg);flex-wrap:wrap;}
.cat-block .cb-ic{width:46px;height:46px;border-radius:var(--r);background:var(--blue);display:flex;
  align-items:center;justify-content:center;flex:none;}
.cat-block:nth-child(2n) .cb-ic,.price-cat:nth-child(2n) .cb-ic{background:var(--red);}
.cat-block .cb-ic .ico{fill:var(--white);width:23px;height:23px;}
.cat-block .cb-head h2{margin:0;border:0;padding:0;font-size:1.5rem;}
.cat-block .cb-count{margin-left:auto;font-size:.82rem;color:var(--ink2);font-family:var(--ff-head);font-weight:600;
  background:var(--paper);border:1px solid var(--line2);padding:5px 13px;border-radius:100px;}
.svc-cta{background:var(--ink);color:#e7eaf0;border-radius:var(--r-xl);padding:44px;text-align:center;}
.svc-cta .eyebrow{background:var(--blue);}
.svc-cta h2{color:var(--white);margin-bottom:10px;}
.svc-cta p{color:#c1c7d3;max-width:54ch;margin:0 auto 24px;}
.svc-cta .btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.svc-cta .btn-ghost{color:var(--white);border-color:#4a4c4c;}
.svc-cta .btn-ghost:hover{background:var(--white);color:var(--ink);border-color:var(--white);}

/* ---- arak oldal: mobilbarat arlista (SEMMI vizszintes gorgetes) ---- */
.price-cat{margin-bottom:var(--sp-xl);scroll-margin-top:calc(var(--hd) + 16px);}
.price-cat .cb-head{position:sticky;top:calc(var(--hd) - 1px);z-index:6;background:var(--surface);padding-top:14px;}
.price-list{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--paper);}
.price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;
  padding:14px 20px;border-bottom:1px solid var(--line);}
.price-row:last-child{border-bottom:0;}
.price-row:nth-child(even){background:var(--paper2);}
.price-row:hover{background:var(--paper3);}
.pr-name{font-family:var(--ff-head);font-weight:600;color:var(--ink2);text-decoration:none;line-height:1.3;}
.pr-name:hover{color:var(--blue);}
.pr-meta{display:flex;align-items:center;gap:26px;justify-content:flex-end;}
.pr-time{color:var(--muted);font-size:.88rem;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;}
.pr-time .ico{width:15px;height:15px;fill:var(--blue);flex:none;}
.pr-price{font-family:var(--ff-head);font-weight:700;color:var(--ink);white-space:nowrap;text-align:right;min-width:132px;}
@media (max-width:600px){
  .price-row{grid-template-columns:minmax(0,1fr);gap:9px;padding:15px 16px;}
  .pr-meta{justify-content:space-between;gap:12px;}
  .pr-price{min-width:0;font-size:1.06rem;color:var(--blue);text-align:left;}
}

/* ---- category chips / listing ---- */
.cat-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--sp-lg);}
.cat-nav a{font-family:var(--ff-head);font-size:.85rem;font-weight:500;padding:8px 14px;border:1px solid var(--line2);
  border-radius:var(--r);color:var(--ink2);text-decoration:none;background:var(--paper);}
.cat-nav a:hover{background:var(--ink);color:var(--white);border-color:var(--ink);}
.cat-block{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:24px 26px 28px;margin-bottom:var(--sp-lg);scroll-margin-top:calc(var(--hd) + 16px);}
@media (max-width:560px){.cat-block{padding:18px 16px 20px;}}
.cat-block>h2{padding-bottom:10px;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;}
.cat-block>h2 .cc{font-size:.85rem;font-family:var(--ff-body);font-weight:500;color:var(--muted);}
.sub-block{margin-top:var(--sp-lg);}
.sub-block h3{display:flex;align-items:center;gap:11px;font-size:1.02rem;color:var(--ink);margin-bottom:14px;}
.sub-block h3 .sb-dot{width:11px;height:11px;border-radius:3px;background:var(--red);flex:none;}
.sub-block h3 .sb-n{font-size:.74rem;color:var(--muted);font-weight:600;font-family:var(--ff-body);
  background:var(--paper2);border:1px solid var(--line);padding:2px 10px;border-radius:100px;}
.svc-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:9px;list-style:none;padding:0;margin:0;}
.svc-links li{margin:0;}
.svc-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 15px;font-size:.9rem;
  color:var(--ink2);text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);
  height:100%;transition:border-color .12s,background .12s,color .12s,transform .12s;}
.svc-links a:hover{color:var(--blue);border-color:var(--blue);background:var(--paper2);transform:translateY(-1px);}
.svc-links .sl-t{line-height:1.3;}
.svc-links .sl-ar{width:14px;height:14px;flex:none;fill:var(--line2);transition:fill .12s,transform .12s;}
.svc-links a:hover .sl-ar{fill:var(--blue);transform:translateX(2px);}

/* ---- blog szuro (CSS-only, radio + :checked) ---- */
.bf-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.bf-chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:var(--sp-xl);}
.bf-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-head);font-size:.86rem;font-weight:600;
  padding:9px 16px;border:1px solid var(--line2);border-radius:100px;color:var(--ink2);background:var(--paper);
  cursor:pointer;user-select:none;transition:border-color .12s,color .12s,background .12s;}
.bf-chip:hover{border-color:var(--blue);color:var(--blue);}
.bf-chip .ico{width:15px;height:15px;fill:currentColor;}
.bf-chip .n{font-weight:600;color:var(--muted);font-family:var(--ff-body);font-size:.78rem;
  background:var(--paper3);padding:1px 9px;border-radius:100px;min-width:22px;text-align:center;}
.bf-empty{display:none;text-align:center;color:var(--muted);padding:var(--sp-xl) 0;}
.bf-head{margin-bottom:var(--sp-lg);max-width:none;}
.bf-head h2{display:flex;align-items:center;gap:11px;font-size:1.5rem;margin-bottom:6px;}
.bf-head h2 .ico{width:24px;height:24px;fill:var(--blue);flex:none;}

/* ---- blog ---- */
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-lg);}
@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.blog-grid{grid-template-columns:minmax(0,1fr);}}
.post-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  display:flex;flex-direction:column;transition:border-color .15s,transform .15s;}
.post-card:hover{border-color:var(--ink);transform:translateY(-3px);}
.post-card .pc-img{aspect-ratio:16/9;background:var(--paper3);}
.post-card .pc-img img{width:100%;height:100%;object-fit:cover;}
.post-card .pc-b{padding:20px;display:flex;flex-direction:column;flex:1;}
.post-card .pc-cat{font-family:var(--ff-head);font-size:.68rem;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--red);margin-bottom:8px;}
.post-card h3{font-size:1.08rem;margin-bottom:8px;line-height:1.25;}
.post-card h3 a{color:var(--ink);text-decoration:none;}
.post-card h3 a:hover{color:var(--blue);}
.post-card p{font-size:.9rem;color:var(--muted);margin-bottom:14px;}
.post-card .pc-meta{margin-top:auto;display:flex;gap:14px;font-size:.78rem;color:var(--muted);
  padding-top:12px;border-top:1px solid var(--line);}
.post-card .pc-meta span{display:inline-flex;align-items:center;gap:5px;}
.post-card .pc-meta .ico{width:13px;height:13px;fill:var(--muted);}
.post-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:.88rem;margin-bottom:var(--sp-lg);}
.post-meta span{display:inline-flex;align-items:center;gap:6px;}
.post-meta .ico{width:15px;height:15px;fill:var(--red);}
.tagrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--sp-lg);}
.tagrow a{font-size:.82rem;padding:5px 12px;background:var(--paper2);border:1px solid var(--line);
  border-radius:var(--r);color:var(--ink2);text-decoration:none;}
.tagrow a:hover{background:var(--ink);color:var(--white);}

/* related cards row */
.related-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-md);margin-top:var(--sp-md);}
@media (max-width:800px){.related-row{grid-template-columns:minmax(0,1fr);}}
.rel-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;
  text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;gap:14px;
  transition:border-color .15s,transform .15s,box-shadow .15s;}
.rel-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.06);}
.rel-card .rc-t{font-family:var(--ff-head);font-weight:700;color:var(--ink);font-size:1rem;line-height:1.28;}
.rel-card .rc-meta{display:flex;justify-content:space-between;align-items:center;}
.rel-card .rc-p{font-family:var(--ff-head);font-weight:700;color:var(--blue);font-size:.86rem;}
.rel-card .rc-ar{width:16px;height:16px;flex:none;fill:var(--blue);transition:transform .15s;}
.rel-card:hover .rc-ar{transform:translateX(3px);}
.rel-blog-h{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:1.12rem;}
.rel-blog-h .ico{width:20px;height:20px;flex:none;fill:var(--blue);}

/* ---- about / image compositions ---- */
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-xl);align-items:center;}
@media (max-width:900px){.about-grid{grid-template-columns:minmax(0,1fr);}}
.about-img{border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden;aspect-ratio:4/3;}
.about-img img{width:100%;height:100%;object-fit:cover;}

/* ---- contact / map / form ---- */
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-xl);align-items:start;}
@media (max-width:900px){.contact-grid{grid-template-columns:minmax(0,1fr);}}
.field{margin-bottom:14px;}
.field label{display:block;font-size:.85rem;font-weight:600;color:var(--ink2);margin-bottom:6px;font-family:var(--ff-head);}
.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--line2);
  border-radius:var(--r);font-family:var(--ff-body);font-size:.95rem;background:var(--paper);color:var(--text);}
.field input:focus,.field select,.field textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 2px var(--ink);}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;color:var(--muted);margin:12px 0;}
.consent input{margin-top:2px;width:24px;height:24px;flex:none;accent-color:var(--red);}
.mapbox{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;}
.mapbox iframe{width:100%;max-width:100%;height:340px;border:0;display:block;}
.info-list{list-style:none;padding:0;margin:0 0 var(--sp-lg);}
.info-list li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line);}
.info-list li .il-ic{width:40px;height:40px;flex:none;border-radius:var(--r);background:var(--paper3);
  border:1px solid var(--line);display:flex;align-items:center;justify-content:center;}
.info-list li .il-ic .ico{fill:var(--red);}
.info-list li b{display:block;font-family:var(--ff-head);color:var(--ink);}
.info-list li a{color:var(--ink2);text-decoration:none;}
.info-list li a:hover{color:var(--blue);text-decoration:underline;}

/* ---- footer ---- */
.site-foot{background:var(--ink);color:#b4b3b2;}
.foot-cta{background:var(--ink2);color:var(--white);border-top:3px solid var(--blue);}
.foot-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:34px;flex-wrap:wrap;}
.foot-cta .fc-l{display:flex;gap:18px;align-items:center;min-width:0;}
.foot-cta .fc-ic{width:54px;height:54px;flex:none;border-radius:var(--r-lg);background:var(--blue);
  display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,71,207,.35);}
.foot-cta .fc-ic .ico{fill:var(--white);width:26px;height:26px;}
.foot-cta h2{color:var(--white);margin:0;font-size:1.5rem;}
.foot-cta p{margin:5px 0 0;color:#c3ccdd;font-size:.96rem;}
.foot-cta .fc-act{display:flex;gap:12px;flex-wrap:wrap;}
.foot-cta .fc-tel{background:transparent;color:var(--white);border-color:rgba(255,255,255,.32);}
.foot-cta .fc-tel:hover{background:var(--white);color:var(--ink);border-color:var(--white);}
@media (max-width:640px){.foot-cta .fc-act .btn{flex:1;}}
.foot-main{padding-block:var(--sp-xl);}
.foot-main .wrap{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:var(--sp-xl);}
@media (max-width:900px){.foot-main .wrap{grid-template-columns:1fr 1fr;gap:var(--sp-lg);}}
@media (max-width:560px){.foot-main .wrap{grid-template-columns:minmax(0,1fr);}}
.foot-main h3{color:var(--white);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;
  margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.foot-main h3 .ico{width:15px;height:15px;fill:var(--blue);flex:none;}
.foot-main a{color:#b4b3b2;text-decoration:none;font-size:.92rem;transition:color .12s;}
.foot-main a:hover{color:var(--white);text-decoration:underline;}
.foot-main li a{display:inline-flex;align-items:center;gap:7px;}
.foot-main li a::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--blue);flex:none;opacity:.7;}
.foot-main ul{list-style:none;padding:0;margin:0;}
.foot-main li{margin:9px 0;}
.foot-brand .brand .bt{color:var(--white);}
.foot-brand .brand .bs{color:#ef3b30;}
.foot-about{font-size:.9rem;color:#9d9c9b;margin:16px 0;max-width:38ch;}
.foot-chips{display:flex;flex-direction:column;gap:10px;}
.foot-chip{display:inline-flex;gap:10px;align-items:center;color:#cfcecd;font-size:.9rem;}
.foot-chip .ico{fill:var(--red);width:16px;height:16px;flex:none;}
.foot-chip a{color:#cfcecd;}
.foot-social{display:flex;gap:8px;margin-top:16px;}
.foot-social a{width:36px;height:36px;border:1px solid #3a3b3b;border-radius:var(--r);display:inline-flex;
  align-items:center;justify-content:center;}
.foot-social a:hover{background:var(--red);border-color:var(--red);}
.foot-social .ico{fill:#cfcecd;width:16px;height:16px;}
.foot-social a:hover .ico{fill:var(--white);}
.foot-cookie{background:var(--red);color:#ffe4e1;}
.foot-cookie .wrap{display:flex;align-items:center;justify-content:center;gap:11px;padding-block:12px;
  font-size:.86rem;text-align:center;flex-wrap:wrap;}
.foot-cookie .ico{width:18px;height:18px;fill:var(--white);flex:none;}
.foot-cookie strong{color:var(--white);}
.foot-bot{border-top:1px solid #2b2c2c;padding-block:18px;font-size:.82rem;}
.foot-bot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;}
.foot-bot a{color:#9d9c9b;text-decoration:none;}
.foot-bot a:hover{color:var(--white);text-decoration:underline;}
.foot-bot .fb-legal{display:flex;gap:18px;flex-wrap:wrap;}
.totop{display:inline-flex;align-items:center;gap:7px;color:#cfcecd;text-decoration:none;font-size:.85rem;}
.totop .ico{fill:var(--red);width:15px;height:15px;}

/* ---- 404 ---- */
.err-wrap{text-align:center;padding-block:var(--sp-2xl);max-width:640px;margin-inline:auto;}
.err-code{font-family:var(--ff-head);font-size:6rem;font-weight:700;color:var(--ink);line-height:1;letter-spacing:-.04em;}
.err-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:24px;}

/* ---- misc ---- */
.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--ff-head);font-size:.72rem;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-sm);}
.badge-red{background:var(--red);color:var(--white);}
.badge-ink{background:var(--paper3);color:var(--ink);}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:var(--sp-md) 0;}
.pill{font-size:.82rem;padding:6px 12px;background:var(--paper2);border:1px solid var(--line);border-radius:var(--r);color:var(--ink2);}
.divider-lbl{display:flex;align-items:center;gap:14px;margin:var(--sp-lg) 0;color:var(--muted);
  font-family:var(--ff-head);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;}
.divider-lbl::before,.divider-lbl::after{content:"";height:1px;background:var(--line);flex:1;}
.note{font-size:.82rem;color:var(--muted);}

/* ---- utility osztalyok (inline style="" kivaltasa a szigoru CSP-hez - 21.4) ---- */
.pt-24{padding-top:24px;}
.mt-10{margin-top:10px;} .mt-14{margin-top:14px;} .mt-16{margin-top:16px;}
.mt-20{margin-top:20px;} .mt-24{margin-top:24px;} .mt-28{margin-top:28px;}
.mt-32{margin-top:32px;} .mt-2em{margin-top:2em;}
.mb-4{margin-bottom:4px;} .mb-10{margin-bottom:10px;} .mb-14{margin-bottom:14px;} .mb-16{margin-bottom:16px;} .mb-0{margin-bottom:0;}
.ml-auto{margin-left:auto;} .m0{margin:0;}
.bg-alt{background:var(--paper2);} .bg-ink{background:var(--ink);}
.on-ink{color:var(--white);} .on-ink-soft{color:#c1c0bf;}
.tx-red{color:var(--red);font-weight:600;margin:0 0 12px;}
.btn.btn-ghost-ink{color:var(--ink);border-color:var(--line2);background:transparent;}
.btn.btn-ghost-ink:hover{color:var(--white);background:var(--ink);border-color:var(--ink);}
.gap-14{gap:14px;} .gap-16{gap:16px;}
.maxw-640{max-width:640px;} .maxw-760{max-width:760px;}
.fill-white{fill:var(--white);}
.mw-flex{min-width:220px;flex:1;}
.av-lg{width:96px;height:96px;font-size:2.2rem;}
.flex-mid{display:flex;gap:24px;align-items:center;flex-wrap:wrap;}
.cat-card{text-decoration:none;display:flex;gap:16px;align-items:flex-start;}
.cat-card .cat-ic{width:46px;height:46px;background:var(--blue);}
.cat-card:nth-child(2n) .cat-ic{background:var(--red);}
.cat-card .cc-t{font-family:var(--ff-head);font-weight:600;color:var(--ink);display:block;}
.hc-h{font-family:var(--ff-head);font-weight:700;font-size:1.15rem;color:var(--ink);margin:0 0 14px;}

/* ---- sotet szekcio (bg-ink) kontraszt-korrekcio (15.5) ---- */
.bg-ink .step h3{color:var(--white);}
.bg-ink .step p{color:#cfcecd;}
.bg-ink .s-num{background:var(--red);}
.bg-ink .steps::before{background:#3a3b3b;}
.bg-ink .sec-head h2{color:var(--white);}