/*
Theme Name: Jozanul Boldogul v2.15
Theme URI: https://example.com/
Author: Custom
Description: One-page WordPress landing theme based on the provided Józanul Boldogul desktop/mobile preview. Editable images and texts via Appearance > Customize.
Version: 2.16
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: jozanul-boldogul
*/
:root{--blue:#001dff;--cream:#f4f0e6;--warm:#efe5d8;--grey:#bdbdbd;--text:#001dff;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f6f4ef 0%,#f2eee7 42%,#efe6d9 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.36;font-weight:800;letter-spacing:.035em}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;padding:13px 34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--blue);background:rgba(255,255,255,.94);box-shadow:0 1px 0 rgba(0,29,255,.16);backdrop-filter:blur(12px);mix-blend-mode:normal}.nav-left,.nav-right{display:flex;gap:54px;align-items:center;font-size:10px;letter-spacing:.55em;text-transform:uppercase;white-space:nowrap}.nav-right{justify-content:flex-end}.download-pill{border:2px solid var(--blue);border-radius:999px;padding:7px 30px}.brand{font-size:18px;line-height:.8;text-align:center;letter-spacing:.08em;font-weight:900;text-transform:uppercase;position:relative;padding:8px 18px 7px;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(0,29,255,.18),0 8px 28px rgba(255,255,255,.45);text-shadow:0 1px 0 rgba(255,255,255,.72),0 0 12px rgba(255,255,255,.9)}.mobile-toggle{display:none;background:none;border:0;color:var(--blue);font-size:34px;line-height:1}.hero{min-height:720px;height:82vh;background-size:cover;background-position:center 39%;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:150px 24px 54px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 44%,rgba(255,255,255,.18) 100%)}.hero-inner{position:relative;z-index:1;width:100%;max-width:920px}.dot{width:22px;height:11px;border-radius:999px;background:var(--blue);margin:0 auto}.hero-dot{margin-bottom:235px}.hero-title-panel{display:inline-block;width:min(860px,86vw);padding:28px 44px 30px;border-radius:34px;background:rgba(255,255,255,.30);box-shadow:0 18px 60px rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.eyebrow{font-size:13px;letter-spacing:.82em;text-transform:uppercase;margin-bottom:18px;text-shadow:0 1px 14px rgba(255,255,255,.95),0 0 24px rgba(255,255,255,.75)}.rule{width:520px;max-width:78vw;height:2px;background:var(--blue);margin:0 auto 20px;box-shadow:0 0 18px rgba(255,255,255,.85)}.hero h1{font-size:48px;line-height:1.04;margin:0;letter-spacing:.025em;text-shadow:0 2px 18px rgba(255,255,255,.85),0 0 28px rgba(255,255,255,.75)}.section{padding:44px 34px 30px}.container{max-width:var(--max);margin:0 auto}.section-title{display:block;margin-bottom:28px}.section-title h2{font-size:18px;letter-spacing:.72em;margin:0;text-transform:uppercase}.line{width:38px;height:2px;background:var(--blue);margin-top:12px}.wide-image{width:100%;height:210px;object-fit:cover;display:block;border-radius:8px}.section-dot{margin-top:26px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:86px;margin-top:42px}.mission-section{padding-top:30px}.mission-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:42px 64px;align-items:start}.mission-copy-stack{display:flex;flex-direction:column;gap:34px}.mission-visual-stack{display:flex;flex-direction:column;gap:34px}.mission-block{display:grid;grid-template-columns:42px 1fr;gap:18px;margin:0;padding:0 0 6px;background:transparent;border:0}.mini-dot{width:22px;height:11px;border-radius:999px;background:var(--blue);margin-top:4px}.subhead{font-size:12px;letter-spacing:.8em;text-transform:uppercase;margin:0 0 18px}.mission-block p{margin:0}.img-half{width:100%;height:220px;object-fit:cover;display:block;border-radius:8px}.mission-single{grid-template-columns:1.08fr .92fr;align-items:center}.mission-textbox{font-size:16px;line-height:1.72;letter-spacing:.025em;background:rgba(255,255,255,.18);border-radius:24px;padding:6px 0 0;max-width:760px}.mission-textbox p{margin:0 0 18px}.mission-textbox p:last-child{margin-bottom:0}.mission-single .mission-copy-stack{gap:0}.mission-single .mission-visual-stack{gap:28px;height:auto;justify-content:center}.mission-single .img-half{height:calc((100% - 28px)/2);min-height:180px;flex:1;object-fit:cover}.mission-single .mini-dot,.mission-single .subhead{display:none}.pdf-section{padding:40px 34px 44px}.pdf-intro{margin:-12px 0 12px;color:#111;letter-spacing:0;font-weight:700}.pdf-reader{width:100%;background:rgba(255,255,255,.34);border:1px solid rgba(0,29,255,.24);border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(0,29,255,.08)}.pdf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;background:rgba(255,255,255,.72);border-bottom:1px solid rgba(0,29,255,.18);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.pdf-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pdf-open,.pdf-fullscreen{border:1px solid var(--blue);border-radius:999px;background:#fff;color:var(--blue);padding:8px 14px;font:inherit;font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.pdf-fullscreen:hover,.pdf-open:hover{background:var(--blue);color:#fff}.pdf-frame-wrap{width:100%;background:#fff;overflow:hidden}.pdf-frame{display:block;width:100%;height:820px;border:0}.pdf-reader:fullscreen{background:#fff;border-radius:0}.pdf-reader:fullscreen .pdf-frame{height:calc(100vh - 54px)}.pdf-empty{padding:34px;text-align:center;border:1px dashed rgba(0,29,255,.45);border-radius:18px}.download-section{padding:20px 34px 34px;text-align:center}.download-kicker{display:grid;grid-template-columns:1fr auto 1fr;gap:58px;align-items:center;margin-bottom:28px;font-size:11px;letter-spacing:.62em;text-transform:uppercase}.download-kicker:before,.download-kicker:after{content:"";height:1px;background:var(--blue)}.big-button{display:inline-flex;justify-content:center;align-items:center;min-width:520px;max-width:90vw;height:60px;border-radius:999px;background:var(--blue);color:#fff;font-size:22px;letter-spacing:.75em;text-transform:uppercase}.footer{margin-top:26px;background:var(--grey);color:#fff;border-radius:70px 70px 0 0;padding:38px 46px 44px}.footer h2{text-align:center;margin:0 0 42px;font-size:22px;letter-spacing:.85em;text-transform:uppercase}.footer-grid{display:grid;grid-template-columns:1fr 1.2fr 1.4fr;gap:55px;max-width:1040px;margin:0 auto}.newsletter{border:1px solid #fff;border-radius:999px;padding:7px 26px;font-size:10px;letter-spacing:.4em;display:inline-block}.footer strong{display:block;font-size:11px;letter-spacing:.28em;margin:0 0 8px;text-transform:uppercase}.footer p{margin:0 0 18px;font-size:11px;letter-spacing:.08em}.terms{font-size:10px;letter-spacing:.28em;text-transform:uppercase;margin-top:18px}.admin-bar .site-header{top:32px}@media(max-width:980px){.nav-left,.nav-right{gap:24px;letter-spacing:.38em}.hero h1{font-size:42px}.hero-dot{margin-bottom:210px}}@media(max-width:760px){body{font-size:12px}.site-header{padding:10px 20px;display:flex;justify-content:space-between;background:rgba(255,255,255,.97)}.nav-left,.nav-right{display:none}.mobile-toggle{display:block}.site-header.open{display:grid;grid-template-columns:1fr auto}.site-header.open .nav-left,.site-header.open .nav-right{grid-column:1/3;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;background:rgba(255,255,255,.98);padding:24px}.brand{font-size:14px;padding:7px 14px}.hero{min-height:620px;height:78vh;padding:100px 18px 42px;background-position:center top}.hero-dot{margin-bottom:245px}.hero-title-panel{width:92vw;padding:22px 18px 24px;border-radius:26px}.eyebrow{font-size:10px;letter-spacing:.55em}.rule{height:1px}.hero h1{font-size:34px}.section{padding:34px 22px 24px}.section-title h2{font-size:15px;letter-spacing:.62em}.wide-image{height:112px}.two-cols{display:block;margin-top:30px}.two-cols p{margin-bottom:18px}.mission-grid{display:block}.mission-copy-stack,.mission-visual-stack{display:block}.mission-block{grid-template-columns:1fr;gap:8px;text-align:left;margin:18px 0}.mini-dot{margin:0 0 10px}.subhead{text-align:left}.mission-grid .img-half{margin:18px 0;height:132px}.mission-textbox{font-size:14px;line-height:1.65;padding:0}.mission-single .img-half{height:150px}.pdf-section{padding:28px 22px 34px}.pdf-frame{height:620px}.pdf-toolbar{align-items:flex-start;flex-direction:column}.pdf-actions{width:100%}.pdf-open,.pdf-fullscreen{width:100%;text-align:center}.download-kicker{display:block;font-size:12px;line-height:1.9}.big-button{min-width:0;width:100%;height:46px;font-size:14px}.footer{border-radius:48px 48px 0 0;padding:34px 28px;text-align:center}.footer h2{font-size:18px;margin-bottom:28px}.footer-grid{display:block}.newsletter{margin-bottom:24px}.admin-bar .site-header{top:46px}}

/* v1.10 lapozható, egyoldalas PDF olvasó */
.pdf-reader{position:relative;overflow:hidden}.pdf-actions{gap:8px}.pdf-prev,.pdf-next,.pdf-fullscreen,.pdf-close{border:1px solid var(--blue);border-radius:999px;background:#fff;color:var(--blue);padding:8px 14px;font:inherit;font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.pdf-prev:hover,.pdf-next:hover,.pdf-fullscreen:hover,.pdf-close:hover{background:var(--blue);color:#fff}.pdf-prev:disabled,.pdf-next:disabled{opacity:.35;cursor:not-allowed}.pdf-page-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:72px;font-size:11px;letter-spacing:.12em;color:var(--blue)}.pdf-close{display:none;font-size:22px;line-height:1;padding:2px 13px}.pdf-canvas-stage{position:relative;width:100%;height:min(68vw,760px);min-height:420px;background:#f8f8f8;display:flex;align-items:center;justify-content:center;overflow:hidden}.pdf-canvas{display:block;max-width:100%;max-height:100%;box-shadow:0 12px 38px rgba(0,0,0,.16);background:white}.pdf-loader{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);background:rgba(255,255,255,.86);border-radius:999px;padding:12px 18px}.pdf-frame-wrap,.pdf-frame{display:none!important}.jb-pdf-open{overflow:hidden!important}.pdf-reader.is-pdf-fullscreen{position:fixed!important;z-index:999999;inset:0;width:100vw;height:100vh;border-radius:0!important;background:#f6f4ef!important;border:0!important;display:flex;flex-direction:column}.pdf-reader.is-pdf-fullscreen .pdf-toolbar{flex:0 0 auto;border-radius:0;background:rgba(255,255,255,.96);padding:10px 16px}.pdf-reader.is-pdf-fullscreen .pdf-canvas-stage{flex:1 1 auto;height:auto;min-height:0;background:#111}.pdf-reader.is-pdf-fullscreen .pdf-close{display:inline-flex}.pdf-reader.is-pdf-fullscreen .pdf-open{display:none}.pdf-reader.is-pdf-fullscreen .pdf-canvas{box-shadow:0 16px 52px rgba(0,0,0,.34)}

@media(max-width:760px){.pdf-canvas-stage{height:min(138vw,760px);min-height:430px}.pdf-toolbar{gap:10px}.pdf-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;width:100%;align-items:center}.pdf-page-indicator{min-width:58px}.pdf-fullscreen{grid-column:1/4;width:100%;}.pdf-close{width:auto}.pdf-reader.is-mobile-single .pdf-canvas-stage{height:min(142vw,780px);min-height:440px}.pdf-reader.is-pdf-fullscreen .pdf-toolbar{position:absolute;z-index:4;left:0;right:0;top:0;background:rgba(255,255,255,.94);padding:8px 10px}.pdf-reader.is-pdf-fullscreen .pdf-toolbar>span{display:none}.pdf-reader.is-pdf-fullscreen .pdf-actions{grid-template-columns:1fr auto 1fr auto}.pdf-reader.is-pdf-fullscreen .pdf-fullscreen{display:none}.pdf-reader.is-pdf-fullscreen .pdf-close{display:inline-flex;align-items:center;justify-content:center}.pdf-reader.is-pdf-fullscreen .pdf-canvas-stage{position:absolute;inset:0;padding:58px 10px 14px;background:#111;overflow:hidden}.pdf-reader.is-pdf-fullscreen .pdf-canvas{max-width:calc(100vw - 20px);max-height:calc(100vh - 84px);transform:none!important}}


/* v1.11 kért módosítások */
.hero .rule{display:none!important}
.footer-grid-simple{grid-template-columns:1fr 1fr!important;max-width:820px}.footer-grid-simple a{text-decoration:none}.footer .newsletter,.footer .terms{display:none!important}
.pdf-tap{display:none;position:absolute;z-index:3;top:0;bottom:0;width:28%;border:0;background:transparent;color:rgba(255,255,255,.72);font-size:64px;line-height:1;cursor:pointer}.pdf-tap-prev{left:0;text-align:left;padding-left:18px}.pdf-tap-next{right:0;text-align:right;padding-right:18px}.pdf-reader.is-pdf-fullscreen .pdf-tap{display:block}.pdf-reader.is-pdf-fullscreen .pdf-tap:hover{background:rgba(255,255,255,.05)}
@media(max-width:760px){.pdf-reader.is-pdf-fullscreen .pdf-tap{display:flex;align-items:center}.pdf-reader.is-pdf-fullscreen .pdf-tap-prev{justify-content:flex-start}.pdf-reader.is-pdf-fullscreen .pdf-tap-next{justify-content:flex-end}.footer-grid-simple{display:block!important}}

/* v1.12 PDF olvasó: desktop duplaoldal, mobil külön egyoldalas PDF */
.pdf-reader.is-desktop-spread .pdf-canvas-stage{gap:18px;padding:16px;}
.pdf-reader.is-mobile-single .pdf-canvas-second{display:none!important;}
.pdf-reader.is-desktop-spread .pdf-canvas{max-width:calc(50% - 9px);}
@media(max-width:760px){
  .pdf-reader.is-desktop-spread .pdf-canvas{max-width:100%;}
  .pdf-reader.is-mobile-single .pdf-canvas-stage{gap:0;}
}

/* v1.15: mobile PDF fullscreen stays portrait for one-page mobile PDFs; no rotation. */
@media(max-width:760px){.pdf-reader.is-pdf-fullscreen.is-mobile-single .pdf-canvas-stage{align-items:center;justify-content:center}.pdf-reader.is-pdf-fullscreen.is-mobile-single .pdf-canvas{width:auto;height:auto;max-width:calc(100vw - 20px);max-height:calc(100vh - 84px);transform:none!important}.pdf-reader.is-pdf-fullscreen .pdf-tap{top:58px;bottom:14px}}


/* v1.16: desktop PDF reader shows exactly one uploaded landscape spread/page at a time, not two spreads side by side. */
.pdf-reader.is-desktop-spread .pdf-canvas-stage{gap:0;padding:16px;}
.pdf-reader.is-desktop-spread .pdf-canvas{max-width:100%;max-height:100%;}
.pdf-reader.is-desktop-spread .pdf-canvas-second{display:none!important;}


/* v1.19: optional transparent hero overlay logo at the top of the hero, directly under the centered header brand */
.hero-top-overlay-logo-wrap{position:absolute;z-index:3;top:76px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;width:min(240px,42vw);min-height:58px;}
.hero-top-overlay-logo{display:block;width:auto;height:auto;max-width:100%;max-height:86px;object-fit:contain;}
.hero-title-panel{display:flex;flex-direction:column;align-items:center;}
@media(max-width:760px){.hero-top-overlay-logo-wrap{top:64px;width:min(190px,54vw);min-height:46px}.hero-top-overlay-logo{max-height:68px}}

/* v2.0 Figma-based redesign */
:root{--blue:#001dff;--cream:#efe8d8;--paper:#f6f4ee;--red:#ff150c;--black:#111;--max:1180px}
body{font-family:Montserrat,Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#f8f7f2 0%,#efe9da 52%,#e7ddca 100%);color:var(--blue);font-weight:800;letter-spacing:.03em;overflow-x:hidden}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:58px;padding:0 26px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);box-shadow:none;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}.header-logo{display:flex;align-items:center;justify-content:center;width:86px;height:42px}.header-logo img{max-width:100%;max-height:38px;width:auto;height:auto;object-fit:contain}.header-logo-fallback{font-size:32px;line-height:1;color:var(--blue);font-weight:900;letter-spacing:-.08em}.main-nav{display:flex;justify-content:flex-end;align-items:center;gap:48px;font-size:9px;letter-spacing:.62em;text-transform:uppercase;color:var(--blue)}.main-nav a{white-space:nowrap}.download-pill{border:2px solid var(--blue);border-radius:999px;padding:8px 30px}.mobile-toggle{display:none}.figma-hero{height:690px;min-height:690px;padding:0;margin:0;background-size:cover;background-position:center 48%;display:block;position:relative}.figma-hero:before{display:none}.hero-shade{position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.56) 72%,rgba(0,0,0,.68) 100%)}.hero-title-mark{position:absolute;right:70px;bottom:66px;z-index:2;text-align:right;font-size:clamp(58px,8vw,116px);line-height:.78;font-weight:900;letter-spacing:-.055em;text-transform:uppercase;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.12);max-width:730px}.hero-title-mark br{display:block}.section{padding:38px 26px}.container{max-width:var(--max);margin:0 auto}.section-title{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px;margin:0 0 28px}.section-title h2{margin:0;font-size:18px;line-height:1;text-transform:uppercase;letter-spacing:.74em;color:var(--blue)}.line{height:1px;width:100%;background:var(--blue);margin:0}.about-section{background:#fff;padding-top:36px;position:relative}.about-section:after{content:"";position:absolute;right:22%;top:98px;width:330px;height:520px;border:1px solid var(--blue);border-left-color:transparent;border-top-color:transparent;border-radius:0 0 0 220px;opacity:.55;pointer-events:none}.about-image-wrap{position:relative;z-index:1}.wide-image{width:100%;height:210px;object-fit:cover;border-radius:0;display:block}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin-top:32px;position:relative;z-index:2}.about-box h3,.mission-copy h3{display:inline-block;margin:0 0 18px;padding:4px 10px 5px;background:var(--blue);color:#fff;font-size:13px;line-height:1;text-transform:uppercase;letter-spacing:.65em}.about-box p,.mission-copy p{margin:0 0 12px;color:#020202;font-size:13px;line-height:1.35;letter-spacing:.01em;font-weight:800}.mission-section{background:linear-gradient(180deg,#f2ecd9 0%,#e7ddc9 100%);padding-top:42px;padding-bottom:70px;position:relative}.figma-mission{display:grid;grid-template-columns:1fr 1fr;gap:34px 70px;align-items:center}.mission-image img{width:100%;height:225px;object-fit:cover;display:block}.mission-image-top img{border-radius:50%;height:240px}.mission-image-bottom img{height:230px;border-radius:0 130px 130px 0}.mission-item{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:flex-start}.mission-item-bottom{grid-column:2}.red-dot{width:34px;height:18px;background:var(--red);border-radius:999px;margin-top:12px}.mission-copy{border-top:1px solid rgba(0,0,0,.35);padding-top:10px}.mission-copy h3{background:transparent;color:#000;padding:0;font-size:12px;letter-spacing:.58em}.pdf-section{background:linear-gradient(180deg,#e7ddc9 0%,#eee7d9 100%);padding-top:38px;padding-bottom:60px}.pdf-intro{color:#111;margin:-12px 0 16px;font-size:15px}.download-section{background:linear-gradient(180deg,#eee7d9 0%,#e8deca 100%);text-align:center;padding:24px 26px 74px;position:relative}.download-section:before{content:"";position:absolute;right:22%;top:-62px;width:260px;height:260px;border:1px solid var(--red);border-left:0;border-bottom:0;border-radius:0 200px 0 0;opacity:.55}.download-kicker{text-transform:uppercase;font-size:11px;letter-spacing:.58em;margin-bottom:20px;color:var(--blue)}.big-button{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:min(640px,80vw);height:58px;background:#fff!important;color:var(--blue)!important;border-radius:999px;text-transform:uppercase;letter-spacing:.55em;font-size:22px;font-weight:900;box-shadow:none}.footer{background:#fff!important;color:#111!important;border-radius:52px 52px 0 0;margin-top:-38px;padding:42px 28px 46px}.footer h2{color:#111!important;text-align:center;margin:0 0 38px;font-size:23px;letter-spacing:.64em;text-transform:uppercase}.footer-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:38px}.footer strong,.footer p,.footer a{color:#111!important;font-size:11px;letter-spacing:.05em;line-height:1.25}.footer strong{text-transform:uppercase}.footer p{margin:6px 0 22px}.pdf-reader{background:#111;border-radius:22px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.13)}.pdf-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 13px;background:#1c1c1c;color:#fff;font-size:12px;letter-spacing:.02em}.pdf-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.pdf-actions button{background:#fff;color:#111;border:0;border-radius:999px;padding:7px 12px;font-weight:800;cursor:pointer}.pdf-page-indicator{min-width:58px;text-align:center}.pdf-canvas-stage{height:620px;background:#2b2b2b;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pdf-canvas{max-width:100%;max-height:100%;background:#fff}.pdf-tap{display:none}.pdf-reader.is-pdf-fullscreen{position:fixed!important;z-index:9999;inset:0;border-radius:0}.pdf-reader.is-pdf-fullscreen .pdf-canvas-stage{height:calc(100vh - 54px)}body.jb-pdf-open{overflow:hidden}.pdf-close{display:none}.pdf-reader.is-pdf-fullscreen .pdf-close{display:inline-flex}.hero-top-overlay-logo-wrap,.hero-title-panel,.hero-inner{display:none!important}
@media(max-width:760px){body{background:linear-gradient(180deg,#fff 0%,#eee6d5 72%)}.site-header{height:64px;padding:0 28px;background:rgba(255,255,255,.78);display:flex;justify-content:space-between}.header-logo{width:120px;justify-content:flex-start}.header-logo img{max-height:28px}.mobile-toggle{display:flex;width:42px;height:42px;border:0;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--blue);z-index:70}.mobile-toggle span{display:block;width:30px;height:2px;background:var(--blue)}.main-nav{position:fixed;inset:0;background:#fff;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:150px;gap:50px;font-size:22px;letter-spacing:.42em;transform:translateX(100%);transition:transform .25s ease}.site-header.open .main-nav{transform:translateX(0)}.site-header.open .mobile-toggle span:first-child{transform:translateY(4px) rotate(0deg)}.download-pill{border:0;padding:0}.figma-hero{height:430px;min-height:430px;background-position:center top;margin-top:0}.hero-title-mark{right:24px;bottom:28px;font-size:54px;line-height:.78;max-width:360px}.section{padding:30px 28px}.section-title{grid-template-columns:1fr;gap:10px}.section-title h2{font-size:20px;letter-spacing:.52em}.line{width:70px}.wide-image{height:105px}.about-section:after{display:none}.about-grid{grid-template-columns:1fr;gap:28px;margin-top:22px}.about-box h3,.mission-copy h3{font-size:12px;letter-spacing:.42em}.about-box p,.mission-copy p{font-size:13px;line-height:1.42}.figma-mission{grid-template-columns:1fr;gap:22px}.mission-image-top{order:1}.mission-item-top{order:2}.mission-image-bottom{order:3}.mission-item-bottom{order:4;grid-column:auto}.mission-image-top img{height:118px;border-radius:50%}.mission-image-bottom img{height:145px;border-radius:0 90px 90px 0}.mission-item{grid-template-columns:38px 1fr}.red-dot{width:28px;height:14px}.pdf-canvas-stage{height:570px}.pdf-toolbar{align-items:flex-start}.pdf-actions button{font-size:11px;padding:6px 9px}.pdf-reader.is-pdf-fullscreen .pdf-toolbar{height:56px}.pdf-reader.is-pdf-fullscreen .pdf-canvas-stage{height:calc(100vh - 56px);background:#000}.pdf-reader.is-pdf-fullscreen .pdf-tap{display:flex;position:absolute;top:56px;bottom:0;width:28%;z-index:3;background:transparent;border:0;color:rgba(255,255,255,.9);font-size:60px;align-items:center;justify-content:center}.pdf-reader.is-pdf-fullscreen .pdf-tap-prev{left:0}.pdf-reader.is-pdf-fullscreen .pdf-tap-next{right:0}.download-section{padding-bottom:60px}.download-kicker{font-size:10px;letter-spacing:.42em;line-height:1.5}.big-button{width:100%;height:50px;font-size:16px;letter-spacing:.42em}.footer{border-radius:38px 38px 0 0;padding:36px 28px}.footer-grid{grid-template-columns:1fr;text-align:center;gap:8px}.footer h2{font-size:18px;letter-spacing:.48em}}

/* v2.1 corrections based on desktop/mobile Figma exports */
.site-header{grid-template-columns:auto 1fr;pointer-events:auto;}
.header-logo{justify-content:flex-start;}
.header-logo img{object-fit:contain;}
.main-nav a,.big-button,.download-pill{pointer-events:auto;position:relative;z-index:10;text-decoration:none;}

/* Hero: separate top-left logo in header and large transparent logo on the lower-left of the hero */
.figma-hero{overflow:hidden;}
.hero-corner-logo{position:absolute;left:34px;bottom:38px;z-index:4;display:block;width:auto;height:auto;max-width:min(430px,42vw);max-height:190px;object-fit:contain;filter:none;}
.hero-title-mark{z-index:3;}

/* Rólunk hero2 image: broader, closer to the Figma desktop proportion */
.about-image-wrap{width:100%;}
.wide-image{height:255px;object-fit:cover;}

/* Figma-like decorative background lines. They sit behind content and do not block clicks. */
.about-section:after{content:"";position:absolute;right:24%;top:94px;width:390px;height:560px;border:1px solid var(--blue);border-left-color:transparent;border-top-color:transparent;border-radius:0 0 0 250px;opacity:.55;pointer-events:none;z-index:0;}
.mission-section:before{content:"";position:absolute;right:9%;top:-8px;width:52vw;max-width:720px;height:360px;border-top:1px solid var(--blue);border-right:1px solid var(--blue);border-left:0;border-bottom:0;border-radius:0 280px 0 0;opacity:.42;pointer-events:none;z-index:0;}
.mission-section .container,.download-section .container,.about-section .container{position:relative;z-index:2;}
.download-section:before{pointer-events:none;z-index:1;right:21%;top:-70px;width:300px;height:300px;border-color:var(--red);opacity:.58;}

/* Küldetés: no separate Szempontok/Célok headers, no extra title line, two editable text areas remain */
.mission-title{display:block;margin-bottom:36px;}
.mission-title .line{display:none!important;}
.mission-grid-clean{grid-template-columns:1fr 1fr;gap:34px 72px;align-items:center;position:relative;z-index:2;}
.mission-grid-clean .mission-copy{border-top:0;padding-top:0;color:#111;background:transparent;}
.mission-grid-clean .mission-copy p{color:#111;font-size:13px;line-height:1.42;letter-spacing:.01em;font-weight:800;margin:0 0 13px;}
.mission-grid-clean .mission-copy-main{grid-column:1;grid-row:1;max-width:520px;}
.mission-grid-clean .mission-image-top{grid-column:2;grid-row:1;}
.mission-grid-clean .mission-image-bottom{grid-column:1;grid-row:2;}
.mission-grid-clean .mission-copy-secondary{grid-column:2;grid-row:2;max-width:520px;}
.mission-grid-clean .mission-image-top img{border-radius:50%;height:240px;}
.mission-grid-clean .mission-image-bottom img{height:230px;border-radius:0 130px 130px 0;}
.red-dot,.mission-copy h3{display:none!important;}

/* Footer: white rounded contact panel with visible KAPCSOLAT label */
.footer{background:#fff!important;border-radius:58px 58px 0 0;margin-top:-40px;padding-top:45px;position:relative;z-index:3;}
.footer h2{display:block!important;text-align:center;text-transform:uppercase;letter-spacing:.64em;margin:0 0 38px;color:#111!important;}

@media(max-width:760px){
  .hero-corner-logo{left:24px;bottom:24px;max-width:min(270px,62vw);max-height:118px;}
  .wide-image{height:145px;}
  .mission-section:before{right:-28%;top:40px;width:95vw;height:260px;border-radius:0 210px 0 0;}
  .mission-title{margin-bottom:24px;}
  .mission-grid-clean{grid-template-columns:1fr;gap:22px;}
  .mission-grid-clean .mission-copy-main,.mission-grid-clean .mission-image-top,.mission-grid-clean .mission-image-bottom,.mission-grid-clean .mission-copy-secondary{grid-column:auto;grid-row:auto;max-width:none;}
  .mission-grid-clean .mission-image-top{order:1;}
  .mission-grid-clean .mission-copy-main{order:2;}
  .mission-grid-clean .mission-image-bottom{order:3;}
  .mission-grid-clean .mission-copy-secondary{order:4;}
  .mission-grid-clean .mission-image-top img{height:118px;border-radius:50%;}
  .mission-grid-clean .mission-image-bottom img{height:145px;border-radius:0 90px 90px 0;}
  .footer{border-radius:40px 40px 0 0;}
}


/* v2.2 requested fixes */
.site-header{grid-template-columns:auto 1fr!important;}
.header-logo{width:132px!important;height:54px!important;align-items:center!important;}
.header-logo img{max-width:132px!important;max-height:52px!important;}
.header-logo-fallback{font-size:44px!important;}
.main-nav,.main-nav a{font-size:var(--jb-menu-font-size, inherit);}
.figma-hero .hero-corner-logo{left:auto!important;right:54px!important;bottom:48px!important;max-width:min(540px,40vw)!important;max-height:250px!important;}
.about-section .wide-image{height:383px!important;object-fit:cover!important;object-position:center center!important;}
.about-grid-single{display:block!important;max-width:820px!important;margin:34px auto 0!important;text-align:center!important;}
.about-grid-single .about-box{max-width:820px!important;margin:0 auto!important;}
.about-grid-single .about-box h3{display:inline-block!important;}
.about-grid-single .about-box p{text-align:center!important;}
.mission-grid-clean .mission-image-top img{height:330px!important;border-radius:220px 0 0 220px!important;object-fit:cover!important;object-position:center center!important;}
.mission-grid-clean .mission-copy{border-top:0!important;}
.download-pill,.big-button{cursor:pointer!important;pointer-events:auto!important;}
.download-section,.download-section .container{pointer-events:auto!important;}
.footer h2{display:block!important;color:#111!important;text-align:center!important;text-transform:uppercase!important;}
@media(max-width:760px){
  .header-logo{width:150px!important;height:54px!important;}
  .header-logo img{max-width:150px!important;max-height:44px!important;}
  .figma-hero .hero-corner-logo{right:24px!important;left:auto!important;bottom:24px!important;max-width:min(320px,66vw)!important;max-height:150px!important;}
  .about-section .wide-image{height:218px!important;}
  .about-grid-single{text-align:left!important;max-width:none!important;}
  .about-grid-single .about-box p{text-align:left!important;}
  .mission-grid-clean .mission-image-top img{height:190px!important;border-radius:125px 0 0 125px!important;}
}


/* v2.3 corrections: exact decorative lines and working menu font size */
:root{--jb-menu-font-size:10px;}
.site-header .main-nav,
.site-header .main-nav a,
.site-header .download-pill{
  font-size:var(--jb-menu-font-size) !important;
  line-height:1.1 !important;
}
.site-header .main-nav{align-items:center;}

/* Keep download buttons truly clickable and tied to desktop PDF href from PHP */
#letoltes .big-button,
.site-header .download-pill{
  pointer-events:auto !important;
  position:relative !important;
  z-index:80 !important;
}
.download-section:before,
.download-section:after,
.about-section:before,
.about-section:after,
.mission-section:before,
.mission-section:after{pointer-events:none !important;}

/* Figma-style blue line behind Rólunk: horizontal line plus one clean sweeping curve */
.about-section{position:relative;overflow:hidden;background:#fff;}
.about-section .section-title{position:relative;z-index:3;}
.about-section .section-title .line{height:1px !important;background:var(--blue) !important;}
.about-section:before{display:none !important;}
.about-section:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:1 !important;
  left:52% !important;
  top:78px !important;
  width:520px !important;
  height:585px !important;
  border:1px solid var(--blue) !important;
  border-left-color:transparent !important;
  border-bottom-color:transparent !important;
  border-radius:0 520px 0 0 !important;
  opacity:.72 !important;
  transform:none !important;
}
.about-section .container{position:relative;z-index:2;}
.about-image-wrap,.about-grid-single{position:relative;z-index:3;}

/* Mission section: no extra blue line, keep image crop as requested */
.mission-section:before,
.mission-section:after{display:none !important;}
.mission-grid-clean .mission-image-top img{
  height:330px !important;
  border-radius:220px 0 0 220px !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Download/contact red line: horizontal line and right-side arc as in Figma */
.download-section{position:relative;overflow:hidden;}
.download-section:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:1 !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:1px !important;
  background:var(--red) !important;
  border:0 !important;
  border-radius:0 !important;
  opacity:.92 !important;
}
.download-section:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:1 !important;
  top:-2px !important;
  right:30% !important;
  width:360px !important;
  height:430px !important;
  border:1px solid var(--red) !important;
  border-left-color:transparent !important;
  border-bottom-color:transparent !important;
  border-radius:0 430px 0 0 !important;
  opacity:.72 !important;
}
.download-section .container{position:relative;z-index:3;}
.footer{position:relative;z-index:4;}
.footer h2{display:block !important;}

@media(max-width:760px){
  .site-header .main-nav,
  .site-header .main-nav a,
  .site-header .download-pill{font-size:var(--jb-menu-font-size) !important;}
  .site-header.open .main-nav,
  .site-header.open .main-nav a{font-size:max(18px,var(--jb-menu-font-size)) !important;}
  .about-section:after{display:none !important;}
  .download-section:after{right:-48px;width:210px;height:330px;border-radius:0 300px 0 0;}
  .download-section:before{top:0;}
  .mission-grid-clean .mission-image-top img{height:190px !important;border-radius:125px 0 0 125px !important;}
}

/* v2.4: hero image continues behind the fixed top navigation */
.site-header{
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.figma-hero,
.hero{
  margin-top:0 !important;
  padding-top:0 !important;
}
body.home .site-header,
body.front-page .site-header{
  background:transparent !important;
}
@media(max-width:760px){
  .site-header{background:transparent !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
  .site-header.open{background:#fff !important;}
  .site-header.open .main-nav{background:#fff !important;}
}

/* v2.5: requested fixes - download links, about alignment, 100px transition, precise background line */
:root{--jb-decor-blue:#001dff;}

/* The uploaded hero sits behind header; keep header elements clickable */
.site-header{z-index:1000!important;}
.site-header .main-nav,.site-header .main-nav a,.site-header .download-pill{
  font-size:var(--jb-menu-font-size,10px)!important;
}

/* Download buttons: always clickable above decorative lines */
.site-header .download-pill,
#letoltes .big-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:2000!important;
  cursor:pointer!important;
}

/* Rólunk: Koncepciónk only, left aligned, not centered */
.about-grid-single{
  display:block!important;
  max-width:720px!important;
  margin:34px 0 0!important;
  text-align:left!important;
}
.about-grid-single .about-box,
.about-grid-single .about-box-single{
  max-width:720px!important;
  margin:0!important;
  text-align:left!important;
}
.about-grid-single .about-box h3,
.about-grid-single .about-box-single h3{
  display:inline-block!important;
  text-align:left!important;
  margin-left:0!important;
}
.about-grid-single .about-box p,
.about-grid-single .about-box-single p{
  text-align:left!important;
}

/* Rólunk decorative line: 1.5px horizontal line and the large rounded rectangle arc behind content */
.about-section{
  position:relative!important;
  overflow:hidden!important;
  background:#fff!important;
}
.about-section .section-title{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:26px!important;
  margin-bottom:28px!important;
  position:relative!important;
  z-index:5!important;
}
.about-section .section-title .line{
  width:100%!important;
  height:1.5px!important;
  margin:0!important;
  background:var(--jb-decor-blue)!important;
}
.about-section:before{display:none!important;}
.about-section:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  top:77px!important;
  width:760px!important;
  height:1183px!important;
  border:1.5px solid var(--jb-decor-blue)!important;
  border-left:0!important;
  border-radius:0 296px 296px 0!important;
  opacity:.82!important;
  pointer-events:none!important;
  transform:none!important;
}
.about-section .container,
.about-image-wrap,
.about-grid-single{position:relative!important;z-index:3!important;}

/* Küldetés: warm background enters softly from the white Rólunk section */
.mission-section{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff 0,#fff 0,#f2eee3 100px,#e9e1d2 100%)!important;
  padding-top:42px!important;
}
.mission-title{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:26px!important;
  margin-bottom:36px!important;
  position:relative!important;
  z-index:4!important;
}
.mission-title:after{
  content:""!important;
  display:block!important;
  height:1.5px!important;
  background:var(--jb-decor-blue)!important;
  width:100%!important;
}
.mission-title h2{margin:0!important;}

/* First Küldetés image: match the big right-side rounded crop style from the reference */
.mission-grid-clean .mission-image-top img{
  height:330px!important;
  width:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:220px 0 0 220px!important;
}

@media(max-width:760px){
  .about-section .section-title,.mission-title{grid-template-columns:1fr!important;gap:12px!important;}
  .about-section .section-title .line,.mission-title:after{width:70px!important;}
  .about-section:after{display:none!important;}
  .about-grid-single{max-width:none!important;margin-top:22px!important;}
  .mission-section{background:linear-gradient(180deg,#fff 0,#fff 0,#f2eee3 100px,#e9e1d2 100%)!important;}
  .mission-grid-clean .mission-image-top img{height:190px!important;border-radius:125px 0 0 125px!important;}
}

/* v2.6 final fixes: exact Figma-like lines, working download, scroll header, adjustable concept label */
:root{--jb-decor-blue:#001dff;--jb-decor-red:#ff1d16;}

/* Header menu font size must follow Customizer variable */
.site-header .main-nav,
.site-header .main-nav a,
.site-header .download-pill{
  font-size:var(--jb-menu-font-size,10px) !important;
  line-height:1.1 !important;
}
.site-header.jb-scrolled{
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 1px 0 rgba(0,29,255,.16) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}

/* Download buttons: real links, white bottom button, above all decorative layers */
.site-header .download-pill,
#letoltes .big-button{
  pointer-events:auto !important;
  position:relative !important;
  z-index:5000 !important;
  cursor:pointer !important;
}
#letoltes .big-button{
  background:#fff !important;
  color:var(--blue) !important;
  box-shadow:none !important;
}

/* Rólunk title line and connected rounded-rectangle decorative path */
.about-section{
  position:relative !important;
  overflow:hidden !important;
  background:#fff !important;
  padding-bottom:44px !important;
}
.about-section .section-title{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:center !important;
  gap:26px !important;
  position:relative !important;
  z-index:6 !important;
}
.about-section .section-title .line{
  width:100% !important;
  height:1.5px !important;
  margin:0 !important;
  background:var(--jb-decor-blue) !important;
}
/* The large outlined rounded rectangle starts around the middle of the Rólunk line and runs down into the Küldetés line */
.about-section:before,
.about-section:after{pointer-events:none !important;}
.about-section:before{display:none !important;}
.about-section:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:1 !important;
  left:50% !important;
  top:76px !important;
  width:1183px !important;
  height:1183px !important;
  border:1.5px solid var(--jb-decor-blue) !important;
  border-left-color:transparent !important;
  border-top-color:var(--jb-decor-blue) !important;
  border-bottom-color:var(--jb-decor-blue) !important;
  border-radius:296px !important;
  opacity:.78 !important;
  transform:translateX(-210px) !important;
}
.about-section .container,
.about-image-wrap,
.about-grid-single{position:relative !important;z-index:3 !important;}
.about-grid-single .about-box h3,
.about-grid-single .about-box-single h3{
  font-size:var(--jb-concept-title-font-size,12px) !important;
}

/* Küldetés background fade from white over 100px */
.mission-section{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#fff 0,#f2eee3 100px,#e9e1d2 101px,#e9e1d2 100%) !important;
  padding-top:42px !important;
}
.mission-title{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:center !important;
  gap:26px !important;
  position:relative !important;
  z-index:4 !important;
}
.mission-title:after{
  content:"" !important;
  display:block !important;
  height:1.5px !important;
  background:var(--jb-decor-blue) !important;
  width:100% !important;
}

/* Red line around download/footer area */
.download-section{position:relative !important;overflow:hidden !important;}
.download-section:before{content:"" !important;display:block !important;position:absolute !important;z-index:1 !important;top:0 !important;left:0 !important;width:100% !important;height:1px !important;background:var(--jb-decor-red) !important;border:0 !important;opacity:.9 !important;}
.download-section:after{content:"" !important;display:block !important;position:absolute !important;z-index:1 !important;right:28% !important;top:-2px !important;width:430px !important;height:430px !important;border:1px solid var(--jb-decor-red) !important;border-left-color:transparent !important;border-bottom-color:transparent !important;border-radius:0 430px 0 0 !important;opacity:.7 !important;pointer-events:none !important;}
.download-section .container{position:relative !important;z-index:3 !important;}
.footer{position:relative !important;z-index:4 !important;}

@media(max-width:760px){
  .site-header .main-nav,.site-header .main-nav a,.site-header .download-pill{font-size:var(--jb-menu-font-size,22px) !important;}
  .site-header.open,.site-header.jb-scrolled{background:#fff !important;}
  .about-section:after{display:none !important;}
  .about-section .section-title,.mission-title{grid-template-columns:1fr !important;gap:12px !important;}
  .about-section .section-title .line,.mission-title:after{width:70px !important;}
  .mission-section{background:linear-gradient(180deg,#fff 0,#f2eee3 100px,#e9e1d2 101px,#e9e1d2 100%) !important;}
}

/* v2.7: one-piece SVG decoration between Rólunk and Küldetés, replacing separate pseudo-lines */
main{position:relative;overflow:hidden;}
.jb-about-mission-decor{
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  top:calc(82vh + 46px);
  width:100%;
  height:1183px;
  pointer-events:none;
  overflow:visible;
}
.jb-about-mission-decor path{
  fill:none;
  stroke:var(--jb-decor-blue,#3A42FF);
  stroke-width:1.5;
  vector-effect:non-scaling-stroke;
}
/* Hide the old separately drawn blue line pieces. The SVG now draws the continuous shape. */
.about-section .section-title .line{display:none!important;}
.mission-title:after{display:none!important;}
.about-section:after,
.about-section:before,
.mission-section:before,
.mission-section:after{display:none!important;}
.about-section,.mission-section{position:relative!important;}
.about-section .container,.mission-section .container{position:relative!important;z-index:3!important;}
.about-section{overflow:visible!important;}
.mission-section{z-index:2!important;}
/* Ensure the title text still aligns as if the line started next to it. */
.about-section .section-title,
.mission-title{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:26px!important;
}
.about-section .section-title:after,
.mission-title:before{
  content:"";
  display:block;
  height:1.5px;
  opacity:0;
}
@media(max-width:760px){
  .jb-about-mission-decor{display:none!important;}
  .about-section .section-title:after,.mission-title:before{display:none!important;}
}


/* v2.8: corrected one-piece Rólunk-Küldetés SVG decoration */
.about-mission-wrap{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#fff 0%,#fff 54%,#f2eee3 54%,#e9e1d2 100%) !important;
}
.about-mission-wrap .jb-about-mission-decor{
  position:absolute !important;
  z-index:1 !important;
  left:0 !important;
  right:0 !important;
  top:42px !important;
  width:100% !important;
  height:1183px !important;
  display:block !important;
  pointer-events:none !important;
  overflow:visible !important;
}
.about-mission-wrap .jb-about-mission-decor path{
  fill:none !important;
  stroke:#3A42FF !important;
  stroke-width:1.5 !important;
  vector-effect:non-scaling-stroke !important;
  stroke-linecap:butt !important;
  stroke-linejoin:round !important;
}
.about-section,
.mission-section{
  background:transparent !important;
  position:relative !important;
  z-index:2 !important;
  overflow:visible !important;
}
.about-section .container,
.mission-section .container,
.about-image-wrap,
.about-grid-single,
.mission-grid-clean{
  position:relative !important;
  z-index:3 !important;
}
/* The visible blue horizontal lines are part of the SVG, so hide separate CSS fragments. */
.about-section .section-title .line,
.mission-title:after,
.about-section:before,
.about-section:after,
.mission-section:before,
.mission-section:after{
  display:none !important;
  content:none !important;
}
.about-section .section-title,
.mission-title{
  display:block !important;
  position:relative !important;
  z-index:4 !important;
}
.about-section .section-title h2,
.mission-title h2{
  display:inline-block !important;
  margin:0 !important;
  background:transparent !important;
}
.mission-section{
  padding-top:42px !important;
}
@media(max-width:760px){
  .about-mission-wrap{background:linear-gradient(180deg,#fff 0%,#fff 48%,#f2eee3 56%,#e9e1d2 100%) !important;}
  .about-mission-wrap .jb-about-mission-decor{display:none !important;}
  .about-section .section-title .line{display:block !important;width:70px !important;height:1.5px !important;background:#3A42FF !important;margin-top:12px !important;}
}

/* v2.9: corrected Rólunk-Küldetés continuous SVG decoration */
.about-mission-wrap{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#fff 0%,#fff 47%,#f2eee3 54%,#e9e1d2 100%) !important;
}
.about-mission-wrap .jb-about-mission-decor{
  position:absolute !important;
  inset:auto 0 auto 0 !important;
  top:38px !important;
  width:100% !important;
  height:980px !important;
  display:block !important;
  z-index:1 !important;
  pointer-events:none !important;
  overflow:visible !important;
}
.about-mission-wrap .jb-about-mission-decor path{
  fill:none !important;
  stroke:#3A42FF !important;
  stroke-width:1.5 !important;
  vector-effect:non-scaling-stroke !important;
  stroke-linecap:butt !important;
  stroke-linejoin:round !important;
}
.about-section,.mission-section{
  background:transparent !important;
  position:relative !important;
  z-index:2 !important;
  overflow:visible !important;
}
.about-section .container,
.mission-section .container,
.about-image-wrap,
.about-grid-single,
.mission-grid-clean{
  position:relative !important;
  z-index:3 !important;
}
/* The SVG now draws the visible RÓLUNK line, the centered rounded-rectangle side and the KÜLDETÉS line. */
.about-section .section-title .line,
.mission-title:after,
.about-section:before,
.about-section:after,
.mission-section:before,
.mission-section:after{
  display:none !important;
  content:none !important;
}
.about-section .section-title,
.mission-title{
  display:block !important;
  position:relative !important;
  z-index:4 !important;
}
.about-section .section-title h2,
.mission-title h2{
  display:inline-block !important;
  margin:0 !important;
  background:transparent !important;
}
/* Keep the first image above the top line, so the line feels like it runs behind the image to its right edge. */
.about-image-wrap{margin-top:22px !important;}
/* More reliable download links for both the top nav and lower CTA. */
.site-header .download-pill,
#letoltes .big-button{
  pointer-events:auto !important;
  position:relative !important;
  z-index:9999 !important;
  cursor:pointer !important;
}
@media(max-width:760px){
  .about-mission-wrap .jb-about-mission-decor{display:none !important;}
  .about-section .section-title .line{display:block !important;width:70px !important;height:1.5px !important;background:#3A42FF !important;margin-top:12px !important;}
  .about-mission-wrap{background:linear-gradient(180deg,#fff 0%,#fff 48%,#f2eee3 56%,#e9e1d2 100%) !important;}
}


/* v2.10: precise Rólunk/Küldetés title-line alignment with one SVG rounded-rectangle connector */
.about-mission-wrap{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#fff 0%,#fff 47%,#f2eee3 54%,#e9e1d2 100%) !important;
}
.about-section,
.mission-section{
  position:relative !important;
  z-index:2 !important;
  overflow:visible !important;
  background:transparent !important;
}
.about-section .container,
.mission-section .container,
.about-image-wrap,
.about-grid-single,
.mission-grid-clean{
  position:relative !important;
  z-index:3 !important;
}
.about-section .section-title,
.mission-title{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:center !important;
  gap:26px !important;
  position:relative !important;
  z-index:5 !important;
}
.about-section .section-title h2,
.mission-title h2{
  display:block !important;
  margin:0 !important;
  line-height:1 !important;
  background:transparent !important;
}
.about-section .section-title .line{
  display:block !important;
  width:100% !important;
  height:1.5px !important;
  margin:0 !important;
  background:#3A42FF !important;
}
.mission-title:after{
  content:"" !important;
  display:block !important;
  width:100% !important;
  height:1.5px !important;
  background:#3A42FF !important;
}
.about-section:before,
.about-section:after,
.mission-section:before,
.mission-section:after{
  display:none !important;
  content:none !important;
}
.about-mission-wrap .jb-about-mission-decor{
  position:absolute !important;
  z-index:1 !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  top:calc(44px + (var(--jb-about-title-font-size, 18px) / 2)) !important;
  width:min(1120px, calc(100% - 68px)) !important;
  height:calc(100% - 116px) !important;
  min-height:560px !important;
  max-height:1183px !important;
  pointer-events:none !important;
  overflow:visible !important;
}
.about-mission-wrap .jb-about-mission-decor path{
  fill:none !important;
  stroke:#3A42FF !important;
  stroke-width:1.5 !important;
  vector-effect:non-scaling-stroke !important;
  stroke-linecap:butt !important;
  stroke-linejoin:round !important;
}
/* Hide legacy SVG horizontal path fragments if any old markup remains cached. */
.jb-decor-top-line,
.jb-decor-bottom-line{display:none !important;}
.jb-decor-rect-side{display:block !important;}
@media(max-width:760px){
  .about-mission-wrap .jb-about-mission-decor{display:none !important;}
  .about-section .section-title,
  .mission-title{grid-template-columns:1fr !important;gap:12px !important;}
  .about-section .section-title .line,
  .mission-title:after{width:70px !important;}
}


/* v2.11: final dynamic RÓLUNK-KÜLDETÉS connector.
   The horizontal lines stay exactly beside the section titles, while one SVG draws the rounded-rectangle side between them. */
.about-mission-wrap{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#fff 0%,#fff 47%,#f2eee3 54%,#e9e1d2 100%) !important;
}
.about-section,
.mission-section{
  position:relative !important;
  z-index:2 !important;
  overflow:visible !important;
  background:transparent !important;
}
.about-section .container,
.mission-section .container,
.about-image-wrap,
.about-grid-single,
.mission-grid-clean{
  position:relative !important;
  z-index:3 !important;
}
.about-section .section-title,
.mission-title{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:center !important;
  gap:26px !important;
  position:relative !important;
  z-index:5 !important;
}
.about-section .section-title h2,
.mission-title h2{
  display:block !important;
  margin:0 !important;
  line-height:1 !important;
  background:transparent !important;
}
.about-section .section-title .line{
  display:block !important;
  width:100% !important;
  height:1.5px !important;
  margin:0 !important;
  background:#3A42FF !important;
}
.section-title.mission-title:after,
.mission-title:after{
  content:"" !important;
  display:block !important;
  width:100% !important;
  height:1.5px !important;
  margin:0 !important;
  background:#3A42FF !important;
}
.about-section:before,
.about-section:after,
.mission-section:before,
.mission-section:after{
  display:none !important;
  content:none !important;
}
.about-mission-wrap .jb-about-mission-decor{
  position:absolute !important;
  left:0 !important;
  top:0;
  width:100% !important;
  height:0;
  z-index:1 !important;
  display:block !important;
  pointer-events:none !important;
  overflow:visible !important;
}
.about-mission-wrap .jb-about-mission-decor path{
  fill:none !important;
  stroke:#3A42FF !important;
  stroke-width:1.5 !important;
  vector-effect:non-scaling-stroke !important;
  stroke-linecap:butt !important;
  stroke-linejoin:round !important;
}
@media(max-width:760px){
  .about-mission-wrap .jb-about-mission-decor{display:none !important;}
  .about-section .section-title,
  .mission-title{grid-template-columns:1fr !important;gap:12px !important;}
  .about-section .section-title .line,
  .mission-title:after{width:70px !important;}
}


/* v2.12: final SVG-based RÓLUNK-KÜLDETÉS connector.
   The SVG itself draws both horizontal title lines and the centered rounded-rectangle side. */
.about-mission-wrap{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#fff 0%,#fff 47%,#f2eee3 54%,#e9e1d2 100%) !important;
}
.about-mission-wrap .jb-about-mission-decor{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:1 !important;
  display:block !important;
  pointer-events:none !important;
  overflow:visible !important;
}
.about-mission-wrap .jb-about-mission-decor path{
  fill:none !important;
  stroke:#3A42FF !important;
  stroke-width:1.5 !important;
  vector-effect:non-scaling-stroke !important;
  stroke-linecap:butt !important;
  stroke-linejoin:round !important;
}
.about-section,
.mission-section{
  position:relative !important;
  z-index:2 !important;
  overflow:visible !important;
  background:transparent !important;
}
.about-section .container,
.mission-section .container,
.about-image-wrap,
.about-grid-single,
.mission-grid-clean{
  position:relative !important;
  z-index:3 !important;
}
.about-section .section-title,
.mission-title{
  display:block !important;
  position:relative !important;
  z-index:5 !important;
}
.about-section .section-title h2,
.mission-title h2{
  display:inline-block !important;
  margin:0 !important;
  line-height:1 !important;
  background:transparent !important;
}
/* Hide CSS-generated line fragments. The precise lines are now part of the SVG. */
.about-section .section-title .line,
.mission-title .line,
.section-title.mission-title:after,
.mission-title:after,
.about-section:before,
.about-section:after,
.mission-section:before,
.mission-section:after{
  display:none !important;
  content:none !important;
}
@media(max-width:760px){
  .about-mission-wrap .jb-about-mission-decor{display:none !important;}
  .about-section .section-title .line,
  .mission-title .line{display:block !important;width:70px !important;height:1.5px !important;background:#3A42FF !important;margin-top:12px !important;}
}


/* v2.13 HARD RESET: RÓLUNK-KÜLDETÉS connector
   Keep title-adjacent horizontal lines in CSS. The SVG draws ONLY the big rounded-rectangle left side.
   This prevents the arc from drifting to the page edge or crossing the title labels. */
.about-mission-wrap{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#fff 0%,#fff 47%,#f2eee3 54%,#e9e1d2 100%) !important;
}
.about-section,.mission-section{
  position:relative !important;
  z-index:2 !important;
  overflow:visible !important;
  background:transparent !important;
}
.about-section .container,.mission-section .container,
.about-image-wrap,.about-grid-single,.mission-grid-clean{
  position:relative !important;
  z-index:3 !important;
}
#rolunk .section-title,
#kuldetes .section-title{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:center !important;
  gap:26px !important;
  position:relative !important;
  z-index:6 !important;
  margin-bottom:28px !important;
}
#rolunk .section-title h2,
#kuldetes .section-title h2{
  display:block !important;
  margin:0 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  background:transparent !important;
}
#rolunk .section-title .line,
#kuldetes .section-title .line{
  display:block !important;
  width:100% !important;
  height:1.5px !important;
  margin:0 !important;
  background:#3A42FF !important;
}
#rolunk:before,#rolunk:after,#kuldetes:before,#kuldetes:after,
.about-section:before,.about-section:after,.mission-section:before,.mission-section:after,
#kuldetes .section-title:after,.mission-title:after{
  display:none !important;
  content:none !important;
}
.about-mission-wrap .jb-about-mission-decor{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:1 !important;
  display:block !important;
  pointer-events:none !important;
  overflow:visible !important;
}
.about-mission-wrap .jb-about-mission-decor path{
  fill:none !important;
  stroke:#3A42FF !important;
  stroke-width:1.5 !important;
  vector-effect:non-scaling-stroke !important;
  stroke-linecap:butt !important;
  stroke-linejoin:round !important;
}
@media(max-width:760px){
  .about-mission-wrap .jb-about-mission-decor{display:none !important;}
  #rolunk .section-title,#kuldetes .section-title{display:block !important;}
  #rolunk .section-title .line,#kuldetes .section-title .line{width:70px !important;margin-top:12px !important;}
}


/* v2.14: FINAL reset for the RÓLUNK–KÜLDETÉS connector.
   Horizontal lines are real CSS lines beside the labels; SVG draws only the rounded rectangle side. */
.about-mission-wrap{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#ffffff 0%,#ffffff 48%,#f3efe5 55%,#e9e1d2 100%) !important;
}
#rolunk.about-section,#kuldetes.mission-section{
  position:relative !important;
  z-index:2 !important;
  overflow:visible !important;
  background:transparent !important;
}
#rolunk .container,#kuldetes .container,
#rolunk .about-image-wrap,#rolunk .about-grid-single,#kuldetes .mission-grid-clean{
  position:relative !important;
  z-index:3 !important;
}
#rolunk .section-title,#kuldetes .section-title{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:center !important;
  gap:26px !important;
  margin:0 0 28px !important;
  position:relative !important;
  z-index:7 !important;
}
#rolunk .section-title h2,#kuldetes .section-title h2{
  margin:0 !important;
  line-height:1 !important;
  display:block !important;
  white-space:nowrap !important;
}
#rolunk .section-title .line,#kuldetes .section-title .line{
  display:block !important;
  height:1.5px !important;
  width:100% !important;
  margin:0 !important;
  background:#3A42FF !important;
  opacity:1 !important;
  visibility:visible !important;
}
#rolunk:before,#rolunk:after,#kuldetes:before,#kuldetes:after,
.about-section:before,.about-section:after,.mission-section:before,.mission-section:after,
#kuldetes .section-title:before,#kuldetes .section-title:after,
#rolunk .section-title:before,#rolunk .section-title:after{
  display:none !important;
  content:none !important;
}
.jb-about-mission-decor{
  position:absolute !important;
  inset:0 auto auto 0 !important;
  width:100% !important;
  height:100% !important;
  z-index:1 !important;
  pointer-events:none !important;
  overflow:visible !important;
  display:block !important;
}
.jb-about-mission-decor path{
  fill:none !important;
  stroke:#3A42FF !important;
  stroke-width:1.5 !important;
  vector-effect:non-scaling-stroke !important;
  stroke-linecap:butt !important;
  stroke-linejoin:round !important;
}
@media(max-width:760px){
  .jb-about-mission-decor{display:none !important;}
  #rolunk .section-title,#kuldetes .section-title{display:block !important;}
  #rolunk .section-title .line,#kuldetes .section-title .line{width:70px !important;margin-top:12px !important;}
}

/* v2.15: remove all decorative connector/rectangle lines completely.
   Keep only simple horizontal blue lines next to RÓLUNK and KÜLDETÉS labels. */
.about-mission-wrap,
#rolunk.about-section,
#kuldetes.mission-section{
  overflow:visible !important;
}
.jb-about-mission-decor,
.about-mission-wrap .jb-about-mission-decor,
.about-mission-wrap svg,
.about-mission-wrap svg path{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}
#rolunk:before,#rolunk:after,#kuldetes:before,#kuldetes:after,
.about-section:before,.about-section:after,.mission-section:before,.mission-section:after,
#rolunk .section-title:before,#rolunk .section-title:after,
#kuldetes .section-title:before,#kuldetes .section-title:after,
.mission-title:before,.mission-title:after{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}
#rolunk .section-title,
#kuldetes .section-title{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:center !important;
  gap:26px !important;
  margin:0 0 28px !important;
  position:relative !important;
  z-index:5 !important;
}
#rolunk .section-title h2,
#kuldetes .section-title h2{
  display:block !important;
  margin:0 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
#rolunk .section-title .line,
#kuldetes .section-title .line{
  display:block !important;
  width:100% !important;
  height:1.5px !important;
  margin:0 !important;
  background:#3A42FF !important;
  opacity:1 !important;
  visibility:visible !important;
}
@media(max-width:760px){
  #rolunk .section-title,#kuldetes .section-title{display:block !important;}
  #rolunk .section-title .line,#kuldetes .section-title .line{width:70px !important;margin-top:12px !important;}
}


/* v2.16 footer + mobile menu fixes */
@media (max-width:760px){
  .site-header,
  .site-header.open,
  .site-header.jb-scrolled,
  .site-header.open.jb-scrolled{
    background:#ffffff !important;
    background-color:#ffffff !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .site-header.open .main-nav,
  .site-header .main-nav{
    background:#ffffff !important;
    background-color:#ffffff !important;
  }
  body:has(.site-header.open){overflow:hidden;}
}