/* UP2Digital 2026.08 — Termékmegoldások menü és géposzlop-oldalak */
.navbar-items li.has-sub{position:relative}
.navbar-items li.has-sub>.sub-menu{display:none;position:absolute;top:100%;left:0;z-index:900;
 min-width:290px;background:#fff;border:1px solid #e2e2e2;border-top:3px solid #c8102e;
 box-shadow:0 10px 26px rgba(0,0,0,.13);padding:8px 0;margin:0;list-style:none;text-align:left}
.navbar-items li.has-sub:hover>.sub-menu,.navbar-items li.has-sub:focus-within>.sub-menu{display:block}
.navbar-items .sub-menu li{display:block;margin:0}
.navbar-items .sub-menu a{display:block;padding:5px 18px;font-size:14px;color:#222;text-decoration:none;white-space:nowrap}
.navbar-items .sub-menu a:hover{background:#f4f4f4;color:#c8102e}
.navbar-items .sub-menu .sub-head a{font-weight:700;margin-top:4px}
.navbar-items .sub-menu .sub-fam a{font-weight:600;padding-left:30px}
.navbar-items .sub-menu .sub-mach a{padding-left:44px;color:#555;font-size:13.5px}
#mobile-menu .sub-menu{list-style:none;padding-left:14px;margin:0}
#mobile-menu .sub-menu .sub-fam a{font-weight:600}
#mobile-menu .sub-menu .sub-mach a{padding-left:14px;font-size:.92em;opacity:.85}
/* A style.css normalize-a (td,th{padding:0}) kinullázza a Bootstrap cellapaddingjét —
   itt állítjuk vissza, mert ez a fájl töltődik utolsóként. */
.machine-table{font-size:14px}.machine-table th{background:#f3f3f3;font-weight:600}
.machine-table th,.machine-table td{padding:9px 14px;vertical-align:middle;line-height:1.4}

/* Kártyaképek egységes mérete: fix képarányú doboz, a fotó kitölti (középre vágva). */
.section-content .image.mb-2{aspect-ratio:3/2;overflow:hidden;background:#f7f7f7;
 display:flex;align-items:center;justify-content:center}
.section-content .image.mb-2 img{width:100%;height:100%;object-fit:cover;object-position:center}

/* Lapalji szekciócímek a kártyacsoportok fölött — bő térközzel válik el a fenti tartalomtól */
.ps-cards-title{margin:60px 0 18px}

/* Egygépes fekvő blokk: zárt egység — a gépnév a legerősebb elem,
   az akció visszafogott nyilas link (nem versenyez az oldal fő CTA-jával) */
/* a gépnév az oldal tartalmi címeinek stílusát követi (h1–h3: 20px, 400, nagybetűs) */
.ps-machine-wide-body h4{font-size:20px;font-weight:400;text-transform:uppercase;line-height:1.3;margin-bottom:10px}
.main .ps-machine-wide-body h4 a{font-size:inherit;font-weight:inherit;color:#222;text-decoration:none}
.main .ps-machine-wide-body h4 a:hover{color:#c8102e}
.ps-machine-wide-body .mini{margin-bottom:0}
.main .ps-wide-link{display:inline-block;margin-top:14px;font-weight:600;color:#222;text-decoration:none;
 border-bottom:2px solid #c8102e;padding-bottom:2px}
.main .ps-wide-link:hover{color:#c8102e;text-decoration:none}

/* Lapalji kártyák — az oldal arculatához igazodva keret NÉLKÜL:
   tiszta kép, sötét cím-link (hoverre piros, mint a gépcsalád-linkek), térközös tagolás */
.ps-machine-card{height:100%;padding:0 0 6px}
.ps-machine-card .image.mb-2{margin-bottom:12px}
.ps-machine-card h4{font-size:1.05rem;line-height:1.35}
/* a style.css elem-szintű a{font-size:16px;font-weight:300} és .main a{kék, aláhúzott}
   szabályai felülütnék a címlinkeket — .main-prefixszel és inherit-tel írjuk felül */
.main .ps-machine-card h4 a{font-size:inherit;font-weight:inherit;color:#222;text-decoration:none}
.main .ps-machine-card h4 a:hover{color:#c8102e}
.ps-machine-card .mini{margin-bottom:6px}
.section-content .image.mb-2 img{transition:transform .2s ease}
.ps-machine-card a:hover .image.mb-2 img,a:hover+.ps-machine-card .image.mb-2 img{transform:scale(1.03)}

/* A jobb oldali oszlop (gépfotó + gépcsalád-linkek) görgetéskor követi a tartalmat,
   így hosszú jellemzőlistáknál sem "lóg a levegőben". */
/* CSAK az oldalsáv-oszlop ragadjon (a rácskártyák is col-lg-4-esek, de azok col-md-6-osak is —
   a :not(.col-md-6) zárja ki őket, különben görgetéskor egymásra csúsznak) */
@media (min-width:992px){
  .section-content .row > .col-lg-4:not(.col-md-6){position:sticky;top:110px;align-self:flex-start}
}

/* Kapcsolat-blokk a jobb oszlop alján — finom elválasztóvonallal, a family-links stílusához illően */
.ps-side-contact{border-top:1px solid #ececec;margin-top:26px;padding-top:20px}
.ps-side-contact br+br+br{display:none}

/* Egyetlen kapcsolódó gép: fekvő elrendezés, keret nélkül (kép balra, szöveg mellette).
   A max-szélesség zárt egységgé teszi — nem marad üresen a sor jobb fele. */
.ps-machine-wide{display:flex;gap:30px;align-items:center;max-width:760px}
.ps-machine-wide-img{flex:0 0 280px;max-width:280px;display:block;aspect-ratio:3/2;overflow:hidden;
 background:#f7f7f7;display:flex;align-items:center;justify-content:center}
.ps-machine-wide-img img{width:100%;height:100%;object-fit:cover}
.ps-machine-wide-body{flex:1}
.ps-machine-wide-body h4 a{color:#222;text-decoration:none}
.ps-machine-wide-body h4 a:hover{color:#c8102e}
@media (max-width:767px){
  .ps-machine-wide{flex-direction:column;align-items:flex-start}
  .ps-machine-wide-img{flex-basis:auto;max-width:100%;width:100%}
}
.machine-features li{margin-bottom:3px}
.family-links{list-style:none;padding:0}.family-links li{border-bottom:1px solid #ececec}
/* a style.css .main ul li{list-style:disc} szabálya felülütné — li-szinten kell kikapcsolni */
.family-links li{list-style:none}
/* az utolsó elem vonala összeérne a kapcsolat-blokk elválasztójával (dupla vonal) */
.family-links li:last-child{border-bottom:none}
/* a fehér hátterű gépfotó ne "ússzon" — visszafogott maximum magasság, középre igazítva */
.section-content .col-lg-4 .image.mb-3 img{max-height:380px;width:auto;max-width:100%;margin:0 auto;display:block}
/* nagyítható fő kép: kurzor jelzi, alatta középre zárt képaláírás (a forrásoldal mintájára) */
.image.mb-3.gallery a{cursor:zoom-in;display:block}
/* a nagyított képek fehér hátterűek — a lightbox overlay ezért sötét, a kezelőelemek fehérek */
.sl-overlay{background:#1c1c1e;opacity:.92}
.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button,.sl-wrapper .sl-counter{color:#fff}
.sl-wrapper .sl-image{box-shadow:0 8px 40px rgba(0,0,0,.5)}
.image.mb-3.gallery-cap a{cursor:zoom-in;display:block}
.sl-wrapper .sl-caption{background:rgba(28,28,30,.75);color:#fff;font-size:15px;padding:8px 14px}
.ps-img-caption{text-align:center;color:#555;margin:-6px auto 20px;max-width:90%}
.family-links a{display:block;padding:7px 0;color:#222;text-decoration:none}
.family-links a:hover{color:#c8102e}
.cert-card{border:1px solid #e2e2e2;border-left:4px solid #c8102e;padding:18px 20px;height:100%}

/* Tanúsítvány-kártyák — fekvő elrendezés: dokumentum-előnézet, mellette a megnevezés */
.ps-cert-row{margin-top:34px}
.ps-cert-item{display:flex;gap:24px;align-items:center;height:100%}
.ps-cert-item .ps-cert-thumb{flex:0 0 180px;max-width:180px;height:250px;background:#f7f7f7;
 display:flex;align-items:center;justify-content:center;padding:12px}
.ps-cert-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;
 box-shadow:0 1px 6px rgba(0,0,0,.12)}
.ps-cert-body{flex:1}
.ps-cert-body h4{font-size:20px;font-weight:400;text-transform:uppercase;line-height:1.3;margin-bottom:6px}
@media (max-width:575px){
  .ps-cert-item{flex-direction:column;align-items:flex-start}
  .ps-cert-item .ps-cert-thumb{max-width:100%;width:100%}
}

/* Lapalji sáv: számok-blokk + kapcsolat egymás mellett, vékony elválasztóvonallal */
.ps-bottom-band{border-top:1px solid #ececec;margin-top:26px;padding-top:30px}
/* A számok a címek védjegy-motívumát kapják: rövid piros vonal, mint a title:after —
   így az arculat nyelvén hangsúlyosak, keret nélkül */
.ps-stats{margin-top:8px}
.ps-stats > div{padding-right:24px}
.ps-stat-num{font-size:30px;font-weight:600;color:#222;line-height:1.15}
.ps-stat-num:after{content:'';display:block;width:32px;height:3px;background:#a21733;margin:8px 0 8px}
.ps-stats .mini{margin-bottom:0;color:#555;line-height:1.45}
.hu-todo{background:#fff8e1;border-left:3px solid #f5c518;padding:8px 12px}

/* A Termékmegoldások és Tanúsítványok menüpontokkal a magyar és német
   főmenü ~22 px-szel túlfutott a logóra 1440 px alatt. A vízszintes
   térköz apró csökkentése ~64 px-et nyer vissza, a megjelenés változatlan. */
@media (min-width:992px){
  header nav.navbar .navbar-items .nav-item{margin-left:8px}
}