@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");
:root{--ink:#172019;--muted:#657168;--paper:#f5f5f0;--white:#fff;--green:#174f35;--orange:#ef6d32;--line:#d9ddd7;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Plus Jakarta Sans",Arial,sans-serif;line-height:1.55}.container{width:min(var(--max),calc(100% - 48px));margin:auto}a{color:inherit}header{position:sticky;top:0;z-index:20;background:rgba(245,245,240,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:19px;font-weight:800}.brand b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-size:12px}.menu{display:flex;gap:25px;margin-left:auto}.menu a{text-decoration:none;font-size:13px;font-weight:700;color:#455047}.menu a:hover{color:var(--orange)}.phone{padding:11px 16px;background:rgba(16,23,18,.78);color:white;text-decoration:none;border:1px solid rgba(255,255,255,.16);border-radius:9px;font-size:13px;font-weight:800;backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%);box-shadow:0 8px 22px rgba(16,23,18,.13)}.menu-button{display:none}.hero{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:65px;padding-top:72px;padding-bottom:68px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--green);display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:27px;height:2px;background:var(--orange)}h1,h2,h3{font-weight:600;letter-spacing:-.045em;line-height:1.05}h1{font-size:clamp(48px,6.1vw,78px);margin:18px 0 24px;font-weight:700}h1 em{font-style:normal;color:var(--green)}h2{font-size:clamp(35px,4vw,51px);margin:12px 0}.lead{max-width:590px;color:var(--muted);font-size:17px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:29px}.button{display:inline-flex;justify-content:center;padding:14px 19px;border-radius:9px;text-decoration:none;border:1px solid transparent;font-weight:800;font-size:13px;cursor:pointer}.primary{background:var(--orange);color:white}.secondary{border-color:#aeb6b0}.trust{display:flex;gap:20px;list-style:none;padding:0;margin:25px 0 0;color:#4d5950;font-size:12px;font-weight:650}.trust li:before{content:"✓";color:var(--green);font-weight:900;margin-right:6px}.hero-image{height:515px;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 28px 70px rgba(31,44,35,.16)}.placeholder{background:linear-gradient(130deg,#6d5141 0 49.7%,#d6d7cf 50%);display:grid;place-items:center;color:white;text-align:center}.placeholder>span{position:absolute;top:18px;background:rgba(23,32,25,.75);padding:7px 10px;border-radius:6px;font-size:10px}.placeholder>span:first-child{left:18px}.placeholder>span:nth-child(2){right:18px}.placeholder i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:white;color:var(--ink);border-radius:50%;padding:12px;font-style:normal}.placeholder p{background:rgba(23,32,25,.78);padding:10px 14px;border-radius:8px;font-size:12px}.steps-band{background:var(--green);color:white}.steps-band>.container{display:grid;grid-template-columns:repeat(3,1fr)}.steps-band div div{padding:23px 0;border-right:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:700}.steps-band b{color:#83c69d;margin-right:12px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:88px 0;border-bottom:1px solid var(--line);align-items:start}.intro p:last-child{max-width:520px;margin:0;color:var(--muted);font-size:16px}.section{padding-top:90px;padding-bottom:90px}.heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:37px}.heading>p{max-width:470px;color:var(--muted);font-size:14px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.services article{background:white;border:1px solid var(--line);padding:26px;border-radius:16px;min-height:225px;transition:.2s}.services article:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(23,32,25,.07)}.services article>b{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#e0ece4;color:var(--green);font-size:12px}.services h3{font-size:19px;margin:27px 0 9px}.services p{font-size:13px;color:var(--muted)}.services a{font-size:12px;font-weight:800;text-decoration:none;color:var(--green)}.services .highlight{background:var(--green);color:white}.services .highlight p,.services .highlight a{color:#d9e8df}.dark{background:var(--ink);color:white}.dark .eyebrow{color:#8ed0a7}.dark .heading>p{color:#adb8b0}.works{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work-photo{aspect-ratio:4/3;border-radius:14px;background:linear-gradient(140deg,#654837,#c6c8c1);display:grid;place-items:center;padding:15px;text-align:center;font-size:11px}.work-photo.wood{background:linear-gradient(140deg,#685444,#d2b17a)}.work-photo.stone{background:linear-gradient(140deg,#575b57,#c6c8c1)}
.work-placeholder{display:inline-block;padding:6px 10px;border:1px dashed rgba(255,255,255,.55);border-radius:8px;color:rgba(255,255,255,.85);font-size:11px;font-weight:600;letter-spacing:.02em}.works h3{margin:14px 0 3px}.works p{margin:0;color:#9daba1;font-size:12px}.process{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:36px}.process li{padding:25px 25px 0 0}.process b{color:var(--orange);font-size:12px}.process h3{margin:25px 0 8px}.process p{color:var(--muted);font-size:13px}.contact{background:var(--green);color:white;padding:82px 0}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.contact .eyebrow{color:#9ad1ae}.contact-grid>div>a{font-size:22px;font-weight:800;text-decoration:none}form{background:white;color:var(--ink);border-radius:17px;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:6px;font-size:11px;font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fafaf7;padding:12px;font:inherit;font-size:13px}.full{grid-column:1/-1}.message{color:var(--green);font-size:12px;margin:0}footer{background:#101712;color:#b9c2bb;padding:27px 0;font-size:11px}footer>div{display:flex;justify-content:space-between;gap:20px}footer a{text-decoration:none}@media(max-width:850px){.menu{display:none;position:absolute;top:75px;left:0;right:0;padding:20px 24px;background:var(--paper);flex-direction:column}.menu.open{display:flex}.menu-button{display:block;margin-left:auto;background:transparent;border:1px solid var(--line);padding:8px;border-radius:7px}.phone{display:none}.hero,.contact-grid,.intro{grid-template-columns:1fr;gap:38px}.hero-image{height:420px}.services,.works{grid-template-columns:1fr 1fr}.heading{display:block}.process{grid-template-columns:1fr 1fr}}@media(max-width:560px){.container{width:calc(100% - 32px)}h1{font-size:46px}.actions .button{width:100%}.trust{display:grid}.hero-image{height:340px}.steps-band>.container,.services,.works,.process,form{grid-template-columns:1fr}.steps-band div div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:14px 0}.intro{padding:64px 0}.section{padding-top:64px;padding-bottom:64px}.full{grid-column:auto}footer>div{display:grid}}
footer span:last-child{font-size:0}footer span:last-child a{display:inline-block;font-size:11px;margin-right:12px}

/* szövegközi linkek: aláhúzás helyett kék szín, rámutatáskor aláhúzás */
body .article-main p a,body .article-main li a,body .article-main td a,body .hub p a,
body .intro-szoveg a,body .legal-main a:not(.back-link),body .privacy-check a{color:#1a5fb4;text-decoration:none}
body .article-main p a:hover,body .article-main li a:hover,body .article-main td a:hover,body .hub p a:hover,
body .intro-szoveg a:hover,body .legal-main a:not(.back-link):hover,body .privacy-check a:hover{text-decoration:underline}

button,input,textarea,select{font:inherit}

/* Egységes, halványzöld kártyastílus */
:root{--card:#f4f9f4;--card-strong:#e8f3ea;--card-line:#cfe3d3}
.services article:not(.highlight),form{background:var(--card);border:1px solid var(--card-line);box-shadow:0 8px 24px rgba(23,32,25,.045)}
.services article:not(.highlight){border-radius:16px}
input,select,textarea{background:#fbfdfb;border-color:var(--card-line)}

/* Egységes tipográfiai lépték */
body{font-size:16px;line-height:1.6}
h1{font-size:clamp(40px,4.8vw,64px)}
h2{font-size:clamp(28px,3.2vw,42px);line-height:1.12}
h3{font-size:20px;line-height:1.2}
.lead{font-size:18px;line-height:1.6}

/* Nyugodtabb kártyák: keret helyett finom árnyék */
.services article:not(.highlight),form{border-color:transparent;box-shadow:0 10px 28px rgba(23,32,25,.055)}
input,select,textarea{border-color:#d9ddd7}

/* Szolgáltatáskártyák: határozottabb halványzöld háttér */
.services article:not(.highlight){background:#eaf5ec}

/* Visszaállított, nagyon világos kártyaárnyalat */
.services article:not(.highlight){background:var(--card)}

/* A bemutatkozó cím közelebb kerüljön a felső címkéhez */
.intro .eyebrow{margin:0 0 8px}
.intro h2{margin:0}

@media(min-width:851px){
  .intro>div:first-child{position:relative}
  .intro>div:first-child .eyebrow{position:absolute;left:0;top:-48px;margin:0}
}

@media(min-width:851px){
  .heading{align-items:start}
  .heading>div:first-child{position:relative}
  .heading>div:first-child .eyebrow{position:absolute;left:0;top:-48px;margin:0}
  .heading>div:first-child h2{margin:0}
}

@media(min-width:851px){.hero{align-items:start}}

@media(min-width:851px){.heading>p{margin-top:0}}

.heading>p{margin-top:0!important}

.heading>p{position:relative;top:-20px}

.intro h2{margin-top:26px}

.intro h2{margin-top:0}

/* A szolgáltatások melletti magyarázat a nagy címmel egy magasságban induljon */
.heading>p{top:12px}

/* Ügyfélvélemények: a valódi visszajelzések megérkezéséig visszafogott helyőrző. */
.reviews{padding-top:42px}
.reviews h2{max-width:760px}
.reviews-pending{margin-top:28px;max-width:760px;padding:24px 28px;background:var(--card);border:1px solid var(--card-line);border-radius:18px;box-shadow:0 8px 24px rgba(23,32,25,.045)}
.reviews-pending p{margin:0;color:var(--muted);font-size:16px;line-height:1.65}
@media(max-width:560px){.reviews-pending{padding:20px}}

/* Szövegközi hivatkozások: a kék helyett a saját zöld–narancs arculati jelölés. */
p a:not(.button), li a:not(.button), td a:not(.button), .article-main a:not(.button){
  color:var(--green);
  font-weight:700;
  text-decoration-line:underline;
  text-decoration-color:var(--orange);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:text-decoration-thickness .16s ease, color .16s ease;
}
p a:not(.button):hover, li a:not(.button):hover, td a:not(.button):hover, .article-main a:not(.button):hover{
  color:#123f2a;
  text-decoration-thickness:2px;
}

/* Korábbi kék kivételek felülírása. */
body .intro-szoveg a, body .legal-main a:not(.back-link), body .privacy-check a,
body .article-main p a, body .article-main li a, body .article-main td a, body .hub p a{
  color:var(--green);
  font-weight:700;
  text-decoration-line:underline;
  text-decoration-color:var(--orange);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
body .intro-szoveg a:hover, body .legal-main a:not(.back-link):hover, body .privacy-check a:hover,
body .article-main p a:hover, body .article-main li a:hover, body .article-main td a:hover, body .hub p a:hover{
  color:#123f2a;
  text-decoration-line:underline;
  text-decoration-color:var(--orange);
  text-decoration-thickness:2px;
}

/* A szolgáltatáskártyák alsó hivatkozása mindig egy vonalban marad. */
.services article{display:flex;flex-direction:column}
.services article a{margin-top:auto;padding-top:18px;align-self:flex-start}

/* A szolgáltatáskártyák hivatkozásai minden képernyőszélességnél azonos magasságban vannak. */
.services article{position:relative;padding-bottom:72px}
.services article a{position:absolute;left:26px;bottom:26px;margin:0;padding:0}

/* Tömörebb szolgáltatáskártyák: több kártya látszik egyszerre. */
.services{gap:12px}
.services article{min-height:210px;padding:20px 20px 58px}
.services h3{margin:18px 0 7px}
.services article p{margin:0}
.services article a{left:20px;bottom:20px}

/* A rövid zöld kártyacímkék elhagyva: a szolgáltatás neve önmagában egyértelmű. */
.services h3{margin-top:0}

/* A szolgáltatáskártyák fő címei az egykori címkék helyett kapnak saját, zöld keretet. */
.services article h3{display:inline-flex;align-items:center;width:fit-content;max-width:100%;margin:0 0 12px;padding:8px 12px;border-radius:9px;background:#e0ece4;color:var(--green);font-size:17px;line-height:1.18;letter-spacing:-.035em}
.services .highlight h3{background:rgba(255,255,255,.14);color:white}

/* Szolgáltatásonkénti rövid tudástár-hivatkozás. */
.services article .service-info{display:grid;place-items:center;position:absolute;right:20px;left:auto;bottom:18px;width:28px;height:28px;margin:0;padding:0;border:1.5px solid #77a889;border-radius:50%;background:transparent;color:var(--green);font-family:Georgia,serif;font-size:17px;font-weight:700;line-height:1;text-decoration:none}
.services article .service-info:hover{background:#e0ece4;border-color:var(--green)}
.services .highlight .service-info{border-color:rgba(255,255,255,.7);color:white}.services .highlight .service-info:hover{background:rgba(255,255,255,.15);border-color:white}

/* Kisebb, fekete információs jelölés a szolgáltatáskártyákon. */
.services article .service-info{right:20px;bottom:20px;width:22px;height:22px;border-color:var(--ink);color:var(--ink);font-size:14px}
.services article .service-info:hover{background:#e0ece4;border-color:var(--ink)}
.services .highlight .service-info{background:rgba(255,255,255,.88);border-color:var(--ink);color:var(--ink)}
.services .highlight .service-info:hover{background:white;border-color:var(--ink);color:var(--ink)}

/* Finom, visszafogott információs jelölés. */
.services article .service-info{width:18px;height:18px;border:1px solid rgba(23,32,25,.72);border-radius:50%;color:rgba(23,32,25,.9);font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:11px;font-weight:800;line-height:1;opacity:.82}
.services article .service-info:hover{opacity:1;background:#e0ece4;border-color:var(--ink)}
.services .highlight .service-info{background:rgba(255,255,255,.9);border-color:rgba(23,32,25,.75);color:var(--ink);opacity:.9}

/* Vékony vonalas, önmagában is jól felismerhető információs ikon. */
.services article .service-info{right:18px;bottom:18px;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--ink);opacity:.68;transition:background .18s ease,opacity .18s ease,transform .18s ease}
.services article .service-info svg{width:22px;height:22px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.services article .service-info .info-dot,.services article .service-info .info-stem{fill:currentColor;stroke:none}
.services article .service-info:hover,.services article .service-info:focus-visible{background:#e0ece4;border:0;opacity:1;transform:scale(1.06);outline:0}
.services .highlight .service-info{background:transparent;border:0;color:white;opacity:.72}
.services .highlight .service-info:hover,.services .highlight .service-info:focus-visible{background:rgba(255,255,255,.14);border:0;color:white;opacity:1}

/* Második ikonváltozat: tömör kör, fehér i betűvel. */
.services article .service-info{opacity:.76}
.services article .service-info .info-disc{fill:currentColor;stroke:none}
.services article .service-info .info-dot,.services article .service-info .info-stem{fill:#fff;stroke:none}
.services article .service-info:hover,.services article .service-info:focus-visible{background:#e0ece4;color:var(--ink)}
.services .highlight .service-info{color:white;opacity:.84}
.services .highlight .service-info:hover,.services .highlight .service-info:focus-visible{background:rgba(255,255,255,.14);color:white}

/* Negyedik ikonváltozat: sötét információs buborék. */
.services article .service-info{opacity:.78}
.services article .service-info .info-bubble{fill:currentColor;stroke:none}
.services article .service-info .info-dot,.services article .service-info .info-stem{fill:#fff;stroke:none}
.services .highlight .service-info{color:white;opacity:.86}

/* Kártyahivatkozások: nyugodt alapállapot, egyértelmű rámutatási visszajelzés. */
.services article > a:not(.service-info){font-weight:500;color:var(--green);transition:color .18s ease,font-weight .18s ease}
.services article > a:not(.service-info):hover,.services article > a:not(.service-info):focus-visible{font-weight:800;color:var(--green);outline:0}
.services .highlight > a:not(.service-info){color:#d9e8df}
.services .highlight > a:not(.service-info):hover,.services .highlight > a:not(.service-info):focus-visible{color:#b9e3c7}
/* A sötét kártyán is fekete körben marad jól olvasható a fehér i. */
.services .highlight .service-info,.services .highlight .service-info:hover,.services .highlight .service-info:focus-visible{color:var(--ink)}

/* A szolgáltatáskártyák zöld címmezőit finom narancs körvonal emeli ki. */
.services article h3{border:1px solid rgba(239,109,50,.62)}
.services .highlight h3{border-color:rgba(239,109,50,.7)}

/* Tipikus felületek: három nagyobb, áttekinthető példakártya. */
.works-featured{gap:20px}
.works-featured article{padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.045)}
.works-featured .work-photo{aspect-ratio:16/10;border-radius:11px}
.works-featured h3{margin:16px 2px 4px;font-size:18px}
.works-featured p{margin:0 2px 3px}

/* Tipikus felületek: a fekete helyett mély, arculathoz illő zöld háttér. */
#referenciak.dark{background:rgba(16,23,18,.78)}

/* A példakártyák képei a kártya teljes felső éléig érnek. */
.works-featured article{padding:0;overflow:hidden}
.works-featured .work-photo{border-radius:17px 17px 0 0}
.works-featured h3{margin:16px 16px 4px}
.works-featured p{margin:0 16px 16px}

/* A keret csak a képet fogja körbe; a felirat külön marad alatta. */
.works-featured article{padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.works-featured .work-photo{border:1px solid rgba(255,255,255,.16);border-radius:17px}
.works-featured h3{margin:14px 2px 4px}
.works-featured p{margin:0 2px}

/* Harmadik ikonváltozat: zöld helyjelölő, az arculat színeivel. */
.services article .service-info{width:30px;height:30px;opacity:1}
.services article .service-info svg{width:25px;height:25px}
.services article .service-info .info-pin{fill:var(--green);stroke:none}
.services article .service-info .info-pin-inner{fill:#f4f9f4;stroke:none}
.services article .service-info .info-dot,.services article .service-info .info-stem{fill:var(--green);stroke:none}
.services .highlight .service-info,.services .highlight .service-info:hover,.services .highlight .service-info:focus-visible{color:inherit;background:transparent}
.services .highlight .service-info .info-pin{fill:#9ad1ae}
.services .highlight .service-info .info-pin-inner{fill:#f4f9f4}

/* Visszaállított információs ikon: sötét kör, fehér i betű. */
.services article .service-info{width:28px;height:28px;color:var(--ink);opacity:.76}
.services article .service-info svg{width:22px;height:22px}
.services article .service-info .info-disc{fill:currentColor;stroke:none}
.services article .service-info .info-dot,.services article .service-info .info-stem{fill:#fff;stroke:none}
.services .highlight .service-info,.services .highlight .service-info:hover,.services .highlight .service-info:focus-visible{color:var(--ink);background:transparent;opacity:.84}


/* Zöld beszédbuborékos tájékoztató jelölés. */
.services article .service-info{width:30px;height:30px;color:var(--green);opacity:.88}
.services article .service-info svg{width:26px;height:26px}
.services article .service-info .info-disc{fill:currentColor;stroke:none}
.services article .service-info .info-dot,.services article .service-info .info-stem{fill:#fff;stroke:none}
.services article .service-info:hover,.services article .service-info:focus-visible{background:transparent;color:#0f3926;opacity:1;transform:scale(1.07)}
.services .highlight .service-info,.services .highlight .service-info:hover,.services .highlight .service-info:focus-visible{color:#fff;background:transparent;opacity:.94}
.services .highlight .service-info .info-dot,.services .highlight .service-info .info-stem{fill:var(--green)}


/* Második beszédbuborék-változat: zöld buborék, világos belső kör. */
.services article .service-info .info-disc{fill:var(--green)}
.services article .service-info .info-inner{fill:#f5f5f0;stroke:none}
.services article .service-info .info-dot,.services article .service-info .info-stem{fill:var(--green)}
.services .highlight .service-info .info-disc{fill:#f5f5f0}
.services .highlight .service-info .info-inner{fill:var(--green)}
.services .highlight .service-info .info-dot,.services .highlight .service-info .info-stem{fill:#f5f5f0}


/* Lekerekített négyzetes információs jel, beszédbuborékkal. */
.services article .service-info{width:26px;height:26px;color:var(--green);opacity:.9}
.services article .service-info svg{width:23px;height:23px}
.services article .service-info .info-square{fill:currentColor;stroke:none}
.services article .service-info .info-bubble{fill:#f5f5f0;stroke:none}
.services article .service-info .info-dot,.services article .service-info .info-stem{fill:var(--green)}
.services .highlight .service-info,.services .highlight .service-info:hover,.services .highlight .service-info:focus-visible{color:#f5f5f0;background:transparent;opacity:.96}
.services .highlight .service-info .info-bubble{fill:var(--green)}
.services .highlight .service-info .info-dot,.services .highlight .service-info .info-stem{fill:#f5f5f0}


/* Fekete keret a tipikus felületek referenciafotói körül. */
#referenciak .works-featured .work-photo{border:2px solid rgba(8,12,10,.92)}

/* Próba: narancs információs jelölések. */
.services article .service-info{color:var(--orange)}
.services article .service-info .info-square{fill:var(--orange)}
.services article .service-info .info-bubble{fill:#f5f5f0}
.services article .service-info .info-dot,.services article .service-info .info-stem{fill:var(--orange)}
.services .highlight .service-info,.services .highlight .service-info:hover,.services .highlight .service-info:focus-visible{color:var(--orange)}
.services .highlight .service-info .info-square{fill:var(--orange)}
.services .highlight .service-info .info-bubble{fill:#f5f5f0}
.services .highlight .service-info .info-dot,.services .highlight .service-info .info-stem{fill:var(--orange)}

/* Próba: zöld keret, narancs „i” betű. */
.services article .service-info{color:var(--green)}
.services article .service-info .info-square{fill:var(--green)}
.services article .service-info .info-bubble{fill:#f5f5f0}
.services article .service-info .info-dot,.services article .service-info .info-stem{fill:var(--orange)}
.services .highlight .service-info,.services .highlight .service-info:hover,.services .highlight .service-info:focus-visible{color:#9ad1ae}
.services .highlight .service-info .info-square{fill:#9ad1ae}
.services .highlight .service-info .info-bubble{fill:#f5f5f0}
.services .highlight .service-info .info-dot,.services .highlight .service-info .info-stem{fill:var(--orange)}

/* Visszaállítás: egységes zöld információs jel. */
.services article .service-info{color:var(--green)}
.services article .service-info .info-square{fill:var(--green)}
.services article .service-info .info-bubble{fill:#f5f5f0}
.services article .service-info .info-dot,.services article .service-info .info-stem{fill:var(--green)}
.services .highlight .service-info,.services .highlight .service-info:hover,.services .highlight .service-info:focus-visible{color:#9ad1ae}
.services .highlight .service-info .info-square{fill:#9ad1ae}
.services .highlight .service-info .info-bubble{fill:#f5f5f0}
.services .highlight .service-info .info-dot,.services .highlight .service-info .info-stem{fill:var(--green)}

/* Az Egyedi felület kártyán visszaáll az eredeti, kontrasztos jel. */
.services .highlight .service-info,.services .highlight .service-info:hover,.services .highlight .service-info:focus-visible{color:#f5f5f0;background:transparent;opacity:.96}
.services .highlight .service-info .info-square{fill:#f5f5f0}
.services .highlight .service-info .info-bubble{fill:var(--green)}
.services .highlight .service-info .info-dot,.services .highlight .service-info .info-stem{fill:#f5f5f0}