/* =========================================
GLOBAL MOBILE RESPONSIVE
========================================= */

@media (max-width: 1024px){

/* HERO */
.hero-title{
    font-size:32px;
    margin-left:0;
    text-align:center;
}

.hero-subtext{
    margin-left:0;
    text-align:center;
}

.buttons{
    margin-left:0;
    justify-content:center;
}

/* VIDEO HERO */
.hero-video{
    position:relative;
    top:auto;
    right:auto;
    margin:40px auto;
    display:flex;
    justify-content:center;
}

.fake-video{
    width:100%;
    max-width:500px;
    height:auto;
}

/* FLOW STEPS */
.flow-wrapper{
    height:auto;
}

.flow-step{
    position:relative;
    transform:none;
    margin:40px 0;
}

.flow-svg{
    display:none; /* ascundem linia curbata pe mobil */
}

/* TRACKING + TRIGGER */
.tracking-wrapper,
.trigger-wrapper{
    flex-direction:column;
    gap:60px;
}

.tracking-video,
.trigger-video{
    justify-content:center;
    margin-left:0;
}

.tracking-text,
.trigger-text{
    text-align:center;
}

.tracking-title,
.trigger-title{
    font-size:30px;
}

.tracking-desc,
.trigger-desc{
    font-size:16px;
}

/* FEATURES GRID */
dl{
    grid-template-columns:1fr !important;
}

/* NAVBAR */
.navbar ul{
    flex-wrap:wrap;
    justify-content:center;
    gap:15px;
}

/* FOOTER */
.footer-container{
    flex-direction:column;
    text-align:center;
    gap:40px;
}

.footer-links{
    gap:40px;
}

/* HAMBURGER BUTTON */

.menu-toggle{
display:none;
font-size:28px;
background:none;
border:none;
color:white;
cursor:pointer;
margin-left:20px;
}

/* NAV LINKS */

.nav-links{
display:flex;
gap:40px;
list-style:none;
}

/* MOBILE */

@media (max-width: 900px){

.menu-toggle{
display:block;
}

.nav-links{
display:none;
flex-direction:column;
position:absolute;
top:80px;
right:20px;
background:rgba(10,10,20,.95);
backdrop-filter:blur(20px);
padding:20px;
border-radius:10px;
width:220px;
gap:20px;
}

.nav-links.active{
display:flex;
}

}

}