/* H&B Turbo – szakasz-CSS: a teljes oldal- és szakaszminták (patterns/*.php) blokk-attribútummal ki nem fejezhető szabályai.
   Globálisan betöltve (inc/setup.php). A színek, térközök, betűk, keretek és elrendezések a blokkok saját beállításaiban vannak;
   itt csak az marad, amit a blokkszerkesztő nem tud: rugalmas oszlop-alapméretek, szövegszélesség,
   díszítő ikonok és hover-hatások. Forrás: design/Main.dc.html (a kezdőlap), a front-page.php klasszikus átirata; a Szolgáltatások és a
   Rólunk oldalé a page-templates/szolgaltatasok.php és rolunk.php, a Csapatunk és a Kapcsolat oldalé a csapatunk.php és kapcsolat.php,
   a jogi oldalaké és a szakaszmintáké a page.php (lásd a fájl végén). */

/* ---- Közös segédosztályok ---- */
/* A blokk-támogatással állítható tulajdonságokat (térköz, rés, szélesség, szín, betűméret) érintő szabályok :where()-ben vannak
   (0 specificitás): az oldalsávban beállított érték (a blokk saját stílusa) mindig felülírja őket. */
.hb-pretty{text-wrap:pretty}
.hb-balance{text-wrap:balance}
/* Szakaszfej (címke + cím balra, bevezető jobbra): a cím-oszlop legfeljebb 720 px. */
.hb-sec-head__title{max-width:720px}

/* Zöld pipás lista (Lista blokk, „hb-checks” osztály): vízszintes, törő sor. */
:where(ul.hb-checks){display:flex;flex-wrap:wrap;gap:10px 28px;margin:0;padding:0;list-style:none}
:where(ul.hb-checks>li){display:flex;align-items:center;gap:8px;margin:0}
ul.hb-checks>li::before{content:"";flex:none;width:16px;height:16px;background:#32CC00;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}

/* Címke-chipek (Lista blokk, „hb-chips” osztály) – a base.css .chip osztálya listaelemekre; betű és szín a listán (öröklődik). */
:where(ul.hb-chips){display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:12px;color:#4B4B6E}
:where(ul.hb-chips>li){margin:0;padding:4px 10px;border:1px solid #D9DBE7;border-radius:999px}

/* Szöveges link nyíllal (Gomb blokk, „hb-link” osztály; „hb-link--accent”: 20 px-es zöld nyíl). A gomb színe a blokk szövegszíne. */
.wp-block-button.hb-link .wp-block-button__link,.wp-block-button.hb-link .wp-block-button__link:hover{background:transparent}
.wp-block-button.hb-link .wp-block-button__link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border-radius:0;font-weight:600;line-height:1.55}
.wp-block-button.hb-link .wp-block-button__link::after{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s ease}
.wp-block-button.hb-link .wp-block-button__link:hover::after{transform:translateX(4px)}
.wp-block-button.hb-link--accent .wp-block-button__link{gap:10px}
.wp-block-button.hb-link--accent .wp-block-button__link::after{width:20px;height:20px;background:#32CC00}

/* ---- Hős (kezdőlap) ---- */
.hb-hero{overflow:hidden}
/* Oszlopok: rugalmas alapméret növekedéssel (a blokk „Szélesség” beállítása felülírja). A sorok rése a blokk saját „Rés” értéke
   (a theme.json „Rugalmas M/L” térköze). */
:where(.hb-hero__text){flex:1 1 500px;min-width:0}
:where(.hb-hero__art){flex:1 1 520px;min-width:0}
.hb-hero__lead{max-width:34em}
/* Élő-jelző pötty a címke előtt. */
.hb-live{display:flex;align-items:center;gap:12px}
.hb-live::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#32CC00;animation:hbpulse 2.2s ease-out infinite}
.hb-hero .wp-block-button .wp-block-button__link{min-height:56px}
/* Telefon-gomb: zöld telefon-ikon a szám előtt, nyíl nélkül. */
.wp-block-button.hb-btn-tel .wp-block-button__link::after{display:none}
.wp-block-button.hb-btn-tel .wp-block-button__link::before{content:"";flex:none;width:18px;height:18px;background:#32CC00;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat}
.wp-block-button.hb-btn-tel .wp-block-button__link:hover{color:#FFFFFF}

/* ---- Szolgáltatás-kártyák ---- */
.hb-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.hb-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(17,17,39,.12);border-color:#32CC00}
/* Ikon-doboz a kártya felső sorában (a sorszám előtt); az ikont a „hb-ico-*” osztály választja. */
.hb-card__top{position:relative}
.hb-card__top::before{content:"";flex:none;box-sizing:border-box;width:56px;height:56px;border:1px solid #D9DBE7;border-radius:4px;background:#F1F2F7;transition:background-color .25s ease,border-color .25s ease}
.hb-card__top::after{content:"";position:absolute;left:14px;top:14px;width:28px;height:28px;background:#333366;-webkit-mask:var(--hb-ico) center/contain no-repeat;mask:var(--hb-ico) center/contain no-repeat;transition:background-color .25s ease,transform .4s ease}
.hb-ico-box{--hb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E")}
.hb-ico-nut{--hb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5l8.2 4.75v9.5L12 21.5l-8.2-4.75v-9.5z'/%3E%3Ccircle cx='12' cy='12' r='3.6'/%3E%3C/svg%3E")}
.hb-ico-wrench{--hb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E")}
.hb-card:hover .hb-card__top::before{background:#333366;border-color:#333366}
.hb-card:hover .hb-card__top::after{background:#32CC00;transform:rotate(-14deg) scale(1.08)}
/* Kártya-link: szöveg balra, sötét kör zöld nyíllal jobbra. */
:where(.hb-card__link) a{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#111127}
.hb-card__link a::after{content:"";flex:none;width:36px;height:36px;border-radius:50%;background:#111127 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2332CC00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") 50% 50%/18px 18px no-repeat;transition:background-position .2s ease}
.hb-card__link a:hover::after{background-position:calc(50% + 4px) 50%}

/* ---- Miért minket (márkakék) ---- */
.hb-why{position:relative;overflow:hidden}
.hb-why::before{content:"";position:absolute;right:-160px;top:-140px;width:560px;height:560px;opacity:.09;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-100 -100 200 200'%3E%3Ccircle r='97' fill='none' stroke='white' stroke-width='1.2'/%3E%3Ccircle r='88' fill='none' stroke='white' stroke-width='0.6'/%3E%3Ccircle r='22' fill='none' stroke='white' stroke-width='1.2'/%3E%3Cg fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M4 -24 C8 -48 30 -68 56 -78'/%3E%3Cpath d='M4 -24 C8 -48 30 -68 56 -78' transform='rotate(30)'/%3E%3Cpath d='M4 -24 C8 -48 30 -68 56 -78' transform='rotate(60)'/%3E%3Cpath d='M4 -24 C8 -48 30 -68 56 -78' transform='rotate(90)'/%3E%3Cpath d='M4 -24 C8 -48 30 -68 56 -78' transform='rotate(120)'/%3E%3Cpath d='M4 -24 C8 -48 30 -68 56 -78' transform='rotate(150)'/%3E%3Cpath d='M4 -24 C8 -48 30 -68 56 -78' transform='rotate(180)'/%3E%3Cpath d='M4 -24 C8 -48 30 -68 56 -78' transform='rotate(210)'/%3E%3Cpath d='M4 -24 C8 -48 30 -68 56 -78' transform='rotate(240)'/%3E%3Cpath d='M4 -24 C8 -48 30 -68 56 -78' transform='rotate(270)'/%3E%3Cpath d='M4 -24 C8 -48 30 -68 56 -78' transform='rotate(300)'/%3E%3Cpath d='M4 -24 C8 -48 30 -68 56 -78' transform='rotate(330)'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;animation:hbwhy-spin 90s linear infinite}
@keyframes hbwhy-spin{to{transform:rotate(360deg)}}
.hb-why>*{position:relative}
:where(.hb-why__intro){flex:1 1 360px;min-width:0}
:where(.hb-why__grid){flex:2 1 560px;min-width:0}
.hb-why__lead{max-width:28em}

/* ---- Rólunk ---- */
:where(.hb-about__art){flex:1 1 540px;min-width:0}
:where(.hb-about__text){flex:1 1 420px;min-width:0}
/* Körvonalas évszám. */
:where(.hb-outline-year){color:transparent;-webkit-text-stroke:1.5px #32CC00}

/* ---- Kapcsolat + csapat ---- */
:where(.hb-contact__info){flex:1 1 560px;min-width:0}
.hb-contact__facts{overflow:hidden}
/* Nyitvatartás: napok balra, időpontok a tartalmuk szélességében (a rács oszlopszáma itt rögzített; a rés a blokk beállítása). */
.wp-block-group.hb-hours{grid-template-columns:1fr auto}

/* ---- Szolgáltatások és Rólunk (patterns/page-szolgaltatasok.php, page-rolunk.php) ---- */
/* Forrás: a klasszikus page-templates/szolgaltatasok.php, rolunk.php és az assets/css/pages/szolgaltatasok.css, rolunk.css. */
/* Horgonyok a ragadós fejléc alatt. */
:where(#ertekesites,#alkatreszek,#felujitas,#folyamat,#probapad,#jotallas,#aszf,#csapat,#terkep){scroll-margin-top:92px}
/* Oldal-hős (morzsamenü, cím, ábra): a túlnyúló ábra nem szélesíti a lapot. */
.hb-page-hero{overflow:hidden}
/* Oszlopok: rugalmas alapméret növekedéssel (a blokk „Szélesség” beállítása felülírja). */
:where(.hb-szolg-hero__text){flex:1 1 440px;min-width:0}
:where(.hb-szolg-hero__art){flex:1 1 560px;min-width:0}
:where(.hb-szolg-sale__text){flex:1 1 440px;min-width:0}
:where(.hb-szolg-sale__card){flex:1 1 480px;min-width:0}
:where(.hb-szolg-parts__art){flex:1 1 560px;min-width:0}
:where(.hb-szolg-parts__text){flex:1 1 400px;min-width:0}
:where(.hb-szolg-bench__text){flex:1 1 400px;min-width:0}
:where(.hb-szolg-bench__art){flex:1 1 500px;min-width:0}
:where(.hb-rolunk-hero__text){flex:1 1 520px;min-width:0}
:where(.hb-rolunk-hero__art){flex:1 1 360px;min-width:0}
:where(.hb-rolunk-story__text){flex:1.3 1 480px;min-width:0}
:where(.hb-rolunk-story__list){flex:1 1 360px;min-width:0}
:where(.hb-rolunk-aszf__card){flex:1 1 440px;min-width:0}
/* Fordított tördelés (Alkatrészek): keskeny nézetben a szöveg kerül felülre. A „Nem törik” beállítás felülírja. */
.wp-block-group.hb-wrap-reverse:not(.is-nowrap){flex-wrap:wrap-reverse}
/* Alapvonalra igazított sor (címke a nagy szám vagy a cím alapvonalán). */
.wp-block-group.hb-baseline{align-items:baseline}

/* Gombok: nyíl nélküli változat (telefonszám, horgony-link), ugró gomb (kisebb, zöld mono sorszámmal), sötét gomb zöld nyíllal (a design cta-n gombja). */
.wp-block-button.hb-no-arrow .wp-block-button__link::after,.wp-block-button.hb-btn-jump .wp-block-button__link::after{display:none}
.wp-block-button.hb-btn-jump .wp-block-button__link{min-height:44px}
:where(.wp-block-button.hb-btn-jump mark){font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:12px}
.wp-block-button.is-style-hb-dark .wp-block-button__link::after{background:#32CC00}

/* Pipás lista zöld körben (Lista blokk, „hb-checklist”): oszlop. */
:where(ul.hb-checklist){display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
:where(ul.hb-checklist>li){display:flex;align-items:flex-start;gap:12px;margin:0}
ul.hb-checklist>li::before{content:"";flex:none;width:24px;height:24px;border-radius:50%;background:#32CC00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111127' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/14px 14px no-repeat}
/* Zöld négyzetes lista (Lista blokk, „hb-squares”). */
:where(ul.hb-squares){display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
:where(ul.hb-squares>li){display:flex;align-items:center;gap:10px;margin:0}
ul.hb-squares>li::before{content:"";flex:none;width:6px;height:6px;background:#32CC00}
/* Címke-chipek sötét szakaszban. */
:where(.is-style-hb-dark ul.hb-chips){color:#A6A6C4}
:where(.is-style-hb-dark ul.hb-chips>li){border-color:#2C2C52}

/* Megjegyzés-doboz ikonnal (Csoport, „hb-note” + „hb-ico-info” | „hb-ico-ban”). */
.hb-note::before{content:"";flex:none;width:22px;height:22px;margin-top:2px;background:#32CC00;-webkit-mask:var(--hb-ico) center/contain no-repeat;mask:var(--hb-ico) center/contain no-repeat}
.hb-note.hb-ico-ban::before{width:24px;height:24px;background:#333366}
.hb-ico-info{--hb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E")}
.hb-ico-ban{--hb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.9 4.9 14.2 14.2'/%3E%3C/svg%3E")}
/* Ikon-doboz a kártya tetején (Csoport, „hb-ibox” + „hb-ibox-*”): márkakék négyzet zöld vonalas ikonnal. */
.hb-ibox::before{content:"";flex:none;width:52px;height:52px;border-radius:4px;background:#333366 var(--hb-ibox) 50% 50%/26px 26px no-repeat}
.hb-ibox-shield{--hb-ibox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2332CC00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.hb-ibox-truck{--hb-ibox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2332CC00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E")}
.hb-ibox-truck::before{animation:hbibox-bob 2.4s ease-in-out infinite}
@keyframes hbibox-bob{0%,100%{background-position:50% 50%}50%{background-position:50% calc(50% - 3px)}}
.hb-ibox-card{--hb-ibox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2332CC00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E")}
.hb-ibox-doc{--hb-ibox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2332CC00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E")}
/* Csempe ikonnal (Csoport, „hb-tile” + „hb-ico-*”): márkakék vonalas ikon a szöveg előtt. */
.hb-tile::before{content:"";flex:none;width:22px;height:22px;background:#333366;-webkit-mask:var(--hb-ico) center/contain no-repeat;mask:var(--hb-ico) center/contain no-repeat}
.hb-ico-file{--hb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E")}
.hb-ico-seal{--hb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3C/svg%3E")}
.hb-ico-book{--hb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3C/svg%3E")}
.hb-ico-shield{--hb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E")}
.hb-ico-receipt{--hb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l3-2 3 2 3-2 3 2 3-2 1 .67V2l-1 .67L16 2l-3 2-3-2-3 2z'/%3E%3Cpath d='M8 8h8M8 12h8'/%3E%3C/svg%3E")}
/* Élő-jelző pötty szorosabb réssel. */
.hb-live.hb-live--s{gap:8px}

/* Idézet nagy zöld idézőjellel (Idézet blokk, „hb-quote”). */
:where(.wp-block-quote.hb-quote){display:flex;align-items:flex-start;gap:16px}
.wp-block-quote.hb-quote::before{content:"\201E";flex:none;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;font-size:72px;line-height:.7;color:#32CC00}

/* Idővonal (Csoport „hb-timeline” > rács „hb-timeline__track” > elemek „hb-tl-item”): vízszintesen görgethető, vonal és futó fény. */
.hb-timeline{overflow-x:auto}
:where(.hb-timeline__track){min-width:1100px}
.hb-timeline__track{position:relative}
.hb-timeline__track::before{content:"";position:absolute;left:0;right:0;top:11px;height:2px;background:#4A4A80}
.hb-timeline__track::after{content:"";position:absolute;top:4px;left:0;width:60px;height:16px;margin-left:-30px;border-radius:50%;background:radial-gradient(closest-side,rgba(50,204,0,.9),rgba(50,204,0,0));animation:hbtl-spark 7s linear infinite}
@keyframes hbtl-spark{0%{left:0%;opacity:0}5%{opacity:1}95%{opacity:1}100%{left:100%;opacity:0}}
.hb-tl-item::before{content:"";flex:none;box-sizing:border-box;width:24px;height:24px;border-radius:50%;background:#FFFFFF;border:5px solid #333366;box-shadow:0 0 0 2px #FFFFFF}
.hb-tl-item--green::before{background:#32CC00;box-shadow:0 0 0 2px #32CC00}
.hb-tl-item--now::before{background:#32CC00;box-shadow:none;animation:hbpulse 2.2s ease-out infinite}

/* Gépkártya animált ikonnal (Csoport, „hb-mico” + „hb-mico-*”). */
.hb-mico::before{content:"";flex:none;width:44px;height:44px;background:var(--hb-mico) center/contain no-repeat}
.hb-mico-fan4{--hb-mico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Ccircle cx='16' cy='16' r='14' stroke='%234A4A80' stroke-width='1.5'/%3E%3Cpath d='M16 16 C16 10 19 7 24 6' stroke='%2332CC00' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M16 16 C16 10 19 7 24 6' stroke='%2332CC00' stroke-width='2.4' stroke-linecap='round' transform='rotate(90 16 16)'/%3E%3Cpath d='M16 16 C16 10 19 7 24 6' stroke='%2332CC00' stroke-width='2.4' stroke-linecap='round' transform='rotate(180 16 16)'/%3E%3Cpath d='M16 16 C16 10 19 7 24 6' stroke='%2332CC00' stroke-width='2.4' stroke-linecap='round' transform='rotate(270 16 16)'/%3E%3C/svg%3E")}
.hb-mico-fan4::before{animation:hbspin 1.2s linear infinite}
.hb-mico-fan3{--hb-mico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Ccircle cx='16' cy='16' r='14' stroke='%234A4A80' stroke-width='1.5'/%3E%3Cpath d='M16 16 C16 10 19 7 24 6' stroke='%2332CC00' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M16 16 C16 10 19 7 24 6' stroke='%2332CC00' stroke-width='2.4' stroke-linecap='round' transform='rotate(120 16 16)'/%3E%3Cpath d='M16 16 C16 10 19 7 24 6' stroke='%2332CC00' stroke-width='2.4' stroke-linecap='round' transform='rotate(240 16 16)'/%3E%3C/svg%3E")}
.hb-mico-fan3::before{animation:hbspin 4s linear infinite}
.hb-mico-gauge{--hb-mico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M6 32 A18 18 0 0 1 42 32' stroke='%234A4A80' stroke-width='3' stroke-linecap='round'/%3E%3Cg%3E%3Cpath d='M24 32 L24 14' stroke='%2332CC00' stroke-width='3' stroke-linecap='round'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='-55 24 32;45 24 32;-55 24 32' calcMode='spline' keyTimes='0;0.5;1' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='3s' repeatCount='indefinite'/%3E%3C/g%3E%3Ccircle cx='24' cy='32' r='3.5' fill='%23FFFFFF'/%3E%3C/svg%3E")}
.hb-mico-slider{--hb-mico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Crect x='6' y='10' width='36' height='28' rx='3' stroke='%234A4A80' stroke-width='2.5'/%3E%3Cpath d='M14 20 H34 M14 28 H34' stroke='%234A4A80' stroke-width='2'/%3E%3Cg%3E%3Ccircle cx='20' cy='20' r='3.5' fill='%2332CC00'/%3E%3CanimateTransform attributeName='transform' type='translate' values='-5 0;5 0;-5 0' calcMode='spline' keyTimes='0;0.5;1' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='2.6s' repeatCount='indefinite'/%3E%3C/g%3E%3Cg%3E%3Ccircle cx='28' cy='28' r='3.5' fill='%2332CC00'/%3E%3CanimateTransform attributeName='transform' type='translate' values='-5 0;5 0;-5 0' calcMode='spline' keyTimes='0;0.5;1' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='2.6s' begin='-1.3s' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E")}

/* Cégadatok (rács „hb-dl”): címke-oszlop a tartalma szerint (legalább 140 px); üres e-mail-címnél a címke sem látszik. */
.wp-block-group.hb-dl{grid-template-columns:minmax(140px,auto) 1fr}
.hb-dl:not(:has(.hb-dl__email)) .hb-dl__email-k{display:none}

/* Csökkentett mozgás: az álelemek és az ikonképek animációja is áll. */
@media (prefers-reduced-motion: reduce){
.hb-ibox-truck::before,.hb-timeline__track::after,.hb-tl-item--now::before,.hb-mico-fan4::before,.hb-mico-fan3::before{animation:none}
.hb-mico-gauge{--hb-mico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M6 32 A18 18 0 0 1 42 32' stroke='%234A4A80' stroke-width='3' stroke-linecap='round'/%3E%3Cg%3E%3Cpath d='M24 32 L24 14' stroke='%2332CC00' stroke-width='3' stroke-linecap='round'/%3E%3C/g%3E%3Ccircle cx='24' cy='32' r='3.5' fill='%23FFFFFF'/%3E%3C/svg%3E")}
.hb-mico-slider{--hb-mico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Crect x='6' y='10' width='36' height='28' rx='3' stroke='%234A4A80' stroke-width='2.5'/%3E%3Cpath d='M14 20 H34 M14 28 H34' stroke='%234A4A80' stroke-width='2'/%3E%3Cg%3E%3Ccircle cx='20' cy='20' r='3.5' fill='%2332CC00'/%3E%3C/g%3E%3Cg%3E%3Ccircle cx='28' cy='28' r='3.5' fill='%2332CC00'/%3E%3C/g%3E%3C/svg%3E")}
}

/* Csökkentett mozgás: az álelemek animációja is áll (a base.css `*` szabálya az ::before/::after elemekre nem vonatkozik). */
@media (prefers-reduced-motion: reduce){.hb-live::before,.hb-why::before{animation:none}}

/* ---- Csapatunk és Kapcsolat (patterns/page-csapatunk.php, page-kapcsolat.php) ---- */
/* Forrás: a klasszikus page-templates/csapatunk.php, kapcsolat.php és az assets/css/pages/csapatunk.css, kapcsolat.css. */
/* Oszlopok: rugalmas alapméret növekedéssel (a blokk „Szélesség” beállítása felülírja). */
:where(.hb-csapat-hero__text){flex:1 1 520px;min-width:0}
:where(.hb-csapat-hero__art){flex:1 1 360px;min-width:0}
:where(.hb-csapat-path__text){flex:1 1 360px;min-width:0}
:where(.hb-csapat-path__track){flex:1.4 1 520px;min-width:0}
:where(.hb-kapcs-hero__text){flex:1 1 520px;min-width:0}
:where(.hb-kapcs-hero__cards){flex:1 1 380px;min-width:0}
:where(.hb-kapcs-info){flex:1 1 480px;min-width:0}
:where(.hb-kapcs-form){flex:1 1 460px;min-width:0}
/* Csapat-rács: a kártyák a saját magasságukban (a klasszikus align-items:start); minden második kártya gyűrűje visszafelé forog. */
:where(.hb-team-grid){align-items:start}
.hb-team-grid>.wp-block-hb-team-member:nth-child(even) .ring-s{animation-direction:reverse}

/* Gombok: zöld telefon-gomb sötét telefon-ikonnal (a „hb-btn-tel” ikonja a gomb szövegszínét veszi fel); zöld nyíl körvonalas gombon. */
.wp-block-button.is-style-hb-green.hb-btn-tel .wp-block-button__link::before{background:currentColor}
.wp-block-button.is-style-hb-green.hb-btn-tel .wp-block-button__link:hover{color:#111127}
.wp-block-button.hb-arrow-green .wp-block-button__link::after{background:#32CC00}

/* Szakmai út (Csoport „hb-path” > rács „hb-path__list” > elemek „hb-path-item”): vonal a pöttyök mögött, zöld kitöltéssel. */
.hb-path{position:relative}
.hb-path::before,.hb-path::after{content:"";position:absolute;left:12px;right:12px;top:17px;height:2px;background:#2C2C52}
.hb-path::after{background:#32CC00;transform-origin:left center;animation:hbpath-grow 2.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes hbpath-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
:where(.hb-path__list){position:relative;z-index:1}
.hb-path-item::before{content:"";flex:none;box-sizing:border-box;width:24px;height:24px;border-radius:50%;background:#111127;border:3px solid #32CC00}
.hb-path-item--now::before{background:#32CC00;border:0;animation:hbpulse 2.2s ease-out infinite}

/* Linkkártya (Csoport „hb-linkcard”): az egész kártya kattintható – a benne lévő (kötött) Gomb linkje a kártyára feszül; ha a kötött
   gomb üres érték miatt nem jelenik meg, a kártya sem (a klasszikus oldalon a kártya csak kitöltött adattal létezett). */
.hb-linkcard{position:relative}
.hb-linkcard:not(:has(.wp-block-button)){display:none}
.hb-linkcard .wp-block-button__link,.hb-linkcard .wp-block-button__link:hover{display:inline;min-height:0;padding:0;border-radius:0;background:transparent;color:inherit;font-weight:400;text-align:left}
.hb-linkcard .wp-block-button__link::after{content:"";position:absolute;inset:0;border-radius:6px}
/* Ikon-doboz méretek (a „hb-ibox” mellé): 24 px-es ikon az 52 px-es dobozban, illetve 48 px-es doboz; lebegő ikon. */
.hb-ibox--24::before{background-size:24px 24px}
.hb-ibox--s::before{width:48px;height:48px;background-size:24px 24px}
.hb-ibox-bob::before{animation:hbibox-bob 2.4s ease-in-out infinite}
.hb-ibox-phone{--hb-ibox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2332CC00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='-12 12 12;12 12 12;-12 12 12' calcMode='spline' keyTimes='0;0.5;1' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='2.4s' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E")}
.hb-ibox-mail{--hb-ibox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2332CC00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 5L2 7'/%3E%3C/svg%3E")}
.hb-ibox-pin{--hb-ibox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2332CC00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
/* Cégadat-kártya (Csoport „hb-fact”: címke + kötött érték „hb-fact__v”): üres értéknél a címke sem látszik. */
.hb-fact:not(:has(.hb-fact__v)){display:none}
/* Térkép (hb/map, „hb-map-fluid”): a klasszikus clamp(360px, 38vw, 480px) magasság; a blokk „Magasság” beállítása a felső határ. */
.wp-block-hb-map.hb-map-fluid .map-stage{height:min(var(--hb-map-h,420px),max(360px,38vw))}

/* ---- Jogi oldalak (patterns/page-aszf.php, page-adatkezeles.php): a szövegtörzs („hb-prose”) a klasszikus .prose tipográfiájával ---- */
.hb-prose :where(h2,h3,h4){font-size:30px;line-height:1.05}
.hb-prose :where(h4){font-size:24px}
:where(.hb-prose) :where(ul,ol){padding-left:1.4em}
:where(.hb-prose) :where(li){margin:.3em 0}
:where(.hb-prose) :where(a){color:#333366;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#32CC00}
:where(.hb-prose) :where(a:hover){color:#111127}

/* Gyakori kérdések (szakaszminta, „hb-faq”): a kérdés (a Részletek blokk összegzése) félkövér, kattintható. */
:where(.hb-faq) :where(.wp-block-details summary){font-weight:600;cursor:pointer}

/* Csökkentett mozgás: az új álelemek animációja is áll; a telefon-ikon a billentés nélküli képre vált. */
@media (prefers-reduced-motion: reduce){
.hb-path::after,.hb-path-item--now::before,.hb-ibox-bob::before{animation:none}
.hb-ibox-phone{--hb-ibox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2332CC00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/g%3E%3C/svg%3E")}
}

/* ---- Hírek-sablonok (templates/home|archive|search|index.html, single.html, parts/news-sidebar.html) ---- */
/* Lista + oldalsáv: a lista rugalmasan nő, az oldalsáv 300 px-től; keskeny nézetben az oldalsáv a lista alá kerül. */
:where(.hb-news__main){flex:999 1 560px;min-width:0}
:where(.hb-news__side){flex:1 1 300px;min-width:0}
/* Hírkártya: a kép a lekerekített keretbe vágva; a kategória-chip márkakék, a cím linkje a kártya színét veszi fel. */
.hb-news-card{overflow:hidden}
.hb-news-chip a{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid #333366;border-radius:999px;background:#333366;color:#FFFFFF;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:12px;text-decoration:none}
.hb-news-chip .wp-block-post-terms__separator{display:none}
.hb-news-thumb{overflow:hidden}
.hb-news-thumb img{display:block;width:100%;height:auto}
/* Keresés (Keresés blokk, „hb-news-search”): címke, nagyító-ikonos világos mező, mint a klasszikus oldalsávban. */
.wp-block-search.hb-news-search{display:flex;flex-direction:column;gap:10px;margin:0}
.hb-news-search .wp-block-search__label{margin:0;font-size:13px;font-weight:500;line-height:1.55;color:#4B4B6E}
.hb-news-search .wp-block-search__inside-wrapper{position:relative;width:100%}
.hb-news-search .wp-block-search__inside-wrapper::before{content:"";position:absolute;left:16px;top:17px;width:18px;height:18px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B6B8A' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") center/18px 18px no-repeat}
.hb-news-search .wp-block-search__input{box-sizing:border-box;width:100%;height:52px;margin:0;padding:0 16px 0 44px;border:1px solid #C9CCDA;border-radius:4px;background:#F7F8FB;color:#111127;font-size:15px}
/* Egy hír: felhívó-sáv címe legfeljebb 640 px; vissza-link. */
.hb-cta-title{max-width:640px}
.lnk a{color:inherit}

/* ---- Oldalsávos oldalsablonok (templates/hb-plain-sidebar.html, hb-sidebar.html, parts/page-sidebar.html) ---- */
/* A tartalom (⅔) és az Oldalsáv (⅓) Oszlopok blokk; a mag 782 px alatt egymás alá teszi őket – 782–1023 px között is egymás
   alatt, mert ott a ⅓-os oldalsáv túl keskeny lenne a nyitvatartás-kártyának. Egymás alatt az Oldalsáv legfeljebb a szövegtörzs
   (.prose) szélessége. */
@media (max-width:1023px){.wp-block-columns.hb-page-cols{flex-wrap:wrap!important}.wp-block-columns.hb-page-cols>.wp-block-column{flex-basis:100%!important}.wp-block-columns.hb-page-cols>.wp-block-column:last-child{max-width:760px}}