
.code-softness{position:absolute;z-index:1;pointer-events:none;backdrop-filter:blur(.85px);-webkit-backdrop-filter:blur(.85px);background:rgba(230,234,237,.035)}


/* Unified wordmark: lightweight lettering, fine rule and spaced descriptor. */
html body .nav .logo, html body .shared-brand-logo { --emblem-size:52px; gap:12px; }
html body .about-brand-mark .shared-brand-logo { --emblem-size:63px; }
html body .logo-text-wrapper { align-items:stretch; }
html body .nav .logo-text, html body .shared-brand-logo .logo-text,
html body .logo-text .irs-word {
 font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif!important;
 font-weight:300; font-style:normal; font-size:25px; line-height:1.15;
 letter-spacing:.055em; text-transform:uppercase;
}
html body .nav .logo-text, html body .shared-brand-logo .logo-text {
 position:relative; padding-bottom:7px; white-space:nowrap;
}
html body .logo-text .irs-word { font-size:inherit; font-weight:300; }
html body .logo .logo-text:after {
 display:block!important; content:''; position:absolute; left:0; right:0;
 bottom:0; height:1px; background:linear-gradient(90deg,#b77959 0%,#dba77e 48%,#f3dec0 100%); box-shadow:none;
}
html body .nav .logo-subtext, html body .shared-brand-logo .logo-subtext {
 display:flex!important; justify-content:space-between; width:92%; align-self:center;
 font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif!important;
 font-size:9px!important; font-weight:400; line-height:1.2;
 letter-spacing:0!important; margin:7px 0 0; color:#c5e0e8!important;
}
/* Reduce the portrait photograph's actual cover magnification. */
html body .slider-container .slide.own-photo-1 { overflow:hidden; }
html body .slider-container .slide.own-photo-1 img {
 position:relative; top:0; width:50%; height:100%; margin:0 0 0 50%;
 object-fit:cover; object-position:50% 36%; transform:none;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 89%,transparent);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent,#000 9%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 89%,transparent);
 mask-composite:intersect;
}
@media(max-width:1100px){
 html body .nav .logo { --emblem-size:46px; gap:10px; }
 html body .nav .logo-text,html body .nav .logo-text .irs-word { font-size:22px; }
}
@media(max-width:760px){
 html body .nav .logo { --emblem-size:39px; gap:8px; }
 html body .nav .logo-text,html body .nav .logo-text .irs-word { font-size:19px; }
 html body .nav .logo-subtext { font-size:8px!important; margin-top:6px; }
 html body .slider-container .slide.own-photo-1 img { width:82%; margin:0 9%; }
}
@media(max-width:360px){
 html body .nav .logo { --emblem-size:33px; gap:7px; }
 html body .nav .logo-text,html body .nav .logo-text .irs-word { font-size:16px; }
 html body .nav .logo-subtext { font-size:7px!important; margin-top:5px; }
}


.ref-capabilities{grid-template-columns:repeat(4,minmax(0,1fr));}
.e-service-list{grid-template-columns:repeat(3,minmax(0,1fr));}
html body .independent-note{font-size:16px!important;line-height:1.7;color:#263f48!important;}
html body .independent-note strong{font-size:17px;color:#203b45!important;}
#animated-robot{transform:scale(.9);transform-origin:center;}
.about-identity .sub-mark strong{font-size:clamp(22px,3vw,40px);overflow-wrap:anywhere;}
@media(max-width:960px){.e-service-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.ref-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:380px){.e-service-list{grid-template-columns:1fr;}}


html body .slider-container .slide-smart-solutions.smart-under-title{font-size:clamp(14px,1.3vw,18px);font-weight:800;letter-spacing:.18em;}
html body .slider-container .slide-smart-solutions .smart-gradient{background:none!important;color:#006e9d!important;-webkit-text-fill-color:#006e9d!important;border-bottom:2px solid #00aeba;padding:3px 0 5px;text-shadow:0 1px 0 #fff;}
html body .slider-container .slide-smart-solutions .smart-divider{color:#e06d24!important;font-weight:800;}

html body .cad-section{zoom:.9;}
html body .nationwide-service,html body .e-contact .e-contact-copy>p.nationwide-service,html body .subpage .nationwide-service{display:inline-block!important;background:#006c80!important;color:#fff!important;border:1px solid #00576b!important;border-left:5px solid #ee873d!important;border-radius:4px;padding:10px 16px!important;font-size:16px!important;font-weight:800!important;letter-spacing:.06em;line-height:1.5;}


html body .e-service .maintenance-card-image{object-fit:cover;object-position:50% 34%;padding:0;}
html body .slider-container .slide-smart-solutions.smart-under-title{display:flex;gap:0;}
html body .slider-container .slide-smart-solutions .smart-divider{display:inline-block;margin-right:10px;}
html body .slider-container .slide-smart-solutions .smart-gradient{position:relative;display:inline-flex;align-items:center;gap:9px;background:#07394d!important;color:#fff!important;-webkit-text-fill-color:currentColor!important;border:0;padding:12px 25px 12px 22px;font-size:clamp(14px,1.35vw,19px);font-weight:800;font-style:italic;letter-spacing:.12em;line-height:1.25;text-shadow:none;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));box-shadow:inset 0 -3px #00cedb;}
html body .slider-container .smart-gradient::before{content:"";width:4px;height:19px;background:#ff943e;transform:skew(-15deg);box-shadow:7px 0 #00cedb;margin-right:9px;flex:none;}
html body .slider-container .smart-gradient::after{content:"";position:absolute;right:8px;top:8px;width:5px;height:5px;background:#ff943e;}
html body .slider-container .smart-gradient .smart-word{color:#fff;-webkit-text-fill-color:#fff;}
html body .slider-container .smart-gradient .solutions-word{color:#4ce8ee;-webkit-text-fill-color:#4ce8ee;}


html body .cad-section{zoom:1;padding:36px clamp(20px,4vw,64px) 40px!important;}
html body .cad-section .cad-heading{max-width:1100px;margin:0 auto 20px;grid-template-columns:1fr 1fr;gap:32px;align-items:center;}
html body .cad-section .cad-heading h2{font-size:clamp(25px,2.3vw,32px);line-height:1.2;margin:8px 0 0;}
html body .cad-section .cad-heading p{font-size:14px;line-height:1.6;margin:0;max-width:440px;}
html body .cad-section .cad-console{max-width:1100px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;align-items:stretch;}
html body .cad-section .cad-stage{height:270px!important;min-height:270px!important;}
html body .cad-section #animated-robot{inset:38px 18px 40px;transform:none;}
html body .cad-section .cad-topline{padding:12px 16px;font-size:11px;}
html body .cad-section .cad-stage-caption{bottom:12px;left:16px;right:16px;font-size:10px;}
html body .cad-section .kr-explosion-control{padding:10px 16px 8px;gap:5px;font-size:12px;}
html body .cad-section .cad-controls{padding:8px 12px;gap:8px;}
html body .cad-section .cad-controls button{min-height:34px;padding:6px 9px;font-size:12px;}
html body .cad-section .cad-principles{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 16px;gap:12px;}
html body .cad-section .cad-principles strong{font-size:13px;}
html body .cad-section .cad-principles small{font-size:12px;line-height:1.4;}
html body .cad-section .planner-workspace{padding:20px!important;min-height:0;display:flex;flex-direction:column;gap:14px;}
html body .cad-section .planner-intro{padding:0!important;}
html body .cad-section .planner-intro .kicker{margin-bottom:6px;}
html body .cad-section .planner-intro h2{font-size:25px;margin:0 0 8px;line-height:1.2;}
html body .cad-section .planner-intro>p{font-size:14px;line-height:1.5;margin:0 0 14px;}
html body .cad-section .planner-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;}
html body .cad-section .planner-option{padding:10px 8px;min-height:48px;}
html body .cad-section .planner-option strong{font-size:13px;line-height:1.35;}
html body .cad-section #plannerResult{padding:16px 18px!important;margin:0!important;min-height:0;}
html body .cad-section #resultTitle{font-size:21px;line-height:1.25;margin:7px 0 8px;}
html body .cad-section #resultDescription{font-size:14px;line-height:1.5;margin:0 0 10px;}
html body .cad-section .planner-list{margin:0 0 14px;gap:6px;}
html body .cad-section .planner-list li{font-size:13px;line-height:1.5;}
html body .cad-section #plannerCta{min-height:40px;padding:10px 16px;font-size:13px;}
@media(max-width:760px){
html body .cad-section .cad-heading{display:grid;grid-template-columns:1fr;gap:12px;}
html body .cad-section .cad-console{grid-template-columns:1fr!important;}
html body .cad-section .cad-stage{height:235px!important;min-height:235px!important;}
html body .cad-section .planner-workspace{padding:16px!important;}
html body .cad-section .cad-controls{flex-wrap:wrap;}
}


html body .slider-container .slide-smart-solutions .smart-gradient{background:transparent!important;border:0!important;box-shadow:none!important;clip-path:none;padding:0;overflow:visible;}
html body .slider-container .slide-smart-solutions .smart-gradient::before,
html body .slider-container .slide-smart-solutions .smart-gradient::after{display:none;}
html body .slider-container .smart-gradient .smart-word{color:#075071!important;-webkit-text-fill-color:#075071!important;}
html body .slider-container .smart-gradient .solutions-word{color:#008da1!important;-webkit-text-fill-color:#008da1!important;text-shadow:0 1px 0 #fff,0 0 12px #00cbd326;}


html body .nav>.logo,html body .shared-brand-logo{display:block;width:224px;max-width:100%;min-width:0;flex:0 1 224px;gap:0;padding:0;margin:0;background:none;border:0;box-shadow:none;line-height:0;}
html body .ef-full-logo{display:block;width:100%;height:auto;aspect-ratio:685/183;overflow:visible;}
html body .nav{gap:22px;}
html body .nav .navright{flex-shrink:0;}
html body .about-brand-mark .shared-brand-logo{width:280px;flex-basis:280px;}
@media(min-width:961px) and (max-width:1200px){html body .nav>.logo{width:205px;flex-basis:205px;}html body .nav{padding-left:22px;padding-right:22px;gap:16px;}html body .nav .links{gap:14px;}html body .nav .navright{gap:14px;}html body .nav .links>a{font-size:10px;}}
@media(max-width:960px){html body .nav>.logo{width:220px;flex-basis:220px;}}
@media(max-width:760px){html body .nav{padding-left:12px;padding-right:12px;gap:12px;}html body .nav>.logo{width:195px;flex-basis:195px;}html body .nav .navright{gap:6px;}html body .nav .irs-language-switch{gap:1px;}html body .nav .irs-language-switch button{min-width:25px;padding:4px 3px;}html body .nav .menu-toggle{width:32px;}}
@media(max-width:360px){html body .nav{gap:8px;padding-left:10px;padding-right:10px;}html body .nav>.logo{flex-basis:160px;}html body .nav .navright{gap:4px;}}

html body .nav{background:linear-gradient(115deg,#21485C 0%,#2A566B 58%,#1E4356 100%)!important;}

html body .nav #navLinks>a{color:#17364a!important;-webkit-text-fill-color:#17364a!important;}
html body .nav .irs-language-switch button{color:#345367!important;}
html body .nav .irs-language-switch button[aria-pressed=true]{color:#00697e!important;border-bottom-color:#00899d!important;}
html body .nav .menu-toggle{color:#17364a;border-color:#718f9f;}
html body .nav .menu-toggle span,html body .nav .menu-toggle span:before,html body .nav .menu-toggle span:after{background:#17364a!important;}
@media(max-width:960px){html body .nav #navLinks{background:#dce6ea!important;}}


html body .nav{height:73.97170651885px!important;}
html body .nav>.logo{width:206.685650567375px!important;flex-basis:206.685650567375px!important;}
html body .nav .navright{transform:scale(1.0878192135125002);transform-origin:right center;}
html body main{padding-top:73.97170651885px!important;}
html{scroll-padding-top:82.67426022695px!important;}
@media(max-width:960px){html body .nav #navLinks{top:73.97170651885px!important;max-height:calc(100dvh - 73.97170651885px);}}
@media(max-width:760px){html body .nav{height:65.26915281075px!important;}html body .nav>.logo{width:187.10490472415px!important;flex-basis:187.10490472415px!important;}html body main{padding-top:65.26915281075px!important;}html{scroll-padding-top:73.97170651885px!important;}html body .nav #navLinks{top:65.26915281075px!important;max-height:calc(100dvh - 65.26915281075px);}}
@media(max-width:360px){html body .nav>.logo{width:165.3485204539px!important;flex-basis:165.3485204539px!important;}}


@media(min-width:961px){
 html body .nav #navLinks{gap:20px!important;}
 html body .nav #navLinks>a{font-size:10px!important;font-weight:600!important;letter-spacing:.035em!important;line-height:1.3;}
 html body .nav #navLinks>a.nav-contact{padding:9px 12px!important;}
 html body .nav .navright{gap:18px!important;}
}
html body .nav .irs-language-switch button{font-size:10px!important;font-weight:500!important;min-width:24px;padding:5px 3px;}
@media(max-width:960px){html body .nav #navLinks>a{font-size:14px!important;letter-spacing:.02em!important;font-weight:600!important;}}


html body .nav #navLinks > a,
html body .nav #navLinks > .nav-services-menu > .nav-services-main,
html body .nav .irs-language-switch button,
html body .nav .irs-language-switch button[aria-pressed="true"],
html body .nav #navLinks > a.irs-contact-orange,
html body .nav #navLinks > a.nav-contact{
    color:#F4F1E8!important;
    -webkit-text-fill-color:#F4F1E8!important;
}


/* FEJLÉC: a jelenlegihez képest újabb tényleges +3%, minden elemmel együtt */
@media(min-width:961px){
    html body .nav{
        height:76.1908577144px!important;
    }
    html body .nav>.logo{
        width:212.8862200844px!important;
        flex-basis:212.8862200844px!important;
    }
    html body .nav #navLinks{
        gap:20.6px!important;
    }
    html body .nav #navLinks > a,
    html body .nav #navLinks > .nav-services-menu > .nav-services-main,
    html body .nav .irs-language-switch button{
        font-size:10.3px!important;
    }
    html body .nav #navLinks > a.nav-contact,
    html body .nav #navLinks > a.irs-contact-orange{
        padding:9.27px 12.36px!important;
    }
    html body .nav .navright{
        gap:18.54px!important;
    }
    html body .nav .irs-language-switch button{
        min-width:24.72px!important;
        padding:5.15px 3.09px!important;
    }
    html body main{
        padding-top:76.1908577144px!important;
    }
    html{
        scroll-padding-top:85.1544880338px!important;
    }
}

/* SMART SOLUTIONS: nincs háttérdoboz, maga a betű kap fényes/metallic hatást */
html body .slider-container .slide-smart-solutions .smart-gradient{
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    clip-path:none!important;
    padding:0!important;
    filter:none!important;
}
html body .slider-container .slide-smart-solutions .smart-gradient::before,
html body .slider-container .slide-smart-solutions .smart-gradient::after{
    display:none!important;
}
html body .slider-container .smart-gradient .smart-word{
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    background:linear-gradient(
        100deg,
        #073f59 0%,
        #075071 32%,
        #52ddea 47%,
        #d9ffff 51%,
        #0b7f94 57%,
        #075071 76%,
        #063f58 100%
    )!important;
    background-clip:text!important;
    -webkit-background-clip:text!important;
    filter:drop-shadow(0 0 2px rgba(0,115,145,.32)) drop-shadow(0 0 6px rgba(0,190,210,.20))!important;
    text-shadow:none!important;
}
html body .slider-container .smart-gradient .solutions-word{
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    background:linear-gradient(
        100deg,
        #007d91 0%,
        #0099ad 30%,
        #22d7e2 43%,
        #e8ffff 50%,
        #43e5eb 56%,
        #0097aa 72%,
        #007f93 100%
    )!important;
    background-clip:text!important;
    -webkit-background-clip:text!important;
    filter:drop-shadow(0 0 2px rgba(0,150,175,.38)) drop-shadow(0 0 7px rgba(0,213,225,.28))!important;
    text-shadow:none!important;
}


/* SMART SOLUTIONS – tiszta, modern, futurisztikus fémes fény, fehér csíkok nélkül */
html body .slider-container .slide-smart-solutions .smart-gradient{
    background:none!important;
    box-shadow:none!important;
    border:0!important;
    padding:0!important;
    filter:none!important;
}
html body .slider-container .slide-smart-solutions .smart-gradient::before,
html body .slider-container .slide-smart-solutions .smart-gradient::after{
    display:none!important;
}

html body .slider-container .smart-gradient .smart-word{
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    background:linear-gradient(
        105deg,
        #063f5b 0%,
        #075b77 24%,
        #0f8aa0 43%,
        #2ccbd6 52%,
        #0d8299 64%,
        #07516d 82%,
        #063f5b 100%
    )!important;
    background-clip:text!important;
    -webkit-background-clip:text!important;
    text-shadow:none!important;
    filter:
        drop-shadow(0 0 1px rgba(45,220,230,.45))
        drop-shadow(0 0 6px rgba(0,169,194,.22))!important;
}

html body .slider-container .smart-gradient .solutions-word{
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    background:linear-gradient(
        105deg,
        #00778c 0%,
        #008ea2 25%,
        #0db8c5 43%,
        #34dde3 52%,
        #0bb2c0 65%,
        #00899d 82%,
        #00778c 100%
    )!important;
    background-clip:text!important;
    -webkit-background-clip:text!important;
    text-shadow:none!important;
    filter:
        drop-shadow(0 0 1px rgba(76,235,239,.50))
        drop-shadow(0 0 7px rgba(0,195,211,.25))!important;
}


/* SMART SOLUTIONS – jól látható, egységes futurisztikus/fémes fény */
html body .slider-container .slide-smart-solutions .smart-gradient{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    clip-path:none!important;
    padding:0!important;
    filter:none!important;
}
html body .slider-container .slide-smart-solutions .smart-gradient::before,
html body .slider-container .slide-smart-solutions .smart-gradient::after{
    display:none!important;
}

html body .slider-container .smart-gradient .smart-word,
html body .slider-container .smart-gradient .solutions-word{
    display:inline-block!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    background-clip:text!important;
    -webkit-background-clip:text!important;
    text-shadow:none!important;
}

html body .slider-container .smart-gradient .smart-word{
    background:linear-gradient(
        180deg,
        #d8fbff 0%,
        #67dfea 18%,
        #0b829b 40%,
        #064963 58%,
        #0b7891 78%,
        #4bd4df 100%
    )!important;
    filter:
        drop-shadow(0 0 2px rgba(65,218,231,.65))
        drop-shadow(0 0 7px rgba(0,151,181,.34))!important;
}

html body .slider-container .smart-gradient .solutions-word{
    background:linear-gradient(
        180deg,
        #e5ffff 0%,
        #77f3f4 18%,
        #17c3ce 40%,
        #00889d 58%,
        #0eb3c0 78%,
        #64edf0 100%
    )!important;
    filter:
        drop-shadow(0 0 2px rgba(103,241,244,.72))
        drop-shadow(0 0 8px rgba(0,203,216,.40))!important;
}


/* SMART SOLUTIONS – olvasható, futurisztikus, háttér és text-gradient hibák nélkül */
html body .slider-container .slide-smart-solutions .smart-gradient{
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    filter:none!important;
    color:inherit!important;
    -webkit-text-fill-color:initial!important;
}
html body .slider-container .slide-smart-solutions .smart-gradient::before,
html body .slider-container .slide-smart-solutions .smart-gradient::after{
    display:none!important;
}

html body .slider-container .smart-gradient .smart-word,
html body .slider-container .smart-gradient .solutions-word{
    display:inline!important;
    background:none!important;
    background-image:none!important;
    background-clip:border-box!important;
    -webkit-background-clip:border-box!important;
    -webkit-text-fill-color:currentColor!important;
    filter:none!important;
}

html body .slider-container .smart-gradient .smart-word{
    color:#075071!important;
    text-shadow:
        0 0 1px rgba(255,255,255,.55),
        0 0 5px rgba(0,147,176,.30),
        0 0 10px rgba(0,147,176,.14)!important;
}

html body .slider-container .smart-gradient .solutions-word{
    color:#008da1!important;
    text-shadow:
        0 0 1px rgba(255,255,255,.65),
        0 0 6px rgba(0,205,216,.36),
        0 0 12px rgba(0,205,216,.16)!important;
}


@media(min-width:961px){
    /* Csak a fejléc feliratai: egy kicsit kisebbek */
    html body .nav #navLinks > a,
    html body .nav #navLinks > .nav-services-menu > .nav-services-main,
    html body .nav .irs-language-switch button{
        font-size:9.8px!important;
    }

    /* A teljes jobb oldali navigációs blokk csak egy kicsit jobbra kerül */
    html body .nav .navright{
        position:relative!important;
        left:8px!important;
    }
}


/* Csak a fejléc logó mögötti világos ovális kifutása */
html body .nav>.logo{
    overflow:visible!important;
}
html body .nav>.logo::before{
    left:-10px!important;
    right:-90px!important;
    top:-5px!important;
    bottom:-5px!important;
    background:radial-gradient(
        ellipse 70% 76% at 44% 50%,
        rgba(217,229,232,.92) 0%,
        rgba(217,229,232,.66) 42%,
        rgba(217,229,232,.34) 62%,
        rgba(217,229,232,.14) 76%,
        rgba(217,229,232,0) 100%
    )!important;
    filter:blur(2px);
}


/* Csak a meglévő világos rész széleinek kifutása – a mérete nem változik */
html body .nav>.logo::before{
    -webkit-mask-image:linear-gradient(
        to right,
        transparent 0%,
        #000 10%,
        #000 76%,
        transparent 100%
    )!important;
    mask-image:linear-gradient(
        to right,
        transparent 0%,
        #000 10%,
        #000 76%,
        transparent 100%
    )!important;
}


/* Ugyanaz a szélesség marad; csak a fény jobb széle olvad bele fokozatosan a fejlécbe */
html body .nav>.logo::before{
    left:-10px!important;
    right:-90px!important;
    top:-5px!important;
    bottom:-5px!important;

    -webkit-mask-image:none!important;
    mask-image:none!important;

    background:radial-gradient(
        ellipse farthest-corner at 42% 50%,
        rgba(217,229,232,.92) 0%,
        rgba(217,229,232,.72) 34%,
        rgba(217,229,232,.44) 50%,
        rgba(217,229,232,.22) 62%,
        rgba(217,229,232,.08) 70%,
        rgba(217,229,232,0) 78%
    )!important;

    filter:none!important;
}


/* A világos rész szélessége marad; csak a jobb oldali éles véget olvasztjuk bele a fejlécbe. */
html body .nav>.logo::after{
    content:"";
    position:absolute;
    z-index:0;
    pointer-events:none;
    top:-5px;
    bottom:-5px;
    right:-90px;
    width:46px;
    background:linear-gradient(
        to right,
        rgba(42,86,107,0) 0%,
        rgba(42,86,107,.16) 22%,
        rgba(42,86,107,.42) 48%,
        rgba(42,86,107,.72) 72%,
        rgba(42,86,107,1) 100%
    );
}
html body .nav>.logo .ef-full-logo{
    position:relative;
    z-index:1;
}


/* A háttérfolt MARAD ugyanekkora környezetben, csak nincs többé téglalap-/képhatása. */
html body .nav>.logo{
    overflow:visible!important;
}

/* Az előző jobb oldali fedőréteg kikapcsolva. */
html body .nav>.logo::after{
    display:none!important;
}

/* Ugyanaz a világos háttérfolt, teljesen diffúz kifutással. */
html body .nav>.logo::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    pointer-events:none!important;

    left:-10px!important;
    right:-90px!important;
    top:-5px!important;
    bottom:-5px!important;

    border-radius:50%!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;

    background:radial-gradient(
        ellipse at 43% 50%,
        rgba(222,233,236,.92) 0%,
        rgba(218,231,234,.78) 34%,
        rgba(211,227,231,.54) 50%,
        rgba(202,221,226,.30) 61%,
        rgba(194,216,222,.12) 69%,
        rgba(194,216,222,0) 77%
    )!important;

    filter:blur(7px)!important;
}


html body #detailPage .about-page .sub-hero .about-main-title{
    font-size:clamp(34px,3.15vw,50px)!important;
    line-height:1.12!important;
}
html body #detailPage .about-page .about-brand-mark .shared-brand-logo{
    width:300px!important;
    max-width:none!important;
    flex:0 0 300px!important;
}
html body #detailPage .about-page .about-brand-mark .shared-brand-logo .ef-full-logo{
    width:100%!important;
    height:auto!important;
    display:block!important;
}
@media (max-width:900px){
    html body #detailPage .about-page .sub-hero .about-main-title{
        font-size:32px!important;
    }
    html body #detailPage .about-page .about-brand-mark .shared-brand-logo{
        width:235px!important;
        flex-basis:235px!important;
    }
}


html body #detailPage .about-page .about-brand-mark .shared-brand-logo::before{
    display:none!important;
}


html body .e-footer-name{
    width:auto!important;
    padding:0!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
}
html body .e-footer-name .shared-brand-logo{
    width:212.8862200844px!important;
    max-width:none!important;
    min-width:0!important;
    flex:0 0 212.8862200844px!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    line-height:0!important;
    position:relative!important;
    overflow:visible!important;
    isolation:isolate!important;
}
html body .e-footer-name .shared-brand-logo::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:-1!important;
    pointer-events:none!important;
    left:-10px!important;
    right:-90px!important;
    top:-5px!important;
    bottom:-5px!important;
    border-radius:50%!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    background:radial-gradient(
        ellipse at 43% 50%,
        rgba(222,233,236,.92) 0%,
        rgba(218,231,234,.78) 34%,
        rgba(211,227,231,.54) 50%,
        rgba(202,221,226,.30) 61%,
        rgba(194,216,222,.12) 69%,
        rgba(194,216,222,0) 77%
    )!important;
    filter:blur(7px)!important;
}
html body .e-footer-name .shared-brand-logo::after{
    display:none!important;
}
html body .e-footer-name .shared-brand-logo .ef-full-logo{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    height:auto!important;
    display:block!important;
}
@media(max-width:760px){
    html body .e-footer-name .shared-brand-logo{
        width:187.10490472415px!important;
        flex-basis:187.10490472415px!important;
    }
}
@media(max-width:360px){
    html body .e-footer-name .shared-brand-logo{
        width:165.3485204539px!important;
        flex-basis:165.3485204539px!important;
    }
}


html body .nav .nav-services-dropdown a{
    color:#17364a!important;
    -webkit-text-fill-color:#17364a!important;
}
html body .nav .nav-services-dropdown a:hover,
html body .nav .nav-services-dropdown a:focus-visible{
    color:#007f93!important;
    -webkit-text-fill-color:#007f93!important;
}


/* Szerviz és hibakeresés: egyetlen, folyamatos oldal. Nincs új megnyíló panel vagy aloldal. */
html body #detailPage .service-page .service-hero-static{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
    gap:54px;
    align-items:center;
    padding:38px 0 64px;
    border-bottom:1px solid var(--panel-border);
}
html body #detailPage .service-page .service-hero-copy h1{
    margin:18px 0 24px;
    font-size:clamp(46px,5.1vw,76px);
    line-height:1.08;
}
html body #detailPage .service-page .service-hero-photo{
    margin:0;
    height:390px;
    overflow:hidden;
    border:1px solid #b7ccd4;
    border-radius:4px;
    background:#dceaf0;
    box-shadow:0 18px 38px rgba(25,62,77,.08);
}
html body #detailPage .service-page .service-hero-photo img{
    width:100%;height:100%;display:block;object-fit:cover;object-position:center 56%;
}

html body #detailPage .service-page .service-story{
    padding:56px 0 18px;
}
html body #detailPage .service-page .service-story-intro{
    display:grid;
    grid-template-columns:110px minmax(0,1fr);
    gap:42px;
    align-items:start;
    max-width:1040px;
    margin:0 0 72px auto;
}
html body #detailPage .service-page .service-story-number{
    font-size:58px;
    line-height:1;
    font-weight:700;
    color:#0096a7;
    padding-top:4px;
}
html body #detailPage .service-page .service-story-intro h2,
html body #detailPage .service-page .service-feature h2,
html body #detailPage .service-page .service-info-pair h2{
    margin:0 0 14px;
    color:#213b45;
}
html body #detailPage .service-page .service-story-intro p,
html body #detailPage .service-page .service-feature p,
html body #detailPage .service-page .service-info-pair p{
    margin:0;
    color:#56747f;
    line-height:1.75;
}

html body #detailPage .service-page .service-feature{
    display:grid;
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
    gap:52px;
    align-items:center;
    margin:0 0 82px;
}
html body #detailPage .service-page .service-feature-photo{
    margin:0;
    height:360px;
    overflow:hidden;
    border-radius:4px;
    border:1px solid #b7ccd4;
    background:#dceaf0;
}
html body #detailPage .service-page .service-feature-photo img{
    width:100%;height:100%;display:block;object-fit:cover;object-position:center;
}
html body #detailPage .service-page .service-feature-copy{
    padding-right:22px;
}
html body #detailPage .service-page .service-feature-kicker{
    display:block;
    margin-bottom:12px;
    color:#0096a7;
    font-size:11px;
    font-weight:700;
    letter-spacing:.16em;
}

html body #detailPage .service-page .service-info-pair{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px;
    margin:0 0 72px;
}
html body #detailPage .service-page .service-info-pair section{
    padding:28px 30px 30px;
    border-top:2px solid #00a9b9;
    background:rgba(255,255,255,.30);
}
html body #detailPage .service-page .service-info-pair-bottom{
    margin-top:72px;
}

html body #detailPage .service-page .service-belt-break{
    margin:0;
    height:410px;
    overflow:hidden;
    border-radius:4px;
    border:1px solid #b7ccd4;
    background:#dceaf0;
}
html body #detailPage .service-page .service-belt-break img{
    width:100%;height:100%;display:block;object-fit:cover;object-position:center 52%;
}

html body #detailPage .service-page .service-summary{
    margin-top:38px;
    padding-top:54px;
    border-top:1px solid var(--panel-border);
}

@media(max-width:900px){
    html body #detailPage .service-page .service-hero-static,
    html body #detailPage .service-page .service-feature,
    html body #detailPage .service-page .service-info-pair{
        grid-template-columns:1fr;
    }
    html body #detailPage .service-page .service-hero-static{gap:28px}
    html body #detailPage .service-page .service-hero-photo{height:320px}
    html body #detailPage .service-page .service-story-intro{
        grid-template-columns:70px 1fr;
        gap:22px;
        margin-bottom:54px;
    }
    html body #detailPage .service-page .service-feature{
        gap:26px;
        margin-bottom:54px;
    }
    html body #detailPage .service-page .service-feature-photo{height:300px}
    html body #detailPage .service-page .service-belt-break{height:300px}
    html body #detailPage .service-page .service-info-pair{margin-bottom:50px}
    html body #detailPage .service-page .service-info-pair-bottom{margin-top:50px}
}
@media(max-width:560px){
    html body #detailPage .service-page .service-hero-copy h1{
        font-size:40px;
    }
    html body #detailPage .service-page .service-hero-photo,
    html body #detailPage .service-page .service-feature-photo,
    html body #detailPage .service-page .service-belt-break{
        height:235px;
    }
    html body #detailPage .service-page .service-story-intro{
        grid-template-columns:1fr;
        gap:12px;
    }
    html body #detailPage .service-page .service-story-number{
        font-size:34px;
    }
    html body #detailPage .service-page .service-info-pair section{
        padding:22px 20px 24px;
    }
}


/* Csak a Szerviz és hibakeresés aloldal legyen kisebb, levegősebb és gyorsabban áttekinthető. */
html body #detailPage .service-page{
    max-width:1180px!important;
}

html body #detailPage .service-page .service-hero-static{
    gap:38px!important;
    padding:28px 0 46px!important;
}
html body #detailPage .service-page .service-hero-copy h1{
    font-size:clamp(40px,4.3vw,64px)!important;
    margin:14px 0 18px!important;
}
html body #detailPage .service-page .service-hero-copy .sub-lead{
    font-size:16.5px!important;
    line-height:1.58!important;
    max-width:720px!important;
}
html body #detailPage .service-page .service-hero-photo{
    height:310px!important;
}

html body #detailPage .service-page .service-story{
    padding:42px 0 12px!important;
}
html body #detailPage .service-page .service-story-intro{
    grid-template-columns:84px minmax(0,1fr)!important;
    gap:30px!important;
    max-width:940px!important;
    margin:0 0 54px auto!important;
}
html body #detailPage .service-page .service-story-number{
    font-size:46px!important;
}
html body #detailPage .service-page .service-story-intro h2,
html body #detailPage .service-page .service-feature h2,
html body #detailPage .service-page .service-info-pair h2{
    font-size:22px!important;
    margin-bottom:10px!important;
}
html body #detailPage .service-page .service-story-intro p,
html body #detailPage .service-page .service-feature p,
html body #detailPage .service-page .service-info-pair p{
    font-size:15px!important;
    line-height:1.62!important;
}

html body #detailPage .service-page .service-feature{
    gap:38px!important;
    margin-bottom:58px!important;
}
html body #detailPage .service-page .service-feature-photo{
    height:285px!important;
}
html body #detailPage .service-page .service-feature-copy{
    padding-right:8px!important;
}
html body #detailPage .service-page .service-feature-kicker{
    margin-bottom:9px!important;
    font-size:10px!important;
}

html body #detailPage .service-page .service-info-pair{
    gap:22px!important;
    margin-bottom:52px!important;
}
html body #detailPage .service-page .service-info-pair section{
    padding:22px 24px 24px!important;
}
html body #detailPage .service-page .service-info-pair-bottom{
    margin-top:52px!important;
}

html body #detailPage .service-page .service-belt-break{
    height:315px!important;
}

html body #detailPage .service-page .service-summary{
    margin-top:26px!important;
    padding-top:40px!important;
}
html body #detailPage .service-page .service-summary h2{
    font-size:22px!important;
}
html body #detailPage .service-page .service-summary .sub-list li,
html body #detailPage .service-page .service-summary .sub-step p{
    font-size:14.5px!important;
    line-height:1.55!important;
}
html body #detailPage .service-page .service-summary .sub-step h3{
    font-size:15.5px!important;
}

html body #detailPage .service-page .sub-callout{
    padding:24px 28px!important;
    margin-top:34px!important;
}
html body #detailPage .service-page .sub-callout h2{
    font-size:22px!important;
}
html body #detailPage .service-page .sub-callout p{
    font-size:14.5px!important;
}

@media(max-width:900px){
    html body #detailPage .service-page{
        max-width:none!important;
    }
    html body #detailPage .service-page .service-hero-photo{
        height:270px!important;
    }
    html body #detailPage .service-page .service-feature-photo,
    html body #detailPage .service-page .service-belt-break{
        height:255px!important;
    }
}
@media(max-width:560px){
    html body #detailPage .service-page .service-hero-copy h1{
        font-size:34px!important;
    }
    html body #detailPage .service-page .service-hero-copy .sub-lead{
        font-size:15.5px!important;
    }
    html body #detailPage .service-page .service-hero-photo,
    html body #detailPage .service-page .service-feature-photo,
    html body #detailPage .service-page .service-belt-break{
        height:215px!important;
    }
}


/* Mobil optimalizálás: átláthatóbb, kevésbé zsúfolt, profibb kiosztás */
@media (max-width: 760px){
  html body{
    -webkit-text-size-adjust:100%;
  }
  html body .nav{
    height:72px!important;
    padding:0 16px!important;
  }
  html body main{padding-top:72px!important;}
  html body .custom-logo-mark{height:58px!important;margin-right:-18px!important;}
  html body .menu-toggle{width:44px!important;height:44px!important;}
  html body .links{
    top:72px!important;
    padding:14px 14px 16px!important;
    gap:0!important;
    background:rgba(20,45,62,.98)!important;
    box-shadow:0 18px 36px rgba(0,0,0,.22)!important;
    max-height:calc(100vh - 72px)!important;
    overflow:auto!important;
  }
  html body .links > a,
  html body .links .nav-services-trigger{
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    padding:14px 10px!important;
    font-size:15px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  html body .nav .nav-services-dropdown{
    position:static!important;
    transform:none!important;
    min-width:0!important;
    margin:8px 0 0!important;
    border-radius:8px!important;
    box-shadow:none!important;
  }
  html body .nav .nav-services-dropdown a{
    padding:13px 14px!important;
    font-size:14px!important;
  }

  html body .subpage,
  html body #detailPage .subpage,
  html body #detailPage .service-page{
    padding:24px 18px 52px!important;
  }

  html body #detailPage .service-page .sub-breadcrumb,
  html body #detailPage .sub-breadcrumb{
    margin-bottom:22px!important;
    font-size:14px!important;
    line-height:1.5!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }

  html body #detailPage .service-page .service-hero-static{
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:10px 0 34px!important;
    align-items:start!important;
  }
  html body #detailPage .service-page .service-hero-copy h1{
    font-size:32px!important;
    line-height:1.08!important;
    margin:10px 0 14px!important;
    letter-spacing:-.03em!important;
  }
  html body #detailPage .service-page .service-hero-copy .sub-lead{
    font-size:15px!important;
    line-height:1.62!important;
    margin:0!important;
  }
  html body #detailPage .service-page .service-hero-photo{
    height:220px!important;
    border-radius:8px!important;
    box-shadow:0 14px 26px rgba(25,62,77,.10)!important;
  }

  html body #detailPage .service-page .service-story{
    padding:34px 0 4px!important;
  }
  html body #detailPage .service-page .service-story-intro{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:0 0 36px!important;
    max-width:none!important;
  }
  html body #detailPage .service-page .service-story-number{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:56px!important;
    height:56px!important;
    font-size:30px!important;
    border-radius:50%!important;
    background:rgba(0,150,167,.08)!important;
    border:1px solid rgba(0,150,167,.24)!important;
    padding-top:0!important;
  }

  html body #detailPage .service-page .service-feature{
    grid-template-columns:1fr!important;
    gap:18px!important;
    margin:0 0 38px!important;
    align-items:start!important;
  }
  html body #detailPage .service-page .service-feature-photo,
  html body #detailPage .service-page .service-belt-break{
    height:220px!important;
    border-radius:8px!important;
    box-shadow:0 12px 24px rgba(25,62,77,.08)!important;
  }
  html body #detailPage .service-page .service-feature-copy{
    padding-right:0!important;
  }
  html body #detailPage .service-page .service-feature-kicker{
    margin-bottom:8px!important;
    font-size:10px!important;
    letter-spacing:.16em!important;
  }

  html body #detailPage .service-page .service-info-pair,
  html body #detailPage .service-page .service-summary,
  html body #detailPage .service-page .sub-content{
    grid-template-columns:1fr!important;
    gap:16px!important;
    margin-bottom:38px!important;
  }
  html body #detailPage .service-page .service-info-pair-bottom{
    margin-top:38px!important;
  }
  html body #detailPage .service-page .service-info-pair section{
    padding:18px 18px 20px!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.42)!important;
    box-shadow:0 10px 20px rgba(25,62,77,.05)!important;
  }
  html body #detailPage .service-page .service-story-intro h2,
  html body #detailPage .service-page .service-feature h2,
  html body #detailPage .service-page .service-info-pair h2,
  html body #detailPage .service-page .service-summary h2,
  html body #detailPage .service-page .sub-callout h2{
    font-size:22px!important;
    line-height:1.22!important;
    margin-bottom:10px!important;
  }
  html body #detailPage .service-page .service-story-intro p,
  html body #detailPage .service-page .service-feature p,
  html body #detailPage .service-page .service-info-pair p,
  html body #detailPage .service-page .service-summary .sub-step p,
  html body #detailPage .service-page .service-summary .sub-list li,
  html body #detailPage .service-page .sub-callout p{
    font-size:15px!important;
    line-height:1.68!important;
  }

  html body #detailPage .service-page .service-summary{
    margin-top:12px!important;
    padding-top:30px!important;
  }
  html body #detailPage .service-page .sub-callout{
    padding:20px 18px!important;
    margin-top:10px!important;
    border-radius:10px!important;
  }
  html body #detailPage .service-page .sub-callout .btn,
  html body #detailPage .service-page .service-summary .btn,
  html body #detailPage .service-page .btn{
    width:100%!important;
    justify-content:center!important;
  }

  html body .e-contact .contact-form,
  html body .e-contact .form-grid{
    grid-template-columns:1fr!important;
  }
  html body .e-contact .contact-form{
    padding:20px 16px!important;
    border-radius:10px!important;
  }
  html body .inquiry-types{
    gap:8px!important;
  }
  html body .inquiry-types button{
    flex:1 1 calc(50% - 8px)!important;
    justify-content:center!important;
    min-width:0!important;
    font-size:13px!important;
  }

  html body .e-footer{
    padding:28px 18px 92px!important;
  }
  html body .e-footer-inner{
    gap:20px!important;
  }
  html body .mobile-inquiry{
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
    padding:12px 14px!important;
    border-radius:10px!important;
    font-size:14px!important;
  }
  html body .mobile-inquiry span{
    font-size:17px!important;
  }
}

@media (max-width: 480px){
  html body #detailPage .service-page,
  html body #detailPage .subpage,
  html body .subpage{
    padding:22px 14px 46px!important;
  }
  html body #detailPage .service-page .service-hero-copy h1{
    font-size:29px!important;
  }
  html body #detailPage .service-page .service-hero-photo,
  html body #detailPage .service-page .service-feature-photo,
  html body #detailPage .service-page .service-belt-break{
    height:205px!important;
  }
  html body #detailPage .service-page .service-story-number{
    width:50px!important;
    height:50px!important;
    font-size:26px!important;
  }
  html body #detailPage .service-page .service-story-intro h2,
  html body #detailPage .service-page .service-feature h2,
  html body #detailPage .service-page .service-info-pair h2,
  html body #detailPage .service-page .service-summary h2,
  html body #detailPage .service-page .sub-callout h2{
    font-size:20px!important;
  }
  html body #detailPage .service-page .service-story-intro p,
  html body #detailPage .service-page .service-feature p,
  html body #detailPage .service-page .service-info-pair p,
  html body #detailPage .service-page .service-summary .sub-step p,
  html body #detailPage .service-page .service-summary .sub-list li,
  html body #detailPage .service-page .sub-callout p{
    font-size:14.5px!important;
    line-height:1.64!important;
  }
  html body .custom-logo-mark{height:54px!important;}
  html body .logo-text{font-size:18px!important;}
  html body .mobile-inquiry{padding:11px 12px!important;}
}


@media (max-width:760px){
  html body .nav{position:fixed!important;z-index:1000!important;overflow:visible!important;}
  html body .nav .navright{position:static!important;left:auto!important;transform:none!important;transform-origin:initial!important;min-width:0!important;margin-left:auto!important;gap:5px!important;}
  html body .nav>.logo{width:min(41vw,185px)!important;flex:0 1 min(41vw,185px)!important;min-width:0!important;}
  html body .nav>.logo .ef-full-logo{width:100%!important;height:auto!important;}
  html body .nav #menuToggle{flex:0 0 40px!important;width:40px!important;height:40px!important;order:1!important;color:#f4f9fb!important;border:1px solid #9ab9c8!important;}
  html body .nav #menuToggle span,html body .nav #menuToggle span::before,html body .nav #menuToggle span::after{background:#f4f9fb!important;}
  html body .nav .irs-language-switch{gap:0!important;order:0!important;}
  html body .nav .irs-language-switch button{min-width:25px!important;padding:5px 2px!important;font-size:11px!important;}
  html body .nav #navLinks{
    position:fixed!important;inset:72px 12px auto 12px!important;
    top:72px!important;left:12px!important;right:12px!important;bottom:auto!important;
    box-sizing:border-box!important;width:auto!important;max-width:none!important;
    max-height:calc(100dvh - 88px)!important;overflow-y:auto!important;overflow-x:hidden!important;
    margin:0!important;padding:12px 14px 16px!important;
    transform:none!important;flex-direction:column!important;align-items:stretch!important;
    gap:0!important;border:1px solid #b8d0da!important;border-radius:0 0 12px 12px!important;
    background:#edf5f8!important;box-shadow:0 18px 38px rgba(10,32,43,.24)!important;
    z-index:1100!important;
  }
  html body .nav #navLinks:not(.open){display:none!important;visibility:hidden!important;}
  html body .nav #navLinks.open{display:flex!important;visibility:visible!important;}
  html body .nav #navLinks > a:not(.irs-contact-orange),
  html body .nav #navLinks > .nav-services-menu > .nav-services-main{
    box-sizing:border-box!important;width:100%!important;min-width:0!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    min-height:49px!important;margin:0!important;padding:13px 12px!important;
    font:600 14px/1.4 'Segoe UI',Arial,sans-serif!important;
    letter-spacing:.025em!important;white-space:normal!important;overflow-wrap:anywhere!important;
    text-align:left!important;text-transform:none!important;
    color:#193947!important;-webkit-text-fill-color:#193947!important;
    border-bottom:1px solid #d3e2e8!important;background:transparent!important;
  }
  html body .nav #navLinks > a:not(.irs-contact-orange):hover,
  html body .nav #navLinks > .nav-services-menu > .nav-services-main:hover{
    color:#007f93!important;-webkit-text-fill-color:#007f93!important;
  }
  html body .nav #navLinks > .nav-services-menu{
    position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;
    width:100%!important;min-width:0!important;align-items:center!important;
  }
  html body .nav #navLinks .nav-services-toggle{
    grid-column:2!important;grid-row:1!important;width:44px!important;height:44px!important;
    border:0!important;background:transparent!important;min-width:44px!important;
  }
  html body .nav #navLinks .nav-services-toggle span{border-top-color:#193947!important;}
  html body .nav #navLinks .nav-services-dropdown{
    grid-column:1/-1!important;position:static!important;transform:none!important;
    box-sizing:border-box!important;width:100%!important;min-width:0!important;
    background:#dfeef2!important;border:0!important;border-radius:6px!important;
    padding:4px 8px!important;margin:4px 0 8px!important;box-shadow:none!important;
    overflow:hidden!important;
  }
  html body .nav #navLinks .nav-services-menu:not(.open) .nav-services-dropdown{display:none!important;visibility:hidden!important;}
  html body .nav #navLinks .nav-services-menu.open .nav-services-dropdown{display:block!important;visibility:visible!important;opacity:1!important;}
  html body .nav #navLinks .nav-services-dropdown a{
    box-sizing:border-box!important;display:block!important;width:100%!important;
    padding:12px 10px!important;font:500 13px/1.5 'Segoe UI',Arial,sans-serif!important;
    white-space:normal!important;overflow-wrap:anywhere!important;
    color:#193947!important;-webkit-text-fill-color:#193947!important;
    border-bottom:1px solid #c8dce4!important;background:transparent!important;
  }
  html body .nav #navLinks > a.nav-contact,
  html body .nav #navLinks > a.irs-contact-orange{
    box-sizing:border-box!important;display:flex!important;align-items:center!important;
    justify-content:center!important;text-align:center!important;width:100%!important;
    min-height:48px!important;margin:12px 0 0!important;padding:12px 14px!important;
    font:700 13px/1.4 'Segoe UI',Arial,sans-serif!important;letter-spacing:0!important;
    white-space:normal!important;overflow-wrap:anywhere!important;
    border-radius:6px!important;background:#00bdce!important;border:1px solid #00aaba!important;
    color:#103545!important;-webkit-text-fill-color:#103545!important;
  }
}
@media (max-width:360px){
  html body .nav{padding:0 9px!important;}
  html body .nav>.logo{width:39vw!important;flex-basis:39vw!important;}
  html body .nav .irs-language-switch button{min-width:23px!important;font-size:10px!important;}
  html body .nav #menuToggle{width:37px!important;flex-basis:37px!important;}
}


/* Csak a Szerviz és hibakeresés oldal modernizálása */
html body #detailPage .service-page{
    max-width:1160px!important;
    color:#203944!important;
}

/* HERO */
html body #detailPage .service-page .service-hero-static{
    grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr)!important;
    gap:42px!important;
    padding:30px 0 46px!important;
    align-items:center!important;
    border-bottom:0!important;
}
html body #detailPage .service-page .service-hero-copy{
    min-width:0!important;
}
html body #detailPage .service-page .service-hero-copy .cad-eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 12px!important;
    color:#008fa0!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:.16em!important;
}
html body #detailPage .service-page .service-hero-copy .cad-eyebrow::before{
    content:""!important;
    width:22px!important;
    height:2px!important;
    background:#00a7b8!important;
    border-radius:999px!important;
}
html body #detailPage .service-page .service-hero-copy h1{
    font-size:clamp(40px,4.1vw,60px)!important;
    line-height:1.06!important;
    margin:0 0 18px!important;
    letter-spacing:-.035em!important;
}
html body #detailPage .service-page .service-hero-copy .sub-lead{
    max-width:680px!important;
    margin:0!important;
    color:#58727d!important;
    font-size:16px!important;
    line-height:1.65!important;
}
html body #detailPage .service-page .service-hero-photo{
    height:300px!important;
    margin:0!important;
    border:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
    box-shadow:0 16px 38px rgba(27,61,76,.12)!important;
    background:#dceaf0!important;
}

/* TELJES TARTALMI FOLYAM */
html body #detailPage .service-page .service-story{
    padding:18px 0 8px!important;
}

/* 01 / ESETI HIBAELHÁRÍTÁS */
html body #detailPage .service-page .service-story-intro{
    position:relative!important;
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:26px!important;
    max-width:none!important;
    margin:0 0 28px!important;
    padding:26px 30px!important;
    background:rgba(255,255,255,.58)!important;
    border:1px solid #cbdde4!important;
    border-radius:12px!important;
    box-shadow:0 8px 24px rgba(27,61,76,.05)!important;
}
html body #detailPage .service-page .service-story-number{
    width:58px!important;
    height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border-radius:12px!important;
    background:#e7f7f9!important;
    border:1px solid #b8e3e8!important;
    color:#0095a5!important;
    font-size:31px!important;
    line-height:1!important;
}
html body #detailPage .service-page .service-story-intro h2{
    margin:0 0 8px!important;
    font-size:24px!important;
    line-height:1.2!important;
}
html body #detailPage .service-page .service-story-intro p{
    max-width:900px!important;
    margin:0!important;
    color:#5b7480!important;
    font-size:15px!important;
    line-height:1.7!important;
}

/* FANUC KÉP + SZÖVEG */
html body #detailPage .service-page .service-feature{
    display:grid!important;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
    gap:34px!important;
    align-items:center!important;
    margin:0 0 28px!important;
    padding:22px!important;
    border:1px solid #cbdde4!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.46)!important;
}
html body #detailPage .service-page .service-feature-photo{
    height:260px!important;
    margin:0!important;
    border:0!important;
    border-radius:10px!important;
    overflow:hidden!important;
}
html body #detailPage .service-page .service-feature-copy{
    padding:4px 8px 4px 0!important;
}
html body #detailPage .service-page .service-feature-kicker{
    display:inline-block!important;
    margin:0 0 9px!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    background:#e6f6f8!important;
    color:#008c9c!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:.14em!important;
}
html body #detailPage .service-page .service-feature h2{
    margin:0 0 10px!important;
    font-size:24px!important;
    line-height:1.2!important;
}
html body #detailPage .service-page .service-feature p{
    margin:0!important;
    color:#5b7480!important;
    font-size:15px!important;
    line-height:1.7!important;
}

/* KÉT-KÉT INFORMÁCIÓS KÁRTYA */
html body #detailPage .service-page .service-info-pair{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:18px!important;
    margin:0 0 28px!important;
}
html body #detailPage .service-page .service-info-pair-bottom{
    margin-top:28px!important;
}
html body #detailPage .service-page .service-info-pair section{
    position:relative!important;
    padding:22px 24px 24px!important;
    border:1px solid #cfdee4!important;
    border-top:1px solid #cfdee4!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.52)!important;
    box-shadow:0 8px 20px rgba(27,61,76,.04)!important;
}
html body #detailPage .service-page .service-info-pair section::before{
    content:""!important;
    position:absolute!important;
    left:24px!important;
    top:0!important;
    width:42px!important;
    height:3px!important;
    border-radius:0 0 3px 3px!important;
    background:#00a4b5!important;
}
html body #detailPage .service-page .service-info-pair h2{
    margin:2px 0 9px!important;
    font-size:20px!important;
    line-height:1.25!important;
}
html body #detailPage .service-page .service-info-pair p{
    margin:0!important;
    color:#617984!important;
    font-size:14.5px!important;
    line-height:1.68!important;
}

/* SZÍJHAJTÁS KÉP */
html body #detailPage .service-page .service-belt-break{
    height:300px!important;
    margin:0!important;
    border:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
    box-shadow:0 14px 30px rgba(27,61,76,.10)!important;
}

/* ALSÓ ÖSSZEFOGLALÓ */
html body #detailPage .service-page .service-summary{
    margin-top:30px!important;
    padding-top:30px!important;
    border-top:1px solid #cbdde4!important;
    gap:24px!important;
}
html body #detailPage .service-page .service-summary>section{
    padding:22px 24px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.42)!important;
    border:1px solid #d4e2e7!important;
}
html body #detailPage .service-page .service-summary h2{
    margin-bottom:16px!important;
    font-size:21px!important;
}
html body #detailPage .service-page .service-summary .sub-list{
    margin:0!important;
}
html body #detailPage .service-page .service-summary .sub-list li{
    padding:9px 0!important;
    font-size:14.5px!important;
    line-height:1.55!important;
}
html body #detailPage .service-page .service-summary .sub-step{
    padding:11px 0!important;
}
html body #detailPage .service-page .service-summary .sub-step h3{
    margin-bottom:5px!important;
    font-size:15.5px!important;
}
html body #detailPage .service-page .service-summary .sub-step p{
    margin:0!important;
    font-size:14.5px!important;
    line-height:1.55!important;
}

/* CTA */
html body #detailPage .service-page .sub-callout{
    margin-top:28px!important;
    padding:24px 26px!important;
    border:1px solid #b8d6df!important;
    border-radius:12px!important;
    background:linear-gradient(115deg,#eef8fa 0%,#e5f2f6 100%)!important;
    box-shadow:none!important;
}
html body #detailPage .service-page .sub-callout h2{
    margin:0 0 8px!important;
    color:#213b45!important;
    font-size:21px!important;
}
html body #detailPage .service-page .sub-callout p{
    color:#617984!important;
    font-size:14.5px!important;
    line-height:1.6!important;
}

/* MOBIL */
@media(max-width:760px){
    html body #detailPage .service-page{
        max-width:none!important;
        padding:24px 16px 46px!important;
    }
    html body #detailPage .service-page .service-hero-static{
        grid-template-columns:1fr!important;
        gap:20px!important;
        padding:10px 0 28px!important;
    }
    html body #detailPage .service-page .service-hero-copy h1{
        font-size:31px!important;
        line-height:1.08!important;
        margin-bottom:13px!important;
    }
    html body #detailPage .service-page .service-hero-copy .sub-lead{
        font-size:14.5px!important;
        line-height:1.62!important;
    }
    html body #detailPage .service-page .service-hero-photo{
        height:215px!important;
        border-radius:10px!important;
    }

    html body #detailPage .service-page .service-story{
        padding-top:24px!important;
    }
    html body #detailPage .service-page .service-story-intro{
        grid-template-columns:1fr!important;
        gap:12px!important;
        padding:20px!important;
        margin-bottom:18px!important;
    }
    html body #detailPage .service-page .service-story-number{
        width:50px!important;
        height:50px!important;
        font-size:27px!important;
    }

    html body #detailPage .service-page .service-feature{
        grid-template-columns:1fr!important;
        gap:16px!important;
        padding:16px!important;
        margin-bottom:18px!important;
    }
    html body #detailPage .service-page .service-feature-photo{
        height:220px!important;
    }
    html body #detailPage .service-page .service-feature-copy{
        padding:0!important;
    }

    html body #detailPage .service-page .service-info-pair{
        grid-template-columns:1fr!important;
        gap:12px!important;
        margin-bottom:18px!important;
    }
    html body #detailPage .service-page .service-info-pair-bottom{
        margin-top:18px!important;
    }
    html body #detailPage .service-page .service-info-pair section{
        padding:18px 18px 20px!important;
    }

    html body #detailPage .service-page .service-belt-break{
        height:220px!important;
        border-radius:10px!important;
    }

    html body #detailPage .service-page .service-summary{
        grid-template-columns:1fr!important;
        gap:12px!important;
        margin-top:20px!important;
        padding-top:20px!important;
    }
    html body #detailPage .service-page .service-summary>section{
        padding:18px!important;
    }

    html body #detailPage .service-page .service-story-intro h2,
    html body #detailPage .service-page .service-feature h2,
    html body #detailPage .service-page .service-info-pair h2,
    html body #detailPage .service-page .service-summary h2{
        font-size:20px!important;
    }
    html body #detailPage .service-page .service-story-intro p,
    html body #detailPage .service-page .service-feature p,
    html body #detailPage .service-page .service-info-pair p,
    html body #detailPage .service-page .service-summary .sub-list li,
    html body #detailPage .service-page .service-summary .sub-step p{
        font-size:14px!important;
        line-height:1.62!important;
    }
}


/* Csak a Szerviz és hibakeresés oldal: kevesebb kártya, több levegő, tisztább ritmus */
html body #detailPage .service-page{
    max-width:1140px!important;
}

/* HERO – egyszerű, tiszta */
html body #detailPage .service-page .service-hero-static{
    grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr)!important;
    gap:44px!important;
    padding:26px 0 54px!important;
    border-bottom:1px solid #d7e3e7!important;
}
html body #detailPage .service-page .service-hero-copy h1{
    font-size:clamp(40px,4vw,58px)!important;
    margin:0 0 18px!important;
    line-height:1.06!important;
}
html body #detailPage .service-page .service-hero-copy .sub-lead{
    max-width:680px!important;
    font-size:16px!important;
    line-height:1.65!important;
}
html body #detailPage .service-page .service-hero-photo{
    height:292px!important;
    border-radius:10px!important;
    box-shadow:0 12px 26px rgba(27,61,76,.09)!important;
}

/* TARTALOM – vissza sima szakaszokra */
html body #detailPage .service-page .service-story{
    padding:52px 0 10px!important;
}

/* 01 blokk: nincs kártya, csak tiszta sor */
html body #detailPage .service-page .service-story-intro{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:28px!important;
    max-width:980px!important;
    margin:0 0 62px!important;
    padding:0!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}
html body #detailPage .service-page .service-story-number{
    width:auto!important;
    height:auto!important;
    display:block!important;
    padding:0!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
    font-size:42px!important;
    color:#0095a5!important;
}
html body #detailPage .service-page .service-story-intro h2{
    font-size:24px!important;
    margin:0 0 10px!important;
}
html body #detailPage .service-page .service-story-intro p{
    max-width:860px!important;
    color:#5a7380!important;
    font-size:15px!important;
    line-height:1.72!important;
}

/* FANUC rész: csak kép + szöveg, keret nélkül */
html body #detailPage .service-page .service-feature{
    display:grid!important;
    grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important;
    gap:42px!important;
    align-items:center!important;
    margin:0 0 68px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
}
html body #detailPage .service-page .service-feature-photo{
    height:270px!important;
    border-radius:10px!important;
}
html body #detailPage .service-page .service-feature-copy{
    padding:0!important;
}
html body #detailPage .service-page .service-feature-kicker{
    margin-bottom:10px!important;
    padding:0!important;
    background:none!important;
    border-radius:0!important;
    color:#0092a3!important;
    font-size:10px!important;
}
html body #detailPage .service-page .service-feature h2{
    font-size:24px!important;
    margin:0 0 10px!important;
}
html body #detailPage .service-page .service-feature p{
    color:#5a7380!important;
    font-size:15px!important;
    line-height:1.72!important;
}

/* Információs részek: nincs kártya, két tiszta oszlop */
html body #detailPage .service-page .service-info-pair{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:46px!important;
    margin:0 0 68px!important;
}
html body #detailPage .service-page .service-info-pair-bottom{
    margin-top:62px!important;
}
html body #detailPage .service-page .service-info-pair section{
    padding:0!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}
html body #detailPage .service-page .service-info-pair section::before{
    content:none!important;
}
html body #detailPage .service-page .service-info-pair h2{
    margin:0 0 10px!important;
    font-size:21px!important;
    line-height:1.25!important;
}
html body #detailPage .service-page .service-info-pair p{
    margin:0!important;
    color:#617984!important;
    font-size:14.5px!important;
    line-height:1.72!important;
}

/* Szíjhajtás kép: egyetlen vizuális törés */
html body #detailPage .service-page .service-belt-break{
    height:300px!important;
    border-radius:10px!important;
    box-shadow:0 12px 26px rgba(27,61,76,.08)!important;
}

/* Alsó összefoglaló – keretek nélkül */
html body #detailPage .service-page .service-summary{
    margin-top:44px!important;
    padding-top:46px!important;
    border-top:1px solid #d7e3e7!important;
    gap:48px!important;
}
html body #detailPage .service-page .service-summary>section{
    padding:0!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
}
html body #detailPage .service-page .service-summary h2{
    font-size:21px!important;
    margin-bottom:16px!important;
}

/* CTA marad az egyetlen hangsúlyos doboz */
html body #detailPage .service-page .sub-callout{
    margin-top:42px!important;
    padding:24px 26px!important;
    border:1px solid #bdd4dc!important;
    border-radius:10px!important;
    background:#eef6f8!important;
    box-shadow:none!important;
}

/* MOBIL */
@media(max-width:760px){
    html body #detailPage .service-page{
        padding:24px 16px 46px!important;
    }
    html body #detailPage .service-page .service-hero-static{
        grid-template-columns:1fr!important;
        gap:20px!important;
        padding:8px 0 32px!important;
    }
    html body #detailPage .service-page .service-hero-copy h1{
        font-size:31px!important;
    }
    html body #detailPage .service-page .service-hero-photo{
        height:215px!important;
    }

    html body #detailPage .service-page .service-story{
        padding-top:36px!important;
    }

    html body #detailPage .service-page .service-story-intro{
        grid-template-columns:1fr!important;
        gap:8px!important;
        margin-bottom:42px!important;
    }
    html body #detailPage .service-page .service-story-number{
        font-size:30px!important;
    }

    html body #detailPage .service-page .service-feature{
        grid-template-columns:1fr!important;
        gap:18px!important;
        margin-bottom:44px!important;
    }
    html body #detailPage .service-page .service-feature-photo{
        height:220px!important;
    }

    html body #detailPage .service-page .service-info-pair{
        grid-template-columns:1fr!important;
        gap:34px!important;
        margin-bottom:44px!important;
    }
    html body #detailPage .service-page .service-info-pair-bottom{
        margin-top:44px!important;
    }

    html body #detailPage .service-page .service-belt-break{
        height:220px!important;
    }

    html body #detailPage .service-page .service-summary{
        grid-template-columns:1fr!important;
        gap:34px!important;
        margin-top:32px!important;
        padding-top:34px!important;
    }

    html body #detailPage .service-page .service-story-intro h2,
    html body #detailPage .service-page .service-feature h2,
    html body #detailPage .service-page .service-info-pair h2,
    html body #detailPage .service-page .service-summary h2{
        font-size:20px!important;
    }
}


/* TELJESEN ÚJ IRÁNY: editorial / industrial, nem kártyás */
html body #detailPage .service-page{
    max-width:1180px!important;
    padding-top:18px!important;
}

/* HERO: képre épülő, sötét, technikai nyitás */
html body #detailPage .service-page .service-hero-static{
    position:relative!important;
    display:block!important;
    min-height:430px!important;
    padding:0!important;
    margin:8px 0 72px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:16px!important;
    background:#102a38!important;
}
html body #detailPage .service-page .service-hero-photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}
html body #detailPage .service-page .service-hero-photo::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(90deg,rgba(12,31,42,.96) 0%,rgba(12,31,42,.82) 38%,rgba(12,31,42,.22) 72%,rgba(12,31,42,.08) 100%)!important;
}
html body #detailPage .service-page .service-hero-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 56%!important;
}
html body #detailPage .service-page .service-hero-copy{
    position:relative!important;
    z-index:2!important;
    width:min(620px,58%)!important;
    min-height:430px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:54px 56px!important;
}
html body #detailPage .service-page .service-hero-copy .cad-eyebrow{
    margin:0 0 18px!important;
    color:#8de7ef!important;
    font-size:11px!important;
    letter-spacing:.18em!important;
}
html body #detailPage .service-page .service-hero-copy .cad-eyebrow::before{
    content:""!important;
    display:inline-block!important;
    width:28px!important;
    height:1px!important;
    margin:0 10px 3px 0!important;
    background:#55d4df!important;
}
html body #detailPage .service-page .service-hero-copy h1{
    margin:0 0 18px!important;
    color:#fff!important;
    font-size:clamp(42px,4.8vw,66px)!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
}
html body #detailPage .service-page .service-hero-copy .sub-lead{
    max-width:590px!important;
    margin:0!important;
    color:#d7e7ed!important;
    font-size:16px!important;
    line-height:1.62!important;
}

/* TARTALMI RITMUS: nagy számozás + editorial vonalak */
html body #detailPage .service-page .service-story{
    position:relative!important;
    padding:0!important;
}

/* 01 intro - széles, tipográfiai blokk */
html body #detailPage .service-page .service-story-intro{
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    gap:44px!important;
    max-width:none!important;
    margin:0 0 78px!important;
    padding:0 0 46px!important;
    border-bottom:1px solid #cbd9df!important;
    background:none!important;
    box-shadow:none!important;
    border-radius:0!important;
}
html body #detailPage .service-page .service-story-number{
    font-size:88px!important;
    line-height:.9!important;
    font-weight:300!important;
    color:#b7d5dd!important;
    letter-spacing:-.06em!important;
    background:none!important;
    border:0!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
}
html body #detailPage .service-page .service-story-intro h2{
    font-size:30px!important;
    margin:0 0 12px!important;
    color:#1e3944!important;
}
html body #detailPage .service-page .service-story-intro p{
    max-width:820px!important;
    font-size:16px!important;
    line-height:1.78!important;
    color:#5a707b!important;
}

/* FANUC blokk: nagy kép, mellette keskeny technikai szöveg */
html body #detailPage .service-page .service-feature{
    display:grid!important;
    grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)!important;
    gap:42px!important;
    align-items:stretch!important;
    margin:0 0 80px!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    border-radius:0!important;
}
html body #detailPage .service-page .service-feature-photo{
    height:410px!important;
    border-radius:12px!important;
    overflow:hidden!important;
    border:0!important;
    box-shadow:none!important;
}
html body #detailPage .service-page .service-feature-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:0!important;
}
html body #detailPage .service-page .service-feature-kicker{
    margin:0 0 14px!important;
    padding:0!important;
    color:#008fa0!important;
    background:none!important;
    font-size:10px!important;
    letter-spacing:.18em!important;
}
html body #detailPage .service-page .service-feature h2{
    margin:0 0 14px!important;
    font-size:28px!important;
    line-height:1.15!important;
}
html body #detailPage .service-page .service-feature p{
    font-size:15px!important;
    line-height:1.78!important;
    color:#5b727d!important;
}

/* 2x2 információ: editorial oszlopok, NINCS kártya */
html body #detailPage .service-page .service-info-pair{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    margin:0 0 74px!important;
    border-top:1px solid #cbd9df!important;
    border-bottom:1px solid #cbd9df!important;
}
html body #detailPage .service-page .service-info-pair-bottom{
    margin-top:74px!important;
}
html body #detailPage .service-page .service-info-pair section{
    position:relative!important;
    min-height:230px!important;
    padding:34px 44px 38px 0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
}
html body #detailPage .service-page .service-info-pair section + section{
    padding-left:44px!important;
    padding-right:0!important;
    border-left:1px solid #cbd9df!important;
}
html body #detailPage .service-page .service-info-pair section::before{
    content:""!important;
    position:static!important;
    display:block!important;
    width:34px!important;
    height:3px!important;
    margin:0 0 20px!important;
    background:#00a1b2!important;
    border-radius:0!important;
}
html body #detailPage .service-page .service-info-pair h2{
    margin:0 0 12px!important;
    font-size:22px!important;
    line-height:1.2!important;
}
html body #detailPage .service-page .service-info-pair p{
    margin:0!important;
    font-size:14.5px!important;
    line-height:1.76!important;
    color:#5d747f!important;
}

/* Második nagy kép: szinte teljes szélességű vizuális megálló */
html body #detailPage .service-page .service-belt-break{
    height:430px!important;
    margin:0!important;
    border:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
    box-shadow:none!important;
}
html body #detailPage .service-page .service-belt-break img{
    object-position:center 52%!important;
}

/* Alsó összegzés: két tiszta oszlop, függőleges választó */
html body #detailPage .service-page .service-summary{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    margin-top:72px!important;
    padding-top:0!important;
    border-top:1px solid #cbd9df!important;
    border-bottom:1px solid #cbd9df!important;
}
html body #detailPage .service-page .service-summary>section{
    padding:38px 44px 40px 0!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
}
html body #detailPage .service-page .service-summary>section + section{
    padding-left:44px!important;
    padding-right:0!important;
    border-left:1px solid #cbd9df!important;
}
html body #detailPage .service-page .service-summary h2{
    margin:0 0 18px!important;
    font-size:23px!important;
}
html body #detailPage .service-page .service-summary .sub-list li,
html body #detailPage .service-page .service-summary .sub-step p{
    font-size:14.5px!important;
    line-height:1.65!important;
}

/* CTA: nem doboz, hanem lezáró sáv */
html body #detailPage .service-page .sub-callout{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:30px!important;
    align-items:center!important;
    margin:52px 0 0!important;
    padding:0 0 10px!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
}
html body #detailPage .service-page .sub-callout h2{
    margin:0 0 6px!important;
    font-size:24px!important;
}
html body #detailPage .service-page .sub-callout p{
    margin:0!important;
    max-width:650px!important;
}
html body #detailPage .service-page .sub-callout .btn{
    width:auto!important;
    white-space:nowrap!important;
}

/* MOBIL: nem kártyás, egymás alatti editorial ritmus */
@media(max-width:760px){
    html body #detailPage .service-page{
        padding:22px 14px 46px!important;
    }
    html body #detailPage .service-page .service-hero-static{
        min-height:520px!important;
        margin:4px 0 48px!important;
        border-radius:12px!important;
    }
    html body #detailPage .service-page .service-hero-photo::after{
        background:linear-gradient(180deg,rgba(12,31,42,.22) 0%,rgba(12,31,42,.55) 36%,rgba(12,31,42,.94) 72%,rgba(12,31,42,.98) 100%)!important;
    }
    html body #detailPage .service-page .service-hero-copy{
        width:auto!important;
        min-height:520px!important;
        justify-content:flex-end!important;
        padding:28px 22px!important;
    }
    html body #detailPage .service-page .service-hero-copy h1{
        font-size:33px!important;
    }
    html body #detailPage .service-page .service-hero-copy .sub-lead{
        font-size:14.5px!important;
    }

    html body #detailPage .service-page .service-story-intro{
        grid-template-columns:1fr!important;
        gap:12px!important;
        margin-bottom:50px!important;
        padding-bottom:34px!important;
    }
    html body #detailPage .service-page .service-story-number{
        font-size:56px!important;
    }
    html body #detailPage .service-page .service-story-intro h2{
        font-size:23px!important;
    }

    html body #detailPage .service-page .service-feature{
        grid-template-columns:1fr!important;
        gap:22px!important;
        margin-bottom:52px!important;
    }
    html body #detailPage .service-page .service-feature-photo{
        height:260px!important;
    }

    html body #detailPage .service-page .service-info-pair{
        grid-template-columns:1fr!important;
        margin-bottom:52px!important;
    }
    html body #detailPage .service-page .service-info-pair-bottom{
        margin-top:52px!important;
    }
    html body #detailPage .service-page .service-info-pair section,
    html body #detailPage .service-page .service-info-pair section + section{
        min-height:0!important;
        padding:26px 0 28px!important;
        border-left:0!important;
    }
    html body #detailPage .service-page .service-info-pair section + section{
        border-top:1px solid #cbd9df!important;
    }

    html body #detailPage .service-page .service-belt-break{
        height:260px!important;
    }

    html body #detailPage .service-page .service-summary{
        grid-template-columns:1fr!important;
        margin-top:52px!important;
    }
    html body #detailPage .service-page .service-summary>section,
    html body #detailPage .service-page .service-summary>section + section{
        padding:28px 0!important;
        border-left:0!important;
    }
    html body #detailPage .service-page .service-summary>section + section{
        border-top:1px solid #cbd9df!important;
    }

    html body #detailPage .service-page .sub-callout{
        grid-template-columns:1fr!important;
        gap:18px!important;
        margin-top:38px!important;
    }
    html body #detailPage .service-page .sub-callout .btn{
        width:100%!important;
    }
}


/* A Szolgáltatások legördülő menü visszaállítása a korábbi működésre. */
.nav-services-dropdown{
    position:absolute!important;
    top:calc(100% - 1px)!important;
    left:0!important;
    min-width:235px!important;
    padding:7px!important;
    background:#eef4f6!important;
    border:1px solid #b9ccd4!important;
    box-shadow:0 12px 28px rgba(23,54,74,.14)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(6px)!important;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
    z-index:150!important;
}
.nav-services-menu.open .nav-services-dropdown,
.nav-services-menu:focus-within .nav-services-dropdown{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0)!important;
}
@media(hover:hover) and (pointer:fine){
    .nav-services-menu:hover .nav-services-dropdown{
        opacity:1!important;
        visibility:visible!important;
        transform:translateY(0)!important;
    }
}
.nav-services-dropdown a{
    display:block!important;
    padding:11px 13px!important;
    color:#17364a!important;
    -webkit-text-fill-color:#17364a!important;
    text-decoration:none!important;
    font-size:11px!important;
    line-height:1.35!important;
    letter-spacing:.055em!important;
    white-space:nowrap!important;
    border-bottom:1px solid #d5e1e5!important;
}
.nav-services-dropdown a:last-child{border-bottom:0!important;}
.nav-services-dropdown a:hover,
.nav-services-dropdown a:focus-visible{
    background:#dcebef!important;
    color:#007f93!important;
    -webkit-text-fill-color:#007f93!important;
    outline:none!important;
}

@media(max-width:960px){
    .nav-services-menu{
        display:grid!important;
        grid-template-columns:1fr 44px!important;
        align-self:auto!important;
        width:100%!important;
    }
    .nav-services-main{
        min-height:44px!important;
        padding:14px 12px!important;
        box-sizing:border-box!important;
        font-size:14px!important;
    }
    .nav-services-main::after{display:none!important;}
    .nav-services-toggle{
        width:44px!important;
        height:44px!important;
        margin:0!important;
        justify-self:end!important;
    }
    .nav-services-dropdown{
        position:static!important;
        grid-column:1 / -1!important;
        min-width:0!important;
        width:100%!important;
        box-sizing:border-box!important;
        padding:4px 8px!important;
        margin:4px 0 8px!important;
        border:0!important;
        border-radius:6px!important;
        box-shadow:none!important;
        background:#dfeef2!important;
        opacity:1!important;
        visibility:hidden!important;
        transform:none!important;
        display:none!important;
    }
    .nav-services-menu.open .nav-services-dropdown{
        display:block!important;
        visibility:visible!important;
    }
    .nav-services-dropdown a{
        padding:12px 10px!important;
        color:#193947!important;
        -webkit-text-fill-color:#193947!important;
        border-bottom:1px solid #c8dce4!important;
        font-size:13px!important;
        white-space:normal!important;
    }
}


html body #detailPage .service-page-v176{
  max-width:1180px!important;
}
html body #detailPage .service-page-v176 .service-hero-static{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
  gap:42px!important;
  align-items:center!important;
  min-height:0!important;
  margin:0 0 54px!important;
  padding:28px 0 48px!important;
  border-bottom:1px solid #d1dfe4!important;
  border-radius:0!important;
  background:none!important;
  overflow:visible!important;
}
html body #detailPage .service-page-v176 .service-hero-copy{
  position:static!important;
  width:auto!important;
  min-height:0!important;
  padding:0!important;
  display:block!important;
}
html body #detailPage .service-page-v176 .service-hero-copy .cad-eyebrow{
  color:#008fa0!important;
  font-size:11px!important;
  letter-spacing:.16em!important;
}
html body #detailPage .service-page-v176 .service-hero-copy .cad-eyebrow::before{content:none!important}
html body #detailPage .service-page-v176 .service-hero-copy h1{
  color:#213b45!important;
  -webkit-text-fill-color:initial!important;
  background:none!important;
  font-size:clamp(40px,4.2vw,60px)!important;
  line-height:1.05!important;
  margin:12px 0 18px!important;
}
html body #detailPage .service-page-v176 .service-hero-copy .sub-lead{
  color:#5b7480!important;
  max-width:700px!important;
  font-size:15.5px!important;
  line-height:1.65!important;
}
html body #detailPage .service-page-v176 .service-hero-photo{
  position:static!important;
  height:300px!important;
  margin:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  box-shadow:0 14px 32px rgba(27,61,76,.09)!important;
}
html body #detailPage .service-page-v176 .service-hero-photo::after{content:none!important}

html body #detailPage .service-page-v176 .service-section-heading{
  display:flex!important;
  align-items:flex-end!important;
  gap:20px!important;
  margin-bottom:24px!important;
}
html body #detailPage .service-page-v176 .service-section-heading>span{
  color:#a7c8d1!important;
  font-size:42px!important;
  line-height:.9!important;
  font-weight:300!important;
}
html body #detailPage .service-page-v176 .service-section-heading small,
html body #detailPage .service-page-v176 .service-bottom-info small{
  display:block!important;
  margin-bottom:5px!important;
  color:#008fa0!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
}
html body #detailPage .service-page-v176 .service-section-heading h2,
html body #detailPage .service-page-v176 .service-bottom-info h2{
  margin:0!important;
  color:#213b45!important;
  font-size:25px!important;
}

html body #detailPage .service-page-v176 .service-capabilities{
  margin-bottom:58px!important;
}
html body #detailPage .service-page-v176 .service-capability-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  border-top:1px solid #ccdce2!important;
  border-bottom:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v176 .service-capability-grid article{
  padding:26px 28px 28px 0!important;
}
html body #detailPage .service-page-v176 .service-capability-grid article+article{
  padding-left:28px!important;
  border-left:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v176 .service-capability-grid h3{
  margin:0 0 8px!important;
  font-size:18px!important;
  color:#24404b!important;
}
html body #detailPage .service-page-v176 .service-capability-grid p{
  margin:0!important;
  font-size:14.5px!important;
  line-height:1.6!important;
  color:#607984!important;
}

html body #detailPage .service-page-v176 .service-process{
  margin-bottom:62px!important;
}
html body #detailPage .service-page-v176 .service-process-row{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  border-top:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v176 .service-process-row>div{
  padding:24px 24px 0 0!important;
}
html body #detailPage .service-page-v176 .service-process-row>div+div{
  padding-left:24px!important;
  border-left:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v176 .service-process-row b{
  display:block!important;
  margin-bottom:10px!important;
  color:#00a0b1!important;
  font-size:12px!important;
}
html body #detailPage .service-page-v176 .service-process-row h3{
  margin:0 0 7px!important;
  font-size:17px!important;
}
html body #detailPage .service-page-v176 .service-process-row p{
  margin:0!important;
  color:#617984!important;
  font-size:14px!important;
  line-height:1.55!important;
}

html body #detailPage .service-page-v176 .service-issues{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  gap:44px!important;
  align-items:center!important;
  margin-bottom:52px!important;
}
html body #detailPage .service-page-v176 .service-issues figure{
  margin:0!important;
  height:330px!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
html body #detailPage .service-page-v176 .service-issues img,
html body #detailPage .service-page-v176 .service-wide-photo img{
  width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;
}
html body #detailPage .service-page-v176 .service-section-heading.compact{
  margin-bottom:18px!important;
}
html body #detailPage .service-page-v176 .service-issues ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  columns:2!important;
  column-gap:26px!important;
}
html body #detailPage .service-page-v176 .service-issues li{
  position:relative!important;
  break-inside:avoid!important;
  padding:7px 0 7px 17px!important;
  color:#526f7a!important;
  font-size:14px!important;
  line-height:1.45!important;
}
html body #detailPage .service-page-v176 .service-issues li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:14px!important;
  width:6px!important;height:6px!important;
  border-radius:50%!important;
  background:#00a0b1!important;
}

html body #detailPage .service-page-v176 .service-wide-photo{
  height:270px!important;
  margin:0 0 52px!important;
  border-radius:12px!important;
  overflow:hidden!important;
}

html body #detailPage .service-page-v176 .service-bottom-info{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  margin-bottom:44px!important;
  border-top:1px solid #ccdce2!important;
  border-bottom:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v176 .service-bottom-info>div{
  padding:28px 34px 30px 0!important;
}
html body #detailPage .service-page-v176 .service-bottom-info>div+div{
  padding-left:34px!important;
  border-left:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v176 .service-bottom-info p{
  margin:10px 0 0!important;
  color:#607984!important;
  font-size:14.5px!important;
  line-height:1.62!important;
}

html body #detailPage .service-page-v176 .service-final-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:30px!important;
  margin-top:0!important;
  padding:26px 0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
}
html body #detailPage .service-page-v176 .service-final-cta h2{
  margin:0 0 6px!important;
  font-size:22px!important;
}
html body #detailPage .service-page-v176 .service-final-cta p{
  margin:0!important;
  color:#607984!important;
  font-size:14px!important;
}

@media(max-width:760px){
  html body #detailPage .service-page-v176{
    padding:22px 16px 46px!important;
  }
  html body #detailPage .service-page-v176 .service-hero-static{
    grid-template-columns:1fr!important;
    gap:20px!important;
    margin-bottom:38px!important;
    padding:8px 0 34px!important;
  }
  html body #detailPage .service-page-v176 .service-hero-copy h1{
    font-size:31px!important;
  }
  html body #detailPage .service-page-v176 .service-hero-photo{
    height:215px!important;
  }
  html body #detailPage .service-page-v176 .service-capability-grid,
  html body #detailPage .service-page-v176 .service-process-row,
  html body #detailPage .service-page-v176 .service-bottom-info,
  html body #detailPage .service-page-v176 .service-issues{
    grid-template-columns:1fr!important;
  }
  html body #detailPage .service-page-v176 .service-capability-grid article,
  html body #detailPage .service-page-v176 .service-capability-grid article+article,
  html body #detailPage .service-page-v176 .service-process-row>div,
  html body #detailPage .service-page-v176 .service-process-row>div+div,
  html body #detailPage .service-page-v176 .service-bottom-info>div,
  html body #detailPage .service-page-v176 .service-bottom-info>div+div{
    padding:20px 0!important;
    border-left:0!important;
  }
  html body #detailPage .service-page-v176 .service-capability-grid article+article,
  html body #detailPage .service-page-v176 .service-process-row>div+div,
  html body #detailPage .service-page-v176 .service-bottom-info>div+div{
    border-top:1px solid #ccdce2!important;
  }
  html body #detailPage .service-page-v176 .service-process-row{border-bottom:1px solid #ccdce2!important}
  html body #detailPage .service-page-v176 .service-issues{
    gap:24px!important;
  }
  html body #detailPage .service-page-v176 .service-issues figure{
    height:220px!important;
  }
  html body #detailPage .service-page-v176 .service-issues ul{
    columns:1!important;
  }
  html body #detailPage .service-page-v176 .service-wide-photo{
    height:220px!important;
    margin-bottom:38px!important;
  }
  html body #detailPage .service-page-v176 .service-final-cta{
    display:block!important;
  }
  html body #detailPage .service-page-v176 .service-final-cta .btn{
    width:100%!important;
    margin-top:18px!important;
  }
}


/* Csak a Szerviz és hibakeresés oldal elosztásának finomítása.
   Tartalom változatlan, fejléc érintetlen. */

/* HERO: alacsonyabb, hogy hamarabb jöjjön a lényeg */
html body #detailPage .service-page-v176 .service-hero-static{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;
  gap:36px!important;
  margin-bottom:42px!important;
  padding:22px 0 38px!important;
}
html body #detailPage .service-page-v176 .service-hero-photo{
  height:255px!important;
}
html body #detailPage .service-page-v176 .service-hero-copy h1{
  font-size:clamp(38px,4vw,56px)!important;
}

/* 1 nagy + 2 kisebb szolgáltatási elrendezés */
html body #detailPage .service-page-v176 .service-capabilities{
  margin-bottom:50px!important;
}
html body #detailPage .service-page-v176 .service-capability-grid{
  display:grid!important;
  grid-template-columns:1.3fr .85fr!important;
  grid-template-rows:auto auto!important;
  gap:18px 28px!important;
  border:0!important;
}
html body #detailPage .service-page-v176 .service-capability-grid article{
  padding:0!important;
  border:0!important;
}
html body #detailPage .service-page-v176 .service-capability-grid article:first-child{
  grid-row:1 / 3!important;
  padding:28px 30px!important;
  border-left:3px solid #00a0b1!important;
  background:#eef7f9!important;
}
html body #detailPage .service-page-v176 .service-capability-grid article:nth-child(2),
html body #detailPage .service-page-v176 .service-capability-grid article:nth-child(3){
  padding:0 0 18px!important;
  border-bottom:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v176 .service-capability-grid article:nth-child(3){
  border-bottom:0!important;
  padding-bottom:0!important;
}
html body #detailPage .service-page-v176 .service-capability-grid h3{
  font-size:19px!important;
}
html body #detailPage .service-page-v176 .service-capability-grid article:first-child h3{
  font-size:24px!important;
  margin-bottom:10px!important;
}

/* MUNKAFOLYAMAT: valódi vízszintes folyamatvonal */
html body #detailPage .service-page-v176 .service-process{
  margin-bottom:54px!important;
}
html body #detailPage .service-page-v176 .service-process-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:22px!important;
  border:0!important;
  padding-top:18px!important;
}
html body #detailPage .service-page-v176 .service-process-row::before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  top:28px!important;
  height:1px!important;
  background:#b8cfd7!important;
}
html body #detailPage .service-page-v176 .service-process-row>div,
html body #detailPage .service-page-v176 .service-process-row>div+div{
  position:relative!important;
  padding:38px 10px 0 0!important;
  border:0!important;
}
html body #detailPage .service-page-v176 .service-process-row b{
  position:absolute!important;
  top:17px!important;
  left:0!important;
  width:22px!important;
  height:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#e8f6f8!important;
  border:1px solid #8fd0d8!important;
  color:#008fa0!important;
  font-size:10px!important;
  z-index:2!important;
}
html body #detailPage .service-page-v176 .service-process-row h3{
  font-size:16px!important;
}

/* HIBÁK: kisebb kép, hangsúlyosabb lista */
html body #detailPage .service-page-v176 .service-issues{
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)!important;
  gap:38px!important;
  margin-bottom:50px!important;
}
html body #detailPage .service-page-v176 .service-issues figure{
  height:275px!important;
}
html body #detailPage .service-page-v176 .service-issues ul{
  columns:2!important;
  column-gap:34px!important;
}
html body #detailPage .service-page-v176 .service-issues li{
  font-size:14.5px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}

/* A második nagy kép elrejtve: rövidebb, feszesebb oldal */
html body #detailPage .service-page-v176 .service-wide-photo{
  display:none!important;
}

/* Kiszállás + dokumentálás feljebb, tiszta lezárás */
html body #detailPage .service-page-v176 .service-bottom-info{
  margin-top:0!important;
  margin-bottom:34px!important;
}
html body #detailPage .service-page-v176 .service-bottom-info>div{
  padding-top:26px!important;
  padding-bottom:26px!important;
}

/* CTA kompaktabb */
html body #detailPage .service-page-v176 .service-final-cta{
  padding:22px 0!important;
}

/* MOBIL */
@media(max-width:760px){
  html body #detailPage .service-page-v176 .service-hero-static{
    gap:18px!important;
    padding-bottom:28px!important;
    margin-bottom:32px!important;
  }
  html body #detailPage .service-page-v176 .service-hero-photo{
    height:205px!important;
  }

  html body #detailPage .service-page-v176 .service-capability-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    gap:0!important;
  }
  html body #detailPage .service-page-v176 .service-capability-grid article:first-child{
    grid-row:auto!important;
    padding:20px!important;
    margin-bottom:18px!important;
  }
  html body #detailPage .service-page-v176 .service-capability-grid article:nth-child(2),
  html body #detailPage .service-page-v176 .service-capability-grid article:nth-child(3){
    padding:18px 0!important;
    border-top:1px solid #ccdce2!important;
    border-bottom:0!important;
  }

  html body #detailPage .service-page-v176 .service-process-row{
    grid-template-columns:1fr 1fr!important;
    gap:24px 18px!important;
    padding-top:0!important;
  }
  html body #detailPage .service-page-v176 .service-process-row::before{
    display:none!important;
  }
  html body #detailPage .service-page-v176 .service-process-row>div,
  html body #detailPage .service-page-v176 .service-process-row>div+div{
    padding:30px 0 0!important;
  }
  html body #detailPage .service-page-v176 .service-process-row b{
    top:0!important;
  }

  html body #detailPage .service-page-v176 .service-issues{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  html body #detailPage .service-page-v176 .service-issues figure{
    height:205px!important;
  }
  html body #detailPage .service-page-v176 .service-issues ul{
    columns:1!important;
  }
}


html body #detailPage .service-page-v176 .service-capability-issues{
  margin-top:26px!important;
  padding-top:24px!important;
  border-top:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v176 .service-capability-issues h3{
  margin:0 0 14px!important;
  color:#24404b!important;
  font-size:18px!important;
}
html body #detailPage .service-page-v176 .service-capability-issues ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px 28px!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
html body #detailPage .service-page-v176 .service-capability-issues li{
  position:relative!important;
  padding:6px 0 6px 16px!important;
  color:#526f7a!important;
  font-size:14px!important;
  line-height:1.5!important;
}
html body #detailPage .service-page-v176 .service-capability-issues li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:13px!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#00a0b1!important;
}
@media(max-width:760px){
  html body #detailPage .service-page-v176 .service-capability-issues ul{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
}


html body #detailPage .service-page-v185{
  max-width:1180px!important;
  padding-top:26px!important;
}

/* Kompakt, szöveges hero */
html body #detailPage .service-page-v185 .service-hero-v185{
  max-width:900px!important;
  padding:24px 0 42px!important;
  margin-bottom:46px!important;
  border-bottom:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v185 .service-hero-v185 .cad-eyebrow{
  color:#008fa0!important;
  font-size:11px!important;
  letter-spacing:.16em!important;
}
html body #detailPage .service-page-v185 .service-hero-v185 h1{
  margin:12px 0 16px!important;
  color:#203b46!important;
  font-size:clamp(40px,4.2vw,60px)!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}
html body #detailPage .service-page-v185 .service-hero-v185 p{
  margin:0!important;
  max-width:820px!important;
  color:#5b7480!important;
  font-size:15.5px!important;
  line-height:1.66!important;
}

/* Közös section heading */
html body #detailPage .service-page-v185 .service-section-heading-v185{
  display:flex!important;
  align-items:flex-end!important;
  gap:20px!important;
  margin-bottom:24px!important;
}
html body #detailPage .service-page-v185 .service-section-heading-v185>span{
  color:#a8cbd3!important;
  font-size:44px!important;
  line-height:.9!important;
  font-weight:300!important;
}
html body #detailPage .service-page-v185 .service-section-heading-v185 small,
html body #detailPage .service-page-v185 .service-bottom-copy-v185 small{
  display:block!important;
  margin-bottom:5px!important;
  color:#008fa0!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
}
html body #detailPage .service-page-v185 .service-section-heading-v185 h2,
html body #detailPage .service-page-v185 .service-bottom-copy-v185 h2{
  margin:0!important;
  color:#213b45!important;
  font-size:25px!important;
}

/* 01: FANUC kép + a tényleges lista */
html body #detailPage .service-page-v185 .service-capabilities-v185{
  margin-bottom:58px!important;
}
html body #detailPage .service-page-v185 .service-capabilities-layout-v185{
  display:grid!important;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;
  gap:42px!important;
  align-items:center!important;
}
html body #detailPage .service-page-v185 .service-capabilities-layout-v185 figure{
  margin:0!important;
  height:320px!important;
  overflow:hidden!important;
  border-radius:12px!important;
  box-shadow:0 12px 28px rgba(25,62,77,.08)!important;
}
html body #detailPage .service-page-v185 .service-capabilities-layout-v185 img,
html body #detailPage .service-page-v185 .service-process-layout-v185 img,
html body #detailPage .service-page-v185 .service-bottom-v185 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
html body #detailPage .service-page-v185 .service-capabilities-layout-v185 ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px 30px!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
html body #detailPage .service-page-v185 .service-capabilities-layout-v185 li{
  position:relative!important;
  padding:7px 0 7px 17px!important;
  color:#526f7a!important;
  font-size:14px!important;
  line-height:1.48!important;
}
html body #detailPage .service-page-v185 .service-capabilities-layout-v185 li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:14px!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#00a0b1!important;
}

/* 02: folyamat + hajtómű kép */
html body #detailPage .service-page-v185 .service-process-v185{
  margin-bottom:58px!important;
  padding-top:42px!important;
  border-top:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v185 .service-process-layout-v185{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr)!important;
  gap:46px!important;
  align-items:stretch!important;
}
html body #detailPage .service-page-v185 .service-process-list-v185{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  border-top:1px solid #ccdce2!important;
  border-bottom:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v185 .service-process-list-v185>div{
  padding:24px 24px 26px 0!important;
}
html body #detailPage .service-page-v185 .service-process-list-v185>div:nth-child(even){
  padding-left:24px!important;
  border-left:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v185 .service-process-list-v185>div:nth-child(n+3){
  border-top:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v185 .service-process-list-v185 b{
  display:block!important;
  margin-bottom:8px!important;
  color:#0097a8!important;
  font-size:11px!important;
}
html body #detailPage .service-page-v185 .service-process-list-v185 h3{
  margin:0 0 7px!important;
  color:#24404b!important;
  font-size:17px!important;
}
html body #detailPage .service-page-v185 .service-process-list-v185 p{
  margin:0!important;
  color:#617984!important;
  font-size:14px!important;
  line-height:1.55!important;
}
html body #detailPage .service-page-v185 .service-process-layout-v185 figure{
  margin:0!important;
  min-height:300px!important;
  overflow:hidden!important;
  border-radius:12px!important;
  box-shadow:0 12px 28px rgba(25,62,77,.08)!important;
}

/* Alsó 3 oszlop: kiszállás / kép / dokumentálás */
html body #detailPage .service-page-v185 .service-bottom-v185{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,.9fr) minmax(0,1fr)!important;
  gap:34px!important;
  align-items:stretch!important;
  padding:42px 0!important;
  border-top:1px solid #ccdce2!important;
  border-bottom:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v185 .service-bottom-copy-v185{
  align-self:center!important;
}
html body #detailPage .service-page-v185 .service-bottom-copy-v185 p{
  margin:10px 0 0!important;
  color:#607984!important;
  font-size:14.5px!important;
  line-height:1.62!important;
}
html body #detailPage .service-page-v185 .service-bottom-v185 figure{
  margin:0!important;
  height:230px!important;
  overflow:hidden!important;
  border-radius:10px!important;
}

/* CTA */
html body #detailPage .service-page-v185 .service-final-cta-v185{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:30px!important;
  margin-top:30px!important;
  padding:22px 0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
}
html body #detailPage .service-page-v185 .service-final-cta-v185 h2{
  margin:0 0 6px!important;
  color:#213b45!important;
  font-size:22px!important;
}
html body #detailPage .service-page-v185 .service-final-cta-v185 p{
  margin:0!important;
  color:#607984!important;
  font-size:14px!important;
}

@media(max-width:760px){
  html body #detailPage .service-page-v185{
    padding:22px 16px 46px!important;
  }
  html body #detailPage .service-page-v185 .service-hero-v185{
    padding:10px 0 30px!important;
    margin-bottom:34px!important;
  }
  html body #detailPage .service-page-v185 .service-hero-v185 h1{
    font-size:31px!important;
  }
  html body #detailPage .service-page-v185 .service-capabilities-layout-v185,
  html body #detailPage .service-page-v185 .service-process-layout-v185,
  html body #detailPage .service-page-v185 .service-bottom-v185{
    grid-template-columns:1fr!important;
  }
  html body #detailPage .service-page-v185 .service-capabilities-layout-v185{
    gap:22px!important;
  }
  html body #detailPage .service-page-v185 .service-capabilities-layout-v185 figure,
  html body #detailPage .service-page-v185 .service-process-layout-v185 figure,
  html body #detailPage .service-page-v185 .service-bottom-v185 figure{
    height:220px!important;
    min-height:0!important;
  }
  html body #detailPage .service-page-v185 .service-capabilities-layout-v185 ul{
    grid-template-columns:1fr!important;
    gap:3px!important;
  }
  html body #detailPage .service-page-v185 .service-process-list-v185{
    grid-template-columns:1fr!important;
  }
  html body #detailPage .service-page-v185 .service-process-list-v185>div,
  html body #detailPage .service-page-v185 .service-process-list-v185>div:nth-child(even){
    padding:18px 0!important;
    border-left:0!important;
    border-top:1px solid #ccdce2!important;
  }
  html body #detailPage .service-page-v185 .service-process-list-v185>div:first-child{
    border-top:0!important;
  }
  html body #detailPage .service-page-v185 .service-bottom-v185{
    gap:24px!important;
    padding:32px 0!important;
  }
  html body #detailPage .service-page-v185 .service-final-cta-v185{
    display:block!important;
  }
  html body #detailPage .service-page-v185 .service-final-cta-v185 .btn{
    width:100%!important;
    margin-top:18px!important;
  }
}


/* Csak a hero elosztása módosul: a nagy üres jobb oldal helyére visszakerül a szakmai fotó. */
html body #detailPage .service-page-v185 .service-hero-v186{
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr)!important;
  gap:42px!important;
  align-items:center!important;
  padding:22px 0 36px!important;
  margin-bottom:38px!important;
}
html body #detailPage .service-page-v185 .service-hero-v186 .service-hero-copy-v186{
  min-width:0!important;
}
html body #detailPage .service-page-v185 .service-hero-v186 h1{
  font-size:clamp(38px,3.9vw,56px)!important;
  max-width:720px!important;
}
html body #detailPage .service-page-v185 .service-hero-v186 p{
  max-width:690px!important;
}
html body #detailPage .service-page-v185 .service-hero-photo-v186{
  margin:0!important;
  height:270px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  box-shadow:0 12px 28px rgba(25,62,77,.09)!important;
}
html body #detailPage .service-page-v185 .service-hero-photo-v186 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center 56%!important;
}

/* Az első tartalmi blokk induljon közelebb a herohoz. */
html body #detailPage .service-page-v185 .service-capabilities-v185{
  margin-bottom:52px!important;
}

@media(max-width:760px){
  html body #detailPage .service-page-v185 .service-hero-v186{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:8px 0 28px!important;
    margin-bottom:30px!important;
  }
  html body #detailPage .service-page-v185 .service-hero-v186 h1{
    font-size:31px!important;
  }
  html body #detailPage .service-page-v185 .service-hero-photo-v186{
    height:210px!important;
  }
}


html body #detailPage .service-page-v187{
  max-width:1180px!important;
  padding-top:26px!important;
}

/* 01 lista + FANUC kép */
html body #detailPage .service-page-v187 .service-capabilities-v187{
  margin-bottom:34px!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187{
  display:grid!important;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;
  gap:42px!important;
  align-items:center!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure{
  margin:0!important;
  height:300px!important;
  overflow:hidden!important;
  border-radius:12px!important;
  box-shadow:0 12px 28px rgba(25,62,77,.08)!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 img,
html body #detailPage .service-page-v187 .service-photo-strip-v187 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px 30px!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 li{
  position:relative!important;
  padding:7px 0 7px 17px!important;
  color:#526f7a!important;
  font-size:14px!important;
  line-height:1.48!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:14px!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#00a0b1!important;
}

/* Külön képsávok, nem a szöveges blokkokba préselve */
html body #detailPage .service-page-v187 .service-photo-strip-v187{
  margin:0 0 48px!important;
  height:250px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  box-shadow:0 10px 24px rgba(25,62,77,.07)!important;
}
html body #detailPage .service-page-v187 .service-photo-strip-v187 img{
  object-position:center 55%!important;
}
html body #detailPage .service-page-v187 .service-photo-strip-second-v187{
  margin:0 0 44px!important;
}
html body #detailPage .service-page-v187 .service-photo-strip-second-v187 img{
  object-position:center 52%!important;
}

/* 02 munkafolyamat önmagában, kép nélkül */
html body #detailPage .service-page-v187 .service-process-v187{
  margin-bottom:44px!important;
  padding-top:4px!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  border-top:1px solid #ccdce2!important;
  border-bottom:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187>div{
  padding:24px 24px 26px 0!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187>div+div{
  padding-left:24px!important;
  border-left:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187 b{
  display:block!important;
  margin-bottom:8px!important;
  color:#0097a8!important;
  font-size:11px!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187 h3{
  margin:0 0 7px!important;
  color:#24404b!important;
  font-size:17px!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187 p{
  margin:0!important;
  color:#617984!important;
  font-size:14px!important;
  line-height:1.55!important;
}

/* Alsó szövegek kép nélkül */
html body #detailPage .service-page-v187 .service-bottom-v187{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  margin-bottom:34px!important;
  border-top:1px solid #ccdce2!important;
  border-bottom:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v187 .service-bottom-v187>div{
  padding:28px 34px 30px 0!important;
}
html body #detailPage .service-page-v187 .service-bottom-v187>div+div{
  padding-left:34px!important;
  border-left:1px solid #ccdce2!important;
}
html body #detailPage .service-page-v187 .service-bottom-v187 p{
  margin:10px 0 0!important;
  color:#607984!important;
  font-size:14.5px!important;
  line-height:1.62!important;
}

@media(max-width:760px){
  html body #detailPage .service-page-v187{
    padding:22px 16px 46px!important;
  }
  html body #detailPage .service-page-v187 .service-capabilities-layout-v187{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure{
    height:220px!important;
  }
  html body #detailPage .service-page-v187 .service-capabilities-layout-v187 ul{
    grid-template-columns:1fr!important;
    gap:3px!important;
  }
  html body #detailPage .service-page-v187 .service-photo-strip-v187{
    height:210px!important;
    margin-bottom:34px!important;
  }
  html body #detailPage .service-page-v187 .service-process-list-v187{
    grid-template-columns:1fr 1fr!important;
  }
  html body #detailPage .service-page-v187 .service-process-list-v187>div,
  html body #detailPage .service-page-v187 .service-process-list-v187>div+div{
    padding:18px 14px 20px 0!important;
    border-left:0!important;
  }
  html body #detailPage .service-page-v187 .service-process-list-v187>div:nth-child(even){
    padding-left:14px!important;
    border-left:1px solid #ccdce2!important;
  }
  html body #detailPage .service-page-v187 .service-process-list-v187>div:nth-child(n+3){
    border-top:1px solid #ccdce2!important;
  }
  html body #detailPage .service-page-v187 .service-bottom-v187{
    grid-template-columns:1fr!important;
  }
  html body #detailPage .service-page-v187 .service-bottom-v187>div,
  html body #detailPage .service-page-v187 .service-bottom-v187>div+div{
    padding:24px 0!important;
    border-left:0!important;
  }
  html body #detailPage .service-page-v187 .service-bottom-v187>div+div{
    border-top:1px solid #ccdce2!important;
  }
}


/* SZERVIZ OLDAL — CSAK DIZÁJN / ELRENDEZÉS
   A meglévő szöveges és képi tartalom változatlan marad. */

html body #detailPage .service-page-v187{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:34px clamp(22px,4vw,42px) 58px!important;
  color:#172d38!important;
}

/* Finom, világos műszaki felület */
html body #detailPage{
  background:linear-gradient(180deg,#f7fbfd 0%,#f2f8fb 100%)!important;
}
html body #detailPage .service-page-v187 .sub-breadcrumb{
  max-width:none!important;
  margin:0 0 34px!important;
  padding:0 0 13px!important;
  border-bottom:1px solid #d8e5ea!important;
  color:#66818d!important;
  font-size:12px!important;
}

/* HERO: cím + leírás fent, alatta teljes szélességű kép — a referencia ritmusa */
html body #detailPage .service-page-v187 .service-hero-v186{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:24px!important;
  align-items:start!important;
  padding:22px 0 38px!important;
  margin:0 0 18px!important;
  border-bottom:0!important;
}
html body #detailPage .service-page-v187 .service-hero-copy-v186{
  max-width:1060px!important;
}
html body #detailPage .service-page-v187 .service-hero-v186 .cad-eyebrow{
  display:none!important;
}
html body #detailPage .service-page-v187 .service-hero-v186 h1{
  margin:0 0 13px!important;
  max-width:none!important;
  color:#112b39!important;
  font-family:'Segoe UI',Arial,sans-serif!important;
  font-size:clamp(34px,4.25vw,58px)!important;
  font-weight:750!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}
html body #detailPage .service-page-v187 .service-hero-v186 p{
  max-width:1080px!important;
  margin:0!important;
  color:#47626f!important;
  font-size:15.5px!important;
  line-height:1.58!important;
}
html body #detailPage .service-page-v187 .service-hero-photo-v186{
  width:100%!important;
  height:390px!important;
  margin:2px 0 0!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:#d9e6eb!important;
  box-shadow:0 7px 22px rgba(28,64,80,.08)!important;
}
html body #detailPage .service-page-v187 .service-hero-photo-v186 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center 53%!important;
}

/* SZEKCIÓCÍMEK: kis felirat + erős főcím, számozás vizuálisan visszafogva */
html body #detailPage .service-page-v187 .service-section-heading-v185{
  display:block!important;
  margin:0 0 18px!important;
  padding:0!important;
}
html body #detailPage .service-page-v187 .service-section-heading-v185>span{
  display:none!important;
}
html body #detailPage .service-page-v187 .service-section-heading-v185 small,
html body #detailPage .service-page-v187 .service-bottom-copy-v185 small{
  display:block!important;
  margin:0 0 5px!important;
  color:#5e7681!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.04em!important;
}
html body #detailPage .service-page-v187 .service-section-heading-v185 h2,
html body #detailPage .service-page-v187 .service-bottom-copy-v185 h2{
  margin:0!important;
  color:#18323f!important;
  font-family:'Segoe UI',Arial,sans-serif!important;
  font-size:clamp(25px,2.45vw,34px)!important;
  font-weight:720!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}

/* MIBEN TUDUNK SEGÍTENI — lista dominál, a meglévő második kép külön képsávként marad */
html body #detailPage .service-page-v187 .service-capabilities-v187{
  margin:0 0 38px!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:22px!important;
  align-items:start!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure{
  order:2!important;
  width:100%!important;
  height:225px!important;
  margin:6px 0 0!important;
  border-radius:11px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 46%!important;
  filter:saturate(.88) contrast(.98)!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 ul{
  order:1!important;
  display:grid!important;
  grid-template-rows:repeat(5,auto)!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(0,1fr)!important;
  gap:4px 32px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 li{
  position:relative!important;
  min-height:34px!important;
  padding:7px 0 7px 18px!important;
  color:#415c68!important;
  font-size:14px!important;
  line-height:1.42!important;
  break-inside:avoid!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:14px!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#20bcc7!important;
}

/* A meglévő ismétlődő hajtásfotó finom, széles vizuális sáv */
html body #detailPage .service-page-v187 .service-photo-strip-v187{
  height:260px!important;
  margin:0 0 48px!important;
  border-radius:11px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
html body #detailPage .service-page-v187 .service-photo-strip-v187 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 54%!important;
  filter:saturate(.9)!important;
}

/* MUNKAFOLYAMAT — egy sorban, könnyen áttekinthető négy lépés */
html body #detailPage .service-page-v187 .service-process-v187{
  margin:0 0 34px!important;
  padding:0!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:15px!important;
  border-top:1px solid #d6e3e8!important;
  border-bottom:1px solid #d6e3e8!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187>div,
html body #detailPage .service-page-v187 .service-process-list-v187>div+div{
  min-height:128px!important;
  padding:22px 22px 24px 0!important;
  border-left:0!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187>div+div{
  padding-left:22px!important;
  border-left:1px solid #d6e3e8!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187 b{
  display:block!important;
  margin:0 0 8px!important;
  color:#138c9e!important;
  font-size:11px!important;
  font-weight:750!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187 h3{
  margin:0 0 7px!important;
  color:#203a46!important;
  font-size:17px!important;
  font-weight:720!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187 p{
  margin:0!important;
  color:#607782!important;
  font-size:13.5px!important;
  line-height:1.48!important;
}

/* Második szakmai fotó a folyamat után */
html body #detailPage .service-page-v187 .service-photo-strip-second-v187{
  height:300px!important;
  margin:0 0 36px!important;
}
html body #detailPage .service-page-v187 .service-photo-strip-second-v187 img{
  object-position:center 51%!important;
}

/* ALSÓ INFORMÁCIÓK — két azonos súlyú oszlop */
html body #detailPage .service-page-v187 .service-bottom-v187{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  margin:0 0 30px!important;
  border-top:1px solid #d6e3e8!important;
  border-bottom:1px solid #d6e3e8!important;
}
html body #detailPage .service-page-v187 .service-bottom-v187>div,
html body #detailPage .service-page-v187 .service-bottom-v187>div+div{
  padding:27px 34px 30px 0!important;
  border-left:0!important;
}
html body #detailPage .service-page-v187 .service-bottom-v187>div+div{
  padding-left:34px!important;
  border-left:1px solid #d6e3e8!important;
}
html body #detailPage .service-page-v187 .service-bottom-v187 p{
  margin:10px 0 0!important;
  color:#607782!important;
  font-size:14px!important;
  line-height:1.58!important;
}

/* CTA — referencia szerinti kompakt zárás */
html body #detailPage .service-page-v187 .service-final-cta-v185{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:28px!important;
  align-items:center!important;
  margin:0 0 28px!important;
  padding:23px 0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #d6e3e8!important;
  box-shadow:none!important;
}
html body #detailPage .service-page-v187 .service-final-cta-v185 h2{
  margin:0 0 6px!important;
  color:#203a46!important;
  font-size:22px!important;
  font-weight:720!important;
}
html body #detailPage .service-page-v187 .service-final-cta-v185 p{
  margin:0!important;
  color:#657d88!important;
  font-size:13.5px!important;
}
html body #detailPage .service-page-v187 .service-final-cta-v185 .btn{
  white-space:nowrap!important;
  border-radius:4px!important;
  padding:12px 18px!important;
}

/* Alsó szekciónavigáció visszafogva */
html body #detailPage .service-page-v187 .sub-nav{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}

@media(max-width:860px){
  html body #detailPage .service-page-v187 .service-hero-photo-v186{height:300px!important;}
  html body #detailPage .service-page-v187 .service-capabilities-layout-v187 ul{
    grid-template-rows:repeat(7,auto)!important;
    grid-auto-columns:minmax(0,1fr)!important;
  }
  html body #detailPage .service-page-v187 .service-process-list-v187{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body #detailPage .service-page-v187 .service-process-list-v187>div:nth-child(3){
    padding-left:0!important;
    border-left:0!important;
    border-top:1px solid #d6e3e8!important;
  }
  html body #detailPage .service-page-v187 .service-process-list-v187>div:nth-child(4){
    border-top:1px solid #d6e3e8!important;
  }
}

@media(max-width:620px){
  html body #detailPage .service-page-v187{
    padding:24px 18px 44px!important;
  }
  html body #detailPage .service-page-v187 .sub-breadcrumb{
    margin-bottom:22px!important;
  }
  html body #detailPage .service-page-v187 .service-hero-v186{
    gap:16px!important;
    padding:10px 0 26px!important;
  }
  html body #detailPage .service-page-v187 .service-hero-v186 h1{
    font-size:31px!important;
    line-height:1.08!important;
  }
  html body #detailPage .service-page-v187 .service-hero-v186 p{
    font-size:14px!important;
    line-height:1.55!important;
  }
  html body #detailPage .service-page-v187 .service-hero-photo-v186{
    height:215px!important;
    border-radius:9px!important;
  }
  html body #detailPage .service-page-v187 .service-section-heading-v185 h2,
  html body #detailPage .service-page-v187 .service-bottom-copy-v185 h2{
    font-size:25px!important;
  }
  html body #detailPage .service-page-v187 .service-capabilities-layout-v187{
    gap:16px!important;
  }
  html body #detailPage .service-page-v187 .service-capabilities-layout-v187 ul{
    display:grid!important;
    grid-template-rows:none!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    grid-template-columns:1fr!important;
    gap:1px!important;
  }
  html body #detailPage .service-page-v187 .service-capabilities-layout-v187 li{
    min-height:0!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
    font-size:13.5px!important;
  }
  html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure{
    height:190px!important;
  }
  html body #detailPage .service-page-v187 .service-photo-strip-v187,
  html body #detailPage .service-page-v187 .service-photo-strip-second-v187{
    height:205px!important;
    margin-bottom:32px!important;
  }
  html body #detailPage .service-page-v187 .service-process-list-v187{
    grid-template-columns:1fr!important;
  }
  html body #detailPage .service-page-v187 .service-process-list-v187>div,
  html body #detailPage .service-page-v187 .service-process-list-v187>div+div,
  html body #detailPage .service-page-v187 .service-process-list-v187>div:nth-child(3),
  html body #detailPage .service-page-v187 .service-process-list-v187>div:nth-child(4){
    min-height:0!important;
    padding:18px 0!important;
    border-left:0!important;
    border-top:1px solid #d6e3e8!important;
  }
  html body #detailPage .service-page-v187 .service-process-list-v187>div:first-child{
    border-top:0!important;
  }
  html body #detailPage .service-page-v187 .service-bottom-v187{
    grid-template-columns:1fr!important;
  }
  html body #detailPage .service-page-v187 .service-bottom-v187>div,
  html body #detailPage .service-page-v187 .service-bottom-v187>div+div{
    padding:22px 0!important;
    border-left:0!important;
  }
  html body #detailPage .service-page-v187 .service-bottom-v187>div+div{
    border-top:1px solid #d6e3e8!important;
  }
  html body #detailPage .service-page-v187 .service-final-cta-v185{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  html body #detailPage .service-page-v187 .service-final-cta-v185 .btn{
    width:100%!important;
  }
}


/* CSAK A SZERVIZ OLDAL DIZÁJN/ELRENDEZÉS FINOMÍTÁSA — tartalom változatlan */
html body #detailPage .service-page-v187{
  max-width:1080px!important;
  padding:26px clamp(20px,3.2vw,34px) 48px!important;
}
html body #detailPage .service-page-v187 .sub-breadcrumb{
  margin-bottom:24px!important;
  font-size:11px!important;
}
html body #detailPage .service-page-v187 .service-hero-v186{
  gap:17px!important;
  padding:12px 0 28px!important;
  margin-bottom:10px!important;
}
html body #detailPage .service-page-v187 .service-hero-v186 h1{
  max-width:940px!important;
  margin-bottom:10px!important;
  font-size:clamp(31px,3.35vw,47px)!important;
  line-height:1.07!important;
  letter-spacing:-.035em!important;
}
html body #detailPage .service-page-v187 .service-hero-v186 p{
  max-width:950px!important;
  font-size:14px!important;
  line-height:1.52!important;
}
/* A fotók ne legyenek agresszíven levágva: a teljes kép látható marad. */
html body #detailPage .service-page-v187 .service-hero-photo-v186{
  height:300px!important;
  border-radius:10px!important;
  background:#e8f0f3!important;
}
html body #detailPage .service-page-v187 .service-hero-photo-v186 img,
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure img,
html body #detailPage .service-page-v187 .service-photo-strip-v187 img,
html body #detailPage .service-page-v187 .service-photo-strip-second-v187 img{
  object-fit:contain!important;
  object-position:center!important;
  background:#e8f0f3!important;
}
html body #detailPage .service-page-v187 .service-section-heading-v185{margin-bottom:13px!important;}
html body #detailPage .service-page-v187 .service-section-heading-v185 h2,
html body #detailPage .service-page-v187 .service-bottom-copy-v185 h2{
  font-size:clamp(22px,2vw,29px)!important;
}
html body #detailPage .service-page-v187 .service-capabilities-v187{margin-bottom:28px!important;}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187{gap:14px!important;}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 li{
  min-height:29px!important;
  padding:5px 0 5px 16px!important;
  font-size:13px!important;
  line-height:1.35!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 li::before{top:11px!important;}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure{
  height:190px!important;
  margin-top:2px!important;
  background:#e8f0f3!important;
}
html body #detailPage .service-page-v187 .service-photo-strip-v187{
  height:205px!important;
  margin-bottom:34px!important;
  background:#e8f0f3!important;
}
html body #detailPage .service-page-v187 .service-process-v187{margin-bottom:26px!important;}
html body #detailPage .service-page-v187 .service-process-list-v187{margin-top:10px!important;}
html body #detailPage .service-page-v187 .service-process-list-v187>div,
html body #detailPage .service-page-v187 .service-process-list-v187>div+div{
  min-height:108px!important;
  padding-top:17px!important;
  padding-bottom:18px!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187 h3{font-size:15.5px!important;}
html body #detailPage .service-page-v187 .service-process-list-v187 p{font-size:12.5px!important;line-height:1.42!important;}
html body #detailPage .service-page-v187 .service-photo-strip-second-v187{
  height:220px!important;
  margin-bottom:28px!important;
  background:#e8f0f3!important;
}
html body #detailPage .service-page-v187 .service-bottom-v187{margin-bottom:22px!important;}
html body #detailPage .service-page-v187 .service-bottom-v187>div,
html body #detailPage .service-page-v187 .service-bottom-v187>div+div{
  padding-top:21px!important;
  padding-bottom:22px!important;
}
html body #detailPage .service-page-v187 .service-bottom-v187 p{font-size:13px!important;line-height:1.5!important;}
html body #detailPage .service-page-v187 .service-final-cta-v185{
  margin-bottom:22px!important;
  padding:18px 0!important;
}
html body #detailPage .service-page-v187 .service-final-cta-v185 h2{font-size:20px!important;}
html body #detailPage .service-page-v187 .service-final-cta-v185 p{font-size:12.5px!important;}
@media(max-width:860px){
  html body #detailPage .service-page-v187 .service-hero-photo-v186{height:255px!important;}
}
@media(max-width:620px){
  html body #detailPage .service-page-v187{padding:20px 16px 38px!important;}
  html body #detailPage .service-page-v187 .service-hero-v186 h1{font-size:28px!important;}
  html body #detailPage .service-page-v187 .service-hero-v186 p{font-size:13.5px!important;}
  html body #detailPage .service-page-v187 .service-hero-photo-v186{height:190px!important;}
  html body #detailPage .service-page-v187 .service-section-heading-v185 h2,
  html body #detailPage .service-page-v187 .service-bottom-copy-v185 h2{font-size:23px!important;}
  html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure{height:170px!important;}
  html body #detailPage .service-page-v187 .service-photo-strip-v187,
  html body #detailPage .service-page-v187 .service-photo-strip-second-v187{height:180px!important;}
}


/* CSAK A SZERVIZ OLDAL DIZÁJNJA/ELRENDEZÉSE — A TARTALOM VÁLTOZATLAN */
html body #detailPage .service-page-v187{
  max-width:1120px!important;
  padding:24px 28px 54px!important;
}
html body #detailPage .service-page-v187 .sub-breadcrumb{
  margin-bottom:30px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid rgba(31,76,92,.12)!important;
  font-size:12px!important;
}

/* HERO: tiszta, kétoszlopos ipari B2B nyitás */
html body #detailPage .service-page-v187 .service-hero-v186{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr)!important;
  align-items:center!important;
  gap:44px!important;
  padding:20px 0 52px!important;
  margin:0!important;
  border-bottom:1px solid rgba(31,76,92,.12)!important;
}
html body #detailPage .service-page-v187 .service-hero-copy-v186{
  min-width:0!important;
}
html body #detailPage .service-page-v187 .service-hero-copy-v186 .cad-eyebrow{
  display:inline-block!important;
  margin-bottom:11px!important;
  font-size:11px!important;
  letter-spacing:.11em!important;
  color:#1caec0!important;
}
html body #detailPage .service-page-v187 .service-hero-v186 h1{
  max-width:720px!important;
  margin:0 0 14px!important;
  font-size:clamp(36px,4vw,58px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
html body #detailPage .service-page-v187 .service-hero-v186 p{
  max-width:760px!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.62!important;
}
html body #detailPage .service-page-v187 .service-hero-photo-v186{
  width:100%!important;
  height:360px!important;
  margin:0!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #detailPage .service-page-v187 .service-hero-photo-v186 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  background:transparent!important;
}

/* Közös szekciócímek */
html body #detailPage .service-page-v187 .service-section-heading-v185{
  display:flex!important;
  align-items:flex-start!important;
  gap:13px!important;
  margin:0 0 22px!important;
}
html body #detailPage .service-page-v187 .service-section-heading-v185>span{
  flex:0 0 auto!important;
  display:grid!important;
  place-items:center!important;
  width:29px!important;
  height:29px!important;
  border:1px solid rgba(28,174,192,.34)!important;
  border-radius:50%!important;
  color:#159caf!important;
  font-size:10px!important;
  font-weight:800!important;
}
html body #detailPage .service-page-v187 .service-section-heading-v185 small,
html body #detailPage .service-page-v187 .service-bottom-copy-v185 small{
  display:block!important;
  margin-bottom:4px!important;
  color:#637b85!important;
  font-size:10px!important;
  letter-spacing:.1em!important;
  font-weight:800!important;
}
html body #detailPage .service-page-v187 .service-section-heading-v185 h2,
html body #detailPage .service-page-v187 .service-bottom-copy-v185 h2{
  margin:0!important;
  font-size:clamp(25px,2.3vw,32px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}

/* Szervizlista: kép + áttekinthető információs rács */
html body #detailPage .service-page-v187 .service-capabilities-v187{
  padding:48px 0 46px!important;
  margin:0!important;
  border-bottom:1px solid rgba(31,76,92,.12)!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187{
  display:grid!important;
  grid-template-columns:310px minmax(0,1fr)!important;
  gap:34px!important;
  align-items:stretch!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure{
  width:100%!important;
  height:100%!important;
  min-height:310px!important;
  margin:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 28px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  align-content:start!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 li{
  position:relative!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  padding:9px 8px 9px 18px!important;
  border-bottom:1px solid rgba(31,76,92,.10)!important;
  font-size:13px!important;
  line-height:1.35!important;
}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#1fb8c8!important;
  transform:translateY(-50%)!important;
}

/* A korábbi duplikált hero-képcsík elrejtve: nincs tartalmi veszteség, csak vizuális ismétlés megszüntetve */
html body #detailPage .service-page-v187 .service-photo-strip-v187:not(.service-photo-strip-second-v187){
  display:none!important;
}

/* Munkafolyamat: 4 könnyen pásztázható lépés */
html body #detailPage .service-page-v187 .service-process-v187{
  padding:46px 0!important;
  margin:0!important;
  border-bottom:1px solid rgba(31,76,92,.12)!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187>div,
html body #detailPage .service-page-v187 .service-process-list-v187>div+div{
  min-height:148px!important;
  padding:19px 18px 18px!important;
  border:1px solid rgba(31,76,92,.12)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.50)!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187 b{
  display:block!important;
  margin-bottom:18px!important;
  color:#1aaabd!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187 h3{
  margin:0 0 7px!important;
  font-size:16px!important;
  line-height:1.18!important;
}
html body #detailPage .service-page-v187 .service-process-list-v187 p{
  margin:0!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}

/* Második hitelesítő fotó: széles, háttérdoboz nélkül */
html body #detailPage .service-page-v187 .service-photo-strip-second-v187{
  width:100%!important;
  height:300px!important;
  margin:46px 0 0!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #detailPage .service-page-v187 .service-photo-strip-second-v187 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}

/* Kiszállás + dokumentálás: két tiszta információs blokk */
html body #detailPage .service-page-v187 .service-bottom-v187{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border-bottom:1px solid rgba(31,76,92,.12)!important;
}
html body #detailPage .service-page-v187 .service-bottom-v187>div,
html body #detailPage .service-page-v187 .service-bottom-v187>div+div{
  padding:34px 34px 36px 0!important;
  border:0!important;
  background:transparent!important;
}
html body #detailPage .service-page-v187 .service-bottom-v187>div+div{
  padding-left:34px!important;
  padding-right:0!important;
  border-left:1px solid rgba(31,76,92,.12)!important;
}
html body #detailPage .service-page-v187 .service-bottom-v187 p{
  max-width:470px!important;
  margin:10px 0 0!important;
  font-size:13px!important;
  line-height:1.58!important;
}

/* CTA: visszafogott, de egyértelmű */
html body #detailPage .service-page-v187 .service-final-cta-v185{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  margin:0!important;
  padding:34px 0!important;
  border:0!important;
  background:transparent!important;
}
html body #detailPage .service-page-v187 .service-final-cta-v185 h2{
  margin:0 0 5px!important;
  font-size:23px!important;
  line-height:1.15!important;
}
html body #detailPage .service-page-v187 .service-final-cta-v185 p{
  margin:0!important;
  font-size:12.8px!important;
  line-height:1.5!important;
}
html body #detailPage .service-page-v187 .service-final-cta-v185 .btn{
  flex:0 0 auto!important;
}

@media(max-width:900px){
  html body #detailPage .service-page-v187 .service-hero-v186{
    grid-template-columns:1fr!important;
    gap:24px!important;
    padding-bottom:36px!important;
  }
  html body #detailPage .service-page-v187 .service-hero-photo-v186{
    width:min(520px,100%)!important;
    height:330px!important;
  }
  html body #detailPage .service-page-v187 .service-capabilities-layout-v187{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure{
    height:250px!important;
    min-height:0!important;
  }
  html body #detailPage .service-page-v187 .service-process-list-v187{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  html body #detailPage .service-page-v187{
    padding:18px 16px 38px!important;
  }
  html body #detailPage .service-page-v187 .sub-breadcrumb{
    margin-bottom:22px!important;
  }
  html body #detailPage .service-page-v187 .service-hero-v186{
    padding:10px 0 32px!important;
  }
  html body #detailPage .service-page-v187 .service-hero-v186 h1{
    font-size:34px!important;
  }
  html body #detailPage .service-page-v187 .service-hero-v186 p{
    font-size:13.5px!important;
  }
  html body #detailPage .service-page-v187 .service-hero-photo-v186{
    height:260px!important;
    border-radius:10px!important;
  }
  html body #detailPage .service-page-v187 .service-capabilities-v187,
  html body #detailPage .service-page-v187 .service-process-v187{
    padding:34px 0!important;
  }
  html body #detailPage .service-page-v187 .service-capabilities-layout-v187 ul{
    grid-template-columns:1fr!important;
  }
  html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure{
    height:210px!important;
  }
  html body #detailPage .service-page-v187 .service-process-list-v187{
    grid-template-columns:1fr!important;
  }
  html body #detailPage .service-page-v187 .service-process-list-v187>div,
  html body #detailPage .service-page-v187 .service-process-list-v187>div+div{
    min-height:0!important;
  }
  html body #detailPage .service-page-v187 .service-photo-strip-second-v187{
    height:200px!important;
    margin-top:34px!important;
  }
  html body #detailPage .service-page-v187 .service-bottom-v187{
    grid-template-columns:1fr!important;
  }
  html body #detailPage .service-page-v187 .service-bottom-v187>div,
  html body #detailPage .service-page-v187 .service-bottom-v187>div+div{
    padding:26px 0!important;
    border-left:0!important;
  }
  html body #detailPage .service-page-v187 .service-bottom-v187>div+div{
    border-top:1px solid rgba(31,76,92,.12)!important;
  }
  html body #detailPage .service-page-v187 .service-final-cta-v185{
    align-items:flex-start!important;
    flex-direction:column!important;
    padding:28px 0!important;
  }
}


/* V6 — tiszta, modern, információközpontú szervizoldal */
html body #detailPage .service-page-v187{max-width:1120px!important;padding:26px 28px 56px!important;}
html body #detailPage .service-page-v187 .service-hero-v186{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)!important;gap:42px!important;align-items:center!important;padding:26px 0 44px!important;}
html body #detailPage .service-page-v187 .service-hero-v186 h1{font-size:clamp(34px,3.7vw,50px)!important;line-height:1.06!important;}
html body #detailPage .service-page-v187 .service-hero-v186 p{font-size:14.5px!important;max-width:680px!important;}
html body #detailPage .service-page-v187 .service-hero-photo-v186{width:100%!important;height:330px!important;margin:0!important;background:none!important;border-radius:14px!important;box-shadow:0 12px 30px rgba(18,52,66,.10)!important;}
html body #detailPage .service-page-v187 .service-hero-photo-v186 img{object-fit:cover!important;object-position:center!important;}

html body #detailPage .service-page-v187 .service-capabilities-v187{padding:42px 0 46px!important;margin:0!important;border-top:1px solid #dbe6ea!important;}
html body #detailPage .service-page-v187 .service-section-heading-v185{margin:0 0 24px!important;}
html body #detailPage .service-page-v187 .service-section-heading-v185 h2{font-size:30px!important;}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187{display:grid!important;grid-template-columns:1fr!important;gap:28px!important;}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-template-rows:none!important;gap:12px!important;margin:0!important;padding:0!important;}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 li{min-height:68px!important;padding:16px 16px 16px 38px!important;background:#fff!important;border:1px solid #dfe9ed!important;border-radius:10px!important;color:#344f5b!important;font-size:13.5px!important;line-height:1.4!important;box-shadow:0 5px 16px rgba(25,61,76,.035)!important;}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 li::before{left:17px!important;top:22px!important;width:7px!important;height:7px!important;box-shadow:0 0 0 4px rgba(32,188,199,.10)!important;}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure{order:2!important;width:100%!important;height:210px!important;margin:4px 0 0!important;border-radius:12px!important;overflow:hidden!important;}
html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure img{object-fit:cover!important;object-position:center 45%!important;}

/* az ismétlődő első képsáv eltűnik — nem duplázzuk ugyanazt a fotót */
html body #detailPage .service-page-v187 .service-photo-strip-v187:not(.service-photo-strip-second-v187){display:none!important;}

html body #detailPage .service-page-v187 .service-process-v187{padding:42px 0!important;margin:0!important;border-top:1px solid #dbe6ea!important;}
html body #detailPage .service-page-v187 .service-process-list-v187{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;border:0!important;margin-top:22px!important;}
html body #detailPage .service-page-v187 .service-process-list-v187>div,
html body #detailPage .service-page-v187 .service-process-list-v187>div+div{min-height:150px!important;padding:20px!important;border:1px solid #dfe9ed!important;border-radius:10px!important;background:#fff!important;}
html body #detailPage .service-page-v187 .service-process-list-v187 b{font-size:11px!important;margin-bottom:12px!important;}
html body #detailPage .service-page-v187 .service-process-list-v187 h3{font-size:16px!important;}
html body #detailPage .service-page-v187 .service-process-list-v187 p{font-size:13px!important;}

html body #detailPage .service-page-v187 .service-photo-strip-second-v187{height:230px!important;margin:0 0 42px!important;border-radius:12px!important;}
html body #detailPage .service-page-v187 .service-bottom-v187{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;border:0!important;margin:0 0 26px!important;}
html body #detailPage .service-page-v187 .service-bottom-v187>div,
html body #detailPage .service-page-v187 .service-bottom-v187>div+div{padding:24px!important;background:#fff!important;border:1px solid #dfe9ed!important;border-radius:10px!important;}
html body #detailPage .service-page-v187 .service-bottom-v187>div+div{border-left:1px solid #dfe9ed!important;}
html body #detailPage .service-page-v187 .service-final-cta-v185{margin-top:20px!important;padding:26px 0!important;border-top:1px solid #dbe6ea!important;}

@media(max-width:900px){
 html body #detailPage .service-page-v187 .service-hero-v186{grid-template-columns:1fr!important;gap:24px!important;}
 html body #detailPage .service-page-v187 .service-hero-photo-v186{height:280px!important;}
 html body #detailPage .service-page-v187 .service-capabilities-layout-v187 ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html body #detailPage .service-page-v187 .service-process-list-v187{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
 html body #detailPage .service-page-v187{padding:18px 16px 38px!important;}
 html body #detailPage .service-page-v187 .service-hero-v186 h1{font-size:32px!important;}
 html body #detailPage .service-page-v187 .service-hero-photo-v186{height:220px!important;}
 html body #detailPage .service-page-v187 .service-capabilities-layout-v187 ul{grid-template-columns:1fr!important;}
 html body #detailPage .service-page-v187 .service-capabilities-layout-v187 li{min-height:0!important;}
 html body #detailPage .service-page-v187 .service-capabilities-layout-v187 figure{height:190px!important;}
 html body #detailPage .service-page-v187 .service-process-list-v187{grid-template-columns:1fr!important;}
 html body #detailPage .service-page-v187 .service-bottom-v187{grid-template-columns:1fr!important;}
}


/* V10 — csak arány- és képfinomítás a meglévő koncepción */
html body #detailPage .service-page-v188{
  max-width:1540px!important;
  padding-left:22px!important;
  padding-right:22px!important;
}
html body #detailPage .service-page-v188 .service-shell-v188{
  width:100%!important;
  padding:26px 26px 24px!important;
}
html body #detailPage .service-page-v188 .service-top-gallery-v188{
  grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
html body #detailPage .service-page-v188 .service-main-photo-v188,
html body #detailPage .service-page-v188 .service-side-photo-v188{
  min-height:0!important;
  height:245px!important;
}
html body #detailPage .service-page-v188 .service-main-photo-v188 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
html body #detailPage .service-page-v188 .service-side-photo-v188 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
html body #detailPage .service-page-v188 .service-hero-v188>p{
  margin-bottom:20px!important;
}
html body #detailPage .service-page-v188 .service-panel-v188{
  margin-top:24px!important;
}
html body #detailPage .service-page-v188 .service-card-grid-v188{
  gap:12px!important;
}
html body #detailPage .service-page-v188 .service-list-card-v188{
  padding:16px 17px 15px!important;
}
html body #detailPage .service-page-v188 .service-process-row-v188{
  gap:12px!important;
}
html body #detailPage .service-page-v188 .service-step-v188{
  min-height:150px!important;
  padding:16px!important;
}
html body #detailPage .service-page-v188 .service-banner-v188{
  margin-top:24px!important;
}
html body #detailPage .service-page-v188 .service-banner-v188 img{
  min-height:210px!important;
  max-height:250px!important;
}
@media(max-width:980px){
  html body #detailPage .service-page-v188{max-width:100%!important;padding-left:18px!important;padding-right:18px!important;}
  html body #detailPage .service-page-v188 .service-top-gallery-v188{grid-template-columns:1.45fr .85fr!important;}
  html body #detailPage .service-page-v188 .service-main-photo-v188,
  html body #detailPage .service-page-v188 .service-side-photo-v188{height:220px!important;}
}
@media(max-width:760px){
  html body #detailPage .service-page-v188{padding-left:12px!important;padding-right:12px!important;}
  html body #detailPage .service-page-v188 .service-shell-v188{padding:20px 16px 18px!important;}
  html body #detailPage .service-page-v188 .service-top-gallery-v188{grid-template-columns:1fr!important;}
  html body #detailPage .service-page-v188 .service-main-photo-v188{height:205px!important;}
  html body #detailPage .service-page-v188 .service-side-photo-v188{height:185px!important;}
}


/* V11 — csak: kissé keskenyebb keret + a felső bal kép jobb láthatósága */
html body #detailPage .service-page-v188{
  max-width:1420px!important;
  padding-left:24px!important;
  padding-right:24px!important;
}
html body #detailPage .service-page-v188 .service-top-gallery-v188{
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr)!important;
  gap:16px!important;
}
html body #detailPage .service-page-v188 .service-main-photo-v188,
html body #detailPage .service-page-v188 .service-side-photo-v188{
  height:290px!important;
}
html body #detailPage .service-page-v188 .service-main-photo-v188 img{
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:980px){
  html body #detailPage .service-page-v188{max-width:100%!important;padding-left:18px!important;padding-right:18px!important;}
  html body #detailPage .service-page-v188 .service-top-gallery-v188{grid-template-columns:1.35fr .85fr!important;}
  html body #detailPage .service-page-v188 .service-main-photo-v188,
  html body #detailPage .service-page-v188 .service-side-photo-v188{height:230px!important;}
}
@media(max-width:760px){
  html body #detailPage .service-page-v188{padding-left:12px!important;padding-right:12px!important;}
  html body #detailPage .service-page-v188 .service-top-gallery-v188{grid-template-columns:1fr!important;}
  html body #detailPage .service-page-v188 .service-main-photo-v188{height:190px!important;}
  html body #detailPage .service-page-v188 .service-side-photo-v188{height:175px!important;}
}


/* V12 — kizárólag a felső bal kép láthatósága javítva */
html body #detailPage .service-page-v188 .service-top-gallery-v188{
  align-items:stretch!important;
}
html body #detailPage .service-page-v188 .service-main-photo-v188{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:2048 / 921!important;
  overflow:hidden!important;
}
html body #detailPage .service-page-v188 .service-main-photo-v188 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
html body #detailPage .service-page-v188 .service-side-photo-v188{
  height:auto!important;
  min-height:0!important;
  align-self:stretch!important;
}
@media(max-width:760px){
  html body #detailPage .service-page-v188 .service-main-photo-v188{
    height:auto!important;
    aspect-ratio:2048 / 921!important;
  }
}


html body #detailPage .service-page-v188 .service-main-photo-v188{
  position:relative!important;
  overflow:hidden!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
html body #detailPage .service-page-v188 .service-main-photo-v188::before{
  content:"";
  position:absolute;
  inset:-14px;
  background:inherit;
  filter:blur(16px);
  transform:scale(1.06);
  opacity:.48;
}
html body #detailPage .service-page-v188 .service-main-photo-v188 img{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}


/* Csak a két felső kép mérete csökkentve. Minden más változatlan. */
html body #detailPage .service-page-v188 .service-main-photo-v188,
html body #detailPage .service-page-v188 .service-side-photo-v188{
  height:215px!important;
  min-height:0!important;
  aspect-ratio:auto!important;
}
html body #detailPage .service-page-v188 .service-main-photo-v188 img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
html body #detailPage .service-page-v188 .service-side-photo-v188 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:980px){
  html body #detailPage .service-page-v188 .service-main-photo-v188,
  html body #detailPage .service-page-v188 .service-side-photo-v188{
    height:190px!important;
    min-height:0!important;
    aspect-ratio:auto!important;
  }
}
@media(max-width:760px){
  html body #detailPage .service-page-v188 .service-main-photo-v188{
    height:165px!important;
    min-height:0!important;
    aspect-ratio:auto!important;
  }
  html body #detailPage .service-page-v188 .service-side-photo-v188{
    height:150px!important;
    min-height:0!important;
    aspect-ratio:auto!important;
  }
}


/* Csak a két felső képblokk javítása: kompakt sor, teljes bal kép, a keret kitöltve. */
html body #detailPage .service-page-v188 .service-top-gallery-v188{
  display:grid!important;
  grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr)!important;
  gap:18px!important;
  width:100%!important;
  align-items:stretch!important;
  margin-top:18px!important;
}
html body #detailPage .service-page-v188 .service-main-photo-v188,
html body #detailPage .service-page-v188 .service-side-photo-v188{
  width:100%!important;
  height:220px!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  padding:0!important;
  margin:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  position:relative!important;
}
/* A bal keretet ugyanaz a kép tölti ki háttérként, miközben elöl a TELJES kép látszik. */
html body #detailPage .service-page-v188 .service-main-photo-v188{
  background-image:var(--service-main-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
html body #detailPage .service-page-v188 .service-main-photo-v188::before{
  content:""!important;
  position:absolute!important;
  inset:-10px!important;
  background:inherit!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(12px)!important;
  transform:scale(1.05)!important;
  opacity:.52!important;
  display:block!important;
}
html body #detailPage .service-page-v188 .service-main-photo-v188 img{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  background:transparent!important;
}
html body #detailPage .service-page-v188 .service-side-photo-v188 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
@media(max-width:980px){
  html body #detailPage .service-page-v188 .service-top-gallery-v188{
    grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr)!important;
  }
  html body #detailPage .service-page-v188 .service-main-photo-v188,
  html body #detailPage .service-page-v188 .service-side-photo-v188{
    height:195px!important;
  }
}
@media(max-width:760px){
  html body #detailPage .service-page-v188 .service-top-gallery-v188{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  html body #detailPage .service-page-v188 .service-main-photo-v188,
  html body #detailPage .service-page-v188 .service-side-photo-v188{
    height:170px!important;
  }
}


html body #detailPage .service-page-v188 .service-main-photo-v188{
  background:none!important;
  background-image:none!important;
}
html body #detailPage .service-page-v188 .service-main-photo-v188::before{
  content:none!important;
  display:none!important;
  background:none!important;
}
html body #detailPage .service-page-v188 .service-main-photo-v188 img{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  background:none!important;
}


/* Csak a szervizoldal felső képsora:
   kisebb összhatás + a bal kép teljes tartalma látszik. */
html body #detailPage .service-page-v188 .service-top-gallery-v188{
  width:100%!important;
  max-width:1000px!important;
  margin:18px auto 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}

html body #detailPage .service-page-v188 .service-main-photo-v188{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:2048 / 921!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:none!important;
  background-image:none!important;
}

html body #detailPage .service-page-v188 .service-main-photo-v188::before{
  content:none!important;
  display:none!important;
}

html body #detailPage .service-page-v188 .service-main-photo-v188 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:none!important;
}

html body #detailPage .service-page-v188 .service-side-photo-v188{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  align-self:stretch!important;
  overflow:hidden!important;
}

html body #detailPage .service-page-v188 .service-side-photo-v188 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
}

@media(max-width:980px){
  html body #detailPage .service-page-v188 .service-top-gallery-v188{
    max-width:860px!important;
    grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;
    gap:14px!important;
  }
}

@media(max-width:760px){
  html body #detailPage .service-page-v188 .service-top-gallery-v188{
    max-width:100%!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  html body #detailPage .service-page-v188 .service-main-photo-v188,
  html body #detailPage .service-page-v188 .service-side-photo-v188{
    height:auto!important;
    aspect-ratio:2048 / 921!important;
  }
  html body #detailPage .service-page-v188 .service-main-photo-v188 img,
  html body #detailPage .service-page-v188 .service-side-photo-v188 img{
    object-fit:cover!important;
  }
}


/* CSAK a Karbantartás és Programozás aloldalak – a Szerviz oldal változatlan. */
html body #detailPage .service-concept-clone-v188 .service-hero-v188 h1 span{
  color:inherit!important;
}

html body #detailPage .service-concept-clone-v188 .service-process-row-clone-v188{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

html body #detailPage .service-concept-clone-v188 .service-bottom-grid-clone-v188{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

/* KARBANTARTÁS: a fekvő kép a fő kép, a keskeny álló kép mellette teljes egészében látszik. */
html body #detailPage .maintenance-concept-page-v188 .maintenance-top-gallery-v188{
  max-width:1000px!important;
  grid-template-columns:minmax(0,1fr) 180px!important;
  gap:16px!important;
  align-items:stretch!important;
}
html body #detailPage .maintenance-concept-page-v188 .concept-main-photo-v188{
  height:auto!important;
  aspect-ratio:2048/921!important;
}
html body #detailPage .maintenance-concept-page-v188 .concept-main-photo-v188 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
html body #detailPage .maintenance-concept-page-v188 .maintenance-side-photo-v188{
  height:auto!important;
  aspect-ratio:auto!important;
  background:#fff!important;
}
html body #detailPage .maintenance-concept-page-v188 .maintenance-side-photo-v188 img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}

/* A további két karbantartási fotó kompakt, levágás nélküli blokkban. */
html body #detailPage .service-proof-grid-v188{
  width:100%!important;
  max-width:1000px!important;
  margin:18px auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
html body #detailPage .service-proof-grid-v188 figure{
  margin:0!important;
  height:320px!important;
  overflow:hidden!important;
  border:1px solid rgba(44,183,214,.22)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(21,61,78,.07)!important;
}
html body #detailPage .service-proof-grid-v188 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* PROGRAMOZÁS: a meglévő programozási kép marad teljes tartalmú, mellette meglévő robotfotó. */
html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188{
  max-width:1000px!important;
  grid-template-columns:minmax(0,1.5fr) minmax(260px,.85fr)!important;
  gap:16px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-main-photo-v188{
  height:auto!important;
  aspect-ratio:1672/872!important;
}
html body #detailPage .programming-concept-page-v188 .programming-main-photo-v188 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
html body #detailPage .programming-concept-page-v188 .programming-side-photo-v188{
  height:auto!important;
  aspect-ratio:1618/972!important;
}
html body #detailPage .programming-concept-page-v188 .programming-side-photo-v188 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
html body #detailPage .programming-concept-page-v188 .programming-banner-v188{
  max-width:1000px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  height:300px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-banner-v188 img{
  object-fit:cover!important;
  object-position:center!important;
}

@media(max-width:980px){
  html body #detailPage .service-concept-clone-v188 .service-process-row-clone-v188,
  html body #detailPage .service-concept-clone-v188 .service-bottom-grid-clone-v188{
    grid-template-columns:1fr!important;
  }
  html body #detailPage .maintenance-concept-page-v188 .maintenance-top-gallery-v188{
    grid-template-columns:minmax(0,1fr) 160px!important;
  }
}

@media(max-width:760px){
  html body #detailPage .maintenance-concept-page-v188 .maintenance-top-gallery-v188,
  html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188{
    grid-template-columns:1fr!important;
  }
  html body #detailPage .maintenance-concept-page-v188 .maintenance-side-photo-v188{
    height:300px!important;
  }
  html body #detailPage .service-proof-grid-v188{
    grid-template-columns:1fr!important;
  }
  html body #detailPage .service-proof-grid-v188 figure{
    height:330px!important;
  }
  html body #detailPage .programming-concept-page-v188 .programming-side-photo-v188{
    aspect-ratio:1618/972!important;
  }
}


html body #detailPage .maintenance-concept-page-v188 .maintenance-top-gallery-v188{
  max-width:920px!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:16px!important;
  align-items:stretch!important;
}
html body #detailPage .maintenance-concept-page-v188 .concept-main-photo-v188,
html body #detailPage .maintenance-concept-page-v188 .maintenance-side-photo-v188{
  height:300px!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  background:#fff!important;
}
html body #detailPage .maintenance-concept-page-v188 .concept-main-photo-v188 img,
html body #detailPage .maintenance-concept-page-v188 .maintenance-side-photo-v188 img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}
html body #detailPage .maintenance-concept-page-v188 .maintenance-proof-grid-single-v188{
  max-width:460px!important;
  grid-template-columns:1fr!important;
}
html body #detailPage .maintenance-concept-page-v188 .maintenance-proof-grid-single-v188 figure{
  height:360px!important;
}
html body #detailPage .maintenance-concept-page-v188 .maintenance-proof-grid-single-v188 img{
  object-fit:contain!important;
}
@media(max-width:760px){
  html body #detailPage .maintenance-concept-page-v188 .maintenance-top-gallery-v188{
    grid-template-columns:1fr!important;
  }
  html body #detailPage .maintenance-concept-page-v188 .concept-main-photo-v188,
  html body #detailPage .maintenance-concept-page-v188 .maintenance-side-photo-v188{
    height:320px!important;
  }
}


/* CSAK a Karbantartás oldal 3 képe:
   három kisebb, egyforma kártya egymás mellett, torzítás nélkül. */
html body #detailPage .maintenance-concept-page-v188 .maintenance-top-gallery-v188{
  width:100%!important;
  max-width:980px!important;
  margin:18px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

html body #detailPage .maintenance-concept-page-v188 .maintenance-photo-card-v188{
  margin:0!important;
  width:100%!important;
  height:220px!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:16px!important;
  border:1px solid rgba(44,183,214,.22)!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(21,61,78,.07)!important;
}

html body #detailPage .maintenance-concept-page-v188 .maintenance-photo-card-v188 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
}

@media(max-width:980px){
  html body #detailPage .maintenance-concept-page-v188 .maintenance-top-gallery-v188{
    max-width:860px!important;
    gap:12px!important;
  }
  html body #detailPage .maintenance-concept-page-v188 .maintenance-photo-card-v188{
    height:200px!important;
  }
}

@media(max-width:760px){
  html body #detailPage .maintenance-concept-page-v188 .maintenance-top-gallery-v188{
    grid-template-columns:1fr!important;
    max-width:420px!important;
  }
  html body #detailPage .maintenance-concept-page-v188 .maintenance-photo-card-v188{
    height:240px!important;
  }
}


/* Csak az első karbantartási kép fókuszpontja módosul:
   a kenőanyag betöltése jobban látszódjon, a kártyaméret változatlan. */
html body #detailPage .maintenance-concept-page-v188
.maintenance-top-gallery-v188
.maintenance-photo-card-v188:first-child img{
  object-position:center 26%!important;
}


/* CSAK PROGRAMOZÁS — a Karbantartás 3 egyforma képcsempés koncepciója */
html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188{
  width:100%!important;
  max-width:980px!important;
  margin:18px auto 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:14px!important;
  align-items:stretch!important;
}

html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188 > .programming-photo-card-v188{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  min-width:0!important;
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
  overflow:hidden!important;
  border-radius:16px!important;
  border:1px solid rgba(44,183,214,.22)!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(21,61,78,.07)!important;
}

html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188 > .programming-photo-card-v188 > img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#fff!important;
  transform:none!important;
}

/* A Programozás fő blokkjai között ugyanaz a levegős ritmus */
html body #detailPage .programming-concept-page-v188 .service-panel-v188{
  margin-top:44px!important;
}
html body #detailPage .programming-concept-page-v188 .service-process-panel-v188{
  margin-top:44px!important;
}
html body #detailPage .programming-concept-page-v188 .service-bottom-grid-v188{
  margin-top:44px!important;
}
html body #detailPage .programming-concept-page-v188 .service-cta-v188{
  margin-top:44px!important;
}

@media(max-width:980px) and (min-width:761px){
  html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:860px!important;
    gap:12px!important;
  }
  html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188 > .programming-photo-card-v188{
    height:200px!important;
    min-height:200px!important;
    max-height:200px!important;
  }
}

@media(max-width:760px){
  html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188{
    grid-template-columns:1fr!important;
    max-width:420px!important;
  }
  html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188 > .programming-photo-card-v188{
    height:240px!important;
    min-height:240px!important;
    max-height:240px!important;
  }
}


html body #detailPage .programming-concept-page-v188 .programming-overview-shell-v188{
  padding-bottom:30px!important;
}

html body #detailPage .programming-concept-page-v188 .programming-overview-hero-v188>p{
  max-width:980px!important;
  margin-bottom:18px!important;
}

html body #detailPage .programming-concept-page-v188 .programming-overview-gallery-v188{
  width:100%!important;
  max-width:1180px!important;
  margin:18px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-overview-gallery-v188 figure{
  margin:0!important;
  height:220px!important;
  overflow:hidden!important;
  border-radius:16px!important;
  border:1px solid rgba(44,183,214,.22)!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(21,61,78,.07)!important;
}
html body #detailPage .programming-concept-page-v188 .programming-overview-gallery-v188 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}

html body #detailPage .programming-concept-page-v188 .programming-overview-section-v188{
  margin-top:44px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-overview-heading-v188{
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  margin-bottom:14px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-overview-heading-v188>span{
  flex:0 0 auto!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:999px!important;
  border:1px solid #8ed9e9!important;
  color:#139fc7!important;
  background:#eefafd!important;
  font-weight:800!important;
}
html body #detailPage .programming-concept-page-v188 .programming-overview-heading-v188 small{
  display:block!important;
  margin:2px 0 4px!important;
  color:#159ec8!important;
  font-size:.78rem!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
}
html body #detailPage .programming-concept-page-v188 .programming-overview-heading-v188 h2{
  margin:0!important;
  color:#102f43!important;
  font-size:2rem!important;
  line-height:1.1!important;
}

html body #detailPage .programming-concept-page-v188 .programming-area-grid-v188{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:14px!important;
  row-gap:40px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-area-card-v188{
  padding:18px 18px 17px!important;
  min-height:150px!important;
  background:#fff!important;
  border:1px solid #cfe3eb!important;
  border-radius:14px!important;
  box-shadow:0 8px 20px rgba(37,84,103,.08)!important;
}
html body #detailPage .programming-concept-page-v188 .programming-area-card-v188 h3{
  margin:0 0 8px!important;
  color:#102f43!important;
  font-size:1.04rem!important;
  line-height:1.25!important;
}
html body #detailPage .programming-concept-page-v188 .programming-area-card-v188 p{
  margin:0!important;
  color:#4c6675!important;
  font-size:.9rem!important;
  line-height:1.48!important;
}

html body #detailPage .programming-concept-page-v188 .programming-highlight-v188{
  margin:44px 0 0!important;
  padding:22px 26px!important;
  background:linear-gradient(105deg,#dff5f9 0%,#eef9fb 55%,#f8fcfd 100%)!important;
  border:1px solid #9edbe7!important;
  border-left:6px solid #18b4d1!important;
  border-radius:14px!important;
  box-shadow:0 12px 28px rgba(25,103,128,.12)!important;
}
html body #detailPage .programming-concept-page-v188 .programming-highlight-v188 h2{
  margin:0 0 7px!important;
  color:#10384d!important;
  font-size:1.35rem!important;
  line-height:1.2!important;
}
html body #detailPage .programming-concept-page-v188 .programming-highlight-v188 p{
  margin:0!important;
  color:#315568!important;
  font-size:1rem!important;
  line-height:1.58!important;
}

html body #detailPage .programming-concept-page-v188 .programming-bottom-grid-v188{
  margin-top:44px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-bottom-grid-v188 article{
  padding:18px 20px!important;
  background:#fff!important;
  border:1px solid #cfe3eb!important;
  border-radius:14px!important;
  box-shadow:0 8px 20px rgba(37,84,103,.08)!important;
}
html body #detailPage .programming-concept-page-v188 .programming-bottom-grid-v188 h2{
  margin:0 0 7px!important;
  color:#102f43!important;
  font-size:1.28rem!important;
  line-height:1.2!important;
}
html body #detailPage .programming-concept-page-v188 .programming-bottom-grid-v188 p{
  margin:0!important;
  color:#4c6675!important;
  font-size:.92rem!important;
  line-height:1.5!important;
}

@media(max-width:1180px){
  html body #detailPage .programming-concept-page-v188 .programming-area-grid-v188{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  html body #detailPage .programming-concept-page-v188 .programming-overview-gallery-v188{
    grid-template-columns:1fr!important;
    max-width:420px!important;
  }
  html body #detailPage .programming-concept-page-v188 .programming-overview-gallery-v188 figure{
    height:240px!important;
  }
  html body #detailPage .programming-concept-page-v188 .programming-area-grid-v188,
  html body #detailPage .programming-concept-page-v188 .programming-bottom-grid-v188{
    grid-template-columns:1fr!important;
  }
}


html body #detailPage .programming-concept-page-v188 .programming-applications-v188{
  margin-top:44px!important;
}

html body #detailPage .programming-concept-page-v188 .programming-applications-grid-v188{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:14px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-application-card-v188{
  grid-column:span 3!important;
}
html body #detailPage .programming-concept-page-v188 .programming-application-card-v188:nth-child(n+5){
  grid-column:span 4!important;
}

html body #detailPage .programming-concept-page-v188 .programming-application-card-v188{
  min-height:78px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px 18px!important;
  text-align:center!important;
  background:#fff!important;
  border:1px solid #cfe3eb!important;
  border-radius:14px!important;
  box-shadow:0 8px 20px rgba(37,84,103,.08)!important;
  color:#102f43!important;
  font-size:1rem!important;
  line-height:1.3!important;
  font-weight:700!important;
}

@media(max-width:980px){
  html body #detailPage .programming-concept-page-v188 .programming-applications-grid-v188{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body #detailPage .programming-concept-page-v188 .programming-application-card-v188,
  html body #detailPage .programming-concept-page-v188 .programming-application-card-v188:nth-child(n+5){
    grid-column:auto!important;
  }
}

@media(max-width:560px){
  html body #detailPage .programming-concept-page-v188 .programming-applications-grid-v188{
    grid-template-columns:1fr!important;
  }
}


html body #detailPage .programming-concept-page-v188 .programming-area-grid-v188{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:22px!important;
  row-gap:24px!important;
}

html body #detailPage .programming-concept-page-v188 .programming-area-card-v188{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:2.35 / 1!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  overflow:hidden!important;
  background:#ffffff!important;
  border:1px solid #d8e5ea!important;
  border-radius:11px!important;
  box-shadow:0 8px 18px rgba(27,67,85,.08)!important;
}

html body #detailPage .programming-concept-page-v188 .programming-area-card-v188::after{
  content:""!important;
  position:absolute!important;
  z-index:6!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:2px!important;
  background:#17b8d0!important;
  pointer-events:none!important;
}

html body #detailPage .programming-concept-page-v188 .programming-area-content-v188{
  position:relative!important;
  z-index:4!important;
  width:72%!important;
  height:100%!important;
  box-sizing:border-box!important;
  padding:22px 8px 18px 112px!important;
}

html body #detailPage .programming-concept-page-v188 img.programming-area-icon-v188{
  position:absolute!important;
  top:19px!important;
  left:22px!important;
  width:68px!important;
  height:68px!important;
  display:block!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body #detailPage .programming-concept-page-v188 .programming-area-number-v188{
  position:absolute!important;
  z-index:7!important;
  top:17px!important;
  right:-112px!important;
  color:#cbd6dc!important;
  font-size:1.62rem!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}

html body #detailPage .programming-concept-page-v188 .programming-area-card-v188 h3{
  margin:0 0 10px!important;
  max-width:300px!important;
  color:#0c2f45!important;
  font-size:1.07rem!important;
  line-height:1.23!important;
  font-weight:800!important;
}

html body #detailPage .programming-concept-page-v188 .programming-area-card-v188 p{
  margin:0!important;
  max-width:310px!important;
  color:#3c586b!important;
  font-size:.93rem!important;
  line-height:1.48!important;
  font-weight:400!important;
}

html body #detailPage .programming-concept-page-v188 img.programming-area-arrow-v188{
  position:absolute!important;
  left:20px!important;
  bottom:14px!important;
  width:45px!important;
  height:45px!important;
  display:block!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body #detailPage .programming-concept-page-v188 img.programming-area-visual-v188{
  position:absolute!important;
  z-index:2!important;
  right:0!important;
  bottom:0!important;
  width:35%!important;
  height:74%!important;
  display:block!important;
  object-fit:fill!important;
  object-position:right bottom!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

@media(max-width:1180px){
  html body #detailPage .programming-concept-page-v188 .programming-area-grid-v188{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:680px){
  html body #detailPage .programming-concept-page-v188 .programming-area-grid-v188{
    grid-template-columns:1fr!important;
  }
  html body #detailPage .programming-concept-page-v188 .programming-area-card-v188{
    aspect-ratio:auto!important;
    height:185px!important;
  }
  html body #detailPage .programming-concept-page-v188 .programming-area-content-v188{
    width:75%!important;
    padding-left:98px!important;
  }
  html body #detailPage .programming-concept-page-v188 img.programming-area-icon-v188{
    width:60px!important;
    height:60px!important;
  }
  html body #detailPage .programming-concept-page-v188 .programming-area-number-v188{
    right:-76px!important;
  }
  html body #detailPage .programming-concept-page-v188 img.programming-area-visual-v188{
    width:34%!important;
    height:72%!important;
  }
}


@media(max-width:760px){

  /* Alap mobil ritmus */
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body{font-size:16px!important}
  #main-content,#detailPage{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .e-wrap,.subpage,.service-shell-v188,.cad-section,.engineering,.new-workflow,.new-faq,.e-contact,.e-footer-inner{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Fejléc / navigáció */
  .nav{
    height:72px!important;
    padding:0 14px!important;
    gap:8px!important;
  }
  .nav .custom-logo-mark{height:50px!important;margin-right:-20px!important}
  .nav .logo-text{font-size:16px!important;line-height:1.05!important}
  .nav .logo-subtext{font-size:7px!important}
  .navright{gap:6px!important}
  .irs-language-switch{gap:3px!important}
  .irs-language-switch button{
    min-width:27px!important;
    min-height:30px!important;
    padding:4px!important;
    font-size:10px!important;
  }
  .nav .menu-toggle{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }
  .nav #navLinks{
    top:72px!important;
    padding:12px 14px 18px!important;
    gap:2px!important;
  }
  .nav #navLinks>a{
    min-height:46px!important;
    padding:12px!important;
    font-size:15px!important;
    border-radius:8px!important;
  }

  /* Kezdő slider */
  .slider-container .slide{height:auto!important;min-height:390px!important}
  .slider-container .slider-hero{
    position:relative!important;
    inset:auto!important;
    padding:28px 18px 86px!important;
    min-height:390px!important;
    display:flex!important;
    align-items:flex-start!important;
    box-sizing:border-box!important;
  }
  .slider-hero-copy{width:100%!important;max-width:none!important}
  .slider-container .slider-hero h1{
    font-size:clamp(29px,8.7vw,40px)!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
    margin-bottom:14px!important;
  }
  .slider-container .slider-hero p{
    font-size:15px!important;
    line-height:1.55!important;
    max-width:none!important;
  }
  .slider-container .hero-brands{
    gap:8px!important;
    margin-top:16px!important;
  }
  .slider-container .hero-actions{
    margin-top:18px!important;
    gap:9px!important;
  }
  .slider-container .hero-actions .btn{
    min-height:46px!important;
    padding:12px 14px!important;
    font-size:14px!important;
  }
  .slider-container .slider-btn,
  .slider-container .slider-pause{
    top:auto!important;
    bottom:20px!important;
    width:40px!important;
    height:40px!important;
  }
  .slider-container .prev-btn{left:auto!important;right:110px!important}
  .slider-container .next-btn{right:62px!important}
  .slider-container .slider-pause{right:14px!important}
  .slider-container .slider-dots{
    top:auto!important;
    bottom:34px!important;
    left:18px!important;
  }

  /* Általános szekciók */
  .e-heading,.cad-section,.engineering,.new-workflow,.new-faq,.e-contact{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .e-heading{padding-top:46px!important;padding-bottom:22px!important}
  .e-heading h2,.subpage h1,.service-hero-v188 h1{
    overflow-wrap:break-word!important;
    hyphens:auto!important;
  }
  .e-heading h2{
    font-size:clamp(27px,8vw,36px)!important;
    line-height:1.08!important;
  }
  .e-heading p{font-size:15px!important;line-height:1.55!important}

  /* Szolgáltatás lista */
  .e-service-list{padding:0!important}
  .e-service{
    margin-bottom:10px!important;
    border-radius:12px!important;
  }
  .e-service summary{
    grid-template-columns:24px minmax(0,1fr) 24px!important;
    gap:9px!important;
    padding:17px 14px!important;
  }
  .e-service summary strong{font-size:16px!important;line-height:1.25!important}
  .e-service-body{padding:0 14px 18px!important}
  .e-service-body p{font-size:14px!important;line-height:1.55!important}

  /* Workflow / FAQ */
  .workflow-grid,.cad-principles,.faq-layout{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .workflow-card,.cad-principle,.new-faq details{
    padding:18px!important;
    border-radius:12px!important;
  }

  /* Márkák */
  .e-brand-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .e-brand-tab{
    min-height:50px!important;
    padding:10px!important;
    font-size:13px!important;
  }

  /* Kapcsolat */
  .e-contact-layout{grid-template-columns:1fr!important;gap:20px!important}
  .e-contact .field input,
  .e-contact .field select,
  .e-contact .field textarea{
    width:100%!important;
    min-width:0!important;
    font-size:16px!important;
    box-sizing:border-box!important;
  }
  .inquiry-types{grid-template-columns:1fr!important;gap:8px!important}
  .inquiry-types button{min-height:46px!important}
  .e-contact button[type="submit"]{width:100%!important;min-height:48px!important}

  /* Aloldalak közös */
  .subpage{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .sub-nav{
    gap:8px!important;
    font-size:13px!important;
    overflow-wrap:anywhere!important;
  }
  .sub-hero{
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:26px 0 30px!important;
  }
  .sub-hero h1,.about-main-title{
    font-size:clamp(34px,10vw,48px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }
  .sub-lead{
    font-size:15px!important;
    line-height:1.65!important;
  }
  .about-identity{
    padding:20px 0 0!important;
    border-left:0!important;
    border-top:1px solid var(--panel-border)!important;
    align-items:flex-start!important;
  }
  .about-experience{
    margin:0 0 20px!important;
    padding-left:14px!important;
    gap:14px!important;
  }
  .about-experience strong{font-size:52px!important}
  .about-experience span{font-size:18px!important}
  .sub-content{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .sub-content h2{
    font-size:24px!important;
    line-height:1.15!important;
  }
  .sub-content p{
    font-size:15px!important;
    line-height:1.65!important;
  }

  /* Szerviz / karbantartás / programozás részletes oldalak */
  #detailPage .service-shell-v188{
    padding-left:0!important;
    padding-right:0!important;
  }
  #detailPage .service-hero-v188{
    padding-top:22px!important;
  }
  #detailPage .service-hero-v188 h1{
    font-size:clamp(34px,10vw,48px)!important;
    line-height:1.03!important;
  }
  #detailPage .service-hero-v188 p{
    font-size:15px!important;
    line-height:1.6!important;
  }

  /* felső képsorok */
  #detailPage .maintenance-top-gallery-v188,
  #detailPage .programming-top-gallery-v188,
  #detailPage .programming-overview-gallery-v188{
    grid-template-columns:1fr!important;
    gap:10px!important;
    max-width:100%!important;
  }
  #detailPage .maintenance-photo-card-v188,
  #detailPage .programming-photo-card-v188,
  #detailPage .programming-overview-gallery-v188 figure{
    height:210px!important;
    min-height:210px!important;
    max-height:210px!important;
    border-radius:12px!important;
  }

  /* 01/02 címblokkok */
  #detailPage .programming-overview-heading-v188{
    gap:10px!important;
    align-items:flex-start!important;
  }
  #detailPage .programming-overview-heading-v188>span{
    width:34px!important;
    height:34px!important;
    font-size:13px!important;
  }
  #detailPage .programming-overview-heading-v188 small{
    font-size:.69rem!important;
    letter-spacing:.12em!important;
  }
  #detailPage .programming-overview-heading-v188 h2{
    font-size:clamp(25px,7.5vw,32px)!important;
  }

  /* Alkalmazási területek */
  #detailPage .programming-applications-grid-v188{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  #detailPage .programming-application-card-v188,
  #detailPage .programming-application-card-v188:nth-child(n+5){
    grid-column:auto!important;
    min-height:66px!important;
    padding:12px 10px!important;
    font-size:14px!important;
    border-radius:11px!important;
  }

  /* 6 műszaki programozási kártya */
  #detailPage .programming-area-grid-v188{
    grid-template-columns:1fr!important;
    row-gap:14px!important;
    column-gap:0!important;
  }
  #detailPage .programming-area-card-v188{
    height:170px!important;
    min-height:170px!important;
    aspect-ratio:auto!important;
    border-radius:12px!important;
  }
  #detailPage .programming-area-content-v188{
    width:72%!important;
    padding:18px 6px 14px 86px!important;
  }
  #detailPage img.programming-area-icon-v188{
    width:54px!important;
    height:54px!important;
    top:17px!important;
    left:16px!important;
  }
  #detailPage .programming-area-card-v188 h3{
    font-size:15px!important;
    line-height:1.25!important;
    margin-bottom:7px!important;
  }
  #detailPage .programming-area-card-v188 p{
    font-size:13.5px!important;
    line-height:1.45!important;
  }
  #detailPage img.programming-area-visual-v188{
    width:34%!important;
    height:72%!important;
  }

  /* Kiemelt dobozok */
  #detailPage .programming-highlight-v188,
  #detailPage .maintenance-importance-v188{
    margin-top:30px!important;
    padding:18px 17px!important;
    border-radius:12px!important;
  }
  #detailPage .programming-highlight-v188 h2,
  #detailPage .maintenance-importance-v188 h2{
    font-size:20px!important;
  }
  #detailPage .programming-highlight-v188 p,
  #detailPage .maintenance-importance-v188 p{
    font-size:14px!important;
    line-height:1.55!important;
  }

  /* alsó információs kártyák */
  #detailPage .service-bottom-grid-v188,
  #detailPage .programming-bottom-grid-v188{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:30px!important;
  }
  #detailPage .service-info-card-v188,
  #detailPage .programming-bottom-grid-v188 article{
    padding:17px!important;
    border-radius:12px!important;
  }

  /* Footer */
  .e-footer{
    padding-top:34px!important;
  }
  .e-footer-inner{
    padding-left:16px!important;
    padding-right:16px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .footer-brand-block,
  .footer-column{
    width:100%!important;
    min-width:0!important;
  }
  .footer-nav,.footer-contact{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
  }
  .footer-contact a{overflow-wrap:anywhere!important}
  .footer-contact-button{
    width:100%!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }
  .footer-bottom{
    margin-top:8px!important;
    padding-top:18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
    font-size:12px!important;
  }

  /* Lebegő mobil gomb ne takarja a tartalmat */
  .mobile-inquiry{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
  }
}

@media(max-width:430px){
  .e-brand-tabs{grid-template-columns:1fr 1fr!important}
  #detailPage .programming-applications-grid-v188{grid-template-columns:1fr!important}
  #detailPage .programming-area-card-v188{height:178px!important;min-height:178px!important}
  #detailPage .programming-area-content-v188{width:76%!important;padding-left:82px!important}
  #detailPage img.programming-area-visual-v188{width:31%!important}
  .slider-container .hero-brands{font-size:12px!important}
}


@media (max-width:760px){
  html body .slider-section,
  html body .slider-container,
  html body .slider-container .slider-track,
  html body .slider-container .slide{
    margin-top:0!important;
    padding-top:0!important;
  }

  html body .slider-container .slider-track,
  html body .slider-container .slide{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
  }

  html body .slider-container .slide{
    position:relative!important;
    overflow:hidden!important;
    background:#dbe3e6!important;
  }

  html body .slider-container .slide::before{
    display:none!important;
    content:none!important;
  }

  html body .slider-container .slide img,
  html body .slider-container .slide.own-photo img{
    position:absolute!important;
    inset:0!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
  }

  /* A magas karbantartási kép: nagyobb, olvashatóbb középső kivágás,
     de nem nyújtjuk szét és nem hagyunk nagy oldalsó sávokat. */
  html body .slider-container .slide.own-photo-1 img{
    inset:0 auto 0 16%!important;
    top:0!important;
    left:16%!important;
    width:68%!important;
    height:100%!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:50% 42%!important;
  }

  html body .slider-container .slide::after{z-index:2!important;}
  html body .slider-container .slide-topic{z-index:4!important;}
}

@media (max-width:380px){
  html body .slider-container .slider-track,
  html body .slider-container .slide{
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
  }
}


/*
  CSAK tipográfiai egységesítés.
  Tartalom, sorrend, komponensméret, kép, színpaletta és funkcionalitás változatlan.
  A fő hero-cím megtartja a főcím-hierarchiát; azonos szintű szekciócímek azonos méretet kapnak.
*/

/* SZEKCIÓCÍMEK – azonos vizuális szint */
html body .cad-heading h2,
html body .e-heading h2,
html body .engineering h2,
html body .new-workflow h2,
html body .new-faq h2,
html body #detailPage .programming-overview-heading-v188 h2,
html body #detailPage .service-page-v188 .service-section-heading-v188 h2,
html body #detailPage .service-page-v188 .service-info-card-v188 h2,
html body #detailPage .service-page-v188 .service-cta-v188 h2 {
  font-size: clamp(30px, 2.35vw, 38px) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
}

/* KISEBB CÍMEK – azonos vizuális szint */
html body h3,
html body #detailPage .service-page-v188 .service-step-v188 h3 {
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
}

/* KÍSÉRŐ / TÖRZSSZÖVEGEK – egységes olvashatóság */
html body .new-hero-lead,
html body .sub-lead,
html body .e-heading > p,
html body .cad-heading > p,
html body .sub-content p,
html body .service-explanations p {
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* KIS FELSŐ CÍMKÉK – azonos ritmus, tartalom változatlan */
html body .cad-eyebrow,
html body .programming-overview-heading-v188 small,
html body .service-section-heading-v188 small {
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
}

/* MOBIL – ugyanaz a hierarchia, kompaktabb méretekkel */
@media (max-width: 760px) {
  html body .cad-heading h2,
  html body .e-heading h2,
  html body .engineering h2,
  html body .new-workflow h2,
  html body .new-faq h2,
  html body #detailPage .programming-overview-heading-v188 h2,
  html body #detailPage .service-page-v188 .service-section-heading-v188 h2,
  html body #detailPage .service-page-v188 .service-info-card-v188 h2,
  html body #detailPage .service-page-v188 .service-cta-v188 h2 {
    font-size: 28px !important;
    line-height: 1.15 !important;
  }

  html body h3,
  html body #detailPage .service-page-v188 .service-step-v188 h3 {
    font-size: 20px !important;
  }

  html body .new-hero-lead,
  html body .sub-lead,
  html body .e-heading > p,
  html body .cad-heading > p,
  html body .sub-content p,
  html body .service-explanations p {
    font-size: 15.5px !important;
    line-height: 1.62 !important;
  }
}


/*
  CSAK a "TÁMOGATOTT ROBOTMÁRKÁK" sáv mobilos láthatósága.
  Tartalom nem változik, desktop érintetlen.
*/
@media (max-width:760px){
  html body .ref-brands.premium-tech-brands{
    aspect-ratio:auto!important;
    min-height:142px!important;
    height:auto!important;
    padding:18px 18px 20px!important;
    display:block!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  /* Mobilon a túl lapos, képként ráhelyezett verziót elrejtjük,
     és ugyanazt a tartalmat a meglévő HTML-ből olvasható méretben mutatjuk. */
  html body .ref-brands.premium-tech-brands .premium-tech-brands-overlay{
    display:none!important;
  }

  html body .ref-brands.premium-tech-brands .premium-tech-brands-head{
    display:block!important;
    position:relative!important;
    z-index:3!important;
    margin:0 auto 14px!important;
  }

  html body .ref-brands.premium-tech-brands .premium-tech-brands-head h2{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    font-size:18px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    color:#102d43!important;
  }

  html body .ref-brands.premium-tech-brands .premium-tech-brands-head h2::before,
  html body .ref-brands.premium-tech-brands .premium-tech-brands-head h2::after{
    width:28px!important;
    height:1px!important;
  }

  html body .ref-brands.premium-tech-brands .premium-tech-brands-head p{
    display:block!important;
    margin:6px auto 0!important;
    max-width:430px!important;
    font-size:10px!important;
    line-height:1.35!important;
    color:#57717e!important;
  }

  html body .ref-brands.premium-tech-brands .premium-tech-brand-row{
    display:grid!important;
    grid-template-columns:1fr 1px 1fr 1px 1fr!important;
    align-items:center!important;
    width:min(520px,100%)!important;
    margin:0 auto!important;
    position:relative!important;
    z-index:3!important;
  }

  html body .ref-brands.premium-tech-brands .premium-tech-brand{
    display:block!important;
    padding:9px 5px!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
    color:#17364d!important;
  }

  html body .ref-brands.premium-tech-brands .premium-tech-divider{
    display:block!important;
    width:1px!important;
    height:20px!important;
    background:#b9d4dd!important;
  }

  /* A meglévő díszítőelemek maradnak, csak a tartalom mögött. */
  html body .ref-brands.premium-tech-brands::before,
  html body .ref-brands.premium-tech-brands::after{
    z-index:1!important;
  }
}

@media (max-width:390px){
  html body .ref-brands.premium-tech-brands{
    min-height:132px!important;
    padding:16px 12px 18px!important;
  }
  html body .ref-brands.premium-tech-brands .premium-tech-brands-head h2{
    font-size:16px!important;
  }
  html body .ref-brands.premium-tech-brands .premium-tech-brands-head p{
    font-size:9px!important;
  }
  html body .ref-brands.premium-tech-brands .premium-tech-brand{
    font-size:16px!important;
  }
}


/*
  CSAK mobilos láthatósági javítás ehhez a két blokkhoz:
  1) "Lépjen velünk kapcsolatba!"
  2) "Digitális dokumentáció"
  Tartalmi szöveg, sorrend, desktop és funkciók változatlanok.
*/
@media (max-width:760px){

  /* --- LÉPJEN VELÜNK KAPCSOLATBA --- */
  html body .ref-cta{
    aspect-ratio:auto!important;
    min-height:210px!important;
    padding:22px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    align-items:center!important;
    background:#f5f8f8!important;
    overflow:hidden!important;
  }

  /* Mobilon ne a teljes, nagyon lapos képre renderelt változat fedje le a blokkot. */
  html body .ref-cta .ref-cta-overlay-image{
    display:none!important;
  }

  /* A meglévő HTML-tartalom jelenik meg, változatlan szöveggel. */
  html body .ref-cta > div:first-child{
    display:block!important;
    position:relative!important;
    z-index:3!important;
    padding:0!important;
  }

  html body .ref-cta .ref-label{
    display:block!important;
    font-size:10px!important;
    line-height:1.35!important;
    letter-spacing:.12em!important;
    margin-bottom:9px!important;
  }

  html body .ref-cta h2{
    font-size:27px!important;
    line-height:1.12!important;
    margin:0 0 10px!important;
  }

  html body .ref-cta p{
    font-size:14px!important;
    line-height:1.5!important;
    margin:0 0 14px!important;
    max-width:100%!important;
  }

  html body .ref-cta .irs-contact-orange{
    display:inline-flex!important;
    min-height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:10px 16px!important;
    font-size:13px!important;
  }

  html body .ref-cta .ref-cta-banner{
    display:none!important;
  }

  /* A teljes blokk továbbra is kattintható marad. */
  html body .ref-cta .ref-cta-click-button{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    left:0!important;
    top:0!important;
    z-index:2!important;
  }

  /* A valódi gomb legyen a kattintható réteg fölött. */
  html body .ref-cta .irs-contact-orange{
    position:relative!important;
    z-index:4!important;
  }


  /* --- DIGITÁLIS DOKUMENTÁCIÓ --- */
  

  
}

@media (max-width:390px){
  html body .ref-cta{
    min-height:200px!important;
    padding:20px!important;
  }

  html body .ref-cta h2{
    font-size:25px!important;
  }

  
}


/*
  CSAK a Digitális dokumentáció blokk mobilos megjelenítése.
  A kép tartalma nem változik, nem vágjuk le, nem toljuk el.
*/
@media (max-width:760px){
  html body .new-delivery.documentation-image-only{
    width:100%!important;
    margin:34px 0 0!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    background:#eef7fb!important;
  }

  html body .new-delivery.documentation-image-only img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* Kisebb telefonon is teljes kép, levágás nélkül */
@media (max-width:390px){
  html body .new-delivery.documentation-image-only{
    padding:0 8px!important;
  }

  html body .new-delivery.documentation-image-only img{
    width:100%!important;
    max-width:100%!important;
    transform:none!important;
  }
}


/* CSAK a Digitális dokumentáció mobilos képe. */
@media (max-width:760px){
  html body .new-delivery.documentation-image-only{
    width:100%!important;
    margin:34px 0 0!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  html body .documentation-responsive-picture{
    display:block!important;
    width:100%!important;
  }

  html body .documentation-responsive-picture img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0 auto!important;
    transform:none!important;
    object-fit:contain!important;
  }
}


/*
  CSAK az aloldalak mobilos kompakt nézete.
  Tartalom, sorrend, színvilág, desktop és főoldal változatlan.
*/
@media (max-width:760px){

  /* Általános aloldal ritmus */
  html body #detailPage .subpage{
    padding:14px 14px 34px!important;
  }

  html body #detailPage .subpage .breadcrumb{
    margin-bottom:10px!important;
    font-size:12px!important;
  }

  html body #detailPage .subpage .cad-eyebrow{
    margin-bottom:8px!important;
  }

  /* Bemutatkozás / általános hero */
  html body #detailPage .sub-hero{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:14px 0 20px!important;
  }

  html body #detailPage .sub-hero h1,
  html body #detailPage .sub-hero .about-main-title{
    font-size:32px!important;
    line-height:1.06!important;
    margin:0 0 12px!important;
  }

  html body #detailPage .sub-lead{
    font-size:15px!important;
    line-height:1.55!important;
    margin:0!important;
  }

  html body #detailPage .about-identity{
    gap:10px!important;
    margin-top:4px!important;
  }

  html body #detailPage .sub-content{
    grid-template-columns:1fr!important;
    gap:18px!important;
    margin-bottom:24px!important;
  }

  html body #detailPage .sub-content section{
    padding:16px!important;
  }

  html body #detailPage .sub-content h2{
    font-size:23px!important;
    line-height:1.15!important;
    margin:0 0 10px!important;
  }

  html body #detailPage .sub-content p{
    font-size:15px!important;
    line-height:1.55!important;
    margin-top:0!important;
    margin-bottom:10px!important;
  }


  /* SZERVIZ / KARBANTARTÁS / PROGRAMOZÁS – közös aloldali héj */
  html body #detailPage .service-shell-v188{
    padding:10px 0 22px!important;
  }

  html body #detailPage .service-hero-v188{
    padding-top:10px!important;
  }

  html body #detailPage .service-hero-v188 h1{
    font-size:32px!important;
    line-height:1.05!important;
    margin:8px 0 10px!important;
  }

  html body #detailPage .service-hero-v188 > p{
    font-size:15px!important;
    line-height:1.52!important;
    margin:0!important;
  }

  /* Felső képgaléria: mobilon kompakt, két kép egymás mellett */
  html body #detailPage .service-top-gallery-v188{
    grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr)!important;
    gap:8px!important;
    margin:14px auto 0!important;
  }

  html body #detailPage .service-main-photo-v188,
  html body #detailPage .service-side-photo-v188{
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
    border-radius:11px!important;
    overflow:hidden!important;
  }

  html body #detailPage .service-main-photo-v188 img,
  html body #detailPage .service-side-photo-v188 img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }

  /* Szekciók közötti üres hely csökkentése */
  html body #detailPage .service-panel-v188,
  html body #detailPage .programming-overview-section-v188,
  html body #detailPage .programming-applications-v188{
    margin-top:26px!important;
  }

  html body #detailPage .service-section-heading-v188,
  html body #detailPage .programming-overview-heading-v188{
    gap:9px!important;
    margin-bottom:10px!important;
  }

  html body #detailPage .service-section-heading-v188 > span,
  html body #detailPage .programming-overview-heading-v188 > span{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
    font-size:12px!important;
  }

  html body #detailPage .service-section-heading-v188 h2,
  html body #detailPage .programming-overview-heading-v188 h2{
    font-size:25px!important;
    line-height:1.1!important;
  }

  /* Szerviz lista-kártyák */
  html body #detailPage .service-card-grid-v188{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  html body #detailPage .service-list-card-v188{
    padding:12px 14px!important;
    border-radius:11px!important;
  }

  html body #detailPage .service-list-card-v188 ul{
    gap:6px!important;
  }

  html body #detailPage .service-list-card-v188 li{
    font-size:14px!important;
    line-height:1.34!important;
  }

  /* Munkafolyamat – 4 hosszú kártya helyett 2×2 */
  html body #detailPage .service-process-row-v188{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  html body #detailPage .service-step-v188{
    min-height:118px!important;
    padding:12px!important;
    border-radius:11px!important;
  }

  html body #detailPage .service-step-v188 em{
    font-size:12px!important;
  }

  html body #detailPage .service-step-v188 h3{
    font-size:18px!important;
    margin:7px 0 5px!important;
  }

  html body #detailPage .service-step-v188 p{
    font-size:13.5px!important;
    line-height:1.38!important;
  }

  html body #detailPage .service-banner-v188{
    margin-top:18px!important;
  }

  html body #detailPage .service-banner-v188 img{
    min-height:150px!important;
    max-height:180px!important;
  }

  /* Alsó információk */
  html body #detailPage .service-bottom-grid-v188,
  html body #detailPage .programming-bottom-grid-v188{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:22px!important;
  }

  html body #detailPage .service-info-card-v188,
  html body #detailPage .programming-bottom-grid-v188 article{
    padding:13px 14px!important;
    border-radius:11px!important;
  }

  html body #detailPage .service-info-card-v188 h2,
  html body #detailPage .programming-bottom-grid-v188 h2{
    font-size:21px!important;
    margin:.15rem 0 .3rem!important;
  }

  html body #detailPage .service-info-card-v188 p,
  html body #detailPage .programming-bottom-grid-v188 p{
    font-size:13.8px!important;
    line-height:1.45!important;
  }

  html body #detailPage .service-cta-v188{
    margin-top:22px!important;
    padding:14px 15px!important;
    border-radius:11px!important;
    gap:10px!important;
  }

  html body #detailPage .service-cta-v188 h2{
    font-size:24px!important;
    line-height:1.1!important;
  }

  html body #detailPage .service-cta-v188 p{
    font-size:14px!important;
    line-height:1.42!important;
  }


  /* PROGRAMOZÁS – képek mobilon egy kompakt sorban */
  html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    max-width:100%!important;
    margin:14px auto 0!important;
  }

  html body #detailPage .programming-concept-page-v188 .programming-photo-card-v188{
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    border-radius:10px!important;
  }

  html body #detailPage .programming-overview-gallery-v188{
    gap:8px!important;
  }

  html body #detailPage .programming-overview-gallery-v188 figure{
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
    border-radius:10px!important;
  }

  /* Alkalmazási kártyák: mobilon 2 oszlop */
  html body #detailPage .programming-applications-grid-v188{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  html body #detailPage .programming-application-card-v188,
  html body #detailPage .programming-application-card-v188:nth-child(n+5){
    min-height:58px!important;
    padding:10px 8px!important;
    font-size:13px!important;
    line-height:1.25!important;
    border-radius:10px!important;
  }

  /* Programozási területek – kisebb kártyák, tartalom változatlan */
  html body #detailPage .programming-area-grid-v188{
    grid-template-columns:1fr!important;
    row-gap:9px!important;
  }

  html body #detailPage .programming-area-card-v188{
    height:auto!important;
    min-height:138px!important;
    padding:14px!important;
    border-radius:10px!important;
  }

  html body #detailPage .programming-area-card-v188 h3{
    font-size:15px!important;
    margin-bottom:5px!important;
  }

  html body #detailPage .programming-area-card-v188 p{
    font-size:13px!important;
    line-height:1.38!important;
  }
}

/* Nagyon keskeny mobil: a galéria képei maradjanak használhatóak */
@media (max-width:390px){
  html body #detailPage .service-top-gallery-v188{
    grid-template-columns:1fr 1fr!important;
  }

  html body #detailPage .service-main-photo-v188,
  html body #detailPage .service-side-photo-v188{
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
  }

  html body #detailPage .programming-concept-page-v188 .programming-photo-card-v188{
    height:100px!important;
    min-height:100px!important;
    max-height:100px!important;
  }

  html body #detailPage .service-process-row-v188{
    gap:7px!important;
  }
}


/*
  CSAK MOBILOS ELRENDEZÉS.
  Tartalom, szöveg, képek, színek, desktop és funkciók változatlanok.
*/
@media (max-width:760px){

  /* ===== KARBANTARTÁS ===== */

  /* A 3 nagy kép kompakt mozaik: 1 nagy + 2 kicsi */
  html body #detailPage .service-page-v188 .service-top-gallery-v188{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:14px!important;
  }

  html body #detailPage .service-page-v188 .service-top-gallery-v188 > *:first-child{
    grid-column:1 / -1!important;
  }

  html body #detailPage .service-page-v188 .service-top-gallery-v188 figure,
  html body #detailPage .service-page-v188 .service-top-gallery-v188 .service-main-photo-v188,
  html body #detailPage .service-page-v188 .service-top-gallery-v188 .service-side-photo-v188{
    margin:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
  }

  html body #detailPage .service-page-v188 .service-top-gallery-v188 > *:first-child{
    height:165px!important;
    min-height:165px!important;
    max-height:165px!important;
  }

  html body #detailPage .service-page-v188 .service-top-gallery-v188 img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  /* A karbantartási fő területek: hosszú lista helyett kompakt 2 oszlop */
  html body #detailPage .service-page-v188 .service-card-grid-v188{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  html body #detailPage .service-page-v188 .service-list-card-v188{
    margin:0!important;
    padding:11px 12px!important;
    border-radius:11px!important;
    min-height:96px!important;
    display:flex!important;
    align-items:center!important;
  }

  html body #detailPage .service-page-v188 .service-list-card-v188 ul{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:5px!important;
  }

  html body #detailPage .service-page-v188 .service-list-card-v188 li{
    margin:0!important;
    font-size:13.5px!important;
    line-height:1.28!important;
  }

  /* A három alsó nagy információs kártya is kompaktabb */
  html body #detailPage .service-page-v188 .service-bottom-grid-v188{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin-top:20px!important;
  }

  html body #detailPage .service-page-v188 .service-info-card-v188{
    padding:14px 15px!important;
    min-height:0!important;
    border-radius:11px!important;
  }

  html body #detailPage .service-page-v188 .service-info-card-v188 h2{
    margin:0 0 6px!important;
    font-size:22px!important;
    line-height:1.12!important;
  }

  html body #detailPage .service-page-v188 .service-info-card-v188 p{
    margin:0!important;
    font-size:14px!important;
    line-height:1.4!important;
  }

  /* ===== ROBOTPROGRAMOZÁS ===== */

  /* 3 kép: 1 nagy + 2 kicsi, az eredeti képekkel */
  html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    max-width:100%!important;
    margin:14px auto 0!important;
  }

  html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188 > *:first-child{
    grid-column:1 / -1!important;
  }

  html body #detailPage .programming-concept-page-v188 .programming-photo-card-v188{
    margin:0!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }

  html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188 > *:first-child{
    height:165px!important;
    min-height:165px!important;
    max-height:165px!important;
  }

  html body #detailPage .programming-concept-page-v188 .programming-photo-card-v188 img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  /* Alkalmazási területek: 2 oszlopos kompakt kártyák */
  html body #detailPage .programming-applications-grid-v188{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  html body #detailPage .programming-application-card-v188,
  html body #detailPage .programming-application-card-v188:nth-child(n+5){
    margin:0!important;
    min-height:58px!important;
    height:auto!important;
    padding:10px 9px!important;
    border-radius:10px!important;
    font-size:13.5px!important;
    line-height:1.22!important;
    display:flex!important;
    align-items:center!important;
  }

  /* Főbb programozási területek: kevésbé felsorolásszerű */
  html body #detailPage .programming-area-grid-v188{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  html body #detailPage .programming-area-card-v188{
    margin:0!important;
    height:auto!important;
    min-height:124px!important;
    padding:12px!important;
    border-radius:10px!important;
  }

  html body #detailPage .programming-area-card-v188 h3{
    font-size:15px!important;
    line-height:1.2!important;
    margin:0 0 5px!important;
  }

  html body #detailPage .programming-area-card-v188 p{
    font-size:12.8px!important;
    line-height:1.34!important;
    margin:0!important;
  }

  /* Közös: kevesebb felesleges függőleges tér */
  html body #detailPage .service-panel-v188,
  html body #detailPage .programming-overview-section-v188,
  html body #detailPage .programming-applications-v188{
    margin-top:22px!important;
  }

  html body #detailPage .service-section-heading-v188,
  html body #detailPage .programming-overview-heading-v188{
    margin-bottom:10px!important;
  }

  /* A fix alsó Hívás / E-mail sávhoz nem nyúlunk */
}

@media (max-width:390px){
  html body #detailPage .service-page-v188 .service-list-card-v188{
    min-height:92px!important;
    padding:10px!important;
  }

  html body #detailPage .programming-application-card-v188,
  html body #detailPage .programming-application-card-v188:nth-child(n+5){
    font-size:13px!important;
    padding:9px 8px!important;
  }

  html body #detailPage .programming-area-card-v188{
    min-height:118px!important;
  }
}


/*
  CSAK MOBILOS ELRENDEZÉS a 4 aloldalon:
  Karbantartás / Szerviz / Programozás / Bemutatkozás.
  Tartalom, szöveg, képek, színek, ikonok, desktop és funkciók változatlanok.
*/
@media (max-width:760px){

  /* ===== KÖZÖS MOBIL RITMUS ===== */
  html body #detailPage .subpage{
    padding-top:12px!important;
    padding-bottom:30px!important;
  }

  html body #detailPage .breadcrumb{
    margin-bottom:9px!important;
  }

  html body #detailPage .cad-eyebrow{
    margin-bottom:7px!important;
  }

  /* ===== SZERVIZ + KARBANTARTÁS ===== */
  html body #detailPage .service-page-v188 .service-hero-v188{
    padding-top:8px!important;
  }

  html body #detailPage .service-page-v188 .service-hero-v188 h1{
    margin:7px 0 9px!important;
    font-size:32px!important;
    line-height:1.05!important;
  }

  html body #detailPage .service-page-v188 .service-hero-v188 > p,
  html body #detailPage .service-page-v188 .service-hero-copy .sub-lead{
    margin:0!important;
    font-size:15px!important;
    line-height:1.52!important;
  }

  /* Felső képek: kompakt 1 nagy + 2 kisebb mozaik */
  html body #detailPage .service-page-v188 .service-top-gallery-v188{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:14px!important;
  }

  html body #detailPage .service-page-v188 .service-top-gallery-v188 > *:first-child{
    grid-column:1 / -1!important;
  }

  html body #detailPage .service-page-v188 .service-top-gallery-v188 figure,
  html body #detailPage .service-page-v188 .service-main-photo-v188,
  html body #detailPage .service-page-v188 .service-side-photo-v188{
    margin:0!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    border-radius:11px!important;
    overflow:hidden!important;
  }

  html body #detailPage .service-page-v188 .service-top-gallery-v188 > *:first-child{
    height:165px!important;
    min-height:165px!important;
    max-height:165px!important;
  }

  html body #detailPage .service-page-v188 .service-top-gallery-v188 img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }

  /* Fő területek / szolgáltatások: 2 oszlopos kompakt kártyák */
  html body #detailPage .service-page-v188 .service-card-grid-v188{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  html body #detailPage .service-page-v188 .service-list-card-v188{
    margin:0!important;
    padding:11px 12px!important;
    min-height:96px!important;
    border-radius:11px!important;
    display:flex!important;
    align-items:center!important;
  }

  html body #detailPage .service-page-v188 .service-list-card-v188 ul{
    margin:0!important;
    padding:0!important;
    gap:5px!important;
    width:100%!important;
  }

  html body #detailPage .service-page-v188 .service-list-card-v188 li{
    font-size:13.5px!important;
    line-height:1.28!important;
    margin:0!important;
  }

  /* Munkafolyamat: 2×2 */
  html body #detailPage .service-page-v188 .service-process-row-v188{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  html body #detailPage .service-page-v188 .service-step-v188{
    min-height:116px!important;
    padding:11px!important;
    border-radius:11px!important;
  }

  html body #detailPage .service-page-v188 .service-step-v188 h3{
    font-size:18px!important;
    margin:6px 0 4px!important;
  }

  html body #detailPage .service-page-v188 .service-step-v188 p{
    font-size:13px!important;
    line-height:1.36!important;
    margin:0!important;
  }

  /* Alsó kártyák kompaktabbak */
  html body #detailPage .service-page-v188 .service-bottom-grid-v188{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:20px!important;
  }

  html body #detailPage .service-page-v188 .service-info-card-v188{
    padding:13px 14px!important;
    border-radius:11px!important;
  }

  html body #detailPage .service-page-v188 .service-info-card-v188 h2{
    font-size:21px!important;
    line-height:1.12!important;
    margin:.1rem 0 .3rem!important;
  }

  html body #detailPage .service-page-v188 .service-info-card-v188 p{
    font-size:13.8px!important;
    line-height:1.42!important;
    margin:0!important;
  }

  html body #detailPage .service-page-v188 .service-cta-v188{
    margin-top:20px!important;
    padding:13px 14px!important;
    border-radius:11px!important;
  }

  html body #detailPage .service-page-v188 .service-cta-v188 h2{
    font-size:23px!important;
    line-height:1.1!important;
  }

  html body #detailPage .service-page-v188 .service-cta-v188 p{
    font-size:13.8px!important;
    line-height:1.4!important;
  }

  /* ===== ROBOTPROGRAMOZÁS ===== */
  html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    max-width:100%!important;
    margin:14px auto 0!important;
  }

  html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188 > *:first-child{
    grid-column:1 / -1!important;
  }

  html body #detailPage .programming-concept-page-v188 .programming-photo-card-v188{
    margin:0!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    border-radius:11px!important;
    overflow:hidden!important;
  }

  html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188 > *:first-child{
    height:165px!important;
    min-height:165px!important;
    max-height:165px!important;
  }

  html body #detailPage .programming-concept-page-v188 .programming-photo-card-v188 img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }

  html body #detailPage .programming-applications-grid-v188{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  html body #detailPage .programming-application-card-v188,
  html body #detailPage .programming-application-card-v188:nth-child(n+5){
    min-height:58px!important;
    padding:10px 9px!important;
    font-size:13.5px!important;
    line-height:1.22!important;
    border-radius:10px!important;
    margin:0!important;
  }

  html body #detailPage .programming-area-grid-v188{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  html body #detailPage .programming-area-card-v188{
    height:auto!important;
    min-height:122px!important;
    padding:12px!important;
    border-radius:10px!important;
  }

  html body #detailPage .programming-area-card-v188 h3{
    font-size:15px!important;
    line-height:1.2!important;
    margin:0 0 5px!important;
  }

  html body #detailPage .programming-area-card-v188 p{
    font-size:12.8px!important;
    line-height:1.34!important;
    margin:0!important;
  }

  html body #detailPage .programming-bottom-grid-v188{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:20px!important;
  }

  html body #detailPage .programming-bottom-grid-v188 article{
    padding:13px 14px!important;
    border-radius:11px!important;
  }

  html body #detailPage .programming-bottom-grid-v188 h2{
    font-size:20px!important;
    margin:0 0 5px!important;
  }

  html body #detailPage .programming-bottom-grid-v188 p{
    font-size:13.5px!important;
    line-height:1.4!important;
  }

  /* ===== BEMUTATKOZÁS ===== */
  html body #detailPage .about-page .sub-hero{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:12px 0 18px!important;
  }

  html body #detailPage .about-page .sub-hero .about-main-title{
    font-size:30px!important;
    line-height:1.06!important;
    margin:0 0 10px!important;
  }

  html body #detailPage .about-page .sub-lead{
    font-size:14.8px!important;
    line-height:1.5!important;
    margin:0!important;
  }

  /* Jobb oldali identitás blokk kompakt vízszintes kártyaként */
  html body #detailPage .about-page .about-identity{
    display:grid!important;
    grid-template-columns:1fr 1.4fr!important;
    gap:8px!important;
    margin-top:4px!important;
    align-items:stretch!important;
  }

  html body #detailPage .about-page .about-experience,
  html body #detailPage .about-page .sub-mark{
    min-height:82px!important;
    padding:10px 12px!important;
    border-radius:11px!important;
  }

  html body #detailPage .about-page .about-experience strong{
    font-size:28px!important;
    line-height:1!important;
  }

  html body #detailPage .about-page .about-experience span,
  html body #detailPage .about-page .sub-mark span{
    font-size:11px!important;
    line-height:1.25!important;
  }

  html body #detailPage .about-page .sub-content{
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-bottom:22px!important;
  }

  html body #detailPage .about-page .sub-content section{
    padding:13px 14px!important;
    border-radius:11px!important;
  }

  html body #detailPage .about-page .sub-content h2{
    font-size:21px!important;
    line-height:1.14!important;
    margin:0 0 8px!important;
  }

  html body #detailPage .about-page .sub-content p{
    font-size:14.5px!important;
    line-height:1.5!important;
    margin:0 0 8px!important;
  }

  html body #detailPage .about-page .sub-content p:last-child{
    margin-bottom:0!important;
  }

  /* Közös szekcióközök */
  html body #detailPage .service-panel-v188,
  html body #detailPage .programming-overview-section-v188,
  html body #detailPage .programming-applications-v188{
    margin-top:22px!important;
  }

  html body #detailPage .service-section-heading-v188,
  html body #detailPage .programming-overview-heading-v188{
    margin-bottom:9px!important;
  }

  /* A fix Hívás / E-mail sávhoz nem nyúlunk. */
}

@media (max-width:390px){
  html body #detailPage .service-page-v188 .service-list-card-v188{
    min-height:92px!important;
    padding:10px!important;
  }

  html body #detailPage .service-page-v188 .service-top-gallery-v188 figure,
  html body #detailPage .service-page-v188 .service-main-photo-v188,
  html body #detailPage .service-page-v188 .service-side-photo-v188,
  html body #detailPage .programming-concept-page-v188 .programming-photo-card-v188{
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
  }

  html body #detailPage .service-page-v188 .service-top-gallery-v188 > *:first-child,
  html body #detailPage .programming-concept-page-v188 .programming-top-gallery-v188 > *:first-child{
    height:152px!important;
    min-height:152px!important;
    max-height:152px!important;
  }

  html body #detailPage .about-page .about-identity{
    grid-template-columns:1fr!important;
  }
}


@media (max-width:760px){

  /* ==========================================================
     SZERVIZ
     FONTOS: csak a KÉT EREDETI felső kép marad.
     Nincs hozzáadott / duplikált kép.
     ========================================================== */
  html body #detailPage
  .service-page-v188:not(.maintenance-concept-page-v188):not(.programming-concept-page-v188)
  .service-top-gallery-v188{
    display:grid!important;
    grid-template-columns:minmax(0,1.42fr) minmax(0,1fr)!important;
    gap:8px!important;
    margin:14px auto 0!important;
    width:100%!important;
    max-width:100%!important;
  }

  html body #detailPage
  .service-page-v188:not(.maintenance-concept-page-v188):not(.programming-concept-page-v188)
  .service-top-gallery-v188 > *{
    grid-column:auto!important;
    margin:0!important;
    height:152px!important;
    min-height:152px!important;
    max-height:152px!important;
    border-radius:11px!important;
    overflow:hidden!important;
  }

  html body #detailPage
  .service-page-v188:not(.maintenance-concept-page-v188):not(.programming-concept-page-v188)
  .service-top-gallery-v188 img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  /* A szolgáltatási tartalom kompakt marad, tartalomhoz nem nyúlunk. */
  html body #detailPage
  .service-page-v188:not(.maintenance-concept-page-v188):not(.programming-concept-page-v188)
  .service-card-grid-v188{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  html body #detailPage
  .service-page-v188:not(.maintenance-concept-page-v188):not(.programming-concept-page-v188)
  .service-process-row-v188{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }


  /* ==========================================================
     PROGRAMOZÁS
     Az eredeti 3 kép kompakt 1 + 2 mozaikban.
     ========================================================== */
  html body #detailPage .programming-concept-page-v188 .programming-overview-gallery-v188{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    max-width:100%!important;
    margin:14px auto 0!important;
  }

  html body #detailPage .programming-concept-page-v188 .programming-overview-gallery-v188 figure{
    margin:0!important;
    height:124px!important;
    min-height:124px!important;
    max-height:124px!important;
    border-radius:11px!important;
    overflow:hidden!important;
  }

  html body #detailPage .programming-concept-page-v188 .programming-overview-gallery-v188 figure:first-child{
    grid-column:1 / -1!important;
    height:158px!important;
    min-height:158px!important;
    max-height:158px!important;
  }

  html body #detailPage .programming-concept-page-v188 .programming-overview-gallery-v188 img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }

  html body #detailPage .programming-concept-page-v188 .programming-applications-grid-v188{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }


  /* ==========================================================
     BEMUTATKOZÁS
     Csak mobilos elrendezés: ugyanaz a tartalom és ugyanaz a logó.
     ========================================================== */
  html body #detailPage .about-page{
    padding-top:10px!important;
  }

  html body #detailPage .about-page .sub-breadcrumb{
    margin-bottom:10px!important;
  }

  html body #detailPage .about-page .sub-hero{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:8px 0 15px!important;
  }

  html body #detailPage .about-page .cad-eyebrow{
    margin-bottom:6px!important;
  }

  html body #detailPage .about-page .about-main-title{
    font-size:29px!important;
    line-height:1.045!important;
    letter-spacing:-.025em!important;
    margin:0 0 9px!important;
  }

  html body #detailPage .about-page .sub-lead{
    font-size:14.4px!important;
    line-height:1.47!important;
    margin:0!important;
  }

  /* 10+ és a meglévő logó egy tömör sorban, kifutás nélkül */
  html body #detailPage .about-page .about-identity{
    display:grid!important;
    grid-template-columns:118px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    padding:11px 0 0!important;
    margin:0!important;
  }

  html body #detailPage .about-page .about-experience{
    min-width:0!important;
    min-height:68px!important;
    margin:0!important;
    padding:7px 8px 7px 10px!important;
    gap:7px!important;
  }

  html body #detailPage .about-page .about-experience strong{
    font-size:31px!important;
    line-height:1!important;
  }

  html body #detailPage .about-page .about-experience span{
    font-size:11.5px!important;
    line-height:1.16!important;
  }

  html body #detailPage .about-page .sub-mark.about-brand-mark{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:72px!important;
    min-height:72px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }

  html body #detailPage .about-page .sub-mark.about-brand-mark .shared-brand-logo{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:1 1 auto!important;
    transform:scale(.68)!important;
    transform-origin:left center!important;
  }

  /* Ha a mentett szerkesztés közvetlen img/svg logót tett ide, az se lóghat ki. */
  html body #detailPage .about-page .sub-mark.about-brand-mark img,
  html body #detailPage .about-page .sub-mark.about-brand-mark svg{
    max-width:100%!important;
    max-height:68px!important;
    width:auto!important;
    height:auto!important;
  }

  /* Szöveges részek tömörebbek, de tartalom változatlan. */
  html body #detailPage .about-page .sub-content{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:4px!important;
    margin-bottom:18px!important;
  }

  html body #detailPage .about-page .sub-content section{
    padding:11px 12px!important;
    border-radius:11px!important;
  }

  html body #detailPage .about-page .sub-content h2{
    font-size:20px!important;
    line-height:1.12!important;
    margin:0 0 6px!important;
  }

  html body #detailPage .about-page .sub-content p{
    font-size:14px!important;
    line-height:1.44!important;
    margin:0 0 6px!important;
  }

  html body #detailPage .about-page .sub-content p:last-child{
    margin-bottom:0!important;
  }
}

@media (max-width:390px){
  html body #detailPage
  .service-page-v188:not(.maintenance-concept-page-v188):not(.programming-concept-page-v188)
  .service-top-gallery-v188{
    grid-template-columns:1fr 1fr!important;
  }

  html body #detailPage
  .service-page-v188:not(.maintenance-concept-page-v188):not(.programming-concept-page-v188)
  .service-top-gallery-v188 > *{
    height:136px!important;
    min-height:136px!important;
    max-height:136px!important;
  }

  html body #detailPage .about-page .about-identity{
    grid-template-columns:108px minmax(0,1fr)!important;
  }

  html body #detailPage .about-page .sub-mark.about-brand-mark .shared-brand-logo{
    transform:scale(.62)!important;
  }
}


@media (max-width:760px){

  /* Csak a Bemutatkozás aloldal mobil layout finomítása */
  html body #detailPage .about-page .about-identity{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    align-items:start !important;
    justify-items:start !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    padding-top:12px !important;
  }

  html body #detailPage .about-page .about-experience{
    order:1 !important;
    align-self:flex-start !important;
    margin:0 !important;
    padding:6px 0 6px 12px !important;
    min-height:auto !important;
  }

  html body #detailPage .about-page .about-identity .sub-mark,
  html body #detailPage .about-page .about-identity .sub-mark.about-brand-mark{
    order:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:2px 0 0 !important;
    border:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  /* Ha a logó image / svg formában van */
  html body #detailPage .about-page .about-identity .sub-mark img,
  html body #detailPage .about-page .about-identity .sub-mark svg,
  html body #detailPage .about-page .about-identity .sub-mark canvas{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:96px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }

  /* Ha a logó a shared-brand-logo komponenssel jelenik meg */
  html body #detailPage .about-page .about-identity .sub-mark .shared-brand-logo{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    transform:scale(.92) !important;
    transform-origin:left center !important;
  }

  html body #detailPage .about-page .about-identity .sub-mark .shared-brand-logo .custom-logo-mark{
    height:78px !important;
    width:auto !important;
    max-width:none !important;
    margin-right:-24px !important;
  }

  /* Ha csak szöveges logó maradna */
  html body #detailPage .about-page .about-identity .sub-mark strong{
    display:block !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }

  html body #detailPage .about-page .about-identity .sub-mark span{
    display:block !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }
}

@media (max-width:390px){
  html body #detailPage .about-page .about-identity{
    gap:8px !important;
  }

  html body #detailPage .about-page .about-experience{
    padding-left:10px !important;
  }

  html body #detailPage .about-page .about-identity .sub-mark .shared-brand-logo{
    transform:scale(.84) !important;
  }

  html body #detailPage .about-page .about-identity .sub-mark img,
  html body #detailPage .about-page .about-identity .sub-mark svg,
  html body #detailPage .about-page .about-identity .sub-mark canvas{
    max-height:86px !important;
  }
}


@media (max-width:760px){

  /* =========================================================
     MOBIL FEJLÉC – csak sorrend és hamburger/X állapot
     Tartalomhoz nem nyúl.
     ========================================================= */

  html body .nav .navright{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }

  /* Kért sorrend: menü, majd HU EN DE */
  html body .nav .menu-toggle{
    order:1!important;
    flex:0 0 auto!important;
  }

  html body .nav .irs-language-switch{
    order:2!important;
    flex:0 0 auto!important;
  }

  /* Stabil hamburger ikon */
  html body .nav .menu-toggle > span{
    display:block!important;
    width:20px!important;
    height:2px!important;
    position:relative!important;
    background:currentColor!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
  }

  html body .nav .menu-toggle > span::before,
  html body .nav .menu-toggle > span::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    width:20px!important;
    height:2px!important;
    background:currentColor!important;
    border:0!important;
    border-radius:0!important;
  }

  html body .nav .menu-toggle > span::before{
    top:-6px!important;
    transform:none!important;
  }

  html body .nav .menu-toggle > span::after{
    top:6px!important;
    transform:none!important;
  }

  /* Nyitott állapot: tiszta X, nincs csillag / torz ikon */
  html body .nav .menu-toggle[aria-expanded="true"] > span{
    background:transparent!important;
  }

  html body .nav .menu-toggle[aria-expanded="true"] > span::before{
    top:0!important;
    transform:rotate(45deg)!important;
  }

  html body .nav .menu-toggle[aria-expanded="true"] > span::after{
    top:0!important;
    transform:rotate(-45deg)!important;
  }


  /* =========================================================
     BEMUTATKOZÁS – CSAK MOBIL LAYOUT.
     Nem adunk hozzá új szöveget, ikont, képet vagy tartalmat.
     A meglévő elemeket rendezzük át.
     ========================================================= */

  html body #detailPage .about-page{
    padding:14px 14px 34px!important;
  }

  html body #detailPage .about-page .sub-breadcrumb{
    margin:0 0 12px!important;
  }

  html body #detailPage .about-page .sub-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:13px!important;
    padding:8px 0 14px!important;
  }

  html body #detailPage .about-page .cad-eyebrow{
    margin:0 0 7px!important;
    font-size:12px!important;
    line-height:1.3!important;
  }

  html body #detailPage .about-page .about-main-title{
    margin:0 0 10px!important;
    font-size:30px!important;
    line-height:1.04!important;
    letter-spacing:-.028em!important;
  }

  html body #detailPage .about-page .sub-lead{
    margin:0!important;
    font-size:14.4px!important;
    line-height:1.48!important;
  }

  /* 10+ + meglévő EVOFUSION logó egy rendezett kártyában */
  html body #detailPage .about-page .about-identity{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:13px 12px!important;
    border:1px solid #cfe3eb!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 8px 20px rgba(37,84,103,.07)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body #detailPage .about-page .about-experience{
    margin:0!important;
    padding:6px 0 6px 10px!important;
    min-height:64px!important;
    gap:7px!important;
    border-left-width:3px!important;
    align-self:center!important;
  }

  html body #detailPage .about-page .about-experience strong{
    font-size:31px!important;
    line-height:1!important;
  }

  html body #detailPage .about-page .about-experience span{
    font-size:11.5px!important;
    line-height:1.18!important;
  }

  /* A JS ugyanazt a fejléc-logót másolja ide; csak méretezzük */
  html body #detailPage .about-page .sub-mark.about-brand-mark{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  html body #detailPage .about-page .about-brand-mark .shared-brand-logo{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:1 1 auto!important;
    margin:0!important;
    transform:none!important;
    overflow:visible!important;
  }

  html body #detailPage .about-page .about-brand-mark .shared-brand-logo .ef-full-logo{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:82px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  /* Ha a dinamikus logó még nem cserélődött le: a meglévő szöveg maradjon bent */
  html body #detailPage .about-page .about-identity .sub-mark strong,
  html body #detailPage .about-page .about-identity .sub-mark span{
    max-width:100%!important;
  }

  /* Meglévő bemutatkozó szövegrészek – csak kártyás elrendezés */
  html body #detailPage .about-page .sub-content{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0 0 20px!important;
  }

  html body #detailPage .about-page .sub-content section{
    margin:0!important;
    padding:14px 14px!important;
    border:1px solid #d5e4ea!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 7px 18px rgba(37,84,103,.055)!important;
  }

  html body #detailPage .about-page .sub-content h2{
    margin:0 0 8px!important;
    font-size:21px!important;
    line-height:1.12!important;
  }

  html body #detailPage .about-page .sub-content h2::after{
    content:""!important;
    display:block!important;
    width:42px!important;
    height:2px!important;
    margin-top:8px!important;
    background:#16bfd2!important;
  }

  html body #detailPage .about-page .sub-content p{
    margin:0 0 8px!important;
    font-size:14px!important;
    line-height:1.46!important;
  }

  html body #detailPage .about-page .sub-content p:last-child{
    margin-bottom:0!important;
  }
}

@media (max-width:390px){
  html body #detailPage .about-page .about-identity{
    grid-template-columns:102px minmax(0,1fr)!important;
    padding:11px 10px!important;
  }

  html body #detailPage .about-page .about-main-title{
    font-size:28px!important;
  }
}


/* PRIORITÁS: csak a Karbantartás slider mobil nézetéhez nyúlunk. Desktop érintetlen. */
@media (max-width:760px){
  html body .slider-container .slide.own-photo-1{
    overflow:hidden!important;
    background:transparent!important;
  }
  html body .slider-container .slide.own-photo-1::before{
    display:none!important;
  }
  html body .slider-container .slide.own-photo-1 > img,
  html body .slider-container .slide.own-photo-1 img{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    filter:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    background:transparent!important;
  }
  html body .slider-container .slide.own-photo-1 .slide-topic{
    z-index:4!important;
  }
  html body .slider-container .slide.own-photo-1::after{
    display:block!important;
  }
}


/*
  CSAK a Bemutatkozás aloldal mobil layoutja.
  Nincs új tartalom, nincs szövegmódosítás, nincs képcsere.
  Desktop és minden más oldal érintetlen.
*/
@media (max-width:760px){

  html body #detailPage .about-page{
    padding:12px 14px 32px!important;
  }

  html body #detailPage .about-page .sub-breadcrumb{
    margin:0 0 12px!important;
    font-size:13px!important;
    line-height:1.25!important;
  }

  html body #detailPage .about-page .sub-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:8px 0 12px!important;
  }

  html body #detailPage .about-page .cad-eyebrow{
    margin:0 0 6px!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    letter-spacing:.12em!important;
  }

  html body #detailPage .about-page .about-main-title{
    margin:0 0 9px!important;
    font-size:29px!important;
    line-height:1.04!important;
    letter-spacing:-.028em!important;
  }

  html body #detailPage .about-page .sub-lead{
    margin:0!important;
    font-size:14px!important;
    line-height:1.44!important;
  }

  /* 10+ és meglévő EvoFusion logó: kompakt közös kártya */
  html body #detailPage .about-page .about-identity{
    display:grid!important;
    grid-template-columns:102px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:11px 12px!important;
    background:#fff!important;
    border:1px solid #d5e4ea!important;
    border-radius:14px!important;
    box-shadow:0 7px 18px rgba(37,84,103,.055)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body #detailPage .about-page .about-experience{
    margin:0!important;
    padding:5px 0 5px 10px!important;
    min-height:58px!important;
    gap:6px!important;
    align-self:center!important;
  }

  html body #detailPage .about-page .about-experience strong{
    font-size:30px!important;
    line-height:1!important;
  }

  html body #detailPage .about-page .about-experience span{
    font-size:11px!important;
    line-height:1.16!important;
  }

  /* A meglévő fejléc-logó klónja marad, csak méretezve */
  html body #detailPage .about-page .sub-mark.about-brand-mark{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  html body #detailPage .about-page .about-brand-mark .shared-brand-logo{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:1 1 auto!important;
    margin:0!important;
    transform:none!important;
  }

  html body #detailPage .about-page .about-brand-mark .shared-brand-logo .ef-full-logo{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:64px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  /* Meglévő szöveges részek: kompakt kártyák, tartalom változatlan */
  html body #detailPage .about-page .sub-content{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin:0 0 18px!important;
  }

  html body #detailPage .about-page .sub-content section{
    margin:0!important;
    padding:12px 13px!important;
    background:#fff!important;
    border:1px solid #d5e4ea!important;
    border-radius:13px!important;
    box-shadow:0 6px 16px rgba(37,84,103,.045)!important;
  }

  html body #detailPage .about-page .sub-content h2{
    margin:0 0 7px!important;
    font-size:20px!important;
    line-height:1.12!important;
  }

  html body #detailPage .about-page .sub-content h2::after{
    content:""!important;
    display:block!important;
    width:38px!important;
    height:2px!important;
    margin-top:7px!important;
    background:#19bfd1!important;
  }

  html body #detailPage .about-page .sub-content p{
    margin:0 0 7px!important;
    font-size:13.7px!important;
    line-height:1.43!important;
  }

  html body #detailPage .about-page .sub-content p:last-child{
    margin-bottom:0!important;
  }
}

@media (max-width:390px){
  html body #detailPage .about-page .about-main-title{
    font-size:27px!important;
  }

  html body #detailPage .about-page .about-identity{
    grid-template-columns:94px minmax(0,1fr)!important;
    padding:10px!important;
    gap:8px!important;
  }

  html body #detailPage .about-page .about-experience strong{
    font-size:28px!important;
  }

  html body #detailPage .about-page .about-brand-mark .shared-brand-logo .ef-full-logo{
    max-height:58px!important;
  }
}


/*
  CSAK a Bemutatkozás aloldal mobilnézete.
  Nincs új tartalom, nincs szövegmódosítás, nincs képcsere.
  Desktop és minden más oldal változatlan.
*/
@media (max-width:760px){

  html body #detailPage .about-page{
    padding:8px 12px 28px!important;
  }

  html body #detailPage .about-page .sub-breadcrumb{
    margin:0 0 8px!important;
    font-size:12px!important;
    line-height:1.2!important;
  }

  html body #detailPage .about-page .sub-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:6px 0 10px!important;
  }

  html body #detailPage .about-page .cad-eyebrow{
    margin:0 0 5px!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    letter-spacing:.11em!important;
  }

  html body #detailPage .about-page .about-main-title{
    margin:0 0 7px!important;
    font-size:25px!important;
    line-height:1.02!important;
    letter-spacing:-.03em!important;
  }

  html body #detailPage .about-page .sub-lead{
    margin:0!important;
    font-size:12.8px!important;
    line-height:1.38!important;
  }

  /* 10+ + meglévő EvoFusion logó egy tényleg kompakt sorban */
  html body #detailPage .about-page .about-identity{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:8px 10px!important;
    min-height:78px!important;
    background:#fff!important;
    border:1px solid #d5e4ea!important;
    border-radius:12px!important;
    box-shadow:0 5px 14px rgba(37,84,103,.045)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body #detailPage .about-page .about-experience{
    margin:0!important;
    padding:3px 0 3px 8px!important;
    min-height:48px!important;
    gap:5px!important;
    align-self:center!important;
  }

  html body #detailPage .about-page .about-experience strong{
    font-size:27px!important;
    line-height:1!important;
  }

  html body #detailPage .about-page .about-experience span{
    font-size:10px!important;
    line-height:1.1!important;
  }

  html body #detailPage .about-page .sub-mark.about-brand-mark{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  html body #detailPage .about-page .about-brand-mark .shared-brand-logo{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:1 1 auto!important;
    margin:0!important;
    transform:none!important;
  }

  html body #detailPage .about-page .about-brand-mark .shared-brand-logo .ef-full-logo{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:52px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  /* A meglévő szöveges blokkokat jóval tömörebbre húzzuk */
  html body #detailPage .about-page .sub-content{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:0 0 16px!important;
  }

  html body #detailPage .about-page .sub-content section{
    margin:0!important;
    padding:10px 11px!important;
    background:#fff!important;
    border:1px solid #d5e4ea!important;
    border-radius:12px!important;
    box-shadow:0 4px 12px rgba(37,84,103,.035)!important;
  }

  html body #detailPage .about-page .sub-content h2{
    margin:0 0 5px!important;
    font-size:18px!important;
    line-height:1.08!important;
  }

  html body #detailPage .about-page .sub-content h2::after{
    content:""!important;
    display:block!important;
    width:32px!important;
    height:2px!important;
    margin-top:5px!important;
    background:#19bfd1!important;
  }

  html body #detailPage .about-page .sub-content p{
    margin:0 0 5px!important;
    font-size:12.6px!important;
    line-height:1.36!important;
  }

  html body #detailPage .about-page .sub-content p:last-child{
    margin-bottom:0!important;
  }
}

@media (max-width:390px){
  html body #detailPage .about-page .about-main-title{
    font-size:23px!important;
  }

  html body #detailPage .about-page .about-identity{
    grid-template-columns:86px minmax(0,1fr)!important;
    padding:7px 9px!important;
  }

  html body #detailPage .about-page .about-experience strong{
    font-size:25px!important;
  }

  html body #detailPage .about-page .about-brand-mark .shared-brand-logo .ef-full-logo{
    max-height:48px!important;
  }
}


@media(max-width:760px){
  /* A fejléc után ne maradjon üres sáv a slider előtt. */
  html body main#main-content{
    padding-top:74px!important;
    margin-top:0!important;
  }
  html body #homePage,
  html body #homePage > .slider-section,
  html body .slider-section,
  html body .slider-container{
    margin-top:0!important;
    padding-top:0!important;
  }

  /* Mobil fejléc sorrend: MENÜ -> HU EN DE */
  html body .nav .navright{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  html body .nav .menu-toggle{order:1!important;display:flex!important;}
  html body .nav .irs-language-switch{order:2!important;}

  /* Stabil hamburger / tiszta X, csillag nélkül */
  html body .nav .menu-toggle > span{
    display:block!important;
    width:20px!important;
    height:2px!important;
    position:relative!important;
    background:currentColor!important;
    border:0!important;
    transform:none!important;
  }
  html body .nav .menu-toggle > span::before,
  html body .nav .menu-toggle > span::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    width:20px!important;
    height:2px!important;
    background:currentColor!important;
    border:0!important;
  }
  html body .nav .menu-toggle > span::before{top:-6px!important;transform:none!important;}
  html body .nav .menu-toggle > span::after{top:6px!important;transform:none!important;}
  html body .nav .menu-toggle[aria-expanded="true"] > span{background:transparent!important;}
  html body .nav .menu-toggle[aria-expanded="true"] > span::before{top:0!important;transform:rotate(45deg)!important;}
  html body .nav .menu-toggle[aria-expanded="true"] > span::after{top:0!important;transform:rotate(-45deg)!important;}

  /* A mobil legördülő menü stabil és használható legyen. */
  html body .nav #navLinks{
    top:74px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:calc(100vh - 74px)!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
  }
  html body .nav #navLinks.open{display:flex!important;}

  html body .nav .nav-services-menu{
    width:100%!important;
  }
  html body .nav .nav-services-dropdown{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    box-shadow:none!important;
    transform:none!important;
    margin-top:4px!important;
  }
}


/*
  CSAK a mobil legördülő menü javítása.
  Tartalom, fordítás, aloldalak, slider, desktop és egyéb vizuális részek érintetlenek.
*/
@media (max-width:760px){

  /* Fejléc sorrend marad: menü -> HU EN DE */
  html body .nav .navright{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  html body .nav .menu-toggle{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
  }
  html body .nav .irs-language-switch{
    order:2!important;
    flex:0 0 auto!important;
  }

  /* Tiszta hamburger / tiszta X – nincs "csillag" */
  html body .nav .menu-toggle > span{
    position:relative!important;
    display:block!important;
    width:22px!important;
    height:16px!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body .nav .menu-toggle > span::before,
  html body .nav .menu-toggle > span::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    width:22px!important;
    height:2px!important;
    background:currentColor!important;
    border:0!important;
    border-radius:1px!important;
    box-shadow:none!important;
    transform-origin:center!important;
  }

  /* Zárt állapot: 3 vonal.
     A középső vonalat box-shadow-val rajzoljuk. */
  html body .nav .menu-toggle[aria-expanded="false"] > span::before{
    top:1px!important;
    transform:none!important;
    box-shadow:0 6px 0 currentColor,0 12px 0 currentColor!important;
  }

  html body .nav .menu-toggle[aria-expanded="false"] > span::after{
    display:none!important;
  }

  /* Nyitott állapot: csak két vonalból álló X */
  html body .nav .menu-toggle[aria-expanded="true"] > span::before{
    top:7px!important;
    transform:rotate(45deg)!important;
    box-shadow:none!important;
  }

  html body .nav .menu-toggle[aria-expanded="true"] > span::after{
    display:block!important;
    top:7px!important;
    transform:rotate(-45deg)!important;
  }

  /* Kompakt legördülő panel, nem teljes képernyős nagy doboz */
  html body .nav #navLinks{
    position:absolute!important;
    top:65.26915281075px!important;
    left:auto!important;
    right:10px!important;
    width:min(330px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 78px)!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;

    padding:10px!important;
    gap:4px!important;

    background:#edf4f6!important;
    border:1px solid #bfd1d8!important;
    border-radius:10px!important;
    box-shadow:0 16px 34px rgba(24,55,71,.22)!important;

    flex-direction:column!important;
    align-items:stretch!important;
    z-index:300!important;
  }

  html body .nav #navLinks.open{
    display:flex!important;
  }

  /* Fő menüpontok */
  html body .nav #navLinks > a,
  html body .nav #navLinks .nav-services-main{
    display:flex!important;
    align-items:center!important;
    min-height:42px!important;
    padding:10px 12px!important;
    margin:0!important;
    border:0!important;
    border-radius:7px!important;
    background:transparent!important;
    color:#17364a!important;
    -webkit-text-fill-color:#17364a!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.25!important;
    letter-spacing:.01em!important;
  }

  html body .nav #navLinks > a:hover,
  html body .nav #navLinks > a:focus-visible,
  html body .nav #navLinks .nav-services-main:hover,
  html body .nav #navLinks .nav-services-main:focus-visible{
    background:#dfecef!important;
  }

  /* Aktív oldal: csak finom alsó jelölés */
  html body .nav #navLinks > a.nav-active,
  html body .nav #navLinks .nav-services-main.nav-active{
    box-shadow:inset 0 -2px 0 #0db6c7!important;
  }

  /* Szolgáltatások sor + lenyitó nyíl */
  html body .nav .nav-services-menu{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    width:100%!important;
    align-items:center!important;
    margin:0!important;
  }

  html body .nav .nav-services-toggle{
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    display:grid!important;
    place-items:center!important;
  }

  html body .nav .nav-services-toggle span{
    width:0!important;
    height:0!important;
    border-left:5px solid transparent!important;
    border-right:5px solid transparent!important;
    border-top:7px solid #17364a!important;
    transition:transform .18s ease!important;
  }

  html body .nav .nav-services-menu.open .nav-services-toggle span{
    transform:rotate(180deg)!important;
  }

  /* Almenü alapból tényleg csukva */
  html body .nav .nav-services-dropdown{
    position:static!important;
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    margin:2px 0 4px!important;
    padding:4px!important;
    box-sizing:border-box!important;

    display:none!important;
    visibility:hidden!important;
    opacity:1!important;
    transform:none!important;

    background:#ddebef!important;
    border:0!important;
    border-radius:7px!important;
    box-shadow:none!important;
  }

  html body .nav .nav-services-menu.open .nav-services-dropdown{
    display:block!important;
    visibility:visible!important;
  }

  html body .nav .nav-services-dropdown a{
    display:block!important;
    padding:10px 11px!important;
    margin:0!important;
    border-bottom:1px solid #c6d9df!important;
    color:#17364a!important;
    -webkit-text-fill-color:#17364a!important;
    background:transparent!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.3!important;
    letter-spacing:0!important;
    white-space:normal!important;
  }

  html body .nav .nav-services-dropdown a:last-child{
    border-bottom:0!important;
  }

  /* Kapcsolat gomb kompakt, nem óriási */
  html body .nav #navLinks .nav-contact{
    min-height:44px!important;
    margin-top:4px!important;
    justify-content:center!important;
    background:#13c6d7!important;
    border:0!important;
    color:#103246!important;
    -webkit-text-fill-color:#103246!important;
    font-weight:700!important;
    box-shadow:none!important;
  }
}


@media(max-width:760px){
  /*
    A tényleges mobil fejléc magassága 65.269px.
    A korábbi 74px padding okozta a slider fölötti üres sávot.
  */
  html body main#main-content,
  html body main{
    padding-top:65.26915281075px!important;
    margin-top:0!important;
  }
  html body #homePage,
  html body #homePage > .slider-section,
  html body .slider-section,
  html body .slider-container,
  html body .slider-track{
    margin-top:0!important;
    padding-top:0!important;
  }
}


/* Lábléc: egységes, teljes szélességű fejlécátmenet; az alsó sáv ugyanebben folytatódik. */
html body footer.e-footer{
  display:block!important;width:100vw!important;max-width:none!important;margin:0!important;
  position:relative!important;left:50%!important;transform:translateX(-50%)!important;box-sizing:border-box!important;
  padding:42px clamp(20px,5vw,76px) 0!important;color:#f1f6f8!important;
  background:linear-gradient(112deg,#d9e3e8 0%,#9aadb6 34%,#496977 63%,#102e40 100%)!important;
  border:0!important;border-top:2px solid #19c2d1!important;
}
html body .e-footer-inner{
  width:100%!important;max-width:1380px!important;margin:0 auto!important;padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1.2fr) minmax(145px,.72fr) minmax(235px,1fr) minmax(150px,.8fr)!important;
  gap:clamp(20px,3.2vw,48px)!important;align-items:start!important;
}
html body .footer-brand-block,html body .e-footer .footer-column{min-width:0!important}
html body .e-footer .footer-heading{color:#f3f8fa!important}
html body .e-footer .footer-nav,html body .e-footer .footer-contact{gap:14px!important}
html body footer.e-footer .footer-bottom{
  width:100%!important;max-width:1380px!important;position:static!important;left:auto!important;transform:none!important;
  margin:14px auto 0!important;padding:18px 0 max(22px,env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;display:flex!important;
  flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  background:transparent!important;border:0!important;
}
html body .e-footer .footer-bottom span{color:#193849!important}
html body .e-footer .footer-bottom a{color:#56e4ed!important}
.evo-privacy-dialog{
  width:min(860px,calc(100% - 32px));max-width:860px;max-height:min(84vh,900px);
  padding:0;border:1px solid #8fcbd4;border-radius:14px;background:#edf6f8;color:#173344;
  box-shadow:0 22px 80px rgba(5,30,45,.34);overflow:hidden;
}
.evo-privacy-dialog::backdrop{background:rgba(6,24,35,.62)}
.evo-privacy-dialog-inner{max-height:min(84vh,900px);overflow:auto;padding:clamp(22px,4vw,42px)}
.evo-privacy-dialog h2{margin:12px 0 20px;color:#123449;font-size:clamp(24px,3vw,34px);line-height:1.2}
.evo-privacy-close{
  float:right;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 12px;
  border:1px solid #a8c9d1;border-radius:6px;background:transparent;color:#173344;font:inherit;cursor:pointer;
}
.evo-privacy-close span{font-size:22px;line-height:1}
.evo-privacy-content{font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.evo-privacy-content h2,.evo-privacy-content h3{color:#123449}
@media(min-width:761px) and (max-width:1050px){
  html body footer.e-footer{padding:36px 30px 0!important}
  html body .e-footer-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:30px 38px!important}
}
@media(max-width:760px){
  html body footer.e-footer{padding:32px 22px max(86px,calc(76px + env(safe-area-inset-bottom)))!important}
  html body .e-footer-inner{grid-template-columns:minmax(0,1fr)!important;gap:26px!important}
  html body .e-footer .footer-column{gap:10px!important}
  html body .e-footer .footer-nav,html body .e-footer .footer-contact{gap:10px!important}
  html body footer.e-footer .footer-bottom{
    flex-direction:column!important;align-items:flex-start!important;
    gap:9px!important;margin-top:14px!important;
    padding:16px 0 max(22px,env(safe-area-inset-bottom))!important;
  }
  .evo-privacy-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:12px}
  .evo-privacy-dialog-inner{max-height:calc(100dvh - 24px);padding:20px}
  .evo-privacy-content{font-size:15px;line-height:1.65}
}
@media(max-width:380px){
  html body footer.e-footer{padding-left:16px!important;padding-right:16px!important}
  html body .e-footer .footer-bottom span{font-size:10px!important;letter-spacing:.05em!important}
}


/* Visual styling only. Existing content, canvas and all interaction code are preserved. */
html body .cad-section{padding:64px clamp(24px,4vw,72px) 58px!important;color:#eff8fc!important;}
html body .cad-section .cad-heading{width:min(1400px,100%)!important;max-width:1400px!important;grid-template-columns:1fr 1fr!important;gap:46px!important;margin:0 auto 34px!important;align-items:center!important;}
html body .cad-section .cad-eyebrow{font-size:12px!important;letter-spacing:1.3px!important;color:#24def0!important;}
html body .cad-section .cad-heading h2{font-size:clamp(30px,2.55vw,44px)!important;line-height:1.2!important;letter-spacing:-.8px!important;margin:18px 0 0!important;color:#f5f9fc!important;}
html body .cad-section .cad-heading h2 span{color:#00d4e9!important;}
html body .cad-section .cad-heading>p{font-size:18px!important;line-height:1.55!important;color:#e1edf4!important;max-width:570px!important;margin:12px 0 0!important;}
html body .cad-section .cad-console.cad-console-wide{width:min(1400px,100%)!important;max-width:1400px!important;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)!important;gap:4px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important;}
html body .cad-section .cad-visual.cad-visual-wide,html body .cad-section .cad-focus-panel{border:1px solid #009cba!important;border-radius:9px!important;background:linear-gradient(145deg,rgba(0,45,66,.91),rgba(0,29,45,.94))!important;box-shadow:inset 0 0 0 1px rgba(0,180,217,.12),0 12px 32px rgba(0,12,24,.18)!important;overflow:hidden!important;}
html body .cad-section .cad-visual.cad-visual-wide{outline:1px solid #009cba!important;outline-offset:-1px!important;padding:0 8px 8px!important;}
html body .cad-section .cad-topline{min-height:54px!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;background:transparent!important;border-bottom:1px solid rgba(0,181,214,.5)!important;color:#bfe0ee!important;font-size:12px!important;letter-spacing:.25px!important;}
html body .cad-section .cad-topline span:first-child{align-self:stretch!important;display:flex!important;align-items:center!important;border-bottom:3px solid #00d5e9!important;color:#f5fbff!important;font-weight:700!important;padding:0 2px!important;}
html body .cad-section .cad-topline span:last-child{max-width:none!important;color:#95bfd0!important;text-align:right!important;}
html body .cad-section .cad-stage{height:392px!important;min-height:392px!important;background:radial-gradient(ellipse at 52% 64%,rgba(0,134,175,.32),transparent 62%),rgba(0,21,35,.72)!important;border:1px solid rgba(0,149,179,.48)!important;border-top:0!important;overflow:hidden!important;}
html body .cad-section .cad-stage::before{inset:0!important;border:0!important;background-image:linear-gradient(rgba(0,171,208,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(0,171,208,.13) 1px,transparent 1px)!important;background-size:42px 42px!important;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)!important;}
html body .cad-section #animated-robot{inset:18px 12px 24px!important;transform:none!important;margin:0!important;height:auto!important;z-index:2!important;}
html body .cad-section .cad-ruler{left:18px!important;right:22px!important;top:20px!important;color:#00e0f0!important;font-size:13px!important;z-index:3!important;pointer-events:none!important;}
html body .cad-section .cad-ruler span{font-size:17px!important;}
html body .cad-section .cad-axis-y,html body .cad-section .cad-axis-x{color:#02cee4!important;z-index:3!important;pointer-events:none!important;}
html body .cad-section .cad-stage-caption{left:18px!important;right:18px!important;bottom:15px!important;color:#08d8ec!important;font-size:11px!important;z-index:3!important;pointer-events:none!important;}
html body .cad-section .cad-stage-caption span:last-child{color:#8bbaca!important;}
html body .cad-section .kr-explosion-control{padding:14px 18px 12px!important;gap:10px!important;background:rgba(0,38,57,.72)!important;border:1px solid rgba(0,149,179,.48)!important;border-top:0!important;border-radius:0 0 4px 4px!important;font-size:13px!important;color:#e3f3fa!important;}
html body .cad-section .kr-explosion-control output{color:#00e0f2!important;font-weight:700!important;font-size:15px!important;}
html body .cad-section .kr-explosion-control>span{color:#91b9c8!important;font-size:12px!important;}
html body .cad-section #krExplosion{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:10px!important;border:0!important;border-radius:6px!important;background:#0b4861!important;outline-offset:5px!important;overflow:hidden!important;cursor:pointer!important;}
html body .cad-section #krExplosion::-webkit-slider-runnable-track{height:10px;background:transparent;border:0;}
html body .cad-section #krExplosion::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:10px;border:0;border-radius:5px;background:#00dcf0;box-shadow:-700px 0 0 693px #00dcf0;}
html body .cad-section #krExplosion::-moz-range-track{height:10px;background:#0b4861;border:0;border-radius:6px;}
html body .cad-section #krExplosion::-moz-range-progress{height:10px;background:#00dcf0;}
html body .cad-section #krExplosion::-moz-range-thumb{width:14px;height:10px;border:0;border-radius:5px;background:#00dcf0;}
html body .cad-section .cad-controls{min-height:62px!important;padding:10px 7px 0!important;gap:10px!important;background:transparent!important;border:0!important;flex-wrap:wrap!important;}
html body .cad-section .cad-controls button{min-height:42px!important;padding:9px 13px!important;border:1px solid #578397!important;border-radius:3px!important;color:#f1f9ff!important;background:rgba(0,33,52,.6)!important;font-size:13px!important;line-height:1.2!important;box-shadow:none!important;}
html body .cad-section .cad-controls button:hover{background:#07506c!important;border-color:#00d6eb!important;}
html body .cad-section .cad-controls button:focus-visible{outline:2px solid #64f1ff!important;outline-offset:3px!important;}
html body .cad-section .cad-speed{gap:0!important;align-items:center!important;}
html body .cad-section .cad-speed>span{font-size:12px!important;color:#d3e8f1!important;margin-right:12px!important;}
html body .cad-section .cad-speed button{border-color:#00abc8!important;border-radius:0!important;min-width:45px!important;padding:9px!important;}
html body .cad-section .cad-speed button:last-child{border-radius:0 3px 3px 0!important;}
html body .cad-section .cad-speed button[aria-pressed="true"]{background:#00cce1!important;color:#002b40!important;font-weight:700!important;}
html body .cad-section .cad-focus-panel{padding:25px 22px 30px!important;}
html body .cad-section .planner-intro{padding:0!important;margin:0!important;}
html body .cad-section .planner-intro .kicker{font-size:16px!important;letter-spacing:1.5px!important;color:#00d9ec!important;margin-bottom:12px!important;}
html body .cad-section .planner-intro h2{font-size:30px!important;line-height:1.2!important;letter-spacing:-.45px!important;margin:0 0 14px!important;color:#f4f9ff!important;}
html body .cad-section .planner-intro>p{font-size:15px!important;line-height:1.6!important;margin:0 0 22px!important;color:#d5e7ef!important;}
html body .cad-section .cad-focus-list{display:grid!important;gap:17px!important;}
html body .cad-section .cad-focus-list .planner-option{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:108px!important;padding:19px 42px 19px 105px!important;border:1px solid rgba(117,173,193,.38)!important;border-radius:8px!important;background:linear-gradient(110deg,rgba(11,31,42,.92),rgba(10,33,45,.83))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;cursor:default!important;}
html body .cad-section .cad-focus-list .planner-option strong{font-size:18px!important;line-height:1.3!important;margin:0 0 6px!important;color:#f6fbff!important;}
html body .cad-section .cad-focus-list .planner-option>span{font-size:14px!important;line-height:1.55!important;color:#c5dee9!important;}
html body .cad-section .cad-focus-list .planner-option::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:68px;height:68px;border-radius:50%;background-color:#003b54;background-position:center;background-repeat:no-repeat;background-size:37px;}
html body .cad-section .cad-focus-list .planner-option::after{position:absolute;right:18px;top:20px;color:#00ddef;font-size:19px;font-weight:300;line-height:1.4;padding-bottom:6px;border-bottom:1px solid #009bb6;}
html body .cad-section .cad-focus-list .planner-option:nth-child(1)::after{content:"01";}
html body .cad-section .cad-focus-list .planner-option:nth-child(2)::after{content:"02";}
html body .cad-section .cad-focus-list .planner-option:nth-child(3)::after{content:"03";}
@media(max-width:1100px){html body .cad-section .cad-focus-list .planner-option{padding-left:84px!important;padding-right:36px!important;}html body .cad-section .cad-focus-list .planner-option::before{width:52px;height:52px;left:14px;background-size:29px;}html body .cad-section .cad-focus-list .planner-option::after{right:12px;font-size:15px;}html body .cad-section .cad-speed{margin-left:0!important;}html body .cad-section .planner-intro h2{font-size:26px!important;}}
@media(max-width:900px){html body .cad-section{padding:42px 22px!important;}html body .cad-section .cad-heading{gap:20px!important;}html body .cad-section .cad-heading>p{font-size:16px!important;}html body .cad-section .cad-console.cad-console-wide{grid-template-columns:1fr!important;gap:16px!important;}html body .cad-section .cad-speed{margin-left:auto!important;}html body .cad-section .cad-stage{height:380px!important;min-height:380px!important;}html body .cad-section .cad-focus-panel{padding:24px!important;}html body .cad-section .cad-focus-list .planner-option{padding-left:105px!important;}html body .cad-section .cad-focus-list .planner-option::before{width:68px;height:68px;background-size:37px;}}
@media(max-width:540px){html body .cad-section{padding:34px 14px!important;}html body .cad-section .cad-heading{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:24px!important;}html body .cad-section .cad-heading h2{font-size:30px!important;}html body .cad-section .cad-eyebrow{font-size:10px!important;letter-spacing:.7px!important;}html body .cad-section .cad-heading>p{font-size:15px!important;margin:0!important;}html body .cad-section .cad-topline{padding:0 9px!important;font-size:10px!important;gap:8px!important;}html body .cad-section .cad-topline span:last-child{max-width:125px!important;}html body .cad-section .cad-stage{height:320px!important;min-height:320px!important;}html body .cad-section .cad-stage-caption{font-size:9px!important;left:12px!important;right:12px!important;}html body .cad-section .cad-controls{gap:8px!important;padding:10px 2px 2px!important;}html body .cad-section .cad-controls button{font-size:12px!important;}html body .cad-section .cad-speed{width:100%!important;margin:2px 0 0!important;justify-content:flex-end!important;}html body .cad-section .cad-focus-panel{padding:21px 15px!important;}html body .cad-section .planner-intro h2{font-size:25px!important;}html body .cad-section .planner-intro>p{font-size:14px!important;}html body .cad-section .cad-focus-list .planner-option{padding:17px 30px 17px 74px!important;min-height:104px!important;}html body .cad-section .cad-focus-list .planner-option::before{width:46px;height:46px;left:12px;background-size:27px;}html body .cad-section .cad-focus-list .planner-option strong{font-size:16px!important;}html body .cad-section .cad-focus-list .planner-option>span{font-size:13px!important;}html body .cad-section .cad-focus-list .planner-option::after{right:10px;font-size:12px;}}

html body .cad-section .cad-focus-list .planner-option:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2300def0%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203h6l1%204%203%202%204-1%203%205-3%203v3l3%203-3%205-4-1-3%202-1%204H9l-1-4-3-2-4%201-3-5%203-3v-3l-3-3%203-5%204%201%203-2z%22%20transform%3D%22translate%286%201%29%20scale%28.8%29%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%225%22%2F%3E%3C%2Fsvg%3E");}
html body .cad-section .cad-focus-list .planner-option:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2300def0%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2212%22%20width%3D%228%22%20height%3D%228%22%2F%3E%3Cpath%20d%3D%22M11%202v5m10-5v5M11%2025v5m10-5v5M2%2011h5m-5%2010h5m18-10h5m-5%2010h5%22%2F%3E%3C%2Fsvg%3E");}
html body .cad-section .cad-focus-list .planner-option:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2300def0%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m10%208-8%208%208%208m12-16%208%208-8%208M19%204l-6%2024%22%2F%3E%3C%2Fsvg%3E");}


/* Mobil lábléc: rövidebb, két hasábos elrendezés; minden elemen azonos átmenet fut át. */
@media(max-width:760px){
  html body footer.e-footer{
    padding:24px 18px max(82px,calc(72px + env(safe-area-inset-bottom)))!important;
    background:linear-gradient(112deg,#d9e3e8 0%,#9aadb6 34%,#496977 63%,#102e40 100%)!important;
  }
  html body .e-footer-inner{
    width:100%!important;max-width:1380px!important;margin:0 auto!important;padding:0!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px 20px!important;align-items:start!important;
    background:transparent!important;
  }
  html body .e-footer .footer-brand-block{grid-column:1/-1!important;margin:0!important;padding:0!important;background:transparent!important}
  html body .e-footer .footer-independence{color:#173849!important}
  html body .e-footer .footer-navigation{grid-column:1!important;grid-row:auto!important}
  html body .e-footer .footer-contact-column{grid-column:2!important;grid-row:auto!important}
  html body .e-footer .footer-privacy{grid-column:1/-1!important}
  html body .e-footer .footer-column{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    min-width:0!important;width:auto!important;margin:0!important;padding:0!important;
    gap:8px!important;background:transparent!important;
  }
  html body .e-footer .footer-navigation .footer-heading,
  html body .e-footer .footer-navigation .footer-nav,
  html body .e-footer .footer-privacy .footer-heading,
  html body .e-footer .footer-privacy>a{color:#173849!important}
  html body .e-footer .footer-contact-column .footer-heading,
  html body .e-footer .footer-contact-column .footer-contact,
  html body .e-footer .footer-contact-column .footer-contact>a:not(.footer-contact-button){color:#f1f6f8!important}
  html body .e-footer .footer-nav,html body .e-footer .footer-contact{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    gap:8px!important;min-width:0!important;background:transparent!important;
  }
  html body .e-footer .footer-contact a[href^="mailto:"]{overflow-wrap:anywhere!important;word-break:break-word!important}
  html body .e-footer .footer-contact-button{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-top:2px!important;padding:9px 8px!important;text-align:center!important}
  html body footer.e-footer .footer-bottom{
    width:100%!important;max-width:1380px!important;display:flex!important;flex-direction:row!important;
    align-items:center!important;justify-content:space-between!important;gap:12px!important;
    margin:14px auto 0!important;padding:12px 0 0!important;
    background:transparent!important;border-top:1px solid rgba(238,247,250,.28)!important;
  }
  html body .e-footer .footer-bottom span{color:#173849!important;font-size:10px!important;letter-spacing:.045em!important}
  html body .e-footer .footer-bottom a{color:#e7fbfc!important;font-size:11px!important;text-align:right!important}
}
@media(max-width:380px){
  html body footer.e-footer{padding-left:15px!important;padding-right:15px!important}
  html body .e-footer-inner{column-gap:14px!important}
  html body .e-footer .footer-bottom{flex-wrap:wrap!important;row-gap:8px!important}
  html body .e-footer .footer-bottom span,html body .e-footer .footer-bottom a{font-size:10px!important}
}

/* A programozásos fotó bal szélén a forráskép beépített fehér kezelőfelülete látszik.
   A mobilos kivágást jobbra toljuk, hogy a robot maradjon a fókuszban, a sáv eltűnjön. */
@media(max-width:760px){
  html body .slider-container .slide.own-photo-2{overflow:hidden!important}
  html body .slider-container .slide.own-photo-2>img{
    position:absolute!important;inset:0!important;left:0!important;top:0!important;
    width:100%!important;height:100%!important;margin:0!important;padding:0!important;
    object-fit:cover!important;object-position:60% 50%!important;transform:none!important;
    -webkit-mask-image:none!important;mask-image:none!important;display:block!important;
  }
}


/* Reference proportions: leave the factory visible and fit desktop viewports. */
html body .cad-section{padding:clamp(20px,3.8vh,36px) 5vw clamp(22px,4vh,38px) 14.3vw!important;}
html body .cad-section .cad-heading{width:100%!important;max-width:1360px!important;gap:34px!important;margin:0 auto 22px!important;}
html body .cad-section .cad-heading h2{font-size:clamp(26px,4.3vh,38px)!important;margin-top:12px!important;}
html body .cad-section .cad-heading>p{font-size:clamp(14px,1.9vh,17px)!important;line-height:1.5!important;margin:8px 0 0!important;}
html body .cad-section .cad-eyebrow{font-size:11px!important;letter-spacing:.9px!important;}
html body .cad-section .cad-console.cad-console-wide{width:100%!important;max-width:1360px!important;gap:4px!important;}
html body .cad-section .cad-visual.cad-visual-wide,html body .cad-section .cad-focus-panel{background:linear-gradient(140deg,rgba(0,40,59,.76),rgba(0,29,44,.82))!important;}
html body .cad-section .cad-topline{min-height:42px!important;padding:0 12px!important;font-size:11px!important;}
html body .cad-section .cad-stage{height:clamp(230px,34vh,350px)!important;min-height:clamp(230px,34vh,350px)!important;flex:1 0 auto!important;background:radial-gradient(ellipse at 52% 62%,rgba(0,146,189,.30),transparent 67%),rgba(0,21,35,.58)!important;}
html body .cad-section .cad-stage::after{content:"";position:absolute;left:25%;right:20%;height:65px;bottom:44px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 12px,rgba(0,178,221,.24) 13px,transparent 14px 23px);border:1px solid rgba(0,178,221,.24);pointer-events:none;z-index:1;}
html body .cad-section #animated-robot{inset:10px 12px 17px!important;}
html body .cad-section .cad-ruler{top:14px!important;font-size:11px!important;}
html body .cad-section .cad-ruler span{font-size:14px!important;}
html body .cad-section .kr-explosion-control{padding:10px 12px 8px!important;gap:7px!important;font-size:12px!important;}
html body .cad-section .kr-explosion-control>span{font-size:11px!important;}
html body .cad-section .cad-controls{min-height:49px!important;padding:8px 2px 0!important;gap:7px!important;}
html body .cad-section .cad-controls button{min-height:34px!important;padding:7px 9px!important;font-size:12px!important;}
html body .cad-section .cad-speed{margin-left:auto!important;}
html body .cad-section .cad-speed button{min-width:38px!important;padding:7px!important;}
html body .cad-section .cad-speed>span{font-size:11px!important;margin-right:8px!important;}
html body .cad-section .cad-focus-panel{padding:20px 18px!important;}
html body .cad-section .planner-intro .kicker{font-size:14px!important;letter-spacing:1.2px!important;margin-bottom:10px!important;}
html body .cad-section .planner-intro h2{font-size:clamp(23px,3.2vh,29px)!important;margin-bottom:12px!important;}
html body .cad-section .planner-intro>p{font-size:13px!important;line-height:1.5!important;margin-bottom:17px!important;}
html body .cad-section .cad-focus-list{gap:12px!important;}
html body .cad-section .cad-focus-list .planner-option{min-height:clamp(78px,10vh,96px)!important;padding:13px 34px 13px 83px!important;}
html body .cad-section .cad-focus-list .planner-option::before{left:14px;width:54px;height:54px;background-size:31px;}
html body .cad-section .cad-focus-list .planner-option::after{right:14px;top:14px;font-size:16px;}
html body .cad-section .cad-focus-list .planner-option strong{font-size:16px!important;margin-bottom:4px!important;}
html body .cad-section .cad-focus-list .planner-option>span{font-size:12px!important;line-height:1.5!important;}
@media(min-width:901px) and (max-height:740px){html body .cad-section .cad-heading{margin-bottom:16px!important;}html body .cad-section .cad-heading h2{font-size:27px!important;}html body .cad-section .cad-focus-panel{padding:16px!important;}html body .cad-section .planner-intro>p{font-size:12px!important;margin-bottom:12px!important;}html body .cad-section .cad-focus-list{gap:10px!important;}html body .cad-section .cad-focus-list .planner-option{min-height:73px!important;padding-top:10px!important;padding-bottom:10px!important;}html body .cad-section .cad-focus-list .planner-option strong{font-size:15px!important;}}
@media(max-width:1200px) and (min-width:901px){html body .cad-section{padding-left:7vw!important;padding-right:3vw!important;}html body .cad-section .cad-controls{gap:5px!important;}html body .cad-section .cad-controls button{font-size:11px!important;padding:7px!important;}html body .cad-section .cad-speed>span{display:none!important;}}
@media(max-width:900px){html body .cad-section{padding:32px 20px!important;}html body .cad-section .cad-heading{gap:20px!important;}html body .cad-section .cad-console.cad-console-wide{gap:16px!important;}html body .cad-section .cad-stage{height:330px!important;min-height:330px!important;}html body .cad-section .cad-focus-panel{padding:22px!important;}}
@media(max-width:540px){html body .cad-section{padding:28px 14px!important;}html body .cad-section .cad-heading{gap:12px!important;}html body .cad-section .cad-heading h2{font-size:28px!important;}html body .cad-section .cad-heading>p{font-size:14px!important;}html body .cad-section .cad-eyebrow{font-size:9px!important;}html body .cad-section .cad-stage{height:280px!important;min-height:280px!important;}html body .cad-section .cad-focus-panel{padding:18px 14px!important;}html body .cad-section .cad-focus-list .planner-option{padding-left:72px!important;}html body .cad-section .cad-focus-list .planner-option::before{width:44px;height:44px;left:12px;background-size:27px;}html body .cad-section .cad-speed{width:auto!important;margin-left:auto!important;}html body .cad-section .cad-speed>span{display:inline!important;}}


html body .cad-section #animated-robot{transform:scale(1.22)!important;transform-origin:50% 54%!important;}@media(max-width:540px){html body .cad-section #animated-robot{transform:scale(1.06)!important;}}
html body .cad-section{padding-top:22px!important;padding-bottom:24px!important;}
html body .cad-section .cad-heading{margin-bottom:16px!important;gap:32px!important;}
html body .cad-section .cad-heading h2{font-size:30px!important;margin-top:10px!important;}
html body .cad-section .cad-heading>p{font-size:14px!important;}
html body .cad-section .cad-stage{height:230px!important;min-height:230px!important;}
html body .cad-section .cad-focus-panel{padding:17px!important;}
html body .cad-section .planner-intro h2{font-size:25px!important;margin-bottom:10px!important;}
html body .cad-section .planner-intro .kicker{font-size:13px!important;margin-bottom:8px!important;}
html body .cad-section .planner-intro>p{font-size:12px!important;margin-bottom:14px!important;}
html body .cad-section .cad-focus-list{gap:10px!important;}
html body .cad-section .cad-focus-list .planner-option{min-height:72px!important;padding:10px 34px 10px 79px!important;}
html body .cad-section .cad-focus-list .planner-option::before{width:50px;height:50px;background-size:29px;}
html body .cad-section .cad-focus-list .planner-option strong{font-size:15px!important;}
html body .cad-section .cad-visual.cad-visual-wide,html body .cad-section .cad-focus-panel{background:linear-gradient(145deg,rgba(0,45,67,.64),rgba(0,28,43,.77))!important;}
html body .cad-section::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:inherit!important;filter:brightness(1.22) saturate(1.08)!important;opacity:1!important;}
@media(min-width:901px) and (max-height:740px){html body .cad-section{padding-top:16px!important;padding-bottom:18px!important;}html body .cad-section .cad-heading h2{font-size:26px!important;}html body .cad-section .cad-heading{margin-bottom:12px!important;}html body .cad-section .cad-stage{height:205px!important;min-height:205px!important;}html body .cad-section .cad-focus-panel{padding:14px!important;}html body .cad-section .planner-intro h2{font-size:23px!important;}html body .cad-section .planner-intro>p{font-size:12px!important;margin-bottom:10px!important;}html body .cad-section .cad-focus-list .planner-option{min-height:65px!important;padding-top:8px!important;padding-bottom:8px!important;}html body .cad-section .cad-focus-list .planner-option::before{width:44px;height:44px;background-size:26px;}html body .cad-section .cad-focus-list{gap:8px!important;}}
@media(max-width:900px){html body .cad-section{padding-top:34px!important;padding-bottom:34px!important;}html body .cad-section .cad-stage{height:290px!important;min-height:290px!important;}html body .cad-section .cad-focus-list .planner-option{min-height:84px!important;}}


html body .cad-section #cadStage{height:230px!important;min-height:230px!important;}
@media(min-width:901px) and (max-height:740px){html body .cad-section #cadStage{height:205px!important;min-height:205px!important;}}
@media(max-width:900px){html body .cad-section #cadStage{height:290px!important;min-height:290px!important;}}

html body .cad-section::before{display:none!important;}

/* Only the requested animation viewport, ground reference and photographic background. */
html body .cad-section #cadStage{height:340px!important;min-height:340px!important;}
html body .cad-section #cadStage::after{content:none!important;display:none!important;}
html body .cad-section #animated-robot{inset:20px 18px 28px!important;transform:none!important;}
html body .cad-section #kinematicRobot{cursor:grab!important;}
html body .cad-section #kinematicRobot:active{cursor:grabbing!important;}
html body .cad-section,html body .cad-section .cad-focus-panel,html body .cad-section .cad-visual{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
@media(min-width:901px) and (max-height:740px){html body .cad-section #cadStage{height:300px!important;min-height:300px!important;}}
@media(max-width:900px){html body .cad-section #cadStage{height:340px!important;min-height:340px!important;}}
html body .cad-section{background-image:linear-gradient(90deg,rgba(2,28,44,.10),rgba(2,27,42,.26)),url("site-images/7bf96d33a11f9780.webp")!important;}


html body .cad-section .cad-focus-panel{align-items:stretch!important;}
html body .cad-section .cad-focus-panel .planner-intro{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;}
html body .cad-section .cad-focus-panel .planner-intro>.kicker,
html body .cad-section .cad-focus-panel .planner-intro>h2,
html body .cad-section .cad-focus-panel .planner-intro>p{flex:0 0 auto!important;}
html body .cad-section .cad-focus-panel .cad-focus-list{flex:1 1 auto!important;display:grid!important;grid-template-rows:repeat(3,minmax(min-content,1fr))!important;align-content:stretch!important;margin-bottom:0!important;}
html body .cad-section .cad-focus-panel .cad-focus-list .planner-option{height:auto!important;justify-content:center!important;}


/*
  V20 – célzott mobil javítások.
  Csak a két jelölt hibát javítja:
  1) stabil hamburger / bezáró ikon
  2) a slider fölötti üres sáv eltüntetése a kezdőlapon
  Minden más érintetlen.
*/
@media (max-width:760px){
  /* 1) Stabil mobil menüikon: a belső span helyett a gomb pszeudo-elemei rajzolnak. */
  html body .nav #menuToggle{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  html body .nav #menuToggle > span,
  html body .nav #menuToggle > span::before,
  html body .nav #menuToggle > span::after{
    display:none!important;
    content:none!important;
    width:0!important;
    height:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    opacity:0!important;
  }
  html body .nav #menuToggle::before,
  html body .nav #menuToggle::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:20px!important;
    height:2px!important;
    margin-left:-10px!important;
    background:#F4F1E8!important;
    border-radius:1px!important;
    transform-origin:center center!important;
    transition:transform .18s ease, opacity .18s ease, box-shadow .18s ease!important;
    box-shadow:none!important;
  }
  html body .nav #menuToggle[aria-expanded="false"]::before{
    transform:translateY(-7px)!important;
    box-shadow:0 6px 0 #F4F1E8, 0 12px 0 #F4F1E8!important;
  }
  html body .nav #menuToggle[aria-expanded="false"]::after{
    opacity:0!important;
    transform:translateY(0)!important;
  }
  html body .nav #menuToggle[aria-expanded="true"]::before{
    transform:rotate(45deg)!important;
  }
  html body .nav #menuToggle[aria-expanded="true"]::after{
    opacity:1!important;
    transform:rotate(-45deg)!important;
  }

  /* 2) A kezdőoldali slider közvetlenül a fejléc alá kerüljön – üres sáv nélkül. */
  html body #homePage{
    margin-top:-65.26915281075px!important;
  }
  html body #homePage > .slider-section,
  html body #homePage > .slider-section .slider-container,
  html body #homePage > .slider-section .slider-track{
    margin-top:0!important;
    padding-top:0!important;
  }
}


/* Kizárólag a Karbantartás aloldal elrendezése: a jóváhagyott előnézet szerint. */
html body #detailPage article.maintenance-concept-page-v188{
  width:100%!important;
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:20px 24px 40px!important;
}
html body #detailPage .maintenance-concept-page-v188 .sub-breadcrumb{
  display:none!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-shell-v188{
  width:min(850px,100%)!important;
  max-width:850px!important;
  margin:0 auto!important;
  padding:28px!important;
  border-radius:20px!important;
  background:#f9fcfd!important;
  border:1px solid #83d9ed!important;
  box-shadow:0 18px 44px rgba(21,70,91,.12)!important;
  color:#173b5d!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-shell-v188::before{
  background:radial-gradient(circle at top right,rgba(24,183,219,.06),transparent 32%),radial-gradient(circle at bottom left,rgba(39,111,135,.04),transparent 36%)!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-hero-v188 .cad-eyebrow{
  color:#00a9d2!important;
  font-size:14px!important;
  letter-spacing:1.4px!important;
  font-weight:800!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-hero-v188 h1{
  max-width:100%!important;
  margin:10px 0 10px!important;
  color:#142e67!important;
  font-size:36px!important;
  line-height:1.16!important;
  letter-spacing:-.45px!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-hero-v188>p{
  max-width:100%!important;
  margin:0!important;
  color:#3d5d7d!important;
  font-size:16px!important;
  line-height:1.7!important;
  letter-spacing:.12px!important;
}
html body #detailPage .maintenance-concept-page-v188 .maintenance-top-gallery-v188{
  width:100%!important;
  max-width:100%!important;
  margin:22px auto 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.64fr) minmax(0,1fr)!important;
  grid-template-rows:174px 174px!important;
  gap:12px!important;
  align-items:stretch!important;
}
html body #detailPage .maintenance-concept-page-v188 .maintenance-photo-card-v188{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #d1e9f0!important;
  border-radius:12px!important;
  background:#f8fcfd!important;
  box-shadow:none!important;
}
html body #detailPage .maintenance-concept-page-v188 .maintenance-photo-card-v188:first-child{
  grid-row:1 / span 2!important;
}
html body #detailPage .maintenance-concept-page-v188 .maintenance-photo-card-v188 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
html body #detailPage .maintenance-concept-page-v188 .maintenance-photo-card-v188:first-child img{
  object-position:center 40%!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-panel-v188{
  margin-top:24px!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-section-heading-v188{
  display:block!important;
  margin:0 0 13px!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-section-heading-v188>span{
  display:none!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-section-heading-v188 small{
  display:block!important;
  margin:0 0 5px!important;
  color:#00a9d2!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:1.25px!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-section-heading-v188 h2{
  margin:0!important;
  color:#142e67!important;
  font-size:27px!important;
  line-height:1.2!important;
  letter-spacing:-.3px!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-card-grid-v188{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 12px!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-list-card-v188{
  min-width:0!important;
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
  padding:14px 16px!important;
  border:1px solid #a9e2f1!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(21,61,78,.045)!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-list-card-v188 ul{
  width:100%!important;
  display:grid!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-list-card-v188 li{
  position:relative!important;
  margin:0!important;
  padding-left:26px!important;
  color:#173b5d!important;
  font-size:15px!important;
  line-height:1.48!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-list-card-v188 li::before{
  left:0!important;
  top:.57em!important;
  width:9px!important;
  height:9px!important;
  background:#16b8d5!important;
  box-shadow:0 0 0 4px #e8f8fb!important;
}
html body #detailPage .maintenance-concept-page-v188 .maintenance-importance-v188{
  margin:22px 0 0!important;
  padding:20px 22px!important;
  background:#eaf8fb!important;
  border:1px solid #a4dce7!important;
  border-left:5px solid #18b4d1!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
html body #detailPage .maintenance-concept-page-v188 .maintenance-importance-v188 h2{
  margin:0 0 7px!important;
  color:#173b5d!important;
  font-size:18px!important;
  line-height:1.3!important;
}
html body #detailPage .maintenance-concept-page-v188 .maintenance-importance-v188 p{
  max-width:100%!important;
  margin:0!important;
  color:#3d5d7d!important;
  font-size:14px!important;
  line-height:1.62!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-bottom-grid-v188{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:20px 0 0!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-info-card-v188{
  min-width:0!important;
  min-height:142px!important;
  padding:16px 18px!important;
  border:1px solid #b6e2ed!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(21,61,78,.055)!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-info-card-v188:nth-child(3){
  grid-column:1 / -1!important;
  min-height:112px!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-info-card-v188 h2{
  margin:0 0 8px!important;
  color:#142e67!important;
  font-size:20px!important;
  line-height:1.25!important;
  letter-spacing:-.25px!important;
}
html body #detailPage .maintenance-concept-page-v188 .service-info-card-v188 p{
  margin:0!important;
  color:#456383!important;
  font-size:14px!important;
  line-height:1.58!important;
}
html body #detailPage .maintenance-concept-page-v188 .sub-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px 22px!important;
  margin:18px 0 0!important;
  padding:13px 0 0!important;
  border-top:1px solid #c7e2e9!important;
}
html body #detailPage .maintenance-concept-page-v188 .sub-nav a{
  padding:0 0 6px!important;
  color:#426283!important;
  font-size:13px!important;
  text-decoration:none!important;
}
html body #detailPage .maintenance-concept-page-v188 .sub-nav a[href="#/maintenance"]{
  border-bottom:3px solid #00a9d2!important;
  color:#163a67!important;
}
html body #detailPage .maintenance-concept-page-v188 .sub-nav a.irs-contact-orange{
  padding:10px 14px!important;
  border:0!important;
  border-radius:5px!important;
  background:#00c5d4!important;
  color:#073452!important;
  box-shadow:0 5px 10px rgba(0,197,212,.22)!important;
}
@media(max-width:900px){
  html body #detailPage article.maintenance-concept-page-v188{max-width:900px!important;padding-left:18px!important;padding-right:18px!important;}
  html body #detailPage .maintenance-concept-page-v188 .service-shell-v188{width:100%!important;max-width:850px!important;}
  html body #detailPage .maintenance-concept-page-v188 .maintenance-top-gallery-v188{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;}
}
@media(max-width:760px){
  html body #detailPage article.maintenance-concept-page-v188{max-width:100%!important;padding:16px 12px 34px!important;}
  html body #detailPage .maintenance-concept-page-v188 .service-shell-v188{padding:20px 16px!important;border-radius:16px!important;}
  html body #detailPage .maintenance-concept-page-v188 .service-hero-v188 h1{font-size:30px!important;line-height:1.15!important;}
  html body #detailPage .maintenance-concept-page-v188 .service-hero-v188>p{font-size:15px!important;line-height:1.62!important;}
  html body #detailPage .maintenance-concept-page-v188 .maintenance-top-gallery-v188{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:260px 180px!important;
    gap:10px!important;
    margin-top:17px!important;
  }
  html body #detailPage .maintenance-concept-page-v188 .maintenance-photo-card-v188:first-child{grid-column:1 / -1!important;grid-row:auto!important;}
  html body #detailPage .maintenance-concept-page-v188 .service-section-heading-v188 h2{font-size:24px!important;}
  html body #detailPage .maintenance-concept-page-v188 .service-card-grid-v188,
  html body #detailPage .maintenance-concept-page-v188 .service-bottom-grid-v188{grid-template-columns:1fr!important;}
  html body #detailPage .maintenance-concept-page-v188 .service-info-card-v188:nth-child(3){grid-column:auto!important;}
  html body #detailPage .maintenance-concept-page-v188 .service-list-card-v188{min-height:64px!important;}
  html body #detailPage .maintenance-concept-page-v188 .maintenance-importance-v188{padding:18px!important;}
  html body #detailPage .maintenance-concept-page-v188 .service-info-card-v188{min-height:0!important;padding:16px!important;}
  html body #detailPage .maintenance-concept-page-v188 .sub-nav{gap:8px 14px!important;}
}


/* A Szerviz fő kártyája a V94 Karbantartás kártyájának méretéhez igazítva. */
html body #detailPage article.service-ref-v85{
  width:100%!important;
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
  box-sizing:border-box!important;
}
html body #detailPage article.service-ref-v85 .service-ref-shell{
  width:min(850px,100%)!important;
  max-width:850px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
@media(max-width:900px){
  html body #detailPage article.service-ref-v85{max-width:900px!important;padding-left:18px!important;padding-right:18px!important;}
}
@media(max-width:760px){
  html body #detailPage article.service-ref-v85{max-width:100%!important;padding-left:12px!important;padding-right:12px!important;}
}


/* Csak a Programozás aloldal: az elfogadott előnézet szerinti, egységes kártyaszélesség és tartalomelrendezés. */
html body #detailPage article.service-page-v188.programming-concept-page-v188{
  width:100%!important;
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
  box-sizing:border-box!important;
}
html body #detailPage article.service-page-v188.programming-concept-page-v188 .programming-overview-shell-v188{
  width:min(850px,100%)!important;
  max-width:850px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
html body #detailPage .programming-concept-page-v188 .programming-overview-gallery-v188{
  width:100%!important;
  max-width:100%!important;
  margin:18px auto 0!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-overview-gallery-v188 figure{
  height:176px!important;
  min-height:176px!important;
  max-height:176px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-applications-v188{margin-top:30px!important;}
html body #detailPage .programming-concept-page-v188 .programming-applications-grid-v188{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-application-card-v188,
html body #detailPage .programming-concept-page-v188 .programming-application-card-v188:nth-child(n+5){
  grid-column:auto!important;
  min-height:54px!important;
  padding:12px 14px!important;
  border-radius:10px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-highlight-v188{
  margin-top:24px!important;
  padding:20px 22px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-overview-section-v188{margin-top:38px!important;}
html body #detailPage .programming-concept-page-v188 .programming-area-grid-v188{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-area-card-v188{
  aspect-ratio:auto!important;
  min-height:190px!important;
  height:auto!important;
}
html body #detailPage .programming-concept-page-v188 .programming-area-content-v188{
  width:72%!important;
  min-height:190px!important;
  padding:18px 8px 15px 88px!important;
}
html body #detailPage .programming-concept-page-v188 img.programming-area-icon-v188{
  top:17px!important;
  left:16px!important;
  width:56px!important;
  height:56px!important;
}
html body #detailPage .programming-concept-page-v188 .programming-area-card-v188 h3{
  max-width:100%!important;
  margin-bottom:7px!important;
  font-size:17px!important;
  line-height:1.25!important;
}
html body #detailPage .programming-concept-page-v188 .programming-area-card-v188 p{
  max-width:100%!important;
  font-size:14px!important;
  line-height:1.45!important;
}
html body #detailPage .programming-concept-page-v188 img.programming-area-visual-v188{
  width:30%!important;
  height:82%!important;
  object-fit:contain!important;
  object-position:right bottom!important;
}
@media(max-width:900px){
  html body #detailPage article.service-page-v188.programming-concept-page-v188{max-width:900px!important;padding-left:18px!important;padding-right:18px!important;}
  html body #detailPage article.service-page-v188.programming-concept-page-v188 .programming-overview-shell-v188{width:100%!important;max-width:850px!important;}
}
@media(max-width:760px){
  html body #detailPage article.service-page-v188.programming-concept-page-v188{max-width:100%!important;padding-left:12px!important;padding-right:12px!important;}
  html body #detailPage article.service-page-v188.programming-concept-page-v188 .programming-overview-shell-v188{width:100%!important;max-width:850px!important;}
  html body #detailPage .programming-concept-page-v188 .programming-overview-gallery-v188{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  html body #detailPage .programming-concept-page-v188 .programming-overview-gallery-v188 figure{height:124px!important;min-height:124px!important;max-height:124px!important;}
  html body #detailPage .programming-concept-page-v188 .programming-overview-gallery-v188 figure:first-child{grid-column:1 / -1!important;height:158px!important;min-height:158px!important;max-height:158px!important;}
  html body #detailPage .programming-concept-page-v188 .programming-applications-grid-v188{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
}
@media(max-width:680px){
  html body #detailPage .programming-concept-page-v188 .programming-area-grid-v188{grid-template-columns:1fr!important;}
  html body #detailPage .programming-concept-page-v188 .programming-area-card-v188{min-height:185px!important;}
  html body #detailPage .programming-concept-page-v188 .programming-area-content-v188{min-height:185px!important;width:76%!important;padding-left:92px!important;}
}
@media(max-width:560px){
  html body #detailPage .programming-concept-page-v188 .programming-applications-grid-v188{grid-template-columns:1fr!important;}
}


/* Egységes tipográfiai hierarchia a főoldalon és minden aloldalon. */
html body #homePage :is(h1,h2,h3),
html body #detailPage :is(h1,h2,h3){
  font-family:'Rajdhani','Segoe UI',Arial,sans-serif!important;
  letter-spacing:-.025em!important;
  text-transform:none;
}
html body #homePage h1,
html body #detailPage h1{font-size:clamp(32px,3.25vw,46px)!important;line-height:1.15!important;}
html body #homePage h2,
html body #detailPage h2{font-size:clamp(26px,2.45vw,35px)!important;line-height:1.22!important;}
html body #homePage h3,
html body #detailPage h3{font-size:clamp(20px,1.72vw,24px)!important;line-height:1.3!important;}
html body #homePage p,
html body #detailPage p,
html body #homePage li,
html body #detailPage li{
  font-family:'Segoe UI',Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.65!important;
}
@media(max-width:560px){
  html body #homePage h1,html body #detailPage h1{font-size:30px!important;line-height:1.17!important;}
  html body #homePage h2,html body #detailPage h2{font-size:25px!important;line-height:1.24!important;}
  html body #homePage h3,html body #detailPage h3{font-size:20px!important;line-height:1.3!important;}
  html body #homePage p,html body #detailPage p,html body #homePage li,html body #detailPage li{font-size:16px!important;line-height:1.65!important;}
}


/* Főoldali szolgáltatáskártyák: a harmadik elem teljes szélességben, vízszintes elrendezéssel csak mobilon. */
@media(max-width:760px){
  html body #services .e-service-list > .e-service:nth-child(3){
    grid-column:1 / -1!important;
  }
  html body #services .e-service-list > .e-service:nth-child(3) summary{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)!important;
    align-items:center!important;
    gap:14px!important;
    min-height:0!important;
    padding:12px 14px!important;
  }
  html body #services .e-service-list > .e-service:nth-child(3) summary > .ref-card-image{
    width:100%!important;
    height:clamp(120px,25vw,170px)!important;
    min-width:0!important;
    object-fit:cover!important;
  }
  html body #services .e-service-list > .e-service:nth-child(3) summary > span:not(.e-expand){
    min-width:0!important;
    padding:8px 40px 8px 0!important;
  }
  html body #services .e-service-list > .e-service:nth-child(3) summary > .e-expand{
    position:absolute!important;
    right:14px!important;
    bottom:14px!important;
    width:34px!important;
    height:34px!important;
  }
}
@media(max-width:440px){
  html body #services .e-service-list > .e-service:nth-child(3) summary{
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
    gap:10px!important;
    padding:10px!important;
  }
  html body #services .e-service-list > .e-service:nth-child(3) summary > .ref-card-image{
    height:clamp(112px,32vw,140px)!important;
  }
  html body #services .e-service-list > .e-service:nth-child(3) summary > span:not(.e-expand){
    padding-right:38px!important;
  }
  html body #services .e-service-list > .e-service:nth-child(3) summary > .e-expand{
    right:10px!important;
    bottom:10px!important;
  }
}


/* Mobilon a lábléc háttere a viewport teljes szélességére fusson ki. */
@media(max-width:760px){
  html body footer.e-footer{
    box-sizing:border-box!important;
    width:100vw!important;max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    left:auto!important;right:auto!important;transform:none!important;
  }
}


/* A teljes oldal 0.97-es zoomja miatt a mobilos lábléc hátterét külön kompenzáljuk. */
@media(max-width:760px){
  html body footer.e-footer{
    background:transparent!important;
    isolation:isolate!important;
  }
  html body footer.e-footer::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    top:0!important;bottom:0!important;left:50%!important;
    width:103.1vw!important;
    transform:translateX(-50%)!important;
    box-sizing:border-box!important;
    background:linear-gradient(112deg,#d9e3e8 0%,#9aadb6 34%,#496977 63%,#102e40 100%)!important;
    border-top:2px solid #19c2d1!important;
    pointer-events:none!important;
  }
}


/* Lábléc: egységes tipográfia, teljes szélesség, fekete kapcsolati szöveg és egységes betűk; a logó megjelenése érintetlen. */
html body footer.e-footer{color:#000!important}
html body footer.e-footer .footer-independence,
html body footer.e-footer .footer-heading,
html body footer.e-footer .footer-nav,
html body footer.e-footer .footer-nav a,
html body footer.e-footer .footer-contact,
html body footer.e-footer .footer-contact a,
html body footer.e-footer .footer-privacy,
html body footer.e-footer .footer-privacy a,
html body footer.e-footer .footer-bottom,
html body footer.e-footer .footer-bottom span,
html body footer.e-footer .footer-bottom a{
  color:#000!important;
  font-family:'Segoe UI',Arial,sans-serif!important;
}
html body footer.e-footer .footer-independence,
html body footer.e-footer .footer-nav a,
html body footer.e-footer .footer-contact a,
html body footer.e-footer .footer-privacy a{
  font-size:13px!important;line-height:1.5!important;font-weight:400!important;
  letter-spacing:0!important;text-align:left!important;text-transform:none!important;
}
html body footer.e-footer .footer-heading{
  font-size:12px!important;line-height:1.4!important;font-weight:700!important;
  letter-spacing:.1em!important;text-align:left!important;text-transform:uppercase!important;
}
html body footer.e-footer .footer-bottom span,
html body footer.e-footer .footer-bottom a{
  font-size:10px!important;line-height:1.4!important;font-weight:400!important;
  letter-spacing:.04em!important;text-align:left!important;
}
html body footer.e-footer .footer-contact-column{
  align-items:flex-start!important;text-align:left!important;
}
html body footer.e-footer .footer-contact{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:flex-start!important;width:100%!important;min-width:0!important;
  gap:8px!important;text-align:left!important;
}
html body footer.e-footer .footer-contact a[href^="tel:"],
html body footer.e-footer .footer-contact a[href^="mailto:"]{
  display:block!important;visibility:visible!important;opacity:1!important;
  position:static!important;transform:none!important;min-width:0!important;
  color:#000!important;overflow-wrap:anywhere!important;word-break:break-word!important;
}
/* A kapcsolat oszlopban csak a cím és a telefonszám/e-mail maradjon. */
html body footer.e-footer .footer-contact-column>.footer-independence,
html body footer.e-footer .footer-contact-column>.footer-contact-button,
html body footer.e-footer .footer-contact-column>:not(.footer-heading):not(.footer-contact){display:none!important}
html body footer.e-footer .footer-contact>:not(a[href^="tel:"]):not(a[href^="mailto:"]){display:none!important}
@media(max-width:760px){
  html body footer.e-footer{
    background:transparent!important;
    isolation:isolate!important;
    padding-left:18px!important;padding-right:18px!important;
  }
  html body footer.e-footer::before{
    content:""!important;position:absolute!important;z-index:-1!important;
    top:0!important;bottom:0!important;left:50%!important;width:103.1vw!important;
    transform:translateX(-50%)!important;box-sizing:border-box!important;
    background:linear-gradient(112deg,#d9e3e8 0%,#9aadb6 34%,#496977 63%,#102e40 100%)!important;
    border-top:2px solid #19c2d1!important;pointer-events:none!important;
  }
  html body .e-footer-inner{
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
    gap:16px 14px!important;align-items:start!important;
  }
  html body .e-footer .footer-brand-block{grid-column:1/-1!important}
  html body .e-footer .footer-navigation{grid-column:1!important}
  html body .e-footer .footer-contact-column{grid-column:2!important}
  html body .e-footer .footer-privacy{grid-column:1/-1!important}
  html body footer.e-footer .footer-contact a[href^="tel:"]{white-space:nowrap!important}
  html body footer.e-footer .footer-contact a[href^="mailto:"]{max-width:100%!important}
  html body footer.e-footer .footer-bottom{align-items:flex-start!important}
}

html body footer.e-footer .footer-contact-column{width:100%!important;min-width:0!important;}
html body footer.e-footer .footer-contact a{width:100%!important;box-sizing:border-box!important;}
html body footer.e-footer .footer-contact-column>.footer-independence,
html body footer.e-footer .footer-contact-column>.footer-contact-button,
html body footer.e-footer .footer-contact-column>:not(.footer-heading):not(.footer-contact){display:none!important}
@media(max-width:380px){
  html body footer.e-footer .footer-nav a,
  html body footer.e-footer .footer-contact a,
  html body footer.e-footer .footer-privacy a{font-size:12px!important;}
  html body footer.e-footer .footer-heading{font-size:11px!important;}
}


/* Mobilon a régi, erősebb fehér szabály fölé kerül a kapcsolati oszlop fekete szövege. */
@media(max-width:760px){
  html body footer.e-footer .footer-contact-column > .footer-heading,
  html body footer.e-footer .footer-contact-column .footer-contact > a[href^="tel:"],
  html body footer.e-footer .footer-contact-column .footer-contact > a[href^="mailto:"]{
    color:#000!important;
  }
  html body footer.e-footer .footer-contact-column .footer-contact > a[href^="tel:"]{
    width:100%!important;
    align-self:stretch!important;
    margin:0!important;
    text-align:left!important;
  }
}


/* Scoped to the requested hero, service pages and mobile home sections. */
html body #homePage{margin-top:0!important;}
html{--evo-home-header-height:73.97170651885px;}
@media(max-width:760px){html{--evo-home-header-height:65.26915281075px;}}
html body main#main-content:has(> #homePage:not([hidden])){padding-top:var(--evo-home-header-height)!important;}
html body #homePage>.slider-section,html body #homePage .slider-container,html body #homePage .slider-track{margin-top:0!important;padding-top:0!important;}
@media(min-width:761px){
html body #detailPage#detailPage article:is(.service-ref-v85,.maintenance-concept-page-v188,.programming-concept-page-v188){max-width:850px!important;padding:18px 24px 36px!important;}
html body #detailPage#detailPage article:is(.service-ref-v85,.maintenance-concept-page-v188,.programming-concept-page-v188) :is(.service-ref-shell,.service-shell-v188){width:100%!important;max-width:790px!important;padding:24px!important;}
html body #detailPage#detailPage article:is(.service-ref-v85,.maintenance-concept-page-v188,.programming-concept-page-v188) h1{font-size:32px!important;line-height:1.2!important;}
html body #detailPage#detailPage article:is(.service-ref-v85,.maintenance-concept-page-v188,.programming-concept-page-v188) h2{font-size:24px!important;line-height:1.25!important;}
html body #detailPage#detailPage article:is(.service-ref-v85,.maintenance-concept-page-v188,.programming-concept-page-v188) h3{font-size:18px!important;}
html body #detailPage#detailPage article:is(.service-ref-v85,.maintenance-concept-page-v188,.programming-concept-page-v188) :is(p,li){font-size:15px!important;line-height:1.6!important;}
html body #detailPage#detailPage .service-ref-v85 .service-ref-grid{gap:12px!important;}
html body #detailPage#detailPage .service-ref-v85 .service-ref-card{min-height:68px!important;}
html body #detailPage#detailPage .service-ref-v85 .service-ref-card strong{font-size:15px!important;line-height:1.4!important;}
html body #detailPage#detailPage .service-ref-v85 .service-ref-icon,html body #detailPage#detailPage .service-ref-v85 .service-ref-icon img{width:54px!important;height:54px!important;flex-basis:54px!important;}
html body #detailPage#detailPage .service-ref-v85 .service-ref-heading{margin-bottom:16px!important;}
html body #detailPage#detailPage .programming-concept-page-v188 .programming-overview-section-v188{margin-top:26px!important;}
html body #detailPage#detailPage .programming-concept-page-v188 .programming-applications-v188{margin-top:24px!important;}
html body #detailPage#detailPage .maintenance-concept-page-v188 .maintenance-top-gallery-v188,
html body #detailPage#detailPage .programming-concept-page-v188 .programming-overview-gallery-v188{display:grid!important;grid-template-columns:minmax(0,1.64fr) minmax(0,1fr)!important;grid-template-rows:148px 148px!important;gap:10px!important;margin:18px 0 0!important;height:auto!important;}
html body #detailPage#detailPage .programming-concept-page-v188 .programming-overview-gallery-v188 figure{grid-column:auto!important;grid-row:auto!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;aspect-ratio:auto!important;}
html body #detailPage#detailPage .programming-concept-page-v188 .programming-overview-gallery-v188 figure:first-child{grid-row:1 / span 2!important;}
html body #detailPage#detailPage .programming-concept-page-v188 .programming-overview-gallery-v188 img{width:100%!important;height:100%!important;object-fit:cover!important;}
}
@media(max-width:760px){
html body #services .e-service-list{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:start!important;}
html body #services .e-service-list>.e-service{grid-column:auto!important;min-width:0!important;min-height:0!important;height:auto!important;}
html body #services .e-service-list>.e-service summary{position:relative!important;display:grid!important;grid-template-columns:minmax(86px,.75fr) minmax(0,1.5fr)!important;align-items:center!important;gap:12px!important;padding:12px!important;min-height:0!important;height:auto!important;}
html body #services .e-service-list>.e-service summary>.ref-card-image{display:block!important;width:100%!important;height:110px!important;min-height:0!important;object-fit:cover!important;}
html body #services .e-service-list>.e-service summary>span:not(.e-expand){min-width:0!important;padding:0 26px 0 0!important;}
html body #services .e-service-list>.e-service summary strong{font-size:16px!important;line-height:1.3!important;}
html body #services .e-service-list>.e-service summary small{font-size:12px!important;line-height:1.45!important;margin-top:6px!important;}
html body #services .e-service-list>.e-service summary>.e-expand{position:absolute!important;right:8px!important;bottom:10px!important;width:28px!important;height:28px!important;}
html body #services .e-service-list>.e-service .e-service-body{width:100%!important;max-width:none!important;min-width:0!important;padding:0 16px 16px!important;}
html body #services .e-service-list>.e-service .e-service-body :is(p,li){font-size:14px!important;line-height:1.5!important;}
html body #services .e-service-list>.e-service .e-service-body p{margin:0 0 10px!important;}
html body #services .e-service-list>.e-service .e-service-body ul{margin:0 0 12px!important;display:grid!important;gap:7px!important;}
html body #services .e-service-list>.e-service .e-service-body li{margin:0!important;}
html body #detailPage#detailPage .maintenance-concept-page-v188 .maintenance-top-gallery-v188{height:auto!important;min-height:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto auto!important;gap:8px!important;align-content:start!important;}
html body #detailPage#detailPage .maintenance-concept-page-v188 .maintenance-photo-card-v188{grid-column:auto!important;grid-row:auto!important;min-height:0!important;max-height:none!important;height:auto!important;aspect-ratio:1.45!important;align-self:stretch!important;margin:0!important;}
html body #detailPage#detailPage .maintenance-concept-page-v188 .maintenance-photo-card-v188:first-child{grid-column:1 / -1!important;grid-row:1!important;aspect-ratio:1.6!important;}
html body #detailPage#detailPage .maintenance-concept-page-v188 .maintenance-photo-card-v188 img{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;}
html body .new-delivery.documentation-image-only{padding:0!important;width:100%!important;}
html body .documentation-image-only>.documentation-responsive-picture{display:block!important;width:100%!important;}
html body #workflow .new-delivery.documentation-image-only{width:calc(100% + 28px)!important;max-width:none!important;margin-left:-14px!important;margin-right:-14px!important;padding:0!important;}
html body .documentation-image-only .documentation-responsive-picture img{width:100%!important;max-width:100%!important;height:auto!important;transform:none!important;}

}


@media(max-width:760px){
html body #homePage#homePage .slider-container .hero-actions{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:10px!important;margin-top:16px!important;}
html body #homePage#homePage .slider-container .hero-actions a.btn{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 0!important;width:auto!important;min-width:0!important;min-height:44px!important;height:auto!important;padding:12px 10px!important;font-size:14px!important;line-height:1.3!important;letter-spacing:0!important;text-align:center!important;}
html body #services#services .e-heading{display:block!important;gap:10px!important;padding:12px 8px 8px!important;margin:8px 0 16px!important;min-height:0!important;height:auto!important;}
html body #services#services .e-heading h2{font-size:29px!important;line-height:1.18!important;margin:0!important;}
html body #services#services .e-heading p{font-size:17px!important;line-height:1.5!important;margin:12px 0 0!important;}
html body #detailPage#detailPage .sub-nav a[data-evo-current-mobile="true"]{border-bottom:3px solid #00a9d2!important;padding-bottom:6px!important;color:#163a67!important;}
}


@media(min-width:761px){
html body #homePage#homePage .slider-container .hero-actions{display:flex!important;align-items:center!important;gap:14px!important;}
html body #homePage#homePage .slider-container .hero-actions a.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-height:48px!important;padding:15px 20px!important;font-size:14px!important;line-height:1.4!important;letter-spacing:0!important;white-space:nowrap!important;}
html body #detailPage#detailPage .programming-concept-page-v188 .programming-overview-heading-v188>span{display:none!important;}
html body #detailPage#detailPage .programming-concept-page-v188 .programming-application-card-v188:last-child{grid-column:1 / -1!important;justify-self:center!important;width:40%!important;min-width:0!important;box-sizing:border-box!important;}
html body #detailPage#detailPage .sub-nav a[data-evo-current-mobile="true"]{border-bottom:3px solid #00a9d2!important;padding-bottom:6px!important;color:#163a67!important;}
html body #detailPage#detailPage .about-page .sub-hero .cad-eyebrow{text-transform:uppercase!important;}
html body #homePage#homePage .ref-capabilities>a:last-child svg{display:block!important;width:36px!important;height:36px!important;flex-shrink:0!important;}
}


.evo-documentation-readable{display:none;}
@media(max-width:760px){
html body #services#services .e-heading h2,html body #services#services .e-heading h2 *,html body #detailPage#detailPage .programming-concept-page-v188 h1{-webkit-hyphens:none!important;hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important;}
html body #detailPage#detailPage .programming-concept-page-v188 .programming-overview-heading-v188>span{display:none!important;}
html body #detailPage#detailPage .about-page .sub-hero .cad-eyebrow{text-transform:uppercase!important;}
html body #contact#contact .e-meta{margin-bottom:16px!important;}
html body #contact#contact .e-contact-layout{margin-top:0!important;}
html body #contact#contact .e-contact-copy .e-heading{padding:0!important;margin:0 0 14px!important;min-height:0!important;}
html body #contact#contact .e-contact-copy .e-heading h2{margin:0!important;}
html body #contact#contact .e-contact-copy>p{margin:0 0 20px!important;}
html body #workflow .evo-documentation-readable{display:block!important;padding:20px 16px!important;border:1px solid #b9deeb;border-left:2px solid #29b8d4;background:#eef8fc;color:#193e52;}
html body #workflow .evo-documentation-readable .doc-eyebrow{display:block;font-size:11px;letter-spacing:.09em;margin-bottom:8px;}
html body #workflow .evo-documentation-readable h3{font-size:24px!important;line-height:1.2!important;margin:0 0 12px!important;}
html body #workflow .evo-documentation-readable p{font-size:16px!important;line-height:1.5!important;margin:0 0 18px!important;}
html body #workflow .evo-documentation-readable ul{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
html body #workflow .evo-documentation-readable li{display:flex;gap:12px;align-items:flex-start;font-size:15px!important;line-height:1.4!important;}
html body #workflow .evo-documentation-readable svg{width:28px;height:28px;flex:0 0 28px;fill:none;stroke:#069bb6;stroke-width:1.6;}
html body #workflow .evo-documentation-readable strong{display:block;font-size:16px!important;margin-bottom:3px;}
html body #workflow .documentation-responsive-picture{position:relative!important;aspect-ratio:690 / 370!important;overflow:hidden!important;margin-top:12px!important;}
html body #workflow .documentation-responsive-picture img{position:absolute!important;bottom:0!important;left:0!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;}
}

html body #detailPage .service-ref-v85 .cad-eyebrow::after{display:none!important;content:none!important;}


/*
  CSAK a mobil legördülő menü javítása.
  Tartalom, fordítás, aloldalak, slider, desktop és egyéb vizuális részek érintetlenek.
*/
@media (min-width:761px) and (any-pointer:coarse){

  /* Fejléc sorrend marad: menü -> HU EN DE */
  html body .nav .navright{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  html body .nav .menu-toggle{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
  }
  html body .nav .irs-language-switch{
    order:2!important;
    flex:0 0 auto!important;
  }

  /* Tiszta hamburger / tiszta X – nincs "csillag" */
  html body .nav .menu-toggle > span{
    position:relative!important;
    display:block!important;
    width:22px!important;
    height:16px!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body .nav .menu-toggle > span::before,
  html body .nav .menu-toggle > span::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    width:22px!important;
    height:2px!important;
    background:currentColor!important;
    border:0!important;
    border-radius:1px!important;
    box-shadow:none!important;
    transform-origin:center!important;
  }

  /* Zárt állapot: 3 vonal.
     A középső vonalat box-shadow-val rajzoljuk. */
  html body .nav .menu-toggle[aria-expanded="false"] > span::before{
    top:1px!important;
    transform:none!important;
    box-shadow:0 6px 0 currentColor,0 12px 0 currentColor!important;
  }

  html body .nav .menu-toggle[aria-expanded="false"] > span::after{
    display:none!important;
  }

  /* Nyitott állapot: csak két vonalból álló X */
  html body .nav .menu-toggle[aria-expanded="true"] > span::before{
    top:7px!important;
    transform:rotate(45deg)!important;
    box-shadow:none!important;
  }

  html body .nav .menu-toggle[aria-expanded="true"] > span::after{
    display:block!important;
    top:7px!important;
    transform:rotate(-45deg)!important;
  }

  /* Kompakt legördülő panel, nem teljes képernyős nagy doboz */
  html body .nav #navLinks{
    position:absolute!important;
    top:100%!important;
    left:auto!important;
    right:10px!important;
    width:min(330px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 78px)!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;

    padding:10px!important;
    gap:4px!important;

    background:#edf4f6!important;
    border:1px solid #bfd1d8!important;
    border-radius:10px!important;
    box-shadow:0 16px 34px rgba(24,55,71,.22)!important;

    flex-direction:column!important;
    align-items:stretch!important;
    z-index:300!important;
  }

  html body .nav #navLinks.open{
    display:flex!important;
  }

  /* Fő menüpontok */
  html body .nav #navLinks > a,
  html body .nav #navLinks .nav-services-main{
    display:flex!important;
    align-items:center!important;
    min-height:42px!important;
    padding:10px 12px!important;
    margin:0!important;
    border:0!important;
    border-radius:7px!important;
    background:transparent!important;
    color:#17364a!important;
    -webkit-text-fill-color:#17364a!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.25!important;
    letter-spacing:.01em!important;
  }

  html body .nav #navLinks > a:hover,
  html body .nav #navLinks > a:focus-visible,
  html body .nav #navLinks .nav-services-main:hover,
  html body .nav #navLinks .nav-services-main:focus-visible{
    background:#dfecef!important;
  }

  /* Aktív oldal: csak finom alsó jelölés */
  html body .nav #navLinks > a.nav-active,
  html body .nav #navLinks .nav-services-main.nav-active{
    box-shadow:inset 0 -2px 0 #0db6c7!important;
  }

  /* Szolgáltatások sor + lenyitó nyíl */
  html body .nav .nav-services-menu{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    width:100%!important;
    align-items:center!important;
    margin:0!important;
  }

  html body .nav .nav-services-toggle{
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    display:grid!important;
    place-items:center!important;
  }

  html body .nav .nav-services-toggle span{
    width:0!important;
    height:0!important;
    border-left:5px solid transparent!important;
    border-right:5px solid transparent!important;
    border-top:7px solid #17364a!important;
    transition:transform .18s ease!important;
  }

  html body .nav .nav-services-menu.open .nav-services-toggle span{
    transform:rotate(180deg)!important;
  }

  /* Almenü alapból tényleg csukva */
  html body .nav .nav-services-dropdown{
    position:static!important;
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    margin:2px 0 4px!important;
    padding:4px!important;
    box-sizing:border-box!important;

    display:none!important;
    visibility:hidden!important;
    opacity:1!important;
    transform:none!important;

    background:#ddebef!important;
    border:0!important;
    border-radius:7px!important;
    box-shadow:none!important;
  }

  html body .nav .nav-services-menu.open .nav-services-dropdown{
    display:block!important;
    visibility:visible!important;
  }

  html body .nav .nav-services-dropdown a{
    display:block!important;
    padding:10px 11px!important;
    margin:0!important;
    border-bottom:1px solid #c6d9df!important;
    color:#17364a!important;
    -webkit-text-fill-color:#17364a!important;
    background:transparent!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.3!important;
    letter-spacing:0!important;
    white-space:normal!important;
  }

  html body .nav .nav-services-dropdown a:last-child{
    border-bottom:0!important;
  }

  /* Kapcsolat gomb kompakt, nem óriási */
  html body .nav #navLinks .nav-contact{
    min-height:44px!important;
    margin-top:4px!important;
    justify-content:center!important;
    background:#13c6d7!important;
    border:0!important;
    color:#103246!important;
    -webkit-text-fill-color:#103246!important;
    font-weight:700!important;
    box-shadow:none!important;
  }
}

@media (min-width:761px) and (any-pointer:coarse){
html body #services .e-service-list{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:start!important;}
html body #services .e-service-list>.e-service{grid-column:auto!important;min-width:0!important;min-height:0!important;height:auto!important;}
html body #services .e-service-list>.e-service summary{position:relative!important;display:grid!important;grid-template-columns:minmax(86px,.75fr) minmax(0,1.5fr)!important;align-items:center!important;gap:12px!important;padding:12px!important;min-height:0!important;height:auto!important;}
html body #services .e-service-list>.e-service summary>.ref-card-image{display:block!important;width:100%!important;height:110px!important;min-height:0!important;object-fit:cover!important;}
html body #services .e-service-list>.e-service summary>span:not(.e-expand){min-width:0!important;padding:0 26px 0 0!important;}
html body #services .e-service-list>.e-service summary strong{font-size:16px!important;line-height:1.3!important;}
html body #services .e-service-list>.e-service summary small{font-size:12px!important;line-height:1.45!important;margin-top:6px!important;}
html body #services .e-service-list>.e-service summary>.e-expand{position:absolute!important;right:8px!important;bottom:10px!important;width:28px!important;height:28px!important;}
html body #services .e-service-list>.e-service .e-service-body{width:100%!important;max-width:none!important;min-width:0!important;padding:0 16px 16px!important;}
html body #services .e-service-list>.e-service .e-service-body :is(p,li){font-size:14px!important;line-height:1.5!important;}
html body #services .e-service-list>.e-service .e-service-body p{margin:0 0 10px!important;}
html body #services .e-service-list>.e-service .e-service-body ul{margin:0 0 12px!important;display:grid!important;gap:7px!important;}
html body #services .e-service-list>.e-service .e-service-body li{margin:0!important;}

html body .nav #navLinks:not(.open){display:none!important;}
html body .nav #menuToggle{display:flex!important;order:1!important;color:#f4f9fb!important;width:40px!important;height:40px!important;flex:0 0 40px!important;}
html body .nav .irs-language-switch{order:2!important;}
html body .nav #navLinks a{white-space:normal!important;text-transform:none!important;}
html body .nav #navLinks .nav-services-toggle span{background:none!important;border-bottom:0!important;transform:none!important;}
html body .nav #navLinks .nav-services-menu.open .nav-services-toggle span{transform:rotate(180deg)!important;}
html body #services .e-service-list{display:grid!important;}
}


.ref-trust>.ref-trust-robot{overflow:hidden;background:#626264;}
.ref-trust>.ref-trust-robot>img{position:absolute;max-width:none;height:205%;width:auto;left:33%;top:-40%;transform:none;}
@media(max-width:960px),(any-pointer:coarse){
html body .nav #navLinks{top:100%!important;max-height:var(--evo-menu-available,calc(100dvh - 90px))!important;overflow-y:auto!important;overscroll-behavior:contain;}
html body .nav #navLinks>a,html body .nav #navLinks>.nav-services-menu{flex-shrink:0!important;}
html body .nav #navLinks a,html body .nav #navLinks button{color:#17364a!important;-webkit-text-fill-color:#17364a!important;}
html body .nav #navLinks .nav-contact{color:#103246!important;-webkit-text-fill-color:#103246!important;}
}
