:root{--blue:#258fcb;--turq:#17ad9f;--ink:#243342;--muted:#647383;--surface:#f4f8fa;--line:#dbe7ec;--radius:20px;--shadow:0 18px 50px rgba(36,51,66,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.shell{width:min(1160px,calc(100% - 32px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;padding:10px;background:#fff;z-index:999}.skip-link:focus{left:8px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(219,231,236,.8)}.topbar{min-height:38px;display:flex;gap:18px;justify-content:flex-end;align-items:center;font-size:.88rem;border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:800;font-size:1.17rem}.brand:hover{text-decoration:none}.site-menu ul{display:flex;list-style:none;gap:6px;margin:0;padding:0}.site-menu a{display:block;padding:10px 13px;border-radius:12px;color:var(--ink);font-weight:650}.site-menu a:hover,.site-menu .active>a{background:var(--surface);color:var(--blue);text-decoration:none}.menu-toggle{display:none;border:0;background:transparent;padding:10px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px}.main-content{min-height:0px}.component-wrap{padding-block:42px}.site-footer{margin-top:48px;padding:42px 0;background:#172631;color:#dce8ec}.site-footer a{color:#fff}.copyright{opacity:.75;font-size:.9rem}.button,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border-radius:999px;border:0;background:linear-gradient(135deg,var(--blue),var(--turq));color:#fff;font-weight:750;box-shadow:0 10px 25px rgba(37,143,203,.22)}.button:hover,.btn:hover{text-decoration:none;transform:translateY(-1px)}.button.secondary{background:#fff;color:var(--ink);box-shadow:none;border:1px solid var(--line)}.error-page{min-height:100vh;display:grid;place-content:center;text-align:center;padding:30px}.sc-hero{overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(34,199,184,.25),transparent 32%),linear-gradient(135deg,#edf9ff,#f8fffd);padding:84px 0 74px}.sc-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:#fff;color:var(--turq);font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line)}.sc-hero h1{font-size:clamp(2.35rem,5vw,4.7rem);line-height:1.04;letter-spacing:-.045em;margin:.3em 0}.sc-hero p{max-width:680px;color:var(--muted);font-size:1.14rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-art{position:relative;min-height:430px;border-radius:36px;background:linear-gradient(155deg,#fff,#e9f7f7);box-shadow:var(--shadow);border:1px solid #fff;overflow:hidden}.hero-art:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--turq));right:-70px;top:-70px;opacity:.88}.hero-art:after{content:"✓";position:absolute;display:grid;place-items:center;width:170px;height:170px;border-radius:42px;background:#fff;color:var(--turq);font-size:5rem;font-weight:900;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);box-shadow:var(--shadow)}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.trust-item{background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:16px;padding:14px;font-weight:700}.section{padding:76px 0}.section.alt{background:var(--surface)}.section-head{max-width:760px;margin-bottom:34px}.section-head h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.15;margin:0 0 12px;letter-spacing:-.03em}.section-head p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 8px 28px rgba(36,51,66,.05)}.card .icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,rgba(58,169,232,.13),rgba(34,199,184,.18));font-size:1.45rem}.card h3{margin:18px 0 8px}.card p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.checklist{list-style:none;padding:0;margin:24px 0}.checklist li{margin:12px 0;padding-left:30px;position:relative}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--turq);font-weight:900}.quote{padding:32px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:12px 0}.faq summary{font-weight:800;cursor:pointer}.cta{border-radius:32px;padding:45px;background:linear-gradient(135deg,#1f87c2,#15a99a);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{margin:0 0 8px;font-size:clamp(1.7rem,4vw,2.7rem)}.cta p{margin:0;opacity:.9}.cta .button{background:#fff;color:var(--ink);box-shadow:none}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-box{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.contact-box strong{display:block;margin-bottom:6px}.lang-inline ul{display:flex;list-style:none;gap:8px;padding:0;margin:0}.lang-inline img{width:24px}.mod-languages ul{display:flex;list-style:none;gap:8px;margin:0;padding:0}.mod-languages a{font-weight:800}.mod-languages .lang-active a{text-decoration:underline}@media(max-width:850px){.topbar{display:none}.menu-toggle{display:block}.site-menu{display:none;position:absolute;left:16px;right:16px;top:76px;background:#fff;padding:14px;border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--line)}.site-menu.is-open{display:block}.site-menu ul{display:block}.sc-hero-grid,.split{grid-template-columns:1fr}.hero-art{min-height:280px}.cards{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.sc-hero{padding:55px 0}.cards,.trust-row{grid-template-columns:1fr}.section{padding:55px 0}.cta{padding:28px}.hero-art{min-height:220px}}

/* V5 Beta */
:root{--sc-ink:#14332d;--sc-accent:#1f8f74;--sc-accent-dark:#126650;--sc-soft:#edf8f4;--sc-line:#d7e8e2;--sc-gold:#eabf63}
body{background:#fff;color:var(--sc-ink)}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:rgba(255,255,255,.94);box-shadow:0 1px 0 var(--sc-line)}
.site-menu a{font-weight:700}.site-menu a:hover,.site-menu .active>a{color:var(--sc-accent)}
.sc-hero{min-height:680px;display:grid;align-items:center;background:radial-gradient(circle at 78% 25%,#d7f2e8 0,transparent 28%),linear-gradient(135deg,#f7fcfa,#eaf7f2)}
.sc-hero h1{max-width:760px;font-size:clamp(2.5rem,6vw,5rem);line-height:1.02;letter-spacing:-.055em}
.hero-art{border-radius:36px;min-height:480px;background:linear-gradient(145deg,rgba(20,51,45,.05),rgba(31,143,116,.12)),url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"%3E%3Cg fill="none" stroke="%231f8f74" stroke-width="3" opacity=".28"%3E%3Ccircle cx="320" cy="320" r="250"/%3E%3Ccircle cx="320" cy="320" r="190"/%3E%3Cpath d="M170 360c80-190 220-190 300 0M220 420c70-130 130-130 200 0"/%3E%3C/g%3E%3C/svg%3E') center/cover}
.cards{gap:24px}.card{border:1px solid var(--sc-line);border-radius:22px;padding:30px;box-shadow:0 16px 50px rgba(20,51,45,.07);transition:.2s transform,.2s box-shadow}.card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(20,51,45,.12)}
.icon{background:var(--sc-soft);color:var(--sc-accent-dark);border-radius:16px;width:54px;height:54px;display:grid;place-items:center;font-size:1.5rem}
.button{border-radius:999px;background:var(--sc-accent);box-shadow:0 10px 28px rgba(31,143,116,.23)}.button:hover{background:var(--sc-accent-dark)}
.page-header,.com-content-article{max-width:920px;margin:auto}.com-content-article h1,.page-header h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.04em}.com-content-article p,.com-content-article li{font-size:1.08rem;line-height:1.75}
.quote-module{padding:88px 20px;background:var(--sc-soft)}.quote-panel{max-width:1040px;margin:auto;background:#fff;border-radius:28px;padding:clamp(24px,5vw,56px);box-shadow:0 25px 80px rgba(20,51,45,.1)}.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.quote-grid .full{grid-column:1/-1}.quote-form label{display:block;font-weight:700;margin-bottom:7px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:13px 14px;border:1px solid #c5dcd4;border-radius:12px;background:#fff}.quote-form textarea{min-height:130px}.form-note{font-size:.92rem;color:#526963}.alert-success{padding:15px;border-radius:12px;background:#e7f8ee;color:#155c36}.alert-error{padding:15px;border-radius:12px;background:#fff0f0;color:#8a2525}
.site-footer{background:#102d28;color:#dcebe6;padding:55px 0}.site-footer a{color:#fff}
@media(max-width:760px){.sc-hero{min-height:auto;padding:70px 0}.hero-art{min-height:300px}.quote-grid{grid-template-columns:1fr}.quote-grid .full{grid-column:auto}}

/* SZTK DEV_01 – fejléc, CTA, almenü és breadcrumb */
.topbar-wrap{border-bottom:1px solid var(--sc-line);background:#f8fcfa}
.topbar{border-bottom:0;justify-content:space-between;color:#526963}
.topbar-contact{display:flex;align-items:center;gap:18px}
.topbar-contact a{color:#526963;font-weight:650}
.topbar-contact a:hover{color:var(--sc-accent);text-decoration:none}
.nav{min-height:84px}
.nav-actions{display:flex;align-items:center;gap:18px}
.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border-radius:999px;background:var(--sc-accent);color:#fff;font-weight:800;white-space:nowrap;box-shadow:0 10px 28px rgba(31,143,116,.22);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.header-cta:hover{background:var(--sc-accent-dark);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 14px 32px rgba(31,143,116,.28)}
.site-menu li{position:relative}
.site-menu li>ul{display:none;position:absolute;left:0;top:100%;z-index:80;min-width:260px;padding:10px;margin:0;background:#fff;border:1px solid var(--sc-line);border-radius:16px;box-shadow:0 20px 55px rgba(20,51,45,.14)}
.site-menu li:hover>ul,.site-menu li:focus-within>ul{display:block}
.site-menu li>ul li{width:100%}
.site-menu li>ul a{padding:10px 12px;white-space:normal}
.site-menu .parent>a::after{content:"⌄";display:inline-block;margin-left:7px;font-size:.85em;transform:translateY(-1px)}
.breadcrumb-wrap{padding-top:18px}
.breadcrumb-wrap .breadcrumb{margin:0;padding:10px 0;color:#647383;font-size:.92rem}
.breadcrumb-wrap .breadcrumb a{color:var(--sc-accent-dark)}
#ajanlatkeres{scroll-margin-top:130px}

@media(max-width:980px){
  .nav-actions{gap:10px}
  .header-cta{padding-inline:15px;font-size:.92rem}
  .site-menu a{padding-inline:10px}
}
@media(max-width:850px){
  .nav{position:relative}
  .nav-actions{display:block}
  .header-cta{display:none}
  .site-menu{top:70px}
  .site-menu li>ul{display:block;position:static;min-width:0;margin:2px 0 6px 14px;padding:0 0 0 10px;border:0;border-left:2px solid var(--sc-line);border-radius:0;box-shadow:none}
  .site-menu .parent>a::after{display:none}
}


/* SZTK DEV_02 – többnyelvű CTA és mobil fejléc finomhangolás */
.site-header,.header-cta,.site-menu li>ul{transition:box-shadow .2s ease,background-color .2s ease,opacity .2s ease,transform .2s ease}
.menu-toggle{border-radius:12px;transition:background-color .2s ease}
.menu-toggle:hover,.menu-toggle:focus-visible{background:var(--sc-soft);outline:0}
.menu-toggle:focus-visible,.header-cta:focus-visible,.site-menu a:focus-visible{outline:3px solid rgba(31,143,116,.28);outline-offset:3px}
.site-menu li>ul{transform-origin:top left;animation:scMenuIn .16s ease-out}
@keyframes scMenuIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){
  body.menu-is-open{overflow:hidden}
  .nav-actions{position:static}
  .site-menu{max-height:calc(100vh - 96px);overflow:auto}
  .header-cta{display:inline-flex;position:absolute;right:66px;top:50%;transform:translateY(-50%);min-height:42px;padding:8px 14px;font-size:.88rem}
  .header-cta:hover{transform:translateY(calc(-50% - 1px))}
}
@media(max-width:620px){
  .brand span{display:none}
  .header-cta{right:62px;max-width:170px;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:420px){
  .header-cta{max-width:145px;padding-inline:12px;font-size:.82rem}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* SZTK v1.0.0-beta5.1 - Brand Guide home page and hero */
.sc-hero-copy{position:relative;z-index:2}
.sc-hero .brand-slogan{margin:.4rem 0 0;color:var(--sc-accent-dark);font-size:clamp(1.25rem,2.3vw,1.75rem);font-weight:800;letter-spacing:-.025em}
.sc-hero .hero-lead{margin-top:1rem;max-width:680px;color:#526963;font-size:1.08rem}
.sc-hero .actions{margin-top:30px}
.sc-hero .button.secondary{background:rgba(255,255,255,.82);border:1px solid var(--sc-line);color:var(--sc-ink);box-shadow:none}
.sc-hero .button.secondary:hover{background:#fff;color:var(--sc-accent-dark)}
.sc-hero .trust-item{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.82);border-color:var(--sc-line);color:var(--sc-ink);font-size:.94rem}
.sc-hero .trust-item span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--sc-soft);color:var(--sc-accent-dark);font-weight:900}
.hero-art{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:46px;isolation:isolate}
.hero-art:before{width:330px;height:330px;right:-110px;top:-120px;background:linear-gradient(135deg,var(--sc-accent),#69c8ad);opacity:.22;z-index:-2}
.hero-art:after{content:"";width:260px;height:260px;border-radius:50%;left:-80px;top:auto;bottom:-110px;transform:none;background:rgba(234,191,99,.17);box-shadow:none;z-index:-2}
.hero-brand-mark{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:38px 44px;border-radius:30px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 65px rgba(20,51,45,.12)}
.hero-brand-mark img{width:112px;height:112px;display:block}
.hero-brand-mark span{font-size:clamp(1.45rem,3vw,2.15rem);font-weight:850;letter-spacing:-.035em;color:var(--sc-ink)}
.hero-promise{max-width:360px;margin-top:24px;text-align:center;color:var(--sc-accent-dark);font-weight:750;font-size:1.03rem}
.service-card{display:flex;flex-direction:column;min-height:100%}
.service-card p{flex:1}
.card-link{display:inline-flex;align-items:center;margin-top:18px;color:var(--sc-accent-dark);font-weight:800}
.card-link:hover{color:var(--sc-accent);text-decoration:none}
.service-icon{position:relative;overflow:hidden}
.service-icon:before,.service-icon:after{content:"";position:absolute;display:block}
.service-icon-home:before{width:24px;height:19px;left:15px;top:24px;border:3px solid currentColor;border-top:0;border-radius:2px}
.service-icon-home:after{width:22px;height:22px;left:16px;top:11px;border-left:3px solid currentColor;border-top:3px solid currentColor;transform:rotate(45deg);border-radius:2px}
.service-icon-office:before{width:25px;height:30px;left:14px;top:12px;border:3px solid currentColor;border-radius:3px;background:repeating-linear-gradient(to bottom,transparent 0 6px,currentColor 6px 8px)}
.service-icon-deep:before{width:24px;height:24px;left:15px;top:15px;border:3px solid currentColor;border-radius:50%}
.service-icon-deep:after{width:10px;height:3px;left:37px;top:38px;background:currentColor;transform:rotate(45deg);border-radius:2px}
.service-icon-building:before{width:28px;height:31px;left:13px;top:12px;border:3px solid currentColor;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 6px,currentColor 6px 8px)}
.service-icon-institution:before{width:31px;height:24px;left:11px;top:19px;border:3px solid currentColor;border-radius:2px}
.service-icon-institution:after{width:36px;height:3px;left:9px;top:13px;background:currentColor;box-shadow:0 30px 0 currentColor}
.service-icon-construction:before{width:30px;height:18px;left:12px;top:22px;border:3px solid currentColor;border-radius:3px;transform:skew(-12deg)}
.service-icon-construction:after{width:4px;height:31px;left:27px;top:10px;background:currentColor;transform:rotate(38deg);border-radius:2px}
@media(max-width:850px){.hero-art{min-height:360px;padding:34px}.hero-brand-mark{padding:28px 34px}.hero-brand-mark img{width:94px;height:94px}}
@media(max-width:560px){.sc-hero .brand-slogan{font-size:1.2rem}.hero-art{min-height:300px;padding:24px}.hero-brand-mark{width:100%;padding:25px}.hero-brand-mark img{width:82px;height:82px}.hero-promise{font-size:.96rem}.service-card{padding:24px}}

/* BETA 5.2 – hivatalos logócsalád és webes ikonok */
:root{--brand-navy:#0f2b33;--brand-green:#5ba341;--brand-turquoise:#3db7c5}
.brand{min-width:246px;line-height:1}.brand-logo{display:block;width:min(246px,24vw);height:auto;max-height:64px;object-fit:contain;object-position:left center}.brand span{display:none}
.hero-art{display:flex;align-items:center;justify-content:center;isolation:isolate;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(235,248,245,.82));box-shadow:none;border:1px solid rgba(15,43,51,.08)}
.hero-art:before,.hero-art:after{display:none}
.hero-primary-logo{position:relative;z-index:4;width:min(76%,390px);height:auto;filter:drop-shadow(0 18px 28px rgba(15,43,51,.12));animation:sztk-logo-in .42s ease-out both}
.hero-promise{position:absolute;z-index:5;left:50%;bottom:34px;transform:translateX(-50%);width:min(82%,390px);text-align:center;color:var(--brand-navy);font-weight:700;font-size:1rem;line-height:1.45}
.hero-orbit{position:absolute;z-index:1;border:2px solid rgba(61,183,197,.24);border-radius:50%}
.hero-orbit-one{width:330px;height:330px}.hero-orbit-two{width:245px;height:245px;border-color:rgba(91,163,65,.18)}
.hero-leaf-shape{position:absolute;z-index:0;border-radius:85% 15% 75% 25%;transform:rotate(-18deg)}
.hero-leaf-one{width:180px;height:280px;right:-45px;top:-45px;background:rgba(61,183,197,.18)}
.hero-leaf-two{width:150px;height:220px;left:-42px;bottom:-52px;background:rgba(91,163,65,.14);transform:rotate(24deg)}
@keyframes sztk-logo-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.hero-primary-logo{animation:none}}
@media(max-width:980px){.brand{min-width:210px}.brand-logo{width:210px}.nav{gap:14px}.site-menu a{padding-inline:9px}}
@media(max-width:850px){.brand{min-width:190px}.brand-logo{width:190px}.hero-primary-logo{width:min(72%,330px)}.hero-promise{bottom:26px}}
@media(max-width:560px){.brand{min-width:164px}.brand-logo{width:164px;max-height:50px}.hero-primary-logo{width:min(76%,270px)}.hero-promise{bottom:20px;font-size:.9rem}.hero-orbit-one{width:245px;height:245px}.hero-orbit-two{width:180px;height:180px}}

/* ==========================================================
   WD-001 – HERO, jóváhagyott látványterv megvalósítása
   Forrás: M-001 logócsalád, M-002 színek, M-003 tipográfia,
   M-008 webes és képhasználati irányelvek.
   ========================================================== */
html,body{font-family:Arial,"Liberation Sans",sans-serif}
.sc-hero-wd001{position:relative;isolation:isolate;min-height:780px;padding:52px 0 0;background:#f7faf7;overflow:hidden}
.sc-hero-wd001::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 35%,rgba(255,255,255,.58) 66%,rgba(255,255,255,.25) 100%)}
.sc-hero-photo{position:absolute;inset:-18px;z-index:-3;background:url('../images/hero/SZTK_Hero_Hatter.webp') center 48%/cover no-repeat;filter:blur(5px) saturate(.78);transform:scale(1.035);opacity:.42}
.sc-hero-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.82fr);gap:34px;align-items:center;min-height:570px}
.sc-hero-copy{padding:42px 0 54px;max-width:790px}
.hero-eyebrow{gap:10px;padding:9px 16px;background:rgba(255,255,255,.74);border:1px solid rgba(91,163,65,.35);color:#2e7d32;letter-spacing:.045em;backdrop-filter:blur(7px)}
.hero-eyebrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sc-hero-wd001 h1{max-width:800px;margin:28px 0 14px;font-family:Arial,"Liberation Sans",sans-serif;font-size:clamp(3.2rem,5.6vw,5.9rem);font-weight:800;line-height:.98;letter-spacing:-.052em;color:#0f2b33;text-wrap:balance}
.hero-divider{width:64px;height:2px;margin:24px 0;background:#2e7d32}
.sc-hero-wd001 .hero-lead{max-width:690px;margin:0;color:#344842;font-size:clamp(1.02rem,1.35vw,1.17rem);line-height:1.62}
.sc-hero-wd001 .hero-lead strong{color:#0f2b33;font-weight:800}
.hero-actions{margin-top:30px;gap:16px}
.hero-actions .button{min-height:54px;padding:12px 25px;font-family:Arial,"Liberation Sans",sans-serif;font-size:1rem;font-weight:700;border-radius:28px;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.hero-actions .button svg{width:22px;height:22px;margin-right:10px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-button-primary{background:#2e7d32;box-shadow:0 12px 30px rgba(46,125,50,.22)}
.hero-button-primary:hover{background:#1f3a1f}
.sc-hero-wd001 .hero-button-secondary{background:rgba(255,255,255,.76);border:1px solid rgba(46,125,50,.22);color:#1f3a1f;backdrop-filter:blur(7px)}
.sc-hero-wd001 .hero-button-secondary:hover{background:#fff;color:#2e7d32}
.hero-art-wd001{position:relative;min-height:470px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;padding:0}
.hero-art-wd001::before,.hero-art-wd001::after{display:none!important}
.hero-art-wd001 .hero-primary-logo{position:absolute;z-index:4;left:50%;top:46%;width:min(88%,420px);height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 24px rgba(15,43,51,.11));animation:wd001Logo .62s ease-out both}
.hero-art-wd001 .hero-orbit{position:absolute;left:50%;top:48%;border:1.5px solid rgba(91,163,65,.34);border-radius:50%;transform:translate(-50%,-50%)}
.hero-art-wd001 .orbit-a{width:455px;height:455px}.hero-art-wd001 .orbit-b{width:370px;height:370px}.hero-art-wd001 .orbit-c{width:292px;height:292px}
.hero-dot{position:absolute;z-index:2;width:10px;height:10px;border-radius:50%;background:rgba(91,163,65,.65)}
.dot-a{left:9%;top:32%}.dot-b{right:8%;top:24%;width:7px;height:7px}.dot-c{left:22%;bottom:16%;width:7px;height:7px}
.hero-leaf-outline{position:absolute;z-index:1;width:58px;height:86px;border:1.5px solid rgba(91,163,65,.48);border-radius:100% 0 100% 0;transform:rotate(35deg)}
.hero-leaf-outline::after{content:"";position:absolute;left:8px;top:42px;width:58px;height:1px;background:rgba(91,163,65,.46);transform:rotate(-35deg);transform-origin:left center}
.leaf-a{right:-4px;top:20%}.leaf-b{right:11%;bottom:8%;width:42px;height:65px;transform:rotate(75deg)}
.hero-values{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:-12px;padding-bottom:44px}
.hero-value-card{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;min-height:132px;padding:24px 22px;border:1px solid rgba(15,43,51,.07);border-radius:24px;background:rgba(255,255,255,.91);box-shadow:0 18px 45px rgba(15,43,51,.08);backdrop-filter:blur(8px)}
.hero-value-card h2{margin:0 0 5px;font-family:Arial,"Liberation Sans",sans-serif;font-size:1.04rem;line-height:1.28;color:#0f2b33}
.hero-value-card p{margin:0;color:#53675f;font-size:.92rem;line-height:1.5}
.hero-value-icon{position:relative;display:block;width:58px;height:58px;border-radius:50%;background:#edf7ec;color:#2e7d32}
.hero-value-icon::before,.hero-value-icon::after{content:"";position:absolute;box-sizing:border-box}
.icon-shield::before{left:15px;top:10px;width:28px;height:34px;border:3px solid currentColor;border-radius:5px 5px 14px 14px;clip-path:polygon(50% 0,100% 20%,88% 78%,50% 100%,12% 78%,0 20%)}
.icon-shield::after{left:23px;top:25px;width:14px;height:8px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(-45deg)}
.icon-clock::before{left:12px;top:12px;width:34px;height:34px;border:3px solid currentColor;border-radius:50%}
.icon-clock::after{left:28px;top:19px;width:3px;height:15px;background:currentColor;box-shadow:7px 10px 0 -1px currentColor;transform-origin:bottom center}
.icon-leaf::before{left:14px;top:10px;width:34px;height:38px;border:3px solid currentColor;border-radius:90% 10% 90% 10%;transform:rotate(12deg)}
.icon-leaf::after{left:13px;top:31px;width:35px;height:3px;background:currentColor;transform:rotate(-42deg);transform-origin:left center}
.icon-medal::before{left:15px;top:9px;width:29px;height:29px;border:3px solid currentColor;border-radius:50%}
.icon-medal::after{left:20px;top:34px;width:20px;height:17px;border-left:6px solid currentColor;border-right:6px solid currentColor;clip-path:polygon(0 0,45% 0,50% 100%,55% 0,100% 0,78% 100%,22% 100%)}
@keyframes wd001Logo{from{opacity:0;transform:translate(-50%,-47%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:1100px){.sc-hero-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}.hero-art-wd001 .orbit-a{width:390px;height:390px}.hero-art-wd001 .orbit-b{width:315px;height:315px}.hero-art-wd001 .orbit-c{width:250px;height:250px}.hero-values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.sc-hero-wd001{min-height:auto;padding-top:28px}.sc-hero-layout{grid-template-columns:1fr;min-height:auto}.sc-hero-copy{padding:32px 0 8px}.sc-hero-wd001 h1{font-size:clamp(2.8rem,11vw,4.6rem)}.hero-art-wd001{min-height:350px}.hero-art-wd001 .hero-primary-logo{width:min(62%,330px)}.hero-art-wd001 .orbit-a{width:340px;height:340px}.hero-art-wd001 .orbit-b{width:270px;height:270px}.hero-art-wd001 .orbit-c{width:210px;height:210px}.hero-values{margin-top:0}}
@media(max-width:600px){.sc-hero-wd001::before{background:rgba(255,255,255,.9)}.sc-hero-photo{opacity:.25}.hero-eyebrow{font-size:.7rem;line-height:1.35}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.hero-art-wd001{min-height:285px}.hero-art-wd001 .orbit-a{width:275px;height:275px}.hero-art-wd001 .orbit-b{width:220px;height:220px}.hero-art-wd001 .orbit-c{width:170px;height:170px}.hero-values{grid-template-columns:1fr;padding-bottom:28px}.hero-value-card{min-height:112px;padding:19px}.hero-leaf-outline{display:none}}
@media(prefers-reduced-motion:reduce){.hero-art-wd001 .hero-primary-logo{animation:none}}

/* ==========================================================
   WD-001 HERO V2 – jóváhagyott látványtervhez igazított javítás
   ========================================================== */
.sc-hero-wd001-v2{position:relative;isolation:isolate;overflow:hidden;min-height:760px;padding:48px 0 0;background:#f9fbf8}
.sc-hero-wd001-v2::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.96) 43%,rgba(255,255,255,.72) 66%,rgba(255,255,255,.42) 100%)}
.sc-hero-wd001-v2 .sc-hero-photo{position:absolute;inset:-12px;z-index:-3;background:url('../images/hero/SZTK_Hero_Hatter.webp') center/cover no-repeat;filter:blur(2px) saturate(.75);transform:scale(1.02);opacity:.68}
.sc-hero-layout-v2{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(285px,.88fr);gap:24px;align-items:center;min-height:555px}
.sc-hero-copy-v2{max-width:820px;padding:34px 0 34px}
.hero-eyebrow-v2{padding:9px 16px;background:rgba(255,255,255,.84);border:1px solid rgba(91,163,65,.34);color:#2e7d32;font-size:.78rem;letter-spacing:.045em;backdrop-filter:blur(8px)}
.sc-hero-wd001-v2 h1{max-width:800px;margin:26px 0 13px;font-family:Arial,"Liberation Sans",sans-serif;font-size:clamp(3.3rem,5.5vw,5.75rem);font-weight:800;line-height:.98;letter-spacing:-.055em;color:#0f2b33}
.sc-hero-wd001-v2 h1 span{display:block}.sc-hero-wd001-v2 h1 .hero-green-line{color:#2e7d32}
.sc-hero-wd001-v2 .hero-divider{width:64px;height:2px;margin:24px 0;background:#2e7d32}
.hero-lead-v2{max-width:710px;margin:0;color:#334942;font-size:clamp(1rem,1.28vw,1.13rem);line-height:1.6}.hero-lead-v2 strong{color:#0f2b33}
.hero-actions-v2{margin-top:28px;gap:16px}.hero-actions-v2 .button{min-height:54px;padding:12px 26px;font-family:Arial,"Liberation Sans",sans-serif;font-size:1rem;font-weight:700}
.hero-art-v2{position:relative;min-height:450px;overflow:visible}
.hero-primary-logo-v2{position:absolute;z-index:4;left:49%;top:46%;width:min(92%,350px);height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 25px rgba(15,43,51,.10))}
.hero-art-v2 .hero-orbit{position:absolute;left:49%;top:47%;border:1.4px solid rgba(91,163,65,.27);border-radius:50%;transform:translate(-50%,-50%)}
.hero-art-v2 .orbit-a{width:400px;height:400px}.hero-art-v2 .orbit-b{width:326px;height:326px}.hero-art-v2 .orbit-c{width:258px;height:258px}
.hero-art-v2 .hero-leaf-outline{opacity:.72}.hero-art-v2 .leaf-a{right:-6px;top:20%}.hero-art-v2 .leaf-b{right:12%;bottom:8%}
.hero-values-v2{position:relative;z-index:6;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:-28px;padding-bottom:42px}
.hero-value-card-v2{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;min-height:120px;padding:20px 19px;border:1px solid rgba(15,43,51,.07);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 16px 38px rgba(15,43,51,.08);backdrop-filter:blur(8px)}
.hero-value-card-v2 h2{margin:0 0 5px;font-family:Arial,"Liberation Sans",sans-serif;font-size:1rem;line-height:1.25;color:#0f2b33}.hero-value-card-v2 p{margin:0;color:#53675f;font-size:.88rem;line-height:1.43}
.hero-value-card-v2 .hero-value-icon{width:54px;height:54px}
@media(max-width:1100px){.sc-hero-layout-v2{grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr)}.sc-hero-wd001-v2 h1{font-size:clamp(3rem,6vw,5rem)}.hero-art-v2 .orbit-a{width:350px;height:350px}.hero-art-v2 .orbit-b{width:285px;height:285px}.hero-art-v2 .orbit-c{width:225px;height:225px}.hero-values-v2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.sc-hero-wd001-v2{min-height:auto;padding-top:26px}.sc-hero-layout-v2{grid-template-columns:1fr;min-height:auto}.sc-hero-copy-v2{padding:28px 0 4px}.sc-hero-wd001-v2 h1{font-size:clamp(2.75rem,11vw,4.5rem)}.hero-art-v2{min-height:330px}.hero-primary-logo-v2{width:min(63%,300px)}.hero-art-v2 .orbit-a{width:315px;height:315px}.hero-art-v2 .orbit-b{width:250px;height:250px}.hero-art-v2 .orbit-c{width:195px;height:195px}.hero-values-v2{margin-top:0}}
@media(max-width:600px){.sc-hero-wd001-v2::before{background:rgba(255,255,255,.92)}.sc-hero-wd001-v2 .sc-hero-photo{opacity:.38}.hero-eyebrow-v2{font-size:.7rem;line-height:1.35}.hero-actions-v2{display:grid;grid-template-columns:1fr}.hero-actions-v2 .button{width:100%}.hero-art-v2{min-height:265px}.hero-values-v2{grid-template-columns:1fr;padding-bottom:28px}.hero-value-card-v2{min-height:108px}.hero-art-v2 .hero-leaf-outline{display:none}}

/* SZTK WD-001 Hero V2.1 – responsive background sizing fix */
.sc-hero-wd001-v2 {
  background: #f9fbf8;
}

.sc-hero-wd001-v2 .sc-hero-photo {
  inset: 0;
  background-image: url('../images/hero/SZTK_Hero_Hatter.webp');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  filter: none;
  transform: none;
  opacity: .78;
}

/* Bal oldalon erősebb olvashatósági fátyol, jobbra fokozatosan áttetsző. */
.sc-hero-wd001-v2::before {
  background: linear-gradient(
    90deg,
    rgba(255,255,255,.99) 0%,
    rgba(255,255,255,.97) 38%,
    rgba(255,255,255,.83) 57%,
    rgba(255,255,255,.36) 78%,
    rgba(255,255,255,.12) 100%
  );
}

/* Nagy kijelzőn se nőjön aránytalanul a kép. */
@media (min-width: 1500px) {
  .sc-hero-wd001-v2 .sc-hero-photo {
    background-size: auto min(100%, 1080px);
  }
}

/* Keskenyebb asztali és tablet nézetben a teljes felület kitöltése fontosabb. */
@media (max-width: 1100px) {
  .sc-hero-wd001-v2 .sc-hero-photo {
    background-size: cover;
    background-position: 64% center;
    opacity: .58;
  }
}

@media (max-width: 850px) {
  .sc-hero-wd001-v2 .sc-hero-photo {
    background-size: cover;
    background-position: 70% center;
    opacity: .34;
  }
  .sc-hero-wd001-v2::before {
    background: rgba(255,255,255,.88);
  }
}

@media (max-width: 600px) {
  .sc-hero-wd001-v2 .sc-hero-photo {
    background-position: 74% center;
    opacity: .24;
  }
}


/* SZTK WD-001 Hero V2.2 – háttérkép szélességhez igazítása
   A kép mindig a Hero teljes belső szélességét követi,
   az oldalarány megtartásával. */
.sc-hero-wd001-v2 {
  overflow: hidden;
}

.sc-hero-wd001-v2 .sc-hero-photo {
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  transform: none;
}

/* Nagy asztali kijelzőn is a Hero szélessége szabja meg a képet. */
@media (min-width: 1101px) {
  .sc-hero-wd001-v2 .sc-hero-photo {
    background-size: 100% auto;
    background-position: center center;
  }
}

/* Tableten és mobilon továbbra is kitöltjük a változó képarányú területet. */
@media (max-width: 1100px) {
  .sc-hero-wd001-v2 .sc-hero-photo {
    background-size: cover;
    background-position: 68% center;
  }
}


/* SZTK WD-001 Hero V2.3 – végleges háttérbefoglalás
   A fotóréteg ugyanazt a maximális szélességet kapja, mint az oldal tartalmi
   konténere. Így semmilyen ablakméretnél nem futhat túl vízszintesen. */
.sc-hero-wd001-v2 {
  position: relative;
  overflow: hidden !important;
}

.sc-hero-wd001-v2 .sc-hero-photo {
  inset: auto !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  right: auto !important;
  width: min(1160px, calc(100% - 32px)) !important;
  height: 100% !important;
  transform: translateX(-50%) !important;
  background-image: url('../images/hero/SZTK_Hero_Hatter.webp') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: none !important;
}

/* A kép jobb oldali hangsúlya megmarad, de a konténeren belül. */
@media (min-width: 1101px) {
  .sc-hero-wd001-v2 .sc-hero-photo {
    background-position: 58% center !important;
  }
}

@media (max-width: 1100px) {
  .sc-hero-wd001-v2 .sc-hero-photo {
    width: 100% !important;
    background-position: 68% center !important;
  }
}


/* ==========================================================
   SZTK WD-001 Hero V2.4 – jóváhagyás előtti kompozíció-finomhangolás
   A logó mérete és helyzete változatlan.
   ========================================================== */

/* A Hero közelebb kerül a fejléchez, és alacsonyabb, feszesebb ritmust kap. */
.sc-hero-wd001-v2 {
  min-height: 680px !important;
  padding-top: 14px !important;
}

/* A háttér bal oldalon szinte teljesen fehér, jobbra fokozatosan válik láthatóvá. */
.sc-hero-wd001-v2::before {
  background: linear-gradient(
    90deg,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,.995) 34%,
    rgba(255,255,255,.94) 48%,
    rgba(255,255,255,.67) 63%,
    rgba(255,255,255,.26) 81%,
    rgba(255,255,255,.12) 100%
  ) !important;
}

/* Kényelmesebb oszlopköz, a bal oldali tartalom marad domináns. */
.sc-hero-layout-v2 {
  grid-template-columns: minmax(0,1.72fr) minmax(285px,.88fr) !important;
  gap: 58px !important;
  min-height: 500px !important;
}

/* Kevesebb felső és alsó belső tér. */
.sc-hero-copy-v2 {
  max-width: 830px !important;
  padding: 18px 0 24px !important;
}

/* A cím nyugodtabb méretet és három jól olvasható sorblokkot kap. */
.sc-hero-wd001-v2 h1 {
  max-width: 830px !important;
  margin: 22px 0 12px !important;
  font-size: clamp(3rem,4.75vw,5rem) !important;
  line-height: 1.01 !important;
  letter-spacing: -.048em !important;
}

/* Rövidebb elválasztó és rendezettebb szövegblokk. */
.sc-hero-wd001-v2 .hero-divider {
  margin: 19px 0 !important;
}

.hero-lead-v2 {
  max-width: 560px !important;
  font-size: clamp(.98rem,1.15vw,1.08rem) !important;
  line-height: 1.55 !important;
}

.hero-actions-v2 {
  margin-top: 23px !important;
}

/* A logót nem módosítjuk; csak a körülötte lévő oszlop kap stabil helyet. */
.hero-art-v2 {
  min-height: 420px !important;
}

/* A kártyák a Hero részeként maradnak, kissé feljebb húzva. */
.hero-values-v2 {
  margin-top: -38px !important;
  padding-bottom: 28px !important;
}

/* Nagy asztali képernyőkön se nyúljon túl magasra a nyitóképernyő. */
@media (min-width: 1101px) {
  .sc-hero-wd001-v2 {
    min-height: 670px !important;
  }
}

/* Tablet: az arányok finom visszaállítása. */
@media (max-width: 1100px) {
  .sc-hero-layout-v2 {
    gap: 34px !important;
  }

  .sc-hero-wd001-v2 h1 {
    font-size: clamp(2.85rem,5.7vw,4.7rem) !important;
  }
}

/* Mobilon a korábbi működő függőleges szerkezet marad. */
@media (max-width: 850px) {
  .sc-hero-wd001-v2 {
    min-height: auto !important;
    padding-top: 16px !important;
  }

  .sc-hero-layout-v2 {
    gap: 12px !important;
  }

  .sc-hero-copy-v2 {
    padding: 16px 0 4px !important;
  }

  .sc-hero-wd001-v2 h1 {
    margin-top: 18px !important;
    font-size: clamp(2.65rem,10.5vw,4.35rem) !important;
  }

  .hero-values-v2 {
    margin-top: 0 !important;
  }
}


/* ==========================================================
   SZTK WD-001 Hero V2.5
   Magyar címtördelés + információs kártyák pozíciója
   ========================================================== */

/* A négy információs kártya kevésbé csúszik fel a CTA-gombokra. */
.hero-values-v2 {
  margin-top: -14px !important;
}

/* A magyar főcím az angol változathoz közelebbi, nyugodtabb tördelést kap. */
html[lang^="hu"] .sc-hero-layout-v2 {
  grid-template-columns: minmax(0,1.82fr) minmax(275px,.78fr) !important;
  gap: 50px !important;
}

html[lang^="hu"] .sc-hero-copy-v2 {
  max-width: 870px !important;
}

html[lang^="hu"] .sc-hero-wd001-v2 h1 {
  max-width: 870px !important;
  font-size: clamp(2.85rem,4.25vw,4.5rem) !important;
  line-height: 1.015 !important;
  letter-spacing: -.045em !important;
}

/* A magyar leíró rész és a gombok maradjanak kényelmes távolságban. */
html[lang^="hu"] .hero-lead-v2 {
  max-width: 575px !important;
}

html[lang^="hu"] .hero-actions-v2 {
  margin-top: 21px !important;
}

/* Közepes asztali szélességen ne törjön vissza túl hamar. */
@media (min-width: 1101px) and (max-width: 1360px) {
  html[lang^="hu"] .sc-hero-wd001-v2 h1 {
    font-size: clamp(2.75rem,4.05vw,4.25rem) !important;
  }
}

/* Mobilon a kártyák természetes folyásban maradnak. */
@media (max-width: 850px) {
  .hero-values-v2 {
    margin-top: 12px !important;
  }

  html[lang^="hu"] .sc-hero-layout-v2 {
    grid-template-columns: 1fr !important;
  }

  html[lang^="hu"] .sc-hero-wd001-v2 h1 {
    font-size: clamp(2.55rem,10vw,4.1rem) !important;
  }
}


/* ==========================================================
   SZTK WD-001 Hero V2.6 RC
   - HU és DE embléma 30 px balra
   - DE elrendezés a jóváhagyott HU arányai szerint
   - EN változatlan
   ========================================================== */

@media (min-width: 851px) {
  /* Csak a magyar és német embléma mozdul 30 px-szel balra. */
  html[lang^="hu"] .hero-primary-logo-v2,
  html[lang^="de"] .hero-primary-logo-v2 {
    left: calc(49% - 30px) !important;
  }

  /* A német Hero ugyanazokat az arányokat kapja, mint a magyar. */
  html[lang^="de"] .sc-hero-layout-v2 {
    grid-template-columns: minmax(0,1.82fr) minmax(275px,.78fr) !important;
    gap: 50px !important;
  }

  html[lang^="de"] .sc-hero-copy-v2 {
    max-width: 870px !important;
  }

  html[lang^="de"] .sc-hero-wd001-v2 h1 {
    max-width: 870px !important;
    font-size: clamp(2.85rem,4.25vw,4.5rem) !important;
    line-height: 1.015 !important;
    letter-spacing: -.045em !important;
  }

  html[lang^="de"] .hero-lead-v2 {
    max-width: 575px !important;
  }

  html[lang^="de"] .hero-actions-v2 {
    margin-top: 21px !important;
  }
}

/* Közepes asztali szélességen a német cím se törjön vissza túl hamar. */
@media (min-width: 1101px) and (max-width: 1360px) {
  html[lang^="de"] .sc-hero-wd001-v2 h1 {
    font-size: clamp(2.75rem,4.05vw,4.25rem) !important;
  }
}

/* Mobilon mindhárom nyelv középre rendezett, egységes marad. */
@media (max-width: 850px) {
  html[lang^="de"] .sc-hero-layout-v2 {
    grid-template-columns: 1fr !important;
  }

  html[lang^="de"] .sc-hero-wd001-v2 h1 {
    font-size: clamp(2.55rem,10vw,4.1rem) !important;
  }

  html[lang^="hu"] .hero-primary-logo-v2,
  html[lang^="de"] .hero-primary-logo-v2 {
    left: 49% !important;
  }
}


/* ==========================================================
   SZTK WD-002 – Szolgáltatások V1.0
   ========================================================== */
.wd002-services{position:relative;padding:70px 0 78px;background:radial-gradient(circle at 8% 8%,rgba(91,163,65,.055),transparent 25%),#fff;overflow:hidden}
.wd002-services-head{max-width:900px;margin:0 0 34px;text-align:left}
.wd002-services-badge{background:rgba(255,255,255,.9);border-color:rgba(91,163,65,.28);color:#2e7d32}
.wd002-services-head h2{margin:20px 0 12px;color:#0f2b33;font-family:Arial,"Liberation Sans",sans-serif;font-size:clamp(2.25rem,4vw,3.7rem);font-weight:700;line-height:1.08;letter-spacing:-.035em}
.wd002-services-head p{max-width:860px;margin:0;color:#4f5e63;font-family:Arial,"Liberation Sans",sans-serif;font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.65}
.wd002-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.wd002-service-card{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:1fr auto;column-gap:22px;min-height:230px;padding:28px;background:#fff;border:1px solid rgba(31,58,31,.09);border-radius:18px;box-shadow:0 14px 38px rgba(20,51,45,.075);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.wd002-service-card:hover{transform:translateY(-3px);border-color:rgba(46,125,50,.24);box-shadow:0 20px 48px rgba(20,51,45,.12)}
.wd002-service-icon{position:relative;grid-row:1;width:104px;height:104px;border-radius:50%;color:#2e7d32;background:linear-gradient(145deg,#f1f7ef,#e7f1e4);overflow:hidden}
.wd002-service-icon::before,.wd002-service-icon::after{content:"";position:absolute;display:block}
.wd002-service-icon.service-icon-home::before{width:45px;height:36px;left:29px;top:48px;border:4px solid currentColor;border-top:0;border-radius:2px}
.wd002-service-icon.service-icon-home::after{width:39px;height:39px;left:31px;top:24px;border-left:4px solid currentColor;border-top:4px solid currentColor;transform:rotate(45deg);border-radius:2px}
.wd002-service-icon.service-icon-office::before{width:42px;height:30px;left:20px;top:22px;border:4px solid currentColor;border-radius:3px;box-shadow:14px 37px 0 -11px currentColor}
.wd002-service-icon.service-icon-office::after{width:54px;height:4px;left:20px;top:58px;background:currentColor;box-shadow:0 19px 0 -1px currentColor}
.wd002-service-icon.service-icon-building::before{width:48px;height:56px;left:29px;top:23px;border:4px solid currentColor;border-radius:2px;background:linear-gradient(currentColor,currentColor) 10px 12px/6px 6px no-repeat,linear-gradient(currentColor,currentColor) 28px 12px/6px 6px no-repeat,linear-gradient(currentColor,currentColor) 10px 28px/6px 6px no-repeat,linear-gradient(currentColor,currentColor) 28px 28px/6px 6px no-repeat}
.wd002-service-icon.service-icon-building::after{width:28px;height:40px;left:15px;top:39px;border:4px solid currentColor;border-radius:2px}
.wd002-service-icon.service-icon-institution::before{width:58px;height:40px;left:23px;top:39px;border:4px solid currentColor;border-top:0;background:repeating-linear-gradient(90deg,transparent 0 10px,currentColor 10px 14px)}
.wd002-service-icon.service-icon-institution::after{width:66px;height:4px;left:19px;top:30px;background:currentColor;box-shadow:0 50px 0 currentColor}
.wd002-service-icon.service-icon-deep::before{width:45px;height:45px;left:25px;top:23px;border:4px solid currentColor;border-radius:50%}
.wd002-service-icon.service-icon-deep::after{width:28px;height:4px;left:58px;top:66px;background:currentColor;transform:rotate(45deg);border-radius:4px}
.wd002-service-icon.service-icon-construction::before{width:47px;height:30px;left:28px;top:48px;border:4px solid currentColor;border-radius:16px 16px 5px 5px}
.wd002-service-icon.service-icon-construction::after{width:8px;height:58px;left:49px;top:17px;border:4px solid currentColor;border-bottom:0;border-radius:11px 11px 0 0;transform:rotate(11deg)}
.wd002-service-content h3{margin:5px 0 10px;color:#111d21;font-family:Arial,"Liberation Sans",sans-serif;font-size:1.2rem;font-weight:700;line-height:1.25}
.wd002-service-content p{margin:0;color:#4f5e63;font-family:Arial,"Liberation Sans",sans-serif;font-size:.98rem;line-height:1.6}
.wd002-service-link{grid-column:1/-1;align-self:end;display:inline-flex;align-items:center;gap:18px;width:max-content;margin-top:18px;color:#2e7d32;font-family:Arial,"Liberation Sans",sans-serif;font-weight:700;transition:gap .2s ease,color .2s ease}
.wd002-service-link:hover{gap:24px;color:#1f5f24;text-decoration:none}
.wd002-link-arrow{font-size:1.6rem;line-height:1}
.wd002-services-cta{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:24px;margin-top:34px;padding:24px 34px;background:linear-gradient(100deg,#f3f8f1,#edf5ec);border:1px solid rgba(46,125,50,.08);border-radius:24px}
.wd002-cta-icon{position:relative;width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#5ba341,#2e7d32);box-shadow:0 9px 22px rgba(46,125,50,.22)}
.wd002-cta-icon::before{content:"☎";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:700 30px/1 Arial,sans-serif}
.wd002-cta-copy h3{margin:0 0 3px;color:#111d21;font-family:Arial,"Liberation Sans",sans-serif;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.2}
.wd002-cta-copy p{margin:0;color:#4f5e63;font-family:Arial,"Liberation Sans",sans-serif}
.wd002-cta-button{min-width:190px;border-radius:7px;background:#2e7d32;box-shadow:none;text-transform:uppercase}
.wd002-cta-button:hover{background:#245f28}
@media(max-width:1050px){.wd002-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.wd002-services{padding:56px 0 62px}.wd002-service-grid{grid-template-columns:1fr}.wd002-service-card{grid-template-columns:82px minmax(0,1fr);min-height:210px;padding:24px}.wd002-service-icon{width:82px;height:82px;transform:scale(.82);transform-origin:top left}.wd002-services-cta{grid-template-columns:58px 1fr;gap:17px;padding:22px}.wd002-cta-icon{width:54px;height:54px}.wd002-cta-button{grid-column:1/-1;width:100%;margin-top:4px}}
@media(max-width:440px){.wd002-service-card{display:block}.wd002-service-icon{margin-bottom:16px}.wd002-service-link{margin-top:20px}}


/* ==========================================================
   SZTK WD-002 végleges optikai korrekció
   ========================================================== */
.wd002-services{padding-top:20px!important}
.wd002-services-head h2{font-size:clamp(1.9rem,3vw,2.6rem)!important;margin-top:14px!important}

/* ==========================================================
   SZTK WD-003 – Miért a Szilvia Takarítás? V1.0
   ========================================================== */
.wd003-why{
  position:relative;
  padding:20px 0 82px;
  background:
    radial-gradient(circle at 8% 8%,rgba(91,163,65,.055),transparent 26%),
    #fff;
  overflow:hidden;
}
.wd003-panel{
  position:relative;
  display:grid;
  grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);
  gap:56px;
  align-items:center;
  padding:34px;
  background:#fff;
  border:1px solid rgba(31,58,31,.075);
  border-radius:28px;
  box-shadow:0 18px 48px rgba(20,51,45,.085);
  overflow:hidden;
}
.wd003-panel::before{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  right:-105px;
  top:-110px;
  border:1px solid rgba(91,163,65,.1);
  border-radius:50%;
  box-shadow:0 0 0 38px rgba(91,163,65,.025),0 0 0 76px rgba(91,163,65,.018);
  pointer-events:none;
}
.wd003-panel::after{
  content:"";
  position:absolute;
  width:190px;
  height:95px;
  right:-30px;
  bottom:-18px;
  border:2px solid rgba(91,163,65,.075);
  border-left-color:transparent;
  border-bottom-color:transparent;
  border-radius:100% 0 100% 0;
  transform:rotate(-18deg);
  pointer-events:none;
}
.wd003-visual{
  position:relative;
  min-height:620px;
  padding:34px 0 0 34px;
}
.wd003-photo-backdrop{
  position:absolute;
  inset:0 18% 3% 0;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(91,163,65,.18),rgba(91,163,65,.07));
}
.wd003-photo{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:620px;
  object-fit:cover;
  object-position:center center;
  border-radius:24px;
  box-shadow:0 18px 38px rgba(20,51,45,.13);
}
.wd003-content{
  position:relative;
  z-index:2;
  padding:20px 6px 18px 0;
}
.wd003-badge{
  background:rgba(255,255,255,.94);
  border-color:rgba(91,163,65,.28);
  color:#2e7d32;
}
.wd003-content>h2{
  max-width:720px;
  margin:22px 0 16px;
  color:#0f2b33;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:clamp(2.1rem,3.65vw,3.65rem);
  font-weight:700;
  line-height:1.06;
  letter-spacing:-.04em;
}
.wd003-lead{
  max-width:720px;
  margin:0 0 30px;
  color:#4f5e63;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:clamp(1rem,1.28vw,1.1rem);
  line-height:1.65;
}
.wd003-benefits{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 30px;
  margin-top:8px;
}
.wd003-benefit{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:16px;
  min-height:138px;
  padding:20px 0;
  border-top:1px solid rgba(31,58,31,.085);
}
.wd003-benefit:nth-child(-n+2){border-top:0}
.wd003-benefit:nth-child(odd){padding-right:20px;border-right:1px solid rgba(31,58,31,.075)}
.wd003-benefit-icon{
  position:relative;
  width:64px;
  height:64px;
  border-radius:50%;
  background:linear-gradient(145deg,#f1f7ef,#e5f0e2);
  color:#2e7d32;
}
.wd003-benefit-icon::before,.wd003-benefit-icon::after{
  content:"";
  position:absolute;
  display:block;
}
.wd003-icon-shield::before{
  width:30px;height:36px;left:17px;top:13px;
  border:3px solid currentColor;
  border-radius:14px 14px 18px 18px;
  clip-path:polygon(50% 0,100% 18%,88% 75%,50% 100%,12% 75%,0 18%);
}
.wd003-icon-shield::after{
  width:15px;height:8px;left:24px;top:28px;
  border-left:3px solid currentColor;border-bottom:3px solid currentColor;
  transform:rotate(-45deg);
}
.wd003-icon-clock::before{
  width:34px;height:34px;left:15px;top:15px;border:3px solid currentColor;border-radius:50%;
}
.wd003-icon-clock::after{
  width:3px;height:17px;left:31px;top:20px;background:currentColor;
  box-shadow:7px 12px 0 -1px currentColor;
  transform-origin:bottom center;
}
.wd003-icon-star::before{
  width:42px;height:42px;left:11px;top:11px;
  background:currentColor;
  clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 93%,50% 71%,21% 93%,32% 56%,2% 35%,39% 35%);
}
.wd003-icon-star::after{
  width:30px;height:30px;left:17px;top:17px;background:#eaf3e7;
  clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 93%,50% 71%,21% 93%,32% 56%,2% 35%,39% 35%);
}
.wd003-icon-users::before{
  width:17px;height:17px;left:17px;top:13px;border:3px solid currentColor;border-radius:50%;
  box-shadow:19px 4px 0 -3px #eaf3e7,19px 4px 0 0 currentColor;
}
.wd003-icon-users::after{
  width:32px;height:20px;left:10px;top:36px;border:3px solid currentColor;border-radius:18px 18px 5px 5px;
  box-shadow:20px 0 0 -3px #eaf3e7,20px 0 0 0 currentColor;
}
.wd003-icon-leaf::before{
  width:35px;height:42px;left:14px;top:11px;border:3px solid currentColor;border-radius:100% 0 100% 0;
  transform:rotate(10deg);
}
.wd003-icon-leaf::after{
  width:38px;height:3px;left:13px;top:36px;background:currentColor;transform:rotate(-42deg);
}
.wd003-icon-pin::before{
  width:29px;height:37px;left:17px;top:10px;border:3px solid currentColor;border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
}
.wd003-icon-pin::after{
  width:9px;height:9px;left:27px;top:22px;border:3px solid currentColor;border-radius:50%;
}
.wd003-benefit h3{
  margin:2px 0 7px;
  color:#111d21;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:1.08rem;
  line-height:1.25;
}
.wd003-benefit p{
  margin:0;
  color:#5b686d;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:.94rem;
  line-height:1.55;
}
.wd003-cta{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  min-width:290px;
  margin-top:26px;
  padding:15px 24px;
  border-radius:999px;
  background:linear-gradient(135deg,#2e7d32,#16854b);
  box-shadow:0 10px 24px rgba(46,125,50,.2);
}
.wd003-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(46,125,50,.26);
}
.wd003-cta span:last-child{font-size:1.55rem;line-height:1}

@media(max-width:1050px){
  .wd003-panel{grid-template-columns:1fr;gap:32px;padding:28px}
  .wd003-visual{min-height:500px;padding:24px 0 0 24px}
  .wd003-photo{height:500px}
  .wd003-content{padding:0 4px 12px}
}
@media(max-width:720px){
  .wd003-why{padding-bottom:62px}
  .wd003-panel{padding:20px;border-radius:22px}
  .wd003-visual{min-height:390px;padding:18px 0 0 18px}
  .wd003-photo{height:390px;border-radius:18px}
  .wd003-photo-backdrop{border-radius:22px}
  .wd003-benefits{grid-template-columns:1fr}
  .wd003-benefit{border-top:1px solid rgba(31,58,31,.085)!important;border-right:0!important;padding:18px 0!important}
  .wd003-benefit:first-child{border-top:0!important}
  .wd003-cta{width:100%;min-width:0}
}
@media(max-width:440px){
  .wd003-panel{padding:16px}
  .wd003-visual{min-height:330px;padding:12px 0 0 12px}
  .wd003-photo{height:330px}
  .wd003-benefit{grid-template-columns:58px minmax(0,1fr);gap:12px}
  .wd003-benefit-icon{width:54px;height:54px;transform:scale(.85);transform-origin:top left}
}


/* ==========================================================
   SZTK WD-003 V1.1 – optikai finomhangolás
   ========================================================== */

/* A WD-002 és WD-003 közötti tér csökkentése. */
.wd002-services {
  padding-bottom: 20px !important;
}

.wd003-why {
  padding-top: 0 !important;
}

/* A WD-003 jelölés és teljes szöveges rész balra igazítása. */
.wd003-content {
  text-align: left !important;
}

.wd003-badge {
  display: inline-flex !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* A főcím a WD-002 H2 méretéhez igazodik. */
.wd003-content > h2 {
  max-width: 680px !important;
  margin-top: 14px !important;
  margin-bottom: 14px !important;
  font-size: clamp(1.9rem, 3vw, 2.6rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

/* A panel ne kapjon külön felső eltartást. */
.wd003-panel {
  margin-top: 0 !important;
}

@media (max-width: 720px) {
  .wd002-services {
    padding-bottom: 18px !important;
  }

  .wd003-why {
    padding-top: 0 !important;
  }

  .wd003-content > h2 {
    font-size: clamp(1.8rem, 8vw, 2.45rem) !important;
  }
}


/* ==========================================================
   SZTK WD-003 V1.2 – Final Finetune
   ========================================================== */

/* A jobb oldali tartalom minden eleme egységesen balra igazodik. */
.wd003-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.wd003-badge {
  align-self: flex-start !important;
  display: inline-flex !important;
  width: auto !important;
  margin: 0 0 0 0 !important;
  text-align: left !important;
}

/* A cím és a bevezető ugyanarról a bal élről indul. */
.wd003-content > h2,
.wd003-lead,
.wd003-benefits,
.wd003-cta {
  align-self: stretch;
}

.wd003-content > h2 {
  margin-top: 14px !important;
}

/* A WD-002 és WD-003 közötti függőleges rés minimalizálása. */
.wd002-services {
  padding-bottom: 8px !important;
}

.wd002-services-cta {
  margin-bottom: 0 !important;
}

.wd003-why {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.wd003-panel {
  margin-top: 0 !important;
}

/* A teljes szekció közelebb húzása az előző CTA-sávhoz. */
.wd003-why > .shell {
  margin-top: 0 !important;
}

/* Tablet és mobil nézetben is megmarad a balra igazítás és a kis távolság. */
@media (max-width: 1050px) {
  .wd003-content {
    align-items: flex-start !important;
  }

  .wd003-badge {
    align-self: flex-start !important;
  }
}

@media (max-width: 720px) {
  .wd002-services {
    padding-bottom: 6px !important;
  }

  .wd003-why {
    padding-top: 0 !important;
  }
}


/* ==========================================================
   SZTK WD-003 V1.3 – badge ténylegesen a bal oldali képoszlopon
   ========================================================== */

.wd003-visual {
  padding-top: 62px !important;
}

.wd003-badge-left {
  position: absolute !important;
  top: 0 !important;
  left: 34px !important;
  z-index: 3 !important;
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
  text-align: left !important;
}

@media (max-width: 1050px) {
  .wd003-visual {
    padding-top: 56px !important;
  }

  .wd003-badge-left {
    left: 24px !important;
  }
}

@media (max-width: 720px) {
  .wd003-visual {
    padding-top: 52px !important;
  }

  .wd003-badge-left {
    left: 18px !important;
  }
}


/* ==========================================================
   SZTK WD-003 V1.4 – badge pozíció finomhangolás
   A badge a teljes WD-003 panel bal felső sarkához igazodik.
   ========================================================== */

.wd003-panel {
  padding-top: 76px !important;
}

.wd003-badge-panel {
  position: absolute !important;
  top: 28px !important;
  left: 34px !important;
  z-index: 4 !important;
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
  text-align: left !important;
}

/* A korábbi, képoszlophoz kötött extra felső tér megszüntetése. */
.wd003-visual {
  padding-top: 34px !important;
}

/* A régi badge-osztály már ne hasson semmire. */
.wd003-badge-left {
  position: static !important;
}

@media (max-width: 1050px) {
  .wd003-panel {
    padding-top: 68px !important;
  }

  .wd003-badge-panel {
    top: 24px !important;
    left: 28px !important;
  }

  .wd003-visual {
    padding-top: 24px !important;
  }
}

@media (max-width: 720px) {
  .wd003-panel {
    padding-top: 62px !important;
  }

  .wd003-badge-panel {
    top: 20px !important;
    left: 20px !important;
  }

  .wd003-visual {
    padding-top: 18px !important;
  }
}


/* ==========================================================
   SZTK WD-004 – Gyakori kérdések V1.0
   ========================================================== */

.wd004-faq{
  position:relative;
  padding:20px 0 82px;
  background:
    radial-gradient(circle at 92% 8%,rgba(91,163,65,.055),transparent 28%),
    #f8fbf8;
}

.wd004-panel{
  position:relative;
  padding:44px 54px 46px;
  background:#fff;
  border:1px solid rgba(31,58,31,.075);
  border-radius:28px;
  box-shadow:0 18px 48px rgba(20,51,45,.08);
  overflow:hidden;
}

.wd004-panel::before{
  content:"";
  position:absolute;
  width:310px;
  height:310px;
  right:-120px;
  top:-135px;
  border:1px solid rgba(91,163,65,.09);
  border-radius:50%;
  box-shadow:0 0 0 44px rgba(91,163,65,.024),0 0 0 88px rgba(91,163,65,.016);
  pointer-events:none;
}

.wd004-head{
  position:relative;
  z-index:1;
  max-width:760px;
  margin-bottom:30px;
  text-align:left;
}

.wd004-badge{
  background:rgba(255,255,255,.94);
  border-color:rgba(91,163,65,.28);
  color:#2e7d32;
}

.wd004-head h2{
  margin:14px 0 12px;
  color:#0f2b33;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:clamp(1.9rem,3vw,2.6rem);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.035em;
}

.wd004-head p{
  max-width:720px;
  margin:0;
  color:#4f5e63;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:clamp(1rem,1.25vw,1.08rem);
  line-height:1.65;
}

.wd004-accordion{
  position:relative;
  z-index:1;
  display:grid;
  gap:12px;
}

.wd004-item{
  position:relative;
  background:#fff;
  border:1px solid rgba(31,58,31,.1);
  border-radius:14px;
  box-shadow:0 7px 20px rgba(20,51,45,.055);
  overflow:hidden;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}

.wd004-item[open]{
  border-color:rgba(46,125,50,.28);
  box-shadow:0 12px 28px rgba(20,51,45,.085);
}

.wd004-item[open]::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:#2e7d32;
}

.wd004-item summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:72px;
  padding:18px 24px 18px 28px;
  cursor:pointer;
  list-style:none;
  color:#111d21;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:1.08rem;
  font-weight:700;
  line-height:1.35;
}

.wd004-item summary::-webkit-details-marker{display:none}

.wd004-toggle{
  position:relative;
  flex:0 0 auto;
  width:28px;
  height:28px;
}

.wd004-toggle::before,
.wd004-toggle::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:2px;
  background:#2e7d32;
  border-radius:2px;
  transform:translate(-50%,-50%);
  transition:transform .25s ease,opacity .25s ease;
}

.wd004-toggle::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.wd004-item[open] .wd004-toggle::after{
  opacity:0;
  transform:translate(-50%,-50%) rotate(0deg);
}

.wd004-answer{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .28s ease;
}

.wd004-item[open] .wd004-answer{
  grid-template-rows:1fr;
}

.wd004-answer p{
  min-height:0;
  overflow:hidden;
  margin:0;
  padding:0 64px 0 28px;
  color:#5b686d;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:.98rem;
  line-height:1.65;
  transition:padding .28s ease;
}

.wd004-item[open] .wd004-answer p{
  padding-top:0;
  padding-bottom:22px;
}

.wd004-cta{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:70px 1fr auto;
  align-items:center;
  gap:24px;
  margin-top:30px;
  padding:22px 28px;
  background:linear-gradient(100deg,#f4f9f2,#edf5ec);
  border:1px solid rgba(46,125,50,.1);
  border-radius:20px;
}

.wd004-cta-icon{
  position:relative;
  width:60px;
  height:60px;
  border-radius:50%;
  background:#fff;
  border:1px solid rgba(46,125,50,.12);
}

.wd004-cta-icon::before{
  content:"?";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#2e7d32;
  font:700 30px/1 Arial,sans-serif;
}

.wd004-cta-copy h3{
  margin:0 0 4px;
  color:#111d21;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:1.22rem;
  line-height:1.25;
}

.wd004-cta-copy p{
  margin:0;
  color:#5b686d;
  font-family:Arial,"Liberation Sans",sans-serif;
}

.wd004-cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-width:230px;
  padding:14px 22px;
  border-radius:8px;
  background:#2e7d32;
  box-shadow:none;
  text-transform:uppercase;
}

.wd004-cta-button:hover{
  background:#245f28;
  transform:translateY(-1px);
}

.wd004-cta-button span:last-child{
  font-size:1.45rem;
  line-height:1;
}

@media(max-width:800px){
  .wd004-panel{padding:34px 28px 36px}
  .wd004-cta{grid-template-columns:58px 1fr}
  .wd004-cta-button{grid-column:1/-1;width:100%;margin-top:4px}
}

@media(max-width:520px){
  .wd004-faq{padding-bottom:62px}
  .wd004-panel{padding:26px 18px 28px;border-radius:22px}
  .wd004-item summary{min-height:66px;padding:16px 18px;font-size:1rem}
  .wd004-answer p{padding-left:18px;padding-right:48px}
  .wd004-cta{padding:20px;grid-template-columns:1fr}
  .wd004-cta-icon{display:none}
  .wd004-cta-button{min-width:0}
}


/* ==========================================================
   SZTK WD-004 V1.1 – térköz finomhangolás
   ========================================================== */

/* A WD-003 és WD-004 közötti távolság csökkentése. */
.wd003-why {
  padding-bottom: 8px !important;
}

.wd004-faq {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.wd004-panel {
  margin-top: 0 !important;
}

@media (max-width: 720px) {
  .wd003-why {
    padding-bottom: 6px !important;
  }

  .wd004-faq {
    padding-top: 0 !important;
  }
}


/* ==========================================================
   SZTK WD-005 – Hogyan dolgozunk? V1.0
   ========================================================== */
.wd005-process{position:relative;padding:12px 0 82px;background:radial-gradient(circle at 8% 88%,rgba(91,163,65,.055),transparent 28%),#fff;overflow:hidden}
.wd005-panel{position:relative;padding:44px 54px 46px;background:#fff;border:1px solid rgba(31,58,31,.075);border-radius:28px;box-shadow:0 18px 48px rgba(20,51,45,.08);overflow:hidden}
.wd005-panel::before{content:"";position:absolute;width:300px;height:300px;right:-118px;top:-132px;border:1px solid rgba(91,163,65,.09);border-radius:50%;box-shadow:0 0 0 42px rgba(91,163,65,.023),0 0 0 84px rgba(91,163,65,.015);pointer-events:none}
.wd005-head{position:relative;z-index:2;max-width:840px;margin:0 0 42px;text-align:left}
.wd005-badge{background:rgba(255,255,255,.94);border-color:rgba(91,163,65,.28);color:#2e7d32}
.wd005-head h2{margin:14px 0 12px;color:#0f2b33;font-family:Arial,"Liberation Sans",sans-serif;font-size:clamp(1.9rem,3vw,2.6rem);font-weight:700;line-height:1.08;letter-spacing:-.035em}
.wd005-head p{max-width:760px;margin:0;color:#4f5e63;font-family:Arial,"Liberation Sans",sans-serif;font-size:clamp(1rem,1.25vw,1.08rem);line-height:1.65}
.wd005-timeline{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-top:8px}
.wd005-line{position:absolute;left:12.5%;right:12.5%;top:35px;height:2px;background:linear-gradient(90deg,rgba(46,125,50,.15),rgba(91,163,65,.55),rgba(46,125,50,.15));z-index:0}
.wd005-step{position:relative;z-index:1;min-width:0;text-align:center}
.wd005-number{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 22px;border:1px solid rgba(46,125,50,.25);border-radius:50%;background:linear-gradient(145deg,#f2f8ef,#e4f0e0);color:#2e7d32;font-family:Arial,"Liberation Sans",sans-serif;font-size:1.2rem;font-weight:700;box-shadow:0 8px 20px rgba(46,125,50,.13)}
.wd005-step-icon{position:relative;width:76px;height:76px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(145deg,#f1f7ef,#e6f0e3);color:#2e7d32}
.wd005-step-icon::before,.wd005-step-icon::after{content:"";position:absolute;display:block}
.wd005-icon-phone::before{content:"☎";inset:0;display:grid;place-items:center;font:700 34px/1 Arial,sans-serif}
.wd005-icon-clipboard::before{width:34px;height:42px;left:21px;top:19px;border:3px solid currentColor;border-radius:4px}
.wd005-icon-clipboard::after{width:18px;height:8px;left:29px;top:13px;border:3px solid currentColor;border-bottom:0;border-radius:5px 5px 0 0}
.wd005-icon-broom::before{width:7px;height:45px;left:36px;top:11px;border:3px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0;transform:rotate(12deg)}
.wd005-icon-broom::after{width:38px;height:23px;left:20px;top:45px;border:3px solid currentColor;border-radius:18px 18px 5px 5px}
.wd005-icon-sparkle::before{width:42px;height:42px;left:17px;top:16px;background:currentColor;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 93%,50% 71%,21% 93%,32% 56%,2% 35%,39% 35%)}
.wd005-icon-sparkle::after{width:26px;height:26px;left:25px;top:24px;background:#eaf3e7;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 93%,50% 71%,21% 93%,32% 56%,2% 35%,39% 35%)}
.wd005-step h3{margin:0 0 10px;color:#111d21;font-family:Arial,"Liberation Sans",sans-serif;font-size:1.12rem;line-height:1.25}
.wd005-step p{max-width:250px;margin:0 auto;color:#5b686d;font-family:Arial,"Liberation Sans",sans-serif;font-size:.95rem;line-height:1.58}
.wd005-cta{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:42px;padding:24px 28px;background:linear-gradient(100deg,#f4f9f2,#edf5ec);border:1px solid rgba(46,125,50,.1);border-radius:20px}
.wd005-cta h3{max-width:720px;margin:0;color:#111d21;font-family:Arial,"Liberation Sans",sans-serif;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.35}
.wd005-cta-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:230px;padding:14px 22px;border-radius:8px;background:#2e7d32;box-shadow:none;text-transform:uppercase}
.wd005-cta-button:hover{background:#245f28;transform:translateY(-1px)}
.wd005-cta-button span:last-child{font-size:1.45rem;line-height:1}
.wd004-faq{padding-bottom:8px!important}
@media(max-width:1000px){.wd005-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px}.wd005-line{display:none}}
@media(max-width:720px){.wd005-process{padding-bottom:62px}.wd005-panel{padding:34px 24px 36px;border-radius:22px}.wd005-timeline{grid-template-columns:1fr;gap:0;padding-left:22px}.wd005-timeline::before{content:"";position:absolute;left:48px;top:28px;bottom:28px;width:2px;background:rgba(46,125,50,.2)}.wd005-step{display:grid;grid-template-columns:54px 76px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 18px;min-height:145px;text-align:left}.wd005-number{grid-row:1/3;margin:0;z-index:1}.wd005-step-icon{grid-row:1/3;margin:0}.wd005-step h3{align-self:end;margin-bottom:6px}.wd005-step p{align-self:start;max-width:none;margin:0}.wd005-cta{flex-direction:column;align-items:flex-start}.wd005-cta-button{width:100%}}
@media(max-width:480px){.wd005-panel{padding:28px 18px 30px}.wd005-timeline{padding-left:0}.wd005-timeline::before{left:27px}.wd005-step{grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto auto;gap:8px 16px;padding:18px 0}.wd005-number{grid-row:1/4}.wd005-step-icon{grid-column:2;grid-row:1;width:64px;height:64px}.wd005-step h3{grid-column:2;grid-row:2}.wd005-step p{grid-column:2;grid-row:3}}
@media(prefers-reduced-motion:no-preference){.wd005-step{animation:wd005FadeUp .45s ease both}.wd005-step:nth-child(3){animation-delay:.08s}.wd005-step:nth-child(4){animation-delay:.16s}.wd005-step:nth-child(5){animation-delay:.24s}@keyframes wd005FadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}


/* ==========================================================
   SZTK WD-005 Final – 3. lépés ikon cseréje
   Egyértelmű, klasszikus seprű ikon.
   ========================================================== */
.wd005-icon-broom::before{
  width:6px!important;
  height:44px!important;
  left:37px!important;
  top:9px!important;
  border:3px solid currentColor!important;
  border-bottom:0!important;
  border-radius:7px 7px 0 0!important;
  transform:rotate(28deg)!important;
}
.wd005-icon-broom::after{
  width:34px!important;
  height:24px!important;
  left:18px!important;
  top:44px!important;
  border:3px solid currentColor!important;
  border-radius:4px 4px 14px 14px!important;
  transform:skewX(-12deg)!important;
  background:
    repeating-linear-gradient(90deg,transparent 0 6px,currentColor 6px 8px)!important;
}

/* ==========================================================
   SZTK WD-006 – Rólunk V1.0
   ========================================================== */
.wd006-about{
  position:relative;
  padding:0 0 82px;
  margin-top:0;
  background:
    radial-gradient(circle at 4% 35%,rgba(91,163,65,.055),transparent 30%),
    #fff;
  overflow:hidden;
}
.wd006-panel{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);
  gap:44px 58px;
  align-items:start;
  padding:44px 54px 46px;
  background:#fff;
  border:1px solid rgba(31,58,31,.075);
  border-radius:28px;
  box-shadow:0 18px 48px rgba(20,51,45,.08);
  overflow:hidden;
}
.wd006-panel::before{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  left:-135px;
  top:45px;
  border:1px solid rgba(91,163,65,.085);
  border-radius:50%;
  box-shadow:0 0 0 42px rgba(91,163,65,.022),0 0 0 84px rgba(91,163,65,.014);
  pointer-events:none;
}
.wd006-panel::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-40px;
  bottom:120px;
  border:1px solid rgba(91,163,65,.07);
  border-radius:50%;
  box-shadow:0 0 0 26px rgba(91,163,65,.018),0 0 0 52px rgba(91,163,65,.012);
  pointer-events:none;
}
.wd006-content{
  position:relative;
  z-index:2;
  padding-top:8px;
}
.wd006-badge{
  background:rgba(255,255,255,.94);
  border-color:rgba(91,163,65,.28);
  color:#2e7d32;
}
.wd006-content h2{
  max-width:620px;
  margin:18px 0 14px;
  color:#0f2b33;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:clamp(2rem,3.2vw,3rem);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.04em;
}
.wd006-divider{
  display:block;
  width:74px;
  height:3px;
  margin:0 0 20px;
  background:linear-gradient(90deg,#2e7d32,rgba(91,163,65,.2));
  border-radius:3px;
}
.wd006-lead{
  max-width:680px;
  margin:0 0 24px;
  color:#4f5e63;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:clamp(1rem,1.28vw,1.08rem);
  line-height:1.65;
}
.wd006-values{
  display:grid;
  gap:0;
}
.wd006-value{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-height:60px;
  padding:8px 0;
  border-bottom:1px solid rgba(31,58,31,.08);
  color:#1d2b30;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:1rem;
}
.wd006-value:last-child{border-bottom:0}
.wd006-value-icon{
  position:relative;
  width:48px;
  height:48px;
  border-radius:50%;
  color:#2e7d32;
  background:linear-gradient(145deg,#f1f7ef,#e6f0e3);
}
.wd006-value-icon::before,.wd006-value-icon::after{
  content:"";
  position:absolute;
  display:block;
}
.wd006-icon-home::before{
  width:22px;height:18px;left:13px;top:21px;border:2px solid currentColor;border-top:0;border-radius:2px
}
.wd006-icon-home::after{
  width:20px;height:20px;left:14px;top:11px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)
}
.wd006-icon-award::before{
  width:24px;height:24px;left:12px;top:9px;border:2px solid currentColor;border-radius:50%
}
.wd006-icon-award::after{
  width:20px;height:17px;left:14px;top:28px;border-left:5px solid currentColor;border-right:5px solid currentColor;clip-path:polygon(0 0,100% 0,75% 100%,50% 58%,25% 100%)
}
.wd006-icon-shield::before{
  width:24px;height:29px;left:12px;top:9px;border:2px solid currentColor;border-radius:12px 12px 15px 15px;clip-path:polygon(50% 0,100% 18%,88% 75%,50% 100%,12% 75%,0 18%)
}
.wd006-icon-shield::after{
  width:11px;height:6px;left:18px;top:21px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)
}
.wd006-icon-pin::before{
  width:22px;height:28px;left:13px;top:8px;border:2px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg)
}
.wd006-icon-pin::after{
  width:7px;height:7px;left:20px;top:16px;border:2px solid currentColor;border-radius:50%
}
.wd006-icon-users::before{
  width:13px;height:13px;left:10px;top:9px;border:2px solid currentColor;border-radius:50%;box-shadow:15px 3px 0 -2px #eaf3e7,15px 3px 0 0 currentColor
}
.wd006-icon-users::after{
  width:25px;height:16px;left:7px;top:27px;border:2px solid currentColor;border-radius:15px 15px 4px 4px;box-shadow:15px 0 0 -2px #eaf3e7,15px 0 0 0 currentColor
}
.wd006-icon-leaf::before{
  width:26px;height:31px;left:10px;top:7px;border:2px solid currentColor;border-radius:100% 0 100% 0;transform:rotate(10deg)
}
.wd006-icon-leaf::after{
  width:28px;height:2px;left:9px;top:27px;background:currentColor;transform:rotate(-42deg)
}
.wd006-visual{
  position:relative;
  z-index:2;
  min-height:520px;
  padding:18px 0 0 18px;
}
.wd006-photo-backdrop{
  position:absolute;
  inset:0 13% 7% 0;
  border-radius:26px;
  background:linear-gradient(145deg,rgba(91,163,65,.16),rgba(91,163,65,.06));
}
.wd006-photo{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:520px;
  object-fit:cover;
  object-position:center;
  border-radius:24px;
  box-shadow:0 18px 38px rgba(20,51,45,.13);
}
.wd006-cta{
  position:relative;
  z-index:2;
  grid-column:1/-1;
  display:grid;
  grid-template-columns:72px 1fr auto;
  align-items:center;
  gap:24px;
  padding:22px 28px;
  background:linear-gradient(100deg,#f4f9f2,#edf5ec);
  border:1px solid rgba(46,125,50,.1);
  border-radius:20px;
}
.wd006-heart{
  position:relative;
  width:60px;
  height:60px;
  border-radius:50%;
  background:#fff;
  border:1px solid rgba(46,125,50,.14);
}
.wd006-heart::before{
  content:"♡";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#2e7d32;
  font:700 38px/1 Arial,sans-serif;
}
.wd006-cta p{
  max-width:720px;
  margin:0;
  color:#1d2b30;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:clamp(1.08rem,1.8vw,1.38rem);
  line-height:1.45;
}
.wd006-cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-width:230px;
  padding:14px 22px;
  border-radius:8px;
  background:#2e7d32;
  box-shadow:none;
  text-transform:uppercase;
}
.wd006-cta-button:hover{background:#245f28;transform:translateY(-1px)}
.wd006-cta-button span:last-child{font-size:1.45rem;line-height:1}

/* A WD-005 és WD-006 közötti távolság minimális. */
.wd005-process{padding-bottom:8px!important}
.wd006-about{padding-top:0!important}

@media(max-width:1050px){
  .wd006-panel{grid-template-columns:1fr;gap:34px;padding:36px 32px 38px}
  .wd006-visual{min-height:460px}
  .wd006-photo{height:460px}
}
@media(max-width:760px){
  .wd006-panel{padding:28px 22px 30px;border-radius:22px}
  .wd006-visual{min-height:380px;padding:14px 0 0 14px}
  .wd006-photo{height:380px;border-radius:18px}
  .wd006-cta{grid-template-columns:58px 1fr}
  .wd006-cta-button{grid-column:1/-1;width:100%;margin-top:4px}
}
@media(max-width:480px){
  .wd006-panel{padding:24px 18px 26px}
  .wd006-visual{min-height:320px;padding:10px 0 0 10px}
  .wd006-photo{height:320px}
  .wd006-value{grid-template-columns:48px minmax(0,1fr)}
  .wd006-value-icon{width:44px;height:44px;transform:scale(.92);transform-origin:left center}
  .wd006-cta{grid-template-columns:1fr}
  .wd006-heart{display:none}
}


/* SZTK WD-005 Final – vödör + tisztítószer ikon */
.wd005-icon-broom{background:radial-gradient(ellipse at 31px 39px,transparent 0 16px,currentColor 17px 19px,transparent 20px),linear-gradient(145deg,#f1f7ef,#e6f0e3)!important}
.wd005-icon-broom::before{width:36px!important;height:25px!important;left:14px!important;top:39px!important;border:3px solid currentColor!important;border-top:0!important;border-radius:0 0 13px 13px!important;transform:none!important;background:none!important}
.wd005-icon-broom::after{width:22px!important;height:31px!important;left:42px!important;top:18px!important;border:3px solid currentColor!important;border-radius:5px 5px 8px 8px!important;transform:none!important;background:linear-gradient(currentColor,currentColor) 6px 8px/8px 3px no-repeat!important}

/* SZTK WD-006 – jóváhagyott képeltolás */
.wd006-visual{margin-top:25px!important}

/* SZTK WD-008 – Kapcsolat / Ajánlatkérés */
.wd008-contact{position:relative;padding:0 0 82px;background:linear-gradient(180deg,#fff 0%,#f7fbf7 100%);overflow:hidden}
.wd008-panel{position:relative;padding:44px 54px 46px;background:#fff;border:1px solid rgba(31,58,31,.075);border-radius:28px;box-shadow:0 18px 48px rgba(20,51,45,.08);overflow:hidden}
.wd008-panel::before{content:"";position:absolute;width:320px;height:320px;right:-135px;top:-145px;border:1px solid rgba(91,163,65,.09);border-radius:50%;box-shadow:0 0 0 44px rgba(91,163,65,.023),0 0 0 88px rgba(91,163,65,.015);pointer-events:none}
.wd008-head{position:relative;z-index:2;max-width:850px;margin:0 0 34px;text-align:left}
.wd008-badge{background:rgba(255,255,255,.94);border-color:rgba(91,163,65,.28);color:#2e7d32}
.wd008-head h2{margin:14px 0 12px;color:#0f2b33;font-family:Arial,"Liberation Sans",sans-serif;font-size:clamp(1.9rem,3vw,2.6rem);font-weight:700;line-height:1.08;letter-spacing:-.035em}
.wd008-head p{max-width:780px;margin:0;color:#4f5e63;font-family:Arial,"Liberation Sans",sans-serif;font-size:clamp(1rem,1.25vw,1.08rem);line-height:1.65}
.wd008-primary{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:34px 24px 30px;border-top:1px solid rgba(31,58,31,.075);border-bottom:1px solid rgba(31,58,31,.075);text-align:center}
.wd008-primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:54px;min-width:min(100%,430px);padding:18px 28px;border:1px solid rgba(255,255,255,.36);border-radius:12px;background:linear-gradient(135deg,#2e7d32,#16854b);box-shadow:0 12px 28px rgba(46,125,50,.24),0 0 0 5px rgba(91,163,65,.07);font-size:1.04rem;text-transform:uppercase}
.wd008-primary-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(46,125,50,.29),0 0 0 6px rgba(91,163,65,.09)}
.wd008-primary-button span:last-child{font-size:1.7rem;line-height:1}
.wd008-trust{max-width:720px;margin:22px auto 0;color:#526166;font-family:Arial,"Liberation Sans",sans-serif;font-size:.98rem;line-height:1.65}
.wd008-alternative{position:relative;z-index:2;padding-top:30px;text-align:center}
.wd008-alternative>p{max-width:720px;margin:0 auto 22px;color:#34464c;font-family:Arial,"Liberation Sans",sans-serif;font-size:1.05rem;line-height:1.55}
.wd008-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:820px;margin:0 auto}
.wd008-contact-card{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:3px 18px;min-height:118px;padding:22px 26px;background:#fff;border:1px solid rgba(31,58,31,.09);border-radius:18px;box-shadow:0 10px 28px rgba(20,51,45,.065);color:#1d2b30;text-align:left;transition:.2s ease}
.wd008-contact-card:hover{transform:translateY(-2px);border-color:rgba(46,125,50,.22);box-shadow:0 14px 34px rgba(20,51,45,.1);text-decoration:none}
.wd008-contact-icon{position:relative;grid-row:1/3;width:60px;height:60px;border-radius:50%;color:#2e7d32;background:linear-gradient(145deg,#f1f7ef,#e6f0e3)}
.wd008-phone-icon::before{content:"☎";position:absolute;inset:0;display:grid;place-items:center;font:700 29px/1 Arial,sans-serif}
.wd008-email-icon::before{content:"";position:absolute;width:30px;height:21px;left:15px;top:19px;border:2px solid currentColor;border-radius:3px}
.wd008-email-icon::after{content:"";position:absolute;width:20px;height:20px;left:20px;top:13px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.wd008-contact-label{color:#627176;font-family:Arial,"Liberation Sans",sans-serif;font-size:.88rem;text-transform:uppercase;letter-spacing:.05em}
.wd008-contact-card strong{overflow-wrap:anywhere;color:#15272c;font-family:Arial,"Liberation Sans",sans-serif;font-size:1.05rem;line-height:1.35}
.wd006-about{padding-bottom:8px!important}
@media(max-width:760px){.wd008-panel{padding:34px 24px 36px;border-radius:22px}.wd008-contact-grid{grid-template-columns:1fr}.wd008-primary-button{width:100%;min-width:0}}
@media(max-width:480px){.wd008-panel{padding:28px 18px 30px}.wd008-primary{padding-left:0;padding-right:0}.wd008-primary-button{gap:24px;padding:16px 20px}.wd008-contact-card{grid-template-columns:54px minmax(0,1fr);padding:20px}.wd008-contact-icon{width:52px;height:52px}}


/* ==========================================================
   SZTK WD-008 V1.1 – vizuális finomhangolás
   ========================================================== */

/* A kiemelt ajánlatkérő rész önálló, halványzöld CTA-panelt kap. */
.wd008-primary{
  max-width:920px;
  margin:0 auto;
  padding:32px 34px 28px !important;
  border:1px solid rgba(46,125,50,.11) !important;
  border-radius:22px;
  background:
    linear-gradient(105deg,rgba(244,249,242,.98),rgba(237,245,236,.92));
  box-shadow:0 10px 28px rgba(20,51,45,.055);
}

/* A CTA-panel körül több tudatos tér, de az egész szekció továbbra is tömör marad. */
.wd008-head{
  margin-bottom:26px !important;
}

.wd008-alternative{
  padding-top:28px !important;
}

/* A másodlagos kapcsolatfelvételi kártyák enyhén széthúzva jelennek meg. */
.wd008-contact-grid{
  max-width:900px !important;
  gap:36px !important;
}

/* Az alsó kártyák vizuálisan könnyebbek maradnak, mint a fő CTA. */
.wd008-contact-card{
  min-height:112px !important;
  padding:20px 24px !important;
  box-shadow:0 8px 22px rgba(20,51,45,.055) !important;
}

@media(max-width:760px){
  .wd008-primary{
    padding:28px 22px 26px !important;
  }

  .wd008-contact-grid{
    gap:16px !important;
  }
}

@media(max-width:480px){
  .wd008-primary{
    padding:24px 16px 22px !important;
    border-radius:18px;
  }
}


/* ==========================================================
   SZTK WD-008 FINAL FINETUNE
   - szélesebb CTA panel
   - megszüntetett V-kompozíció
   ========================================================== */

.wd008-primary{
    width:min(92%,980px)!important;
    max-width:none!important;
    margin:0 auto 10px!important;
    padding:34px 48px 30px!important;
}

.wd008-primary-button{
    min-width:min(520px,100%)!important;
}

.wd008-trust{
    max-width:760px!important;
}

.wd008-contact-grid{
    width:min(92%,980px)!important;
    max-width:none!important;
    margin:0 auto!important;
    gap:26px!important;
}

@media (max-width:760px){
    .wd008-primary,
    .wd008-contact-grid{
        width:100%!important;
    }

    .wd008-primary{
        padding:28px 22px 26px!important;
    }

    .wd008-primary-button{
        min-width:100%!important;
    }
}


/* ==========================================================
   SZTK WD-008 FINAL FINETUNE V2
   - CTA panel teljes szélességű
   - nagyobb tér a gomb és a bizalmi szöveg között
   ========================================================== */

.wd008-primary{
    width:100%!important;
    max-width:none!important;
    margin:0 auto 12px!important;
    padding:38px 54px 34px!important;
    border-radius:24px!important;
}

.wd008-primary-button{
    min-width:560px!important;
    margin-bottom:18px!important;
}

.wd008-trust{
    margin-top:28px!important;
    max-width:820px!important;
}

.wd008-contact-grid{
    width:100%!important;
    max-width:none!important;
    gap:28px!important;
}

@media (max-width:760px){
    .wd008-primary{
        width:100%!important;
        padding:30px 22px!important;
    }

    .wd008-primary-button{
        min-width:100%!important;
        margin-bottom:16px!important;
    }

    .wd008-contact-grid{
        width:100%!important;
    }
}


/* ==========================================================
   SZTK WD-008 FINAL – jóváhagyott bizalmi szöveg
   ========================================================== */
.wd008-trust{
  font-size:1.08rem !important;
  line-height:1.75 !important;
  color:#4f5e63 !important;
}

/* ==========================================================
   SZTK AJÁNLATKÉRŐ ŰRLAP – UI FINETUNE V1.0
   A WD-008 természetes folytatása.
   ========================================================== */

/* A két blokk vizuálisan közelebb kerül egymáshoz. */
.wd008-contact{
  padding-bottom:8px !important;
}

.quote-module{
  position:relative;
  padding:12px 20px 82px !important;
  background:
    radial-gradient(circle at 92% 10%,rgba(91,163,65,.045),transparent 28%),
    var(--sc-soft) !important;
}

/* A form panel ugyanazt a panelnyelvet követi, mint a WD szekciók. */
.quote-panel{
  position:relative;
  width:100%;
  max-width:1160px !important;
  margin:0 auto !important;
  padding:44px 54px 48px !important;
  border:1px solid rgba(31,58,31,.075);
  border-radius:28px !important;
  background:#fff;
  box-shadow:0 18px 48px rgba(20,51,45,.08) !important;
  overflow:hidden;
}

.quote-panel::before{
  content:"";
  position:absolute;
  width:270px;
  height:270px;
  right:-120px;
  top:-135px;
  border:1px solid rgba(91,163,65,.08);
  border-radius:50%;
  box-shadow:
    0 0 0 38px rgba(91,163,65,.020),
    0 0 0 76px rgba(91,163,65,.013);
  pointer-events:none;
}

/* A fejléc a korábbi WD-k balra igazított ritmusát kapja. */
.quote-panel .eyebrow{
  position:relative;
  z-index:1;
  background:rgba(255,255,255,.94);
  border-color:rgba(91,163,65,.28);
  color:#2e7d32;
}

.quote-panel h2{
  position:relative;
  z-index:1;
  margin:14px 0 10px;
  color:#0f2b33;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:clamp(1.9rem,3vw,2.55rem);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.035em;
}

.quote-panel > p,
.quote-panel .quote-intro{
  position:relative;
  z-index:1;
  max-width:760px;
  margin:0 0 30px;
  color:#4f5e63;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:1.02rem;
  line-height:1.65;
}

/* Az űrlapmezők egységes, nyugodt megjelenést kapnak. */
.quote-form{
  position:relative;
  z-index:1;
}

.quote-grid{
  gap:18px 20px !important;
}

.quote-form label{
  margin-bottom:8px !important;
  color:#1d2b30;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:.94rem;
  font-weight:700;
}

.quote-form input,
.quote-form select,
.quote-form textarea{
  min-height:48px;
  padding:13px 15px !important;
  border:1px solid rgba(46,125,50,.22) !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#1d2b30;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:1rem;
  box-shadow:0 2px 8px rgba(20,51,45,.025);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

.quote-form textarea{
  min-height:145px !important;
  resize:vertical;
}

.quote-form input:hover,
.quote-form select:hover,
.quote-form textarea:hover{
  border-color:rgba(46,125,50,.38) !important;
}

.quote-form input:focus,
.quote-form select:focus,
.quote-form textarea:focus{
  outline:none;
  border-color:#2e7d32 !important;
  box-shadow:
    0 0 0 4px rgba(46,125,50,.10),
    0 5px 14px rgba(20,51,45,.05);
}

/* Böngésző autofill ne törje meg a színvilágot. */
.quote-form input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #fff inset;
  -webkit-text-fill-color:#1d2b30;
}

/* Adatkezelési megjegyzés. */
.form-note{
  margin-top:16px;
  color:#627176 !important;
  font-size:.9rem !important;
  line-height:1.55;
}

/* A beküldőgomb igazodjon a jóváhagyott CTA-rendszerhez. */
.quote-form button[type="submit"],
.quote-form input[type="submit"],
.quote-form .button,
.quote-form .btn-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:230px;
  min-height:50px;
  margin-top:8px;
  padding:14px 24px;
  border:0;
  border-radius:9px;
  background:linear-gradient(135deg,#2e7d32,#16854b);
  color:#fff;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:.98rem;
  font-weight:700;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(46,125,50,.20);
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}

.quote-form button[type="submit"]:hover,
.quote-form input[type="submit"]:hover,
.quote-form .button:hover,
.quote-form .btn-primary:hover{
  transform:translateY(-1px);
  background:#245f28;
  box-shadow:0 14px 30px rgba(46,125,50,.25);
}

/* Visszajelzések. */
.alert-success,
.alert-error{
  margin-bottom:20px;
  border:1px solid transparent;
  border-radius:12px !important;
  line-height:1.55;
}

.alert-success{
  border-color:rgba(21,92,54,.14);
}

.alert-error{
  border-color:rgba(138,37,37,.14);
}

@media(max-width:760px){
  .quote-module{
    padding:8px 14px 62px !important;
  }

  .quote-panel{
    padding:34px 24px 36px !important;
    border-radius:22px !important;
  }

  .quote-grid{
    grid-template-columns:1fr !important;
  }

  .quote-grid .full{
    grid-column:auto !important;
  }

  .quote-form button[type="submit"],
  .quote-form input[type="submit"],
  .quote-form .button,
  .quote-form .btn-primary{
    width:100%;
  }
}

@media(max-width:480px){
  .quote-panel{
    padding:28px 18px 30px !important;
  }

  .quote-form input,
  .quote-form select,
  .quote-form textarea{
    font-size:16px;
  }
}


/* ==========================================================
   SZTK REPAIR-01 – Fejléc, menü és breadcrumb helyreállítása
   Kiindulás: a felhasználó által küldött jelenlegi teljes sablon.
   ========================================================== */

/* A fejléc minden része ugyanarra a 1160 px-es rácsra igazodik. */
.site-header .shell{
  width:min(1160px,calc(100% - 32px)) !important;
  max-width:1160px !important;
  margin-inline:auto !important;
}

.topbar-wrap{
  border-bottom:1px solid rgba(215,232,226,.78);
  background:rgba(249,252,250,.96);
}

.site-header .topbar{
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  border-bottom:0 !important;
  font-size:.80rem !important;
}

.topbar-contact{
  display:flex;
  align-items:center;
  gap:18px;
}

.topbar-contact a{
  color:#53675f;
  font-weight:700;
  white-space:nowrap;
}

.site-header .nav{
  position:relative;
  min-height:72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
}

.site-header .brand{
  flex:0 0 auto;
  min-width:220px !important;
  display:flex;
  align-items:center;
  padding:4px 0;
}

.site-header .brand-logo{
  display:block !important;
  width:202px !important;
  height:auto !important;
  max-height:49px !important;
  object-fit:contain;
  object-position:left center;
}

.site-header .nav-actions{
  flex:1 1 auto;
  min-width:0;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important;
}

.site-header .site-menu{
  min-width:0;
}

.site-header .site-menu ul{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:3px !important;
  margin:0;
  padding:0;
}

.site-header .site-menu a{
  padding:9px 10px !important;
  color:#203139;
  font-size:.88rem !important;
  font-weight:700 !important;
  line-height:1.2;
  white-space:nowrap;
}

.site-header .header-cta{
  flex:0 0 auto;
  min-height:44px !important;
  padding:10px 19px !important;
  border-radius:999px;
  font-size:.90rem !important;
  white-space:nowrap;
}

/* A kezdőlapon a breadcrumb sem HTML-ben, sem maradék térközzel nem jelenik meg. */
body.is-home .breadcrumb-wrap{
  display:none !important;
}

/* Belső oldalon kulturált breadcrumb marad. */
body.is-inner .breadcrumb-wrap{
  display:block;
  padding-top:16px;
  padding-bottom:0;
}

/* Asztali köztes méret: először csak a menü sűrűsödjön. */
@media(max-width:1050px){
  .site-header .brand{
    min-width:190px !important;
  }

  .site-header .brand-logo{
    width:184px !important;
  }

  .site-header .site-menu a{
    padding-inline:7px !important;
    font-size:.82rem !important;
  }

  .site-header .nav-actions{
    gap:9px !important;
  }

  .site-header .header-cta{
    padding-inline:14px !important;
    font-size:.84rem !important;
  }
}

/* Mobilon a korábban kialakított lenyíló menü működése marad. */
@media(max-width:850px){
  .site-header .topbar{
    display:none !important;
  }

  .site-header .nav{
    min-height:72px !important;
  }

  .site-header .brand{
    min-width:0 !important;
  }

  .site-header .brand-logo{
    width:178px !important;
    max-height:46px !important;
  }

  .site-header .nav-actions{
    display:block !important;
  }

  .site-header .site-menu{
    display:none;
  }

  .site-header .site-menu.is-open{
    display:block;
  }

  .site-header .site-menu ul{
    display:block;
  }
}

@media(max-width:560px){
  .site-header .shell{
    width:min(100% - 20px,1160px) !important;
  }

  .site-header .brand-logo{
    width:158px !important;
  }
}


/* ==========================================================
   SZTK REPAIR-02 – Főmenü lenyíló almenü finomhangolása
   ========================================================== */

/* Az almenük mindig függőleges listaként jelenjenek meg. */
.site-header .site-menu li{
  position:relative;
}

.site-header .site-menu li > ul{
  position:absolute;
  top:100%;
  left:0;
  z-index:1200;
  display:none !important;
  width:280px;
  min-width:280px;
  max-width:320px;
  margin:0;
  padding:10px;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:2px !important;
  background:#fff;
  border:1px solid rgba(31,58,31,.10);
  border-radius:16px;
  box-shadow:0 18px 40px rgba(20,51,45,.14);
}

.site-header .site-menu li:hover > ul,
.site-header .site-menu li:focus-within > ul{
  display:flex !important;
}

.site-header .site-menu li > ul li{
  display:block;
  width:100%;
}

.site-header .site-menu li > ul a{
  display:block;
  width:100%;
  padding:11px 13px !important;
  border-radius:10px;
  color:#203139;
  font-size:.88rem !important;
  font-weight:700 !important;
  line-height:1.35;
  white-space:normal !important;
  overflow-wrap:anywhere;
}

.site-header .site-menu li > ul a:hover,
.site-header .site-menu li > ul a:focus{
  color:#1f7a3b;
  background:#f2f8f3;
  text-decoration:none;
}

/* A jobb szélen lévő lenyíló menü ne fusson ki a képernyőről. */
.site-header .site-menu > ul > li:nth-last-child(-n+2) > ul{
  left:auto;
  right:0;
}

/* Az almenü alatt ne jelenjen meg vízszintes, lebegő második menüsor. */
.site-header .site-menu ul ul{
  flex-wrap:nowrap !important;
}

/* Mobilon az almenü a főmenü részeként, statikusan nyíljon le. */
@media(max-width:850px){
  .site-header .site-menu li > ul{
    position:static;
    display:none !important;
    width:100%;
    min-width:0;
    max-width:none;
    margin:4px 0 8px;
    padding:6px;
    border-radius:12px;
    box-shadow:none;
    background:#f7faf8;
  }

  .site-header .site-menu li:hover > ul,
  .site-header .site-menu li:focus-within > ul{
    display:flex !important;
  }

  .site-header .site-menu li > ul a{
    padding:10px 12px !important;
  }
}


/* ==========================================================
   SZTK REPAIR-03 – lenyíló menüpontok függőleges igazítása
   ========================================================== */
.site-header .site-menu > ul > li > a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  line-height:1.2;
  vertical-align:middle;
}

.site-header .site-menu > ul > li.parent > a,
.site-header .site-menu > ul > li.deeper > a{
  gap:5px;
  transform:translateY(-1px);
}

.site-header .site-menu .menu-item-caret,
.site-header .site-menu .dropdown-toggle::after,
.site-header .site-menu > ul > li.parent > a::after,
.site-header .site-menu > ul > li.deeper > a::after{
  position:relative;
  top:-1px;
  margin-left:3px;
  vertical-align:middle;
}


/* ==========================================================
   SZTK WD-009 – FOOTER FINAL FINETUNE
   ========================================================== */

/* Az ajánlatkérő blokk és a footer közötti túl nagy üres sáv megszüntetése. */
.quote-module{
  padding-bottom:24px !important;
  margin-bottom:0 !important;
}

main.site-main,
.site-main{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

/* A footer közvetlenül, de elegáns távolsággal követi az ajánlatkérő panelt. */
.site-footer{
  margin-top:0 !important;
  padding:48px 0 28px !important;
  background:#0c352f !important;
  color:rgba(255,255,255,.82);
  border-top:1px solid rgba(255,255,255,.08);
}

.site-footer .footer-shell{
  width:min(1160px,calc(100% - 32px)) !important;
  max-width:1160px !important;
  margin-inline:auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

/* Márkablokk középre igazítása. */
.site-footer .footer-brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  max-width:680px;
  margin:0 auto !important;
}

.site-footer .footer-logo{
  display:grid !important;
  place-items:center !important;
  width:70px !important;
  height:70px !important;
  margin:0 auto 15px !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}

.site-footer .footer-logo img{
  display:block !important;
  width:54px !important;
  height:54px !important;
  object-fit:contain !important;
}

.site-footer .footer-brand strong{
  color:#fff !important;
  font-size:1.25rem !important;
  line-height:1.25;
}

.site-footer .footer-brand p{
  max-width:520px;
  margin:10px auto 20px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:.98rem !important;
  line-height:1.6;
}

/* Facebook valódi, kör alakú ikongomb. */
.site-footer .footer-facebook{
  display:grid !important;
  place-items:center !important;
  width:44px !important;
  height:44px !important;
  margin:0 auto !important;
  border:1px solid rgba(255,255,255,.38) !important;
  border-radius:50% !important;
  color:#fff !important;
  background:transparent !important;
  text-decoration:none !important;
  transition:background .2s ease,border-color .2s ease,
             color .2s ease,transform .2s ease;
}

.site-footer .footer-facebook span{
  font:700 25px/1 Arial,sans-serif !important;
  transform:translateY(1px);
}

.site-footer .footer-facebook:hover{
  color:#0c352f !important;
  background:#fff !important;
  border-color:#fff !important;
  transform:translateY(-2px) scale(1.04);
}

/* Jogi linkek és finom elválasztó vonalak. */
.site-footer .footer-legal{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:13px !important;
  width:100% !important;
  margin:30px 0 0 !important;
  padding:22px 0 !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}

.site-footer .footer-legal a{
  color:rgba(255,255,255,.86) !important;
  font-size:.93rem !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

.site-footer .footer-legal a:hover{
  color:#fff !important;
  text-decoration:underline !important;
  text-underline-offset:4px;
}

.site-footer .footer-legal span{
  color:rgba(255,255,255,.34) !important;
}

/* Copyright külön, jól levegőző sorban. */
.site-footer .copyright{
  max-width:680px;
  margin:22px auto 0 !important;
  color:rgba(255,255,255,.56) !important;
  font-size:.84rem !important;
  line-height:1.55;
  text-align:center !important;
}

.site-footer .copyright span{
  margin:0 5px;
  color:rgba(255,255,255,.28);
}

@media(max-width:600px){
  .quote-module{
    padding-bottom:18px !important;
  }

  .site-footer{
    padding:42px 0 24px !important;
  }

  .site-footer .footer-shell{
    width:min(100% - 24px,1160px) !important;
  }

  .site-footer .footer-brand p,
  .site-footer .copyright{
    max-width:310px;
  }

  .site-footer .footer-legal{
    gap:10px !important;
  }
}


/* ==========================================================
   SZTK WD-009 – UTOLSÓ SIMÍTÁSOK
   - footer közelebb az ajánlatkérőhöz
   - a sötétzöld blokk a WD-rács szélességére korlátozva
   - ST embléma megjelenítés
   ========================================================== */

/* Az ajánlatkérő blokk alatti tér csökkentése. */
.quote-module{
  padding-bottom:10px !important;
  margin-bottom:0 !important;
}

body.is-home .site-main,
body.is-home main.site-main{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

/* A footer külső területe maradjon világos, mint a teljes oldal. */
.site-footer{
  width:100% !important;
  margin:18px 0 0 !important;
  padding:0 0 22px !important;
  background:#fff !important;
  border-top:0 !important;
  color:rgba(255,255,255,.84);
}

/* Maga a sötétzöld footerpanel ugyanazt az 1160 px-es rácsot követi,
   mint a WD-003–WD-008 panelek. */
.site-footer .footer-shell{
  width:min(1160px,calc(100% - 32px)) !important;
  max-width:1160px !important;
  margin:0 auto !important;
  padding:48px 54px 28px !important;
  border-radius:28px !important;
  background:#0c352f !important;
  box-shadow:0 18px 48px rgba(20,51,45,.10);
  overflow:hidden;
}

/* A valódi ST embléma ne legyen levágva vagy összenyomva. */
.site-footer .footer-logo{
  width:84px !important;
  height:84px !important;
  margin:0 auto 16px !important;
  background:#fff !important;
}

.site-footer .footer-logo img{
  width:70px !important;
  height:70px !important;
  max-width:70px !important;
  max-height:70px !important;
  object-fit:contain !important;
}

/* A Facebook és a jogi rész közötti függőleges ritmus. */
.site-footer .footer-facebook{
  margin-bottom:4px !important;
}

.site-footer .footer-legal{
  margin-top:34px !important;
}

.site-footer .copyright{
  color:rgba(255,255,255,.64) !important;
}

/* A kezdőlapon a footer még közelebb kerülhet az űrlap végéhez. */
body.is-home .site-footer{
  margin-top:14px !important;
}

@media(max-width:760px){
  .site-footer{
    margin-top:12px !important;
    padding-bottom:14px !important;
  }

  .site-footer .footer-shell{
    width:min(100% - 24px,1160px) !important;
    padding:40px 24px 25px !important;
    border-radius:22px !important;
  }
}

@media(max-width:480px){
  .site-footer .footer-shell{
    width:min(100% - 16px,1160px) !important;
    padding:36px 18px 23px !important;
  }

  .site-footer .footer-logo{
    width:76px !important;
    height:76px !important;
  }

  .site-footer .footer-logo img{
    width:64px !important;
    height:64px !important;
  }
}

body.is-home .main-content{
    min-height: 0 !important;
}
/* WD-009 – az ajánlatkérő és a footer közötti rés csökkentése */
body.is-home .component-wrap{
    padding-bottom:0 !important;
}

body.is-home .site-footer{
    margin-top:0px !important;
}


/* ==========================================================
   SZTK RC-01.2 – Kapcsolat és ajánlatkérés összevonása
   ========================================================== */

/* A korábbi önálló WD-008 helyett egyetlen, egységes Quote panel jelenik meg. */
.rc012-contact-quote{
  position:relative;
  padding:12px 0 10px !important;
  background:
    radial-gradient(circle at 92% 8%,rgba(91,163,65,.045),transparent 27%),
    var(--sc-soft) !important;
}

.rc012-panel{
  width:min(1160px,calc(100% - 32px)) !important;
  max-width:1160px !important;
  margin:0 auto !important;
  padding:44px 54px 48px !important;
  border:1px solid rgba(31,58,31,.075);
  border-radius:28px !important;
  background:#fff;
  box-shadow:0 18px 48px rgba(20,51,45,.08) !important;
  overflow:hidden;
}

.rc012-header{
  position:relative;
  z-index:1;
  max-width:900px;
  margin:0 0 30px;
  text-align:left;
}

.rc012-header .eyebrow{
  background:rgba(255,255,255,.94);
  border-color:rgba(91,163,65,.28);
  color:#2e7d32;
}

.rc012-header h2{
  margin:14px 0 12px;
  color:#0f2b33;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:clamp(1.95rem,3vw,2.7rem);
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.035em;
}

.rc012-header p{
  max-width:820px;
  margin:0;
  color:#4f5e63;
  font-family:Arial,"Liberation Sans",sans-serif;
  font-size:1.04rem;
  line-height:1.65;
}

.rc012-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.55fr);
  gap:30px;
  align-items:start;
  padding-top:30px;
  border-top:1px solid rgba(31,58,31,.08);
}

.rc012-contact{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:24px;
  border:1px solid rgba(46,125,50,.10);
  border-radius:20px;
  background:linear-gradient(145deg,#f5faf3,#edf5ec);
}

.rc012-contact-intro{
  margin:0 0 4px;
  color:#34464c;
  font-size:.98rem;
  line-height:1.6;
}

.rc012-contact-card{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-height:82px;
  padding:14px 16px;
  border:1px solid rgba(31,58,31,.08);
  border-radius:15px;
  background:#fff;
  color:#1d2b30;
  box-shadow:0 7px 20px rgba(20,51,45,.045);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.rc012-contact-card:hover{
  transform:translateY(-2px);
  border-color:rgba(46,125,50,.22);
  box-shadow:0 11px 26px rgba(20,51,45,.08);
  text-decoration:none;
}

.rc012-contact-card small{
  display:block;
  margin-bottom:2px;
  color:#627176;
  font-size:.79rem;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.rc012-contact-card strong{
  display:block;
  overflow-wrap:anywhere;
  color:#15272c;
  font-size:.98rem;
  line-height:1.35;
}

.rc012-contact-icon{
  position:relative;
  width:52px;
  height:52px;
  border-radius:50%;
  color:#2e7d32;
  background:linear-gradient(145deg,#f1f7ef,#e6f0e3);
}

.rc012-phone-icon::before{
  content:"☎";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font:700 25px/1 Arial,sans-serif;
}

.rc012-email-icon::before{
  content:"";
  position:absolute;
  width:27px;
  height:19px;
  left:12px;
  top:16px;
  border:2px solid currentColor;
  border-radius:3px;
}

.rc012-email-icon::after{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  left:17px;
  top:11px;
  border-left:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(-45deg);
}

.rc012-trust{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:13px;
  align-items:start;
  margin-top:5px;
  padding:17px 16px;
  border-radius:15px;
  background:rgba(255,255,255,.72);
}

.rc012-trust-icon{
  position:relative;
  width:46px;
  height:46px;
  border-radius:50%;
  color:#2e7d32;
  background:#fff;
  border:1px solid rgba(46,125,50,.13);
}

.rc012-trust-icon::before{
  content:"";
  position:absolute;
  width:21px;
  height:26px;
  left:11px;
  top:8px;
  border:2px solid currentColor;
  border-radius:10px 10px 13px 13px;
  clip-path:polygon(50% 0,100% 18%,88% 75%,50% 100%,12% 75%,0 18%);
}

.rc012-trust-icon::after{
  content:"";
  position:absolute;
  width:10px;
  height:6px;
  left:17px;
  top:19px;
  border-left:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(-45deg);
}

.rc012-trust h3{
  margin:0 0 5px;
  color:#17322d;
  font-size:.98rem;
  line-height:1.3;
}

.rc012-trust p{
  margin:0;
  color:#556761;
  font-size:.88rem;
  line-height:1.55;
}

.rc012-form-wrap{
  padding:26px 28px 28px;
  border:1px solid rgba(31,58,31,.08);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(20,51,45,.055);
}

.rc012-form-wrap > h3{
  margin:0 0 6px;
  color:#0f2b33;
  font-size:1.28rem;
  line-height:1.3;
}

.rc012-form-lead{
  margin:0 0 20px;
  color:#627176;
  font-size:.91rem;
  line-height:1.55;
}

.rc012-submit-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-top:4px;
}

.rc012-submit-row .form-note{
  max-width:560px;
  margin:0 !important;
}

.rc012-submit-row .button{
  flex:0 0 auto;
  margin-top:0 !important;
  min-width:245px;
}

/* A korábbi Quote panel általános fejlécét az új szerkezet felülírja. */
.rc012-panel > .eyebrow,
.rc012-panel > h2,
.rc012-panel > p{
  display:none;
}

@media(max-width:900px){
  .rc012-layout{
    grid-template-columns:1fr;
  }

  .rc012-contact{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rc012-contact-intro,
  .rc012-trust{
    grid-column:1/-1;
  }
}

@media(max-width:760px){
  .rc012-contact-quote{
    padding:8px 0 8px !important;
  }

  .rc012-panel{
    width:min(100% - 24px,1160px) !important;
    padding:34px 24px 36px !important;
    border-radius:22px !important;
  }

  .rc012-contact{
    grid-template-columns:1fr;
  }

  .rc012-contact-intro,
  .rc012-trust{
    grid-column:auto;
  }

  .rc012-form-wrap{
    padding:22px 20px 24px;
  }

  .rc012-submit-row{
    display:block;
  }

  .rc012-submit-row .button{
    width:100%;
    margin-top:16px !important;
  }
}

@media(max-width:480px){
  .rc012-panel{
    width:min(100% - 16px,1160px) !important;
    padding:28px 18px 30px !important;
  }

  .rc012-layout{
    gap:22px;
    padding-top:24px;
  }

  .rc012-contact{
    padding:18px;
  }

  .rc012-form-wrap{
    padding:20px 16px 22px;
  }
}


/* ==========================================================
   SZTK RC-01.3 – Footer végleges elrendezés
   Bal oldali linkek, jobb oldali nagy márkalogó, alsó copyright.
   ========================================================== */

.site-footer{
  margin-top:14px !important;
  padding:0 0 18px !important;
  background:#fff !important;
  border:0 !important;
}

.site-footer .rc013-footer{
  width:min(1160px,calc(100% - 32px)) !important;
  max-width:1160px !important;
  margin:0 auto !important;
  padding:34px 46px 22px !important;
  border-radius:28px !important;
  background:#0c352f !important;
  color:rgba(255,255,255,.82);
  box-shadow:0 18px 48px rgba(20,51,45,.10);
  overflow:hidden;
}

.rc013-footer-main{
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(340px,1.28fr);
  align-items:center;
  gap:42px;
}

.rc013-footer-links{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
  text-align:left;
}

.rc013-facebook-link{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:#fff !important;
  font-weight:700;
  text-decoration:none !important;
}

.rc013-facebook-icon{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.40);
  border-radius:50%;
  font:700 23px/1 Arial,sans-serif;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}

.rc013-facebook-link:hover .rc013-facebook-icon{
  color:#0c352f;
  background:#fff;
  transform:translateY(-1px);
}

.rc013-legal{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}

.rc013-legal a{
  color:rgba(255,255,255,.83) !important;
  font-size:.94rem;
  font-weight:700;
  line-height:1.45;
  text-decoration:none !important;
}

.rc013-legal a:hover{
  color:#fff !important;
  text-decoration:underline !important;
  text-underline-offset:4px;
}

.rc013-footer-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  text-align:right;
}

.rc013-footer-brand img{
  display:block;
  width:min(100%,360px);
  height:auto;
  max-height:92px;
  object-fit:contain;
  object-position:right center;
  filter:brightness(0) invert(1);
}

.rc013-footer-brand p{
  max-width:470px;
  margin:13px 0 0;
  color:rgba(255,255,255,.74);
  font-size:1rem;
  line-height:1.55;
}

.rc013-copyright{
  width:100%;
  margin:26px 0 0 !important;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.56) !important;
  font-size:.84rem !important;
  line-height:1.5;
  text-align:center !important;
}

.rc013-copyright span{
  margin:0 5px;
  color:rgba(255,255,255,.28);
}

/* A régi középre rendezett footer-elemek ne befolyásolják az új szerkezetet. */
.site-footer .footer-brand,
.site-footer .footer-legal,
.site-footer .footer-facebook,
.site-footer .copyright{
  display:none !important;
}

@media(max-width:760px){
  .site-footer .rc013-footer{
    width:min(100% - 24px,1160px) !important;
    padding:30px 26px 20px !important;
    border-radius:22px !important;
  }

  .rc013-footer-main{
    grid-template-columns:1fr;
    gap:28px;
  }

  .rc013-footer-links,
  .rc013-legal,
  .rc013-footer-brand{
    align-items:flex-start;
    text-align:left;
  }

  .rc013-footer-brand img{
    width:min(100%,310px);
    object-position:left center;
  }

  .rc013-footer-brand p{
    margin-top:10px;
  }

  .rc013-copyright{
    margin-top:22px !important;
    text-align:left !important;
  }
}

@media(max-width:480px){
  .site-footer .rc013-footer{
    width:min(100% - 16px,1160px) !important;
    padding:27px 20px 19px !important;
  }

  .rc013-footer-main{
    gap:24px;
  }

  .rc013-footer-brand img{
    width:min(100%,270px);
  }
}


/* ==========================================================
   SZTK RC-01.3 – FOOTER FINAL FINETUNE
   Széthúzottabb elrendezés, nagyobb márkalogó, feszesebb ritmus.
   ========================================================== */

.site-footer .rc013-footer{
  padding-left:58px !important;
  padding-right:58px !important;
}

/* A két oszlop jobban kitölti a rendelkezésre álló szélességet. */
.rc013-footer-main{
  grid-template-columns:minmax(280px,.82fr) minmax(440px,1.18fr) !important;
  gap:88px !important;
}

/* Bal oldali blokk szélesebb és rendezettebb. */
.rc013-footer-links{
  gap:22px !important;
}

.rc013-facebook-link{
  gap:13px !important;
}

.rc013-legal{
  gap:10px !important;
}

/* A jobb oldali márkablokk erősebb vizuális hangsúlyt kap. */
.rc013-footer-brand img{
  width:min(100%,430px) !important;
  max-height:112px !important;
}

.rc013-footer-brand p{
  max-width:520px !important;
  margin-top:10px !important;
  font-size:1.02rem !important;
}

/* A copyright marad teljes szélességben, kissé feszesebben. */
.rc013-copyright{
  margin-top:24px !important;
  padding-top:16px !important;
}

@media(max-width:980px){
  .site-footer .rc013-footer{
    padding-left:40px !important;
    padding-right:40px !important;
  }

  .rc013-footer-main{
    grid-template-columns:minmax(240px,.9fr) minmax(360px,1.1fr) !important;
    gap:50px !important;
  }

  .rc013-footer-brand img{
    width:min(100%,380px) !important;
  }
}

@media(max-width:760px){
  .site-footer .rc013-footer{
    padding-left:26px !important;
    padding-right:26px !important;
  }

  .rc013-footer-main{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .rc013-footer-brand img{
    width:min(100%,320px) !important;
  }
}

@media(max-width:480px){
  .site-footer .rc013-footer{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .rc013-footer-brand img{
    width:min(100%,280px) !important;
  }
}


/* ==========================================================
   SZTK RC-01.3 – FINAL FINETUNE V2
   Szélső igazítás + Facebook utáni nagyobb térköz
   ========================================================== */

/* A footer belső tartalma közelebb kerül a panel széleihez. */
.site-footer .rc013-footer{
  padding-left:40px !important;
  padding-right:40px !important;
}

/* A két fő blokk a lehető legjobban széthúzva helyezkedik el. */
.rc013-footer-main{
  grid-template-columns:minmax(250px,1fr) minmax(460px,1fr) !important;
  gap:110px !important;
  justify-content:space-between !important;
}

/* Bal oldali blokk teljesen balra. */
.rc013-footer-links{
  width:100%;
  align-items:flex-start !important;
  justify-self:start !important;
  text-align:left !important;
}

/* A Facebook sor után nagyobb vizuális elválasztás. */
.rc013-facebook-link{
  margin-bottom:16px !important;
}

/* Jobb oldali márkablokk teljesen jobbra. */
.rc013-footer-brand{
  width:100%;
  align-items:flex-end !important;
  justify-self:end !important;
  text-align:right !important;
}

.rc013-footer-brand img{
  margin-left:auto !important;
  margin-right:0 !important;
}

@media(max-width:980px){
  .site-footer .rc013-footer{
    padding-left:32px !important;
    padding-right:32px !important;
  }

  .rc013-footer-main{
    grid-template-columns:minmax(220px,.9fr) minmax(380px,1.1fr) !important;
    gap:70px !important;
  }
}

@media(max-width:760px){
  .site-footer .rc013-footer{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  .rc013-footer-main{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .rc013-footer-links,
  .rc013-footer-brand{
    align-items:flex-start !important;
    justify-self:start !important;
    text-align:left !important;
  }

  .rc013-footer-brand img{
    margin-left:0 !important;
    margin-right:auto !important;
  }

  .rc013-facebook-link{
    margin-bottom:14px !important;
  }
}

@media(max-width:480px){
  .site-footer .rc013-footer{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}


/* ==========================================================
   PA-03 HOTFIX 2 – Legal page layout + breadcrumb removal
   ========================================================== */
/* Breadcrumbs are intentionally disabled site-wide. */
.breadcrumb-wrap,
.mod-breadcrumbs,
.breadcrumb {
  display:none !important;
}

/* Privacy page: no homepage quote block; clean legal-document presentation. */
body.is-privacy .main-content {
  background:#f5faf7;
  padding:52px 0 64px;
}

body.is-privacy .component-wrap {
  width:min(980px,calc(100% - 32px)) !important;
  max-width:980px !important;
  margin:0 auto !important;
  padding:clamp(28px,5vw,58px) clamp(22px,5vw,64px) !important;
  background:#fff;
  border:1px solid rgba(31,58,31,.08);
  border-radius:24px;
  box-shadow:0 16px 46px rgba(20,51,45,.07);
}

body.is-privacy .component-wrap .item-page,
body.is-privacy .component-wrap .com-content-article,
body.is-privacy .component-wrap article {
  max-width:820px;
  margin:0 auto;
}

body.is-privacy .component-wrap h1,
body.is-privacy .component-wrap .page-header h1,
body.is-privacy .component-wrap .page-header h2 {
  margin:0 0 28px;
  color:#143c35;
  font-size:clamp(2rem,4vw,3rem);
  line-height:1.12;
  letter-spacing:-.025em;
}

body.is-privacy .component-wrap h2 {
  margin:34px 0 12px;
  color:#1f4e3f;
  font-size:1.45rem;
  line-height:1.25;
}

body.is-privacy .component-wrap h3 {
  margin:24px 0 8px;
  color:#254d41;
  font-size:1.12rem;
}

body.is-privacy .component-wrap p,
body.is-privacy .component-wrap li {
  color:#344a43;
  font-size:1rem;
  line-height:1.72;
}

body.is-privacy .component-wrap ul,
body.is-privacy .component-wrap ol {
  padding-left:1.35rem;
}

body.is-privacy .component-wrap a {
  color:#237c4b;
  text-decoration:underline;
  text-underline-offset:2px;
}

body.is-privacy .site-footer {
  margin-top:0 !important;
}

@media(max-width:640px){
  body.is-privacy .main-content { padding:24px 0 36px; }
  body.is-privacy .component-wrap {
    width:min(100% - 20px,980px) !important;
    border-radius:18px;
    padding:28px 20px !important;
  }
}

/* ==========================================================
   PA-03 HOTFIX 2.2 – Privacy page final layout finetune
   - Hide Joomla article metadata ("Részletek", author, category, date, hits)
   - Match legal document block width to the final footer shell
   - Reduce excess top / bottom spacing
   ========================================================== */
body.is-privacy .component-wrap .article-info,
body.is-privacy .component-wrap dl.article-info,
body.is-privacy .component-wrap .article-info-term,
body.is-privacy .component-wrap .createdby,
body.is-privacy .component-wrap .category-name,
body.is-privacy .component-wrap .published,
body.is-privacy .component-wrap .hits {
  display:none !important;
}

body.is-privacy .main-content {
  padding:28px 0 26px !important;
}

body.is-privacy .component-wrap {
  width:min(1160px,calc(100% - 32px)) !important;
  max-width:1160px !important;
  padding:36px 52px !important;
}

body.is-privacy .component-wrap .item-page,
body.is-privacy .component-wrap .com-content-article,
body.is-privacy .component-wrap article {
  max-width:none !important;
  width:100% !important;
}

body.is-privacy .component-wrap h1,
body.is-privacy .component-wrap .page-header h1,
body.is-privacy .component-wrap .page-header h2 {
  margin-bottom:20px !important;
}

@media(max-width:640px){
  body.is-privacy .main-content {
    padding:18px 0 20px !important;
  }
  body.is-privacy .component-wrap {
    width:min(100% - 20px,1160px) !important;
    padding:26px 20px !important;
  }
}

/* Privacy page - hide article navigation */
body.is-privacy .pagenavigation,
body.is-privacy .pager,
body.is-privacy .pagination {
    display: none !important;
}