/* VitaminBomba – alapstílusok */
body{margin:0}
a{color:#1A1A1A;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}
a:hover{color:#000000}
h1,h2,h3{text-wrap:balance}
.pill{flex:1;min-height:64px;padding:8px 16px;border:1px solid #8A8A8A;border-radius:4px;background:#FFFFFF;color:#1A1A1A;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:center}
.pill[aria-pressed="true"]{background:#1A1A1A;color:#FFFFFF;border-color:#1A1A1A}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:4px;color:#1A1A1A;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #5C5C5C;border-radius:4px;background:transparent;color:#F2F2F2;cursor:pointer;position:relative;padding:0}
.foot a{color:#D6D6D6;text-decoration-color:#6B6B6B}
.foot a:hover{color:#FFFFFF}
html{background:#1F1F1F}body>div{margin:0 auto}[hidden]{display:none!important}

/* ---------- Kiegészítések a működő webshophoz ---------- */
a.icon-btn{text-decoration:none}
a.icon-btn:hover{color:#FFFFFF}
.btn:hover{filter:brightness(1.05)}
.btn:disabled{opacity:.6;cursor:default}
:focus-visible{outline:3px solid #F5C518;outline-offset:2px}

/* Portfólió-sáv */
.gyakorlo{margin:0;padding:8px 24px;background:#141414;color:#D6D6D6;font-size:14px;line-height:1.5;text-align:center}
.gyakorlo a{display:inline-block;margin-right:8px;padding:0 16px;line-height:32px;border-radius:999px;background:#F5C518;color:#1A1A1A;font-weight:600;text-decoration:none}
.gyakorlo a:hover{background:#FFFFFF;color:#1A1A1A}

/* Aloldalak szövegelemei (a főoldal mintájára) */
.vb-eyebrow{margin:0;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6B6B6B;line-height:1.1}
.vb-h2{margin:0;font-family:'Figtree',sans-serif;font-weight:700;font-size:28px;line-height:1.1;color:#1A1A1A}
.vb-h3{margin:0;font-family:'Figtree',sans-serif;font-weight:700;font-size:22px;line-height:1.1;color:#1A1A1A}
.vb-p{margin:16px 0 0}
.vb-apro{margin:16px 0 0;color:#6B6B6B}
.vb-kartya{background:#FFFFFF;border-radius:4px;padding:32px;display:flex;flex-direction:column}
.vb-sarga{background:rgb(254,246,220)}
.vb-gomb{margin-top:32px;height:56px;font-size:18px;background:#F5C518}
.vb-link{margin-top:24px;text-decoration-color:#F5C518;align-self:flex-start}
.vb-link-kozep{margin-top:16px;text-decoration-color:#F5C518;align-self:center}
.vb-link-gomb{margin-top:16px;padding:8px 0;border:0;background:none;font:inherit;color:#474747;text-decoration:underline;text-decoration-color:#BDBDBD;text-underline-offset:4px;cursor:pointer;align-self:flex-start}
.vb-mt16{margin-top:16px}.vb-mt32{margin-top:32px}.vb-mt48{margin-top:48px}.vb-mb16{margin-bottom:16px}
.vb-szoveg h2{margin:48px 0 0;font-family:'Figtree',sans-serif;font-weight:700;font-size:22px;line-height:1.1;color:#1A1A1A}
.vb-szoveg h2:first-child{margin-top:0}
.vb-szoveg p,.vb-szoveg ul{margin:16px 0 0}
.vb-szoveg ul{padding-left:24px}
.vb-szoveg li{margin-top:8px}
.vb-szoveg a{text-decoration-color:#F5C518;overflow-wrap:anywhere}

/* Kosár, tételek, összesítő */
.vb-tetelek{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}
.vb-tetel{background:#FFFFFF;border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:16px}
.vb-tetelek-kicsi{gap:0}
.vb-tetelek-kicsi .vb-tetel{padding:16px 0;gap:8px;border-bottom:1px solid #E4E4E4;border-radius:0}
.vb-tetel-fej{display:flex;gap:16px;align-items:flex-start}
.vb-tetel-nev{display:flex;flex-direction:column;gap:8px;min-width:0}
.vb-tetel-nev a{font-weight:600;text-decoration-color:#F5C518}
.vb-tetel-nev span{font-size:14px;color:#6B6B6B}
.vb-tetel-also{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#1A1A1A}
.vb-lepteto{display:flex;align-items:center;border:1px solid #8A8A8A;border-radius:4px;height:48px}
.vb-lepteto button{width:48px;height:46px;border:0;background:none;color:#1A1A1A;cursor:pointer;display:flex;align-items:center;justify-content:center}
.vb-lepteto span{min-width:32px;text-align:center;font-weight:600;color:#1A1A1A}
.vb-torles{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:8px 0;border:0;background:none;font:inherit;color:#6B6B6B;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.vb-torles:hover{color:#1A1A1A}
.vb-csik{margin-top:16px;height:8px;border-radius:4px;background:#E4E4E4;overflow:hidden}
.vb-csik div{height:8px;border-radius:4px;background:#F5C518}
.vb-szallitas-info{margin:0;font-weight:600;color:#1A1A1A}
.vb-osszeg{margin:24px 0 0;display:flex;flex-direction:column;gap:8px}
.vb-osszeg div{display:flex;justify-content:space-between;gap:16px}
.vb-osszeg dt,.vb-osszeg dd{margin:0}
.vb-vegosszeg{padding-top:16px;border-top:1px solid #D4D4D4;font-weight:700;color:#1A1A1A;font-size:22px}
.vb-adatok{margin:16px 0 0;display:flex;flex-direction:column;gap:16px}
.vb-adatok dt{font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6B6B6B}
.vb-adatok dd{margin:8px 0 0;color:#1A1A1A;overflow-wrap:anywhere}
.vb-rendelesszam{margin:16px 0 0;font-family:'Figtree',sans-serif;font-weight:700;font-size:28px;line-height:1.1;color:#1A1A1A}
.vb-rendeles-fej{display:flex;justify-content:space-between;align-items:center;gap:16px}
.vb-allapot{display:flex;align-items:center;gap:8px;font-size:14px;color:#474747}
.vb-allapot::before{content:"";width:8px;height:8px;border-radius:4px;background:#2E8B57}
.vb-lepesek{margin:24px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:24px}
.vb-lepesek li{display:flex;gap:16px;align-items:flex-start}
.vb-lepesek p{margin:0}
.vb-lepes-szam{flex:none;width:40px;height:40px;border-radius:20px;background:#1A1A1A;color:#F5C518;display:flex;align-items:center;justify-content:center;font-family:'Figtree',sans-serif;font-weight:700;font-size:22px}

/* Űrlapok */
.vb-urlap{display:flex;flex-direction:column;gap:24px}
.vb-urlap fieldset{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:24px}
.vb-urlap legend{padding:0;margin-bottom:16px;font-family:'Figtree',sans-serif;font-weight:700;font-size:22px;line-height:1.1;color:#1A1A1A}
.vb-mezo{display:flex;flex-direction:column;gap:8px}
.vb-mezo label,.vb-mezo .vb-cimke{font-weight:600;color:#1A1A1A}
.vb-mezo input[type=text],.vb-mezo input[type=email],.vb-mezo input[type=tel],.vb-mezo textarea{box-sizing:border-box;width:100%;min-height:56px;padding:8px 16px;border:1px solid #8A8A8A;border-radius:4px;background:#FFFFFF;font:inherit;color:#1A1A1A}
.vb-mezo textarea{min-height:144px;resize:vertical}
.vb-mezo ::placeholder{color:#9A9A9A}
.vb-mezo [aria-invalid=true]{border:2px solid #B3261E}
.vb-sugo{margin:0;color:#6B6B6B}
.vb-hiba{margin:0;font-weight:600;color:#B3261E}
.vb-ketto{display:flex;flex-direction:column;gap:24px}
.vb-valaszto{display:flex;gap:16px;align-items:flex-start;padding:16px;border:1px solid #8A8A8A;border-radius:4px;background:#FFFFFF;cursor:pointer}
.vb-valaszto:has(input:checked){border-color:#1A1A1A;box-shadow:inset 0 0 0 1px #1A1A1A}
.vb-valaszto input{flex:none;width:22px;height:22px;margin:2px 0 0;accent-color:#1A1A1A}
.vb-valaszto span{display:flex;flex-direction:column;gap:8px;color:#474747}
.vb-valaszto strong{font-weight:600;color:#1A1A1A}
.vb-pipa{display:flex;gap:16px;align-items:flex-start;cursor:pointer}
.vb-pipa input{flex:none;width:22px;height:22px;margin:3px 0 0;accent-color:#1A1A1A}
.vb-pipa a{text-decoration-color:#F5C518}
.vb-csali{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* Termékoldal */
.vb-mennyiseg{margin-top:24px;display:flex;align-items:center;gap:16px}
.vb-mennyiseg>span{font-weight:600;color:#1A1A1A}
.vb-reszletek{margin:24px 0 0;display:flex;flex-direction:column;gap:16px}
.vb-reszletek div{display:flex;flex-direction:column;gap:8px}
.vb-reszletek dt{font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6B6B6B}
.vb-reszletek dd{margin:0;color:#1A1A1A}
.vb-tobbi{margin:24px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.vb-tobbi a{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#FFFFFF;border-radius:4px;text-decoration:none;font-weight:600}
.vb-tobbi a:hover{outline:2px solid #1A1A1A}

/* ---------- Reszponzív réteg és tipográfiai rend (Magdolna szabályai, 2026-11-04) ----------
   Betűméretek nézetenként (5 szint): főcím, alcím, kiscím, alapszöveg 18 px, apró felirat 14 px.
   telefon 40/28/22/18/14, tablet 48/32/24/18/14, gép 56/36/24/18/14 */
body>div{width:100%!important;letter-spacing:-0.01em}
.vb-vonal path,.vb-vonal-lab path{vector-effect:non-scaling-stroke}
.vb-vonal-lab{width:100%}
.vb-vonal{width:100%;height:100%}
.vb-gerinc{width:100%}
.vb-csapat-ag{width:100%;height:48px}
.vb-csapat-ag path{vector-effect:non-scaling-stroke}
@media (min-width:768px){
  :root{--g:max(48px,calc((100% - 1120px) / 2))}
  body>div>section,body>div>div>section,body>div>div>header,body>div>footer,body>div>[data-bar]{padding-left:var(--g)!important;padding-right:var(--g)!important}
  body>div>hr,nav[data-nav]{margin-left:var(--g)!important;margin-right:var(--g)!important}
  .gyakorlo{padding-left:var(--g);padding-right:var(--g)}
  h1[style]{font-size:48px!important}
  h2[style*="font-size: 28px"],.vb-h2,[style*="font-size: 28px"],.vb-rendelesszam{font-size:32px!important}
  [style*="font-size: 22px"],.vb-h3,.vb-szoveg h2,.vb-vegosszeg,.vb-lepes-szam{font-size:24px!important}
  .vb-gerinc{height:240px}
  /* olvasható sorhossz: a szövegoszlop legfeljebb 600 px; a termékek, vélemények és az összevetés szélesebb */
  section>*{max-width:600px}
  #ajanlat>*,.vb-velemenyek,.vb-osszevet{max-width:none}
  #termekek>p,#termekek>h2,#termekek>h3,#ajanlat>div:first-child>*{max-width:600px}
  .vb-osszevet{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  .vb-csapat{max-width:600px}
  .vb-ketto{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px}
  footer nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (min-width:1024px){
  .vb-termeklista{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px!important}
  .vb-velemenyek{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  #ajanlat [role=group][aria-label="Csomag mérete"]{flex-direction:row!important}
}
@media (min-width:1200px){
  h1[style]{font-size:56px!important}
  h2[style*="font-size: 28px"],.vb-h2,[style*="font-size: 28px"],.vb-rendelesszam{font-size:36px!important}
  .vb-gerinc{height:280px}
  footer nav{grid-template-columns:repeat(6,max-content)!important;gap:16px 32px!important}
}
/* ---------- 2026-11-04 este: betűskála, szövegoszlop, hős fotóval (Magdolna szabályai) ----------
   5 méret nézetenként: főcím / szakaszcím / kártyacím / alapszöveg és gombok / kis felirat
   telefon 56/36/29/19/14, tablet 67/48/30/21/17, gép 78/60/30/22/20 */
:root{--fs1:56px;--fs2:36px;--fs3:29px;--fs4:19px;--fs5:14px}
@media (min-width:768px){:root{--fs1:67px;--fs2:48px;--fs3:30px;--fs4:21px;--fs5:17px}}
@media (min-width:1280px){:root{--fs1:78px;--fs2:60px;--fs3:30px;--fs4:22px;--fs5:20px}}
body>div[style]{font-size:var(--fs4)!important;line-height:1.5}
h1[style]{font-size:var(--fs1)!important;line-height:1.1!important;overflow-wrap:break-word}
h2[style*="font-size: 28px"],.vb-h2,[style*="font-size: 28px"],.vb-rendelesszam{font-size:var(--fs2)!important;line-height:1.1}
[style*="font-size: 22px"],.vb-h3,.vb-szoveg h2,.vb-vegosszeg,.vb-lepes-szam,.vb-urlap legend{font-size:var(--fs3)!important;line-height:1.1}
[style*="font-size: 18px"],.vb-gomb,.btn,.pill,.vb-mezo input,.vb-mezo textarea{font-size:var(--fs4)!important}
[style*="font-size: 14px"],.vb-eyebrow,.vb-tetel-nev span,.vb-adatok dt,.vb-reszletek dt,.vb-allapot,.gyakorlo,.gyakorlo a{font-size:var(--fs5)!important}
[data-cart]{height:auto!important;line-height:1.4!important;padding:0 8px;border-radius:999px!important}
.vb-lepes-szam{width:48px;height:48px;border-radius:24px}
/* fő gombok: nagyok (webvezer.hu méretei) */
a.btn[style*="height: 56px"],button.btn[style*="height: 56px"],.vb-gomb{height:auto!important;min-height:64px;padding:24px 48px!important;line-height:1.2}
@media (max-width:599px){a.btn[style*="height: 56px"],button.btn[style*="height: 56px"],.vb-gomb{padding:24px!important}}
/* szövegoszlop: 360–850 px, kb. 50–75 karakter soronként */
p,li,blockquote,dd{max-width:min(850px,33em)}
@media (min-width:768px){
  section>*{max-width:min(850px,100%)}
  #termekek>p,#termekek>h2,#termekek>h3,#ajanlat>div:first-child>*{max-width:min(850px,100%)}
  .vb-csapat{max-width:none}
}
/* hős: szöveg balra, valódi fotó jobbra (telefonon a szöveg alatt) */
.vb-hos{position:relative}
.vb-hos-kep{position:relative;margin:32px 24px 48px}
.vb-hos-kep img{display:block;width:100%;height:auto;border-radius:4px}
@media (min-width:768px){
  .vb-hos{padding:0 var(--g)}
  .vb-hos>section{padding-left:0!important;padding-right:0!important}
  .vb-hos-kep{margin:32px 0 64px}
}
@media (min-width:1024px){
  .vb-hos{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center;padding-bottom:64px}
  .vb-hos>section{padding-top:48px!important;padding-bottom:0!important}
  .vb-hos>section>*{max-width:none}
  .vb-hos-kep{margin:48px 0 0}
}
@media (min-width:768px){section>p,section>blockquote{max-width:min(850px,33em)}}
.gyakorlo{max-width:none!important}
/* a sáv szövege is legfeljebb kb. 75 karakteres sorban álljon (tablet) */
@media (min-width:600px){.gyakorlo span{display:inline-block;max-width:26em;vertical-align:middle;text-wrap:balance}}
.btn,.pill{box-sizing:border-box}
/* gépen a szöveg egy középre tett, kb. 74 karakteres oszlopban áll (Magdolna, 2026-11-04 este) */
@media (min-width:1024px){
  body>div>section>*,body>div>div>section>*{width:100%;max-width:min(740px,100%)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
  body>div>section>p,body>div>section>blockquote{max-width:min(740px,100%)!important}
  body>div>section>.vb-termeklista,body>div>section>.vb-velemenyek,body>div>section>.vb-osszevet,#ajanlat>*{max-width:none!important}
  .vb-hos>section>*{max-width:none!important}
}
/* lábléc: felül 48, alul 32 px, az elemek között 16-24 px */
footer.foot{padding-top:48px!important;padding-bottom:32px!important}
footer.foot hr{margin:24px 0!important}
footer.foot>div[style*="margin-top: 32px"]{margin-top:24px!important}
@media (min-width:1024px){body>div>section>p,body>div>section>blockquote,.vb-p{max-width:min(720px,100%)!important}}
/* Sorhossz és középre igazítás (Magdolna, 2026-11-04 este): teli sor 60-75 karakter (31em),
   a középre tett oszlopban a felirat, a cím és a bevezető középen; a hosszú szöveg (ÁSZF, adatkezelés) balra zárva */
p,li,blockquote,dd{max-width:min(850px,31em)}
@media (min-width:768px){
  body>div>section>p,body>div>section>blockquote,.vb-p{max-width:min(31em,100%)!important}
  body>div>section:not(#ajanlat)>:is(h1,h2,h3,p),body>div>div:not(.vb-hos)>section>:is(h1,h2,h3,p){text-align:center;text-wrap:balance}
  body>div>section>p{text-wrap:pretty}
  .vb-szoveg{max-width:min(31em,100%)!important}
  .vb-szoveg *{text-align:left}
}
@media (min-width:768px){#termekek>:is(p,h2,h3){text-align:center;margin-left:auto!important;margin-right:auto!important}}
/* tableten (768-1023 px) is a középre tett oszlop */
@media (min-width:768px) and (max-width:1023px){body>div>section>*,body>div>div:not(.vb-hos)>section>*{width:100%;max-width:min(740px,100%)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}body>div>section>.vb-termeklista,body>div>section>.vb-velemenyek,body>div>section>.vb-osszevet,#ajanlat>*{max-width:none!important}body>div>section>p,.vb-p{max-width:min(31em,100%)!important}}
/* Menü a fejlécben, lenyíló (Magdolna, 2026-11-04 este) */
.vb-menu{position:relative}
.icon-btn.vb-menu-gomb{width:auto;padding:0 16px;gap:8px;font-family:inherit;font-size:var(--fs4)!important;font-weight:600}
.vb-menu [data-nav]{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:260px;padding:24px;background:#2B2B2B;border:1px solid #444444;border-radius:4px;display:flex;flex-direction:column;gap:16px;box-shadow:0 16px 40px rgba(0,0,0,.4)}
.vb-menu [data-nav][hidden]{display:none!important}
.vb-menu [data-nav] a{color:#F2F2F2;text-decoration:none;font-weight:600;font-size:var(--fs4)}
.vb-menu [data-nav] a:hover{color:#F5C518}
header{z-index:20}

/* Lábléc a szokásos minta szerint: gépen balra név és cím, középen elérhetőség, jobbra a jogi linkek jobbra zárva, alul középen a copyright, vonal nélkül */
footer.vb-lab{padding-left:max(24px,calc((100% - 1312px) / 2))!important;padding-right:max(24px,calc((100% - 1312px) / 2))!important}
.vb-lab-sor{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}
.vb-lab-bal,.vb-lab-kozep,.vb-lab-jobb{display:flex;flex-direction:column;align-items:center;gap:8px}
.vb-lab-nev{display:inline-flex;align-items:center;gap:8px;color:#F2F2F2!important;text-decoration:none;font-family:'Figtree',system-ui,sans-serif;font-weight:700;line-height:1.1;margin-bottom:8px}
.vb-lab-copy{position:relative;margin:32px 0 0;text-align:center;color:#A6A6A6;max-width:none!important}
@media (min-width:1024px){
  .vb-lab-sor{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;text-align:left}
  .vb-lab-bal{align-items:flex-start}
  .vb-lab-kozep{align-items:center;text-align:center}
  .vb-lab-jobb{align-items:flex-end;text-align:right}
}
/* telefonon a fejléc ne lógjon ki: kisebb logófelirat, szűkebb Menü gomb */
@media (max-width:599px){header > a[href="index.html"] > span[style]{font-size:var(--fs4)!important}.icon-btn.vb-menu-gomb{padding:0 12px}}
/* telefonon a nyitó cím 56 px-en szó közben tört (VitaminBom-ba): itt a szakaszcím méretét kapja (a skálán belül) */
@media (max-width:599px){.vb-hos h1[style]{font-size:var(--fs2)!important}}
#ajanlat p{max-width:min(31em,100%)!important}

/* ---------- 2026-11-05 (Magdolna): kivezető portfólió-sáv, nincs aláhúzás, nincs szóelválasztás, csapat-névsor ---------- */
html{scroll-padding-top:24px}
html,body,body *{-webkit-hyphens:none!important;hyphens:none!important}
h1,h2,h3,h1[style]{overflow-wrap:normal!important;word-break:normal!important}
/* a linkek aláhúzás nélkül: színnel és vastagsággal különülnek el */
a,a:hover,.vb-link-gomb,.vb-torles{text-decoration:none!important}
p a,li a,dd a,label a,.vb-szoveg a,.vb-pipa a,a[style*="text-decoration-color"],.vb-link,.vb-link-kozep,.vb-tetel-nev a{color:#8A5A00;font-weight:700}
p a:hover,li a:hover,dd a:hover,label a:hover,.vb-szoveg a:hover,a[style*="text-decoration-color"]:hover,.vb-link:hover,.vb-link-kozep:hover,.vb-tetel-nev a:hover{color:#1A1A1A}
.vb-tobbi a,.foot a,.vb-menu [data-nav] a,.gyakorlo a,a.btn{font-weight:600}
.vb-link-kozep{text-align:center}
.vb-kozep{text-align:center!important;margin-left:auto;margin-right:auto}
/* telefonon a cím a szakaszcím méretén, hogy egy szó se törjön ketté (pl. VitaminBombával) */
@media (max-width:599px){h1[style]{font-size:var(--fs2)!important}}
/* a fejléc és az első sor között több hely */
body>div>div>header{padding-top:32px!important;padding-bottom:32px!important}
/* számos doboz: telefonon egymás alatt */
@media (max-width:599px){.vb-szamok{grid-template-columns:minmax(0,1fr)!important}}
/* Kik préselik a levedet: egyszerű névsor, gépen egy sorban */
.vb-csapat-lista{margin:24px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.vb-csapat-lista li{padding:24px;gap:8px;max-width:none}
.vb-csapat-nev{font-weight:700;font-size:var(--fs3);line-height:1.1;color:#1A1A1A}
.vb-csapat-beo{color:#6B6B6B;line-height:1.4}
@media (min-width:768px){.vb-csapat-lista{grid-template-columns:repeat(3,minmax(0,1fr))}.vb-csapat-lista li{padding:24px 16px;text-align:center}}
/* Portfólió-sáv: vissza a portfólióhoz és a WebRendbe főoldalra, telefonon rövid felirattal, egy sorban */
.gyakorlo{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 16px;white-space:nowrap}
.gyakorlo a.gy-link{display:inline-flex;align-items:center;gap:4px;margin:0;padding:0 12px;flex:none}
.gyakorlo .gy-szoveg{display:block;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis}
.gyakorlo .gy-hosszu{display:none}.gyakorlo .gy-rovid{display:inline}
@media (min-width:768px){.gyakorlo a .gy-hosszu{display:inline}.gyakorlo a .gy-rovid{display:none}}
@media (min-width:1200px){.gyakorlo .gy-szoveg .gy-hosszu{display:inline}.gyakorlo .gy-szoveg .gy-rovid{display:none}}

/* 2026-11-05: rövid kötőjeles szavak egyben, nincs árva szó a bekezdések végén */
.nowrap{white-space:nowrap}
p,li,blockquote,dd,figcaption,summary,label{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}