@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--red:#c71932;--red2:#a70f25;--ink:#17202b;--muted:#657080;--cream:#faf8f6;--line:#e9e5e2;--white:#fff;--green:#176b4d;--shadow:0 20px 55px rgba(23,32,43,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;line-height:1.15;letter-spacing:-.035em;margin:0 0 18px}h1{font-size:clamp(2.6rem,5.4vw,4.9rem);font-weight:800}h2{font-size:clamp(2rem,3.5vw,3.1rem);font-weight:800}h3{font-size:1.18rem;letter-spacing:-.02em}p{margin:0 0 16px;color:var(--muted)}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topline{background:#181f29;color:#fff;font-size:.84rem}.topline .container{display:flex;justify-content:space-between;gap:15px;padding:9px 0}.topline a{color:#fff;text-decoration:none}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,30,40,.07)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{display:block;width:270px;max-height:76px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:25px}.navlinks a{text-decoration:none;font-weight:700;font-size:.94rem}.navlinks a:hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:14px 21px;font-weight:700;text-decoration:none;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px #a70f2528}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red2)}.btn-light{background:#fff;color:var(--ink);border-color:var(--line)}.btn-outline{border-color:#ffffff8c;color:white}.hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#171e28 0%,#242b35 57%,#3b2027 100%);color:#fff;padding:76px 0 78px}.hero:before{content:'';position:absolute;width:540px;height:540px;border-radius:50%;right:-130px;top:-210px;background:radial-gradient(circle,#c719324f,transparent 68%)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:52px;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.76rem;color:#f2a3af;margin-bottom:22px}.eyebrow:before{content:'';width:25px;height:2px;background:var(--red)}.hero h1 span{color:#ff667a}.hero .lead{font-size:1.12rem;color:#d7dbe0;max-width:610px;margin-bottom:27px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 28px}.trustline{display:flex;align-items:center;gap:11px;color:#e7e9ed;font-size:.92rem}.trustline strong{color:#fff}.trusticon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff17;color:#ff9eab}.hero-photo{position:relative;min-height:510px}.photo-main{position:absolute;inset:0 30px 25px 0;border-radius:18px;overflow:hidden;box-shadow:0 25px 65px #0006}.photo-main img{width:100%;height:100%;object-fit:cover}.photo-tag{position:absolute;right:0;bottom:0;width:220px;padding:20px;border-radius:14px;background:white;color:var(--ink);box-shadow:var(--shadow)}.photo-tag strong{font-family:Manrope;font-size:1.75rem;display:block;line-height:1.1}.photo-tag span{font-size:.88rem;color:var(--muted)}.mini-badge{position:absolute;top:28px;left:-22px;padding:12px 17px;background:#fff;color:var(--ink);border-radius:10px;box-shadow:var(--shadow);font-size:.85rem;font-weight:700}.mini-badge b{color:var(--red)}.proofbar{border-bottom:1px solid var(--line);background:#fff}.proofgrid{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;gap:20px}.proof{display:flex;align-items:center;gap:13px;justify-content:center}.proof .icon{width:43px;height:43px;border-radius:12px;background:#fff0f2;color:var(--red);display:grid;place-items:center;flex-shrink:0}.proof strong{display:block;font-size:.97rem}.proof small{color:var(--muted);font-size:.82rem}.section{padding:94px 0}.section-soft{background:var(--cream)}.section-head{max-width:720px;margin:0 auto 45px;text-align:center}.section-head p{font-size:1.04rem}.kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;color:var(--red);font-weight:800;display:block;margin-bottom:13px}.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:64px;align-items:center}.about-img{position:relative;min-height:500px}.about-img img{position:absolute;width:78%;height:84%;object-fit:cover;border-radius:15px;box-shadow:var(--shadow)}.about-img img:first-child{left:0;top:0}.about-img img:last-child{right:0;bottom:0;border:8px solid var(--cream)}.about-copy p{font-size:1.03rem}.checklist{list-style:none;padding:0;margin:25px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.checklist li{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:.94rem}.checklist li:before{content:'✓';display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border-radius:50%;background:#e7f4ed;color:var(--green);font-weight:800}.jobs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.job{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff;transition:transform .25s,box-shadow .25s}.job:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.job img{width:100%;height:185px;object-fit:cover;display:block}.job-body{padding:17px}.job-body h3{margin:0 0 6px}.job-body p{font-size:.88rem;margin:0}.job .job-icon{color:var(--red);font-size:1.25rem;margin-bottom:8px}.jobs-note{text-align:center;margin:28px auto 0;max-width:700px;font-size:.92rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{padding:28px;border-radius:15px;background:#fff;border:1px solid var(--line)}.step-no{width:46px;height:46px;border-radius:13px;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.1rem;margin-bottom:20px}.step p{margin:0}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.support-photo{height:460px;border-radius:17px;overflow:hidden}.support-photo img{width:100%;height:100%;object-fit:cover}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0}.service{display:flex;gap:10px;font-weight:600;font-size:.92rem}.service span{color:var(--red);font-weight:800}.cta{padding:65px 0;background:linear-gradient(120deg,var(--red2),var(--red));color:#fff}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{max-width:700px;margin-bottom:10px}.cta p{color:#ffe5e8;margin:0}.cta .btn{white-space:nowrap}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.contact-card{background:var(--cream);border:1px solid var(--line);padding:28px;border-radius:15px}.contact-row{display:flex;gap:15px;margin:22px 0}.contact-row .icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#fff0f2;color:var(--red);flex-shrink:0}.contact-row small{display:block;color:var(--muted);font-size:.83rem}.contact-row a{font-weight:700;text-decoration:none;overflow-wrap:anywhere}.contact-row a:hover{color:var(--red)}.contact-text{padding:25px 0}.footer{background:#171e28;color:#fff;padding:35px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer p{color:#c3c8cf;margin:0;font-size:.88rem}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer a{color:#fff;text-decoration:none;font-size:.88rem}.footer a:hover{text-decoration:underline}.footer .host{color:#d7dbe0}.cookie{position:fixed;z-index:50;bottom:18px;left:18px;right:18px;max-width:1020px;margin:auto;padding:20px 22px;background:#fff;border:1px solid #e4e4e4;border-radius:15px;box-shadow:0 16px 60px #0002;display:none}.cookie.show{display:block;animation:slideup .35s ease}.cookie-inner{display:flex;align-items:center;gap:22px}.cookie p{font-size:.88rem;margin:0;flex:1}.cookie-actions{display:flex;gap:9px;flex-wrap:wrap}.cookie-actions button{font:inherit;font-size:.85rem;padding:10px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:700}.cookie-actions .accept{background:var(--red);border-color:var(--red);color:#fff}.subhero{background:linear-gradient(115deg,#171e28,#3b2027);color:#fff;padding:65px 0}.subhero p{color:#d7dbe0}.policy{max-width:850px;margin:auto}.policy h2{font-size:1.5rem;margin-top:35px;letter-spacing:-.02em}.policy p,.policy li{color:#4f5966}.notice{padding:16px 18px;background:#fff7e6;border-left:4px solid #d99a23;border-radius:6px;color:#59451d;margin:24px 0}.backlink{display:inline-block;margin-top:15px;color:var(--red);font-weight:700}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@keyframes slideup{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:900px){.navlinks{gap:13px}.navlinks a:not(.btn){display:none}.hero-grid,.about-grid,.support-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:35px}.hero-photo{min-height:430px}.about-img{min-height:440px;max-width:580px;width:100%;margin:auto}.jobs-grid{grid-template-columns:repeat(2,1fr)}.cta-grid{align-items:flex-start;flex-direction:column}.steps{gap:14px}.step{padding:22px}}@media(max-width:600px){.container{width:min(100% - 28px,1160px)}.topline .container{font-size:.75rem;justify-content:center}.topline .top-right{display:none}.nav{min-height:70px}.brand img{width:210px;max-height:62px}.nav .btn{padding:10px 12px;font-size:.82rem}.hero{padding:55px 0 48px}.hero-photo{min-height:340px}.photo-main{right:18px;bottom:20px}.mini-badge{left:-4px;top:15px}.photo-tag{width:175px;padding:15px}.proofgrid{grid-template-columns:1fr;gap:14px}.proof{justify-content:flex-start}.section{padding:65px 0}.checklist{grid-template-columns:1fr}.jobs-grid{gap:11px}.job img{height:145px}.job-body{padding:13px}.job-body h3{font-size:1rem}.steps{grid-template-columns:1fr}.support-photo{height:330px}.service-list{grid-template-columns:1fr}.footer-grid{align-items:flex-start;flex-direction:column}.cookie{left:10px;right:10px;bottom:10px;padding:16px}.cookie-inner{align-items:flex-start;flex-direction:column;gap:13px}.cookie-actions{width:100%}.cookie-actions button{flex:1}.contact-grid{gap:25px}}

/* Kiegészítések: szolgáltatáslista és lap tetejére gomb */
.service-list{grid-template-columns:1fr;gap:12px}
.service{align-items:flex-start;white-space:normal}
.service span{flex:0 0 1em}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:45;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;text-decoration:none;font-size:1.8rem;font-weight:700;line-height:1;box-shadow:0 8px 24px #0003;transition:transform .2s,background .2s}
.back-to-top:hover{background:var(--red2);transform:translateY(-3px)}
.back-to-top:focus-visible{outline:3px solid #171e28;outline-offset:3px}
@media(max-width:600px){.back-to-top{right:14px;bottom:14px;width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}

/* Fejléc kapcsolati ikonok és nagyobb logó */
.top-right a{display:inline-flex;align-items:center;gap:6px}.contact-mini-icon{display:inline-flex;width:17px;height:17px;align-items:center;justify-content:center;color:#ff9eab;font-size:15px;font-weight:800}


/* 2026-10-09: erősebb arculat, nagyobb logó és látványos, de visszafogott fotóanimációk */
.brand img{width:340px;max-height:92px;transition:transform .3s ease,filter .3s ease}
.brand:hover img{transform:scale(1.035);filter:drop-shadow(0 5px 9px rgba(199,25,50,.15))}
.nav{min-height:98px}
.hero-photo{perspective:1000px}
.photo-main{isolation:isolate;transform:rotate(1.2deg);transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}
.photo-main img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .6s ease;will-change:transform}
.hero-photo:hover .photo-main{transform:rotate(0) translateY(-5px);box-shadow:0 32px 80px #0008}
.hero-photo:hover .photo-main img{transform:scale(1.075);filter:saturate(1.12)}
.photo-orbit{position:absolute;pointer-events:none;border:1px solid rgba(255,255,255,.34);border-radius:50%;z-index:2}
.orbit-one{width:115px;height:115px;right:-4px;top:22px;animation:orbitFloat 7s ease-in-out infinite}
.orbit-two{width:52px;height:52px;left:18px;bottom:40px;border:7px solid rgba(199,25,50,.7);animation:orbitFloat 5s ease-in-out infinite reverse}
.job{position:relative;isolation:isolate}
.job img{transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s ease;will-change:transform}
.job:hover img{transform:scale(1.08);filter:saturate(1.16) contrast(1.03)}
.job:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,transparent 20%,rgba(255,255,255,.25) 45%,transparent 62%);transform:translateX(-130%);transition:transform .8s ease}
.job:hover:after{transform:translateX(130%)}
.about-img img,.support-photo img{transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .7s ease;will-change:transform}
.about-img:hover img:first-child,.support-photo:hover img{transform:scale(1.045);filter:saturate(1.1)}
.about-img:hover img:last-child{transform:scale(1.035) translate(-4px,-4px)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.contact-name{font-size:clamp(1.55rem,2.5vw,2rem);margin-bottom:22px}
.section-head p br,.jobs-note br,.support-grid p br{display:block;content:"";margin-top:.18em}
@keyframes orbitFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-13px,0) rotate(12deg)}}
@media(max-width:900px){.brand img{width:260px;max-height:76px}.nav{min-height:82px}}
@media(max-width:600px){.brand img{width:225px;max-height:68px}.nav{min-height:74px}.photo-orbit{display:none}.photo-main{transform:none}}
@media(prefers-reduced-motion:reduce){.brand img,.photo-main,.photo-main img,.job img,.about-img img,.support-photo img,.reveal,.photo-orbit,.job:after{animation:none!important;transition:none!important;transform:none!important}.reveal{opacity:1}}


/* 2026-10-09 – utolsó finomítások */
.policy p, .policy li { text-align: justify; text-justify: inter-word; }
.policy h2, .policy h3 { text-align: left; }
.facebook-line { display: inline; }
@media (min-width: 901px) { .section-head:has(.facebook-line) { max-width: 100%; } .facebook-line { white-space: nowrap; } }
@media (max-width: 900px) { .facebook-line { white-space: normal; } }
/* A képek mozgása ne csak egér fölé vitelekor legyen észrevehető. */
@keyframes imageDrift { 0%, 100% { transform: scale(1.015) translateY(0); filter: saturate(1.02); } 50% { transform: scale(1.065) translateY(-3px); filter: saturate(1.13) contrast(1.015); } }
.photo-main img { animation: imageDrift 12s ease-in-out infinite; }
.job img { animation: imageDrift 10s ease-in-out infinite; }
.job:nth-child(2n) img { animation-delay: -3s; }
.job:nth-child(3n) img { animation-delay: -6s; }
.about-img img:first-child { animation: imageDrift 14s ease-in-out infinite; }
.support-photo img { animation: imageDrift 13s ease-in-out infinite; }
@media (hover: hover) { .hero-photo:hover .photo-main img, .job:hover img { animation-play-state: paused; } }
@media (prefers-reduced-motion: reduce) { .photo-main img, .job img, .about-img img:first-child, .support-photo img { animation: none !important; } }

/* Fotóeffektek – jól látható mozgás asztali gépen és érintőkijelzőn is */
@keyframes photoMotionVisible {
  0%, 100% { transform: scale(1.02) translateY(0); filter: saturate(1.04) contrast(1); }
  50% { transform: scale(1.09) translateY(-5px); filter: saturate(1.2) contrast(1.035); }
}
.photo-main img,
.job img,
.about-img img:first-child,
.support-photo img {
  animation: photoMotionVisible 8s ease-in-out infinite;
  transform-origin: center center;
}
.job { position: relative; }
.job img { transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .45s ease; }
@media (hover: hover) and (pointer: fine) {
  .photo-main img, .job img, .about-img img, .support-photo img { cursor: default; }
  .hero-photo:hover .photo-main img { animation-play-state: paused; transform: scale(1.12); filter: saturate(1.24) contrast(1.05); }
  .job:hover img { animation-play-state: paused; transform: scale(1.12); filter: saturate(1.25) contrast(1.06); }
  .about-img:hover img:first-child, .support-photo:hover img { animation-play-state: paused; transform: scale(1.09); filter: saturate(1.2) contrast(1.04); }
  .about-img:hover img:last-child { transform: scale(1.07) translate(-4px,-4px); }
}
/* Ha az eszköz csökkentett mozgást kér, a lebegő díszek kikapcsolnak,
   de a felhasználó által kért, lassú fotómozgás megmarad. */
@media (prefers-reduced-motion: reduce) {
  .photo-main img, .job img, .about-img img:first-child, .support-photo img {
    animation: photoMotionVisible 8s ease-in-out infinite !important;
    transition: filter .3s ease, transform .3s ease !important;
  }
}


/* Végleges fotóeffektek: csak egér fölé vitelekor működnek, folyamatos mozgás nélkül. */
.photo-orbit.orbit-two { display: none !important; } /* korábbi piros karika eltávolítása */
.photo-main, .job, .about-img, .support-photo { overflow: hidden; position: relative; }
.photo-main img, .job img, .about-img img, .support-photo img {
  animation: none !important;
  transition: transform .45s ease, filter .45s ease !important;
  transform: none;
}
.photo-main::after, .job::after, .about-img::after, .support-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-130%) skewX(-18deg);
  background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.32) 48%, rgba(255,255,255,.08) 56%, transparent 68%);
  transition: opacity .2s ease;
  z-index: 2;
}
@media (hover: hover) and (pointer: fine) {
  .hero-photo:hover .photo-main img,
  .job:hover img,
  .about-img:hover img:first-child,
  .support-photo:hover img {
    transform: scale(1.045) !important;
    filter: saturate(1.08) brightness(1.025) !important;
  }
  .hero-photo:hover .photo-main::after,
  .job:hover::after,
  .about-img:hover::after,
  .support-photo:hover::after {
    opacity: 1;
    animation: photoSheen .8s ease-out both;
  }
}
@keyframes photoSheen {
  from { transform: translateX(-130%) skewX(-18deg); }
  to { transform: translateX(130%) skewX(-18deg); }
}
@media (hover: none), (pointer: coarse) {
  .photo-main::after, .job::after, .about-img::after, .support-photo::after { display: none; }
  .photo-main img, .job img, .about-img img, .support-photo img { animation: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .photo-main img, .job img, .about-img img, .support-photo img {
    animation: none !important;
    transition: none !important;
  }
  .photo-main::after, .job::after, .about-img::after, .support-photo::after { animation: none !important; }
}


/* Végleges képeffekt: a fotók nem mozognak, csak egér fölé vitelekor fut végig rajtuk egy fénycsík. */
.photo-orbit { display: none !important; } /* eltávolítja a karikaszerű dekorációkat a hero fotó körül */
.photo-main, .job, .about-img, .support-photo {
  overflow: hidden;
  position: relative;
}
.photo-main img, .job img, .about-img img, .support-photo img {
  animation: none !important;
  transform: none !important;
  transition: filter .3s ease !important;
}
.photo-main::after, .job::after, .about-img::after, .support-photo::after {
  content: "";
  position: absolute;
  top: -15%;
  bottom: -15%;
  left: -75%;
  width: 42%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,.08) 30%, rgba(255,255,255,.58) 50%, rgba(255,255,255,.12) 66%, transparent 100%);
  transform: skewX(-18deg);
  z-index: 3;
}
@media (hover: hover) and (pointer: fine) {
  .hero-photo:hover .photo-main::after,
  .job:hover::after,
  .about-img:hover::after,
  .support-photo:hover::after {
    opacity: 1;
    animation: photoLightSweep .9s ease-out both;
  }
  .hero-photo:hover .photo-main img,
  .job:hover img,
  .about-img:hover img,
  .support-photo:hover img {
    filter: brightness(1.035) saturate(1.035) !important;
  }
}
@keyframes photoLightSweep {
  from { left: -75%; }
  to { left: 145%; }
}
/* A Rólunk blokk egyetlen, nagyobb fotója töltse ki a szöveg melletti képoszlopot. */
.about-img {
  display: block !important;
  width: 100%;
  height: 100%;
  min-height: 440px;
}
.about-img img {
  display: none !important;
}
.about-img img[src*="cnc.webp"] {
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 440px;
  max-height: 620px;
  object-fit: cover;
  border-radius: 18px;
}
@media (max-width: 760px) {
  .about-img { min-height: 300px; }
  .about-img img[src*="cnc.webp"] { min-height: 300px; }
}
@media (hover: none), (pointer: coarse) {
  .photo-main::after, .job::after, .about-img::after, .support-photo::after { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .photo-main::after, .job::after, .about-img::after, .support-photo::after { animation: none !important; }
}


/* FINAL FIX: no image movement/zoom. A light streak appears only while hovering. */
.photo-orbit { display: none !important; }
.photo-main, .hero-photo:hover .photo-main {
  transform: none !important;
  animation: none !important;
  box-shadow: none !important;
}
.photo-main img, .job img, .about-img img, .support-photo img,
.hero-photo:hover .photo-main img, .job:hover img,
.about-img:hover img, .support-photo:hover img,
.about-img:hover img:first-child, .about-img:hover img:last-child {
  transform: none !important;
  animation: none !important;
  filter: none !important;
  transition: filter .25s ease !important;
}
.photo-main, .job, .about-img, .support-photo {
  position: relative !important;
  overflow: hidden !important;
}
.photo-main::after, .job::after, .about-img::after, .support-photo::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: -80% !important;
  width: 42% !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: skewX(-18deg) !important;
  background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,.12) 32%, rgba(255,255,255,.72) 50%, rgba(255,255,255,.16) 66%, transparent 100%) !important;
  transition: none !important;
  animation: none !important;
  z-index: 10 !important;
}
@media (hover: hover) and (pointer: fine) {
  .hero-photo:hover .photo-main::after,
  .job:hover::after,
  .about-img:hover::after,
  .support-photo:hover::after {
    opacity: 1 !important;
    animation: finalLightStreak .85s ease-out 1 both !important;
  }
  .hero-photo:hover .photo-main img,
  .job:hover img,
  .about-img:hover img,
  .support-photo:hover img {
    transform: none !important;
    filter: brightness(1.025) !important;
  }
}
@keyframes finalLightStreak {
  0% { left: -80%; opacity: 0; }
  12% { opacity: 1; }
  100% { left: 145%; opacity: 0; }
}
@media (hover: none), (pointer: coarse) {
  .photo-main::after, .job::after, .about-img::after, .support-photo::after {
    display: none !important;
    animation: none !important;
  }
}


/* Fénycsík-javítás: az opacity a hover állapotból jön, az animáció csak a csík útját vezérli. */
.photo-main::after, .job::after, .about-img::after, .support-photo::after {
  opacity: 0 !important;
  left: -80% !important;
  animation: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .hero-photo:hover .photo-main::after,
  .job:hover::after,
  .about-img:hover::after,
  .support-photo:hover::after {
    opacity: 1 !important;
    left: -80% !important;
    animation: lightStreakTravel .85s ease-out 1 both !important;
  }
}
@keyframes lightStreakTravel {
  from { left: -80%; }
  to { left: 145%; }
}


/* Végleges, célzott fénycsík-javítás: a csík háttérpozíciója mozog, a fotó maga nem. */
.photo-main::after,
.job::after,
.about-img::after,
.support-photo::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 20 !important;
  transform: none !important;
  animation: none !important;
  background-image: linear-gradient(
    110deg,
    transparent 0%,
    transparent 38%,
    rgba(255,255,255,.16) 43%,
    rgba(255,255,255,.92) 50%,
    rgba(255,255,255,.24) 57%,
    transparent 63%,
    transparent 100%
  ) !important;
  background-size: 250% 100% !important;
  background-repeat: no-repeat !important;
  background-position: 100% 0;
}
@media (hover: hover) and (pointer: fine) {
  .hero-photo:hover .photo-main::after,
  .job:hover::after,
  .about-img:hover::after,
  .support-photo:hover::after {
    opacity: 1 !important;
    animation: actualLightStreak .9s ease-out 1 both !important;
  }
}
@keyframes actualLightStreak {
  from { background-position: 100% 0; }
  to   { background-position: 0% 0; }
}
@media (hover: none), (pointer: coarse) {
  .photo-main::after,
  .job::after,
  .about-img::after,
  .support-photo::after {
    display: none !important;
    animation: none !important;
  }
}

/* 2026-10-09: egyszerű, megbízható hover-effekt – nincs képmozgatás vagy fénycsík */
.photo-main,
.job,
.about-img,
.support-photo {
  transition: box-shadow .25s ease, outline-color .25s ease !important;
}
.photo-main img,
.job img,
.about-img img,
.support-photo img {
  animation: none !important;
  transform: none !important;
  transition: filter .25s ease !important;
}
.photo-main::after,
.job::after,
.about-img::after,
.support-photo::after,
.photo-orbit {
  display: none !important;
  animation: none !important;
  content: none !important;
}
.hero-photo:hover .photo-main,
.job:hover,
.about-img:hover,
.support-photo:hover {
  transform: none !important;
  box-shadow: 0 0 0 3px rgba(199, 25, 50, .42), 0 12px 28px rgba(23, 32, 43, .18) !important;
}
.hero-photo:hover .photo-main img,
.job:hover img,
.about-img:hover img,
.support-photo:hover img {
  transform: none !important;
  filter: brightness(1.07) saturate(1.06) !important;
}
@media (prefers-reduced-motion: reduce) {
  .photo-main, .job, .about-img, .support-photo,
  .photo-main img, .job img, .about-img img, .support-photo img {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}