@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@200;300;400;600;700;800&display=swap');
body{font-family: var(--font-main);font-weight: 300; font-optical-sizing: auto;font-style: normal;color:var(--color-3);font-size:1rem;font-weight:400}
.alt-font, .alt-font > * {font-optical-sizing: auto;}
a{transition:all ease-out .3s;color:var(--color-2);text-decoration:none;position:relative;}
a:hover,a:active{text-decoration:none;color:inherit;opacity: 1;}
h1,h2,h3,h4{font-weight:200}

:root {
    --swiper-navigation-size: 24px;
    --font-main: 'Kumbh Sans', sans-serif;
}

/*site*/
.hero-container {background-color:#222}

/* GPU gyorsított parallax háttér */
.parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%; /* Nagyobb, hogy legyen hely a mozgásnak */
    background-size: cover;
    background-position: center;
    z-index: 1;
    will-change: transform;
}

/* Sötétítés a jobb olvashatóságért */
.hero-container::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    /* Balról jobbra haladó átmenet: 
       Erős fehér a szöveg alatt -> Teljesen átlátszó a kép felett */
    background: linear-gradient(0deg, 
        rgba(255, 255, 255, 0.8) 0%, 
        rgba(255, 255, 255, 0.4) 40%, 
        rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}
.inner.hero-container::after {display:none}
.navbar {
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

/* Navbar inverz stílusa */
.navbar-custom {background-color:rgba(255, 255, 255, 0.5) !important}
.navbar-custom .nav-link {color:#000 !important;font-weight:600;font-size:1rem;position:relative;transition:color 0.3s ease}
/* Menüpont hover animáció - Lentről felfelé */
.navbar-custom .nav-link {position:relative;z-index: 1}

.navbar-custom .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px; /* Az általad kért vastagság */
    background-color: var(--color-1);
    
    /* Kezdeti állapot: magasság nulla */
    transform: scaleY(0);
    /* Az aljához rögzítjük, hogy felfelé nőjön */
    transform-origin: bottom;
    
    /* Hardveres gyorsítás és sima átmenet */
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: -1; /* A szöveg mögé/alá kerüljön, ha rácsúszna */
}

.navbar-custom .nav-link:hover::after {
    /* Hoverre visszaugrik az eredeti 10px magasságra */
    transform: scaleY(1);
}

/* Opcionális: ha azt szeretnéd, hogy a szöveg színe is változzon, 
   amikor a vonal "alákúszik" */
.navbar-custom .nav-link:hover {
    color: #000 !important;
    transition: color 0.2s ease;
}
.section-space {padding:50px 0}
/* Képek egymásra csúsztatása */
.image-stack {
    position: relative;
    height: 450px;
    width: 100%;
}
.image-stack img {position:absolute;max-width:420px;object-fit:cover;box-shadow:0 0 0 6px #fff;border-radius:12px;object-position:center;opacity:1 !important}
.stack-1 {left:0;top:0;z-index:1}
.stack-2 {left:50%;bottom:0;transform:translateX(-50%);z-index:2}
.stack-3 {right:0;top:50%;z-index:3;transform:translateY(-50%)}

/* SVG dekoráció pozícionálása */
.svg-decor {position:absolute;z-index:1;pointer-events:none;max-height:100%;opacity:1 !important}
.decor-1 {bottom:0;left:3%;aspect-ratio:224/433}
.decor-2 {bottom:3%;right:3%;aspect-ratio:216/111}
.decor-3 {top:34%;left:3%;aspect-ratio:320/78}
.decor-4 {top:0;right:3%;aspect-ratio:156/640}
.decor-5 {top:50%;left:1%;aspect-ratio:273/469;transform:translateY(-50%)}
.decor-6 {top:50%;right:3%;aspect-ratio:240/140;transform:translateY(-50%)}
.svg-left {
    left: -150px;
    bottom: -100px;
    opacity: 0.5;
}

/* Új GSAP alaphelyzetek a villogás ellen */
.gsap-from-left, .gsap-from-left-small, .gsap-from-right-small, .gsap-fade-in {
    opacity: 0;
    will-change: transform, opacity;
}
.btn span {display:block}
.box .btn {transform:translateY(50%)}
.box a:hover .btn {transform:translateY(50%) scale(1.1)}
.circle {width:144px;height:144px;border-radius:50%;aspect-ratio:1/1;background-color:var(--color-1);margin:-72px auto 0 auto}
.imgbox img {border-radius:12px;box-shadow:0 0 12px #fff}
#totop a svg {fill:#fff}
#totop a:hover svg {fill:#000}
.menu {text-transform:uppercase}
.menu ul {list-style:none;padding:0}
.menu.vertical li {padding:3px 0}
footer svg {max-width:100%;height:auto}
.navbar {margin-top:-62px}
.navbar.internal {margin-top:0;margin-bottom:-62px}
.fs-48 h2 {font-size:48px}
article h1, article h2, article h3, article h4, article h5 {text-transform:uppercase;font-weight:400;color:var(--color-2)}
.video-card {position:relative;background:#000;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio: 9 / 16;box-shadow:0 6px 20px rgba(0,0,0,0.12)}
.video-thumb {width:100%;height:100% !important;object-fit:cover;display:block}
.play-overlay {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(0,0,0,0.25);
      transition: background 0.3s ease;
    }

    .video-card:hover .play-overlay {
      background: rgba(0,0,0,0.4);
    }

    .play-button {
      width: 72px;
      height: 72px;
      border-radius: 50%;
      background: rgba(255,255,255,0.92);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      color: #000;
      box-shadow: 0 4px 16px rgba(0,0,0,0.25);
    }

    .video-frame {
      width: 100%;
      height: 100%;
      border: 0;
      display: block;
    }

    .video-title {
      font-weight: 600;
      margin-top: 12px;
      text-align: center;
    }
#video-wrapper {display:block !important}
#video-wrapper iframe {width:100%;height:56.25vw;min-height:100%;pointer-events:none}
.text-shadow-white {-webkit-text-stroke: 1px #000; text-shadow:0 0 1px #000}

/*placeholders*/
::-webkit-input-placeholder, ::placeholder {color:var(--color-1)!important;font-size:1rem!important;font-weight:600;line-height: 100%;}
::-moz-placeholder{color:var(--color-1)!important;font-size:1rem;font-weight:600;line-height: 100%;}
:-ms-input-placeholder{color:var(--color-1)!important;font-size:1rem;font-weight:600;line-height: 100%;}
:-moz-placeholder{color:var(--color-1)!important;font-size:1rem;font-weight:600;line-height: 100%;}


@media (min-width: 992px) {
.fs-lg-64 h2 {font-size:64px}
}
@media (min-width: 1200px) {

} 
@media (min-width: 1800px) {
} 
@media (min-width: 767px) {
  
}
@media (max-width: 1399px) {
.image-stack img {max-width:360px}
.decor-1 {left:2%}
}
@media (max-width: 1199px) {
/*.image-stack {display:flex;justify-content:space-between}
.image-stack img {position:relative;max-width:100%;width:33.333333%} 
.stack-1 {left:auto;top:auto;z-index:1;transform:translate(0,-25px) !important}
.stack-2 {left:auto;bottom:0;z-index:2;transform:translate(0,25px) !important}
.stack-3 {right:auto;top:auto;z-index:3;transform:none !important}*/
.min-vh-50 {min-height:460px}
.decor-1 {left:1%}
}
@media (max-width: 992px) {
.min-vh-50 {min-height:420px}
.image-stack img {max-width:320px} 
.navbar {margin-top:-57px}
.navbar-custom {background-color:rgba(255, 255, 255, 0.96) !important}
#video-wrapper iframe {min-width:100%;width:177.78vh;height:100%;min-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
}
@media (max-width: 768px) {
.min-vh-50 {min-height:320px}
.image-stack img {max-width:240px}  
}
@media (max-width: 576px) {
.min-vh-50 {min-height:260px}
.image-stack img {max-width:180px}  
}

@media (orientation: portrait) {
  
 }

/*cookie popup css*/
.popup-cookieconsent-div-footer {background-color: transparent!important;}
.popup-cookieconsent-div {background-color: #333!important;overflow-y: auto!important;}
.popup-cookieconsent-div-content {background-color: #333!important;color:#fff!important;}
.cook.active {color: #fff!important;}
.cookies-allowed-title {color: #fff !important;}
.popup-cookieconsent-div a {color: #d3d3d3!important;}
.popup-cookieconsent-div .row, .popup-cookieconsent-down .row {max-width: 1240px;margin-left:auto!important;margin-right: auto!important;}
.popup-cookieconsent-down {background-color: #333!important;border-top:none!important;position: fixed;bottom:0;left:0;width:100%;}
.popup-cookieconsent-down a {color: #fff;}
.popup-cookieconsent-down p {color: #fff;}
.popup-cookieconsent-button a {border:solid 3px #fff!important;border-radius: 0!important;padding-left: 24px!important;padding-right:24px!important;background-color:#fff!important;}
.popup-cookieconsent-button a:hover {color:#333!important;}
.popup-cookieconsent-button.save a, .popup-cookieconsent-button.allow a {background-color: #333!important;color:#fff!important;}
.popup-cookieconsent-button.cancel a, .popup-cookieconsent-close-button a {color: #333!important;}
.popup-cookieconsent-close-button a:after {line-height: 24px;}

@media (max-width: 767px) {
  .popup-cookieconsent-button  {display: block!important;}
  .cookies-allowed-title {margin-top: 1rem!important;}
}