:root {
    --deep: #02060c;
    --navy: #0a192f;
    --gold: #c5a059;
    --text: #e6f1ff;
    --muted: #8892b0;
}

* { margin:0; padding:0; box-sizing: border-box; }
body { 
    font-family: 'Outfit', sans-serif; 
    background-color: var(--deep); 
    color: var(--text); 
    line-height: 1.6;
}

.container { max-width: 1200px; margin: auto; padding: 0 5%; }

/* Navbar */
.top-nav {
    position: fixed; top: 0; width: 100%; z-index: 1000;
    padding: 20px 0; background: rgba(2, 6, 12, 0.9); backdrop-filter: blur(10px);
}
.inner-nav { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: auto; padding: 0 5%; }
.nav-logo { height: 45px; }

.lang-pill { display: flex; align-items: center; border: 1px solid var(--gold); border-radius: 20px; padding: 5px 15px; }
.lang-pill button { background: none; border: none; color: var(--text); cursor: pointer; font-weight: 700; font-size: 13px; opacity: 0.5; }
.lang-pill button.active { opacity: 1; color: var(--gold); }
.sep { width: 1px; height: 15px; background: var(--gold); margin: 0 10px; opacity: 0.3; }

/* Hero Section */
.hero-industrial {
    height: 80vh; background: url('imagini/poza6.jpeg') center/cover no-repeat fixed;
    display: flex; align-items: center; position: relative;
}
.hero-overlay { position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(2, 6, 12, 0.7); }
.hero-container { position: relative; z-index: 2; max-width: 1200px; margin: auto; padding: 0 5%; width: 100%; }
.tag { color: var(--gold); text-transform: uppercase; letter-spacing: 4px; font-weight: 700; font-size: 14px; }
.hero-container h1 { font-family: 'Playfair Display', serif; font-size: clamp(2.5rem, 8vw, 5rem); margin: 20px 0; line-height: 1.1; }
.hero-container h1 span { color: var(--gold); }
.hero-container p { max-width: 600px; color: var(--muted); font-size: 1.2rem; }

/* Content Sections */
.content-section { padding: 100px 0; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.text-area h2 { font-family: 'Playfair Display', serif; font-size: 3rem; margin-bottom: 30px; color: var(--gold); }
.img-frame { border: 1px solid var(--gold); padding: 15px; }
.img-frame img { width: 100%; display: block; }

/* Bio Security - Styled Professional */
.bio-dark { background: var(--navy); padding: 80px 0; border-top: 1px solid var(--gold); border-bottom: 1px solid var(--gold); }
.bio-box { max-width: 800px; margin: auto; text-align: center; }
.bio-box h2 { font-family: 'Playfair Display', serif; margin-bottom: 25px; letter-spacing: 1px; }
.bio-box p { font-style: italic; font-size: 1.1rem; color: var(--text); line-height: 1.8; }

/* Gallery */
.gallery-container { padding: 100px 0; }
.masonry { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.m-item { height: 300px; overflow: hidden; border: 1px solid rgba(255,255,255,0.05); }
.m-item img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.m-item:hover img { transform: scale(1.05); }

/* Footer - Reparat pentru Desktop */
.footer { background: #010408; padding: 80px 0; border-top: 1px solid rgba(255,255,255,0.05); }
.footer-grid { display: flex; justify-content: space-between; align-items: flex-end; }
.footer-info h3 { color: var(--gold); margin-bottom: 20px; letter-spacing: 2px; }
.footer-info p { margin-bottom: 10px; color: var(--muted); }
.footer-brand { text-align: right; }
.footer-brand p { font-size: 10px; letter-spacing: 3px; margin-bottom: 5px; opacity: 0.5; }
.footer-brand h2 { font-family: 'Playfair Display', serif; color: var(--gold); font-size: 2.5rem; }

/* Mobile Only Action - FIX REZOLVA SUPRAPUNEREA */
.mobile-only-action { display: none; }

@media (max-width: 768px) {
    .grid-2 { grid-template-columns: 1fr; }
    .footer-grid { flex-direction: column; align-items: center; text-align: center; gap: 40px; }
    .footer-brand { text-align: center; }
    .mobile-only-action { 
        display: block; position: fixed; bottom: 0; width: 100%; 
        background: var(--gold); padding: 20px; text-align: center; z-index: 2000;
    }
    .mobile-only-action a { text-decoration: none; color: var(--deep); font-weight: 800; letter-spacing: 1px; }
    body { padding-bottom: 60px; } /* Loc pentru butonul de mobil */
}