:root{--bg-color:#0a0a0a;--bg-secondary:#141414;--text-main:#f5f5f5;--text-muted:#a3a3a3;--accent-color:#f59e0b;--accent-hover:#d97706;--font-main:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.accent{color:var(--accent-color);}
nav{position:fixed;top:0;width:100%;background:rgba(10,10,10,0.85);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,0.05);z-index:1000;transition:all 0.3s ease;}
.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px;}
.logo{font-size:1.2rem;font-weight:800;letter-spacing:1px;}
.menu-toggle{display:none;font-size:1.8rem;cursor:pointer;color:var(--text-main);user-select:none;}
.nav-links{display:flex;list-style:none;gap:30px;transition:all 0.3s ease;}
.nav-links a{color:var(--text-main);text-decoration:none;font-weight:600;font-size:0.9rem;transition:color 0.3s ease;}
.nav-links a:hover{color:var(--accent-color);}
.hero-section{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(rgba(10,10,10,0.8),rgba(10,10,10,0.9)),url('assets/ferre_hero.png') center/cover no-repeat;padding:0 20px;}
.hero-content h1{font-size:4rem;font-weight:800;margin-bottom:20px;line-height:1.1;}
.hero-content p{color:var(--text-muted);font-size:1.2rem;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto;}
.btn-primary{display:inline-block;padding:15px 40px;background-color:var(--accent-color);color:#fff;text-decoration:none;font-weight:600;border-radius:8px;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(245,158,11,0.3);}
.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-3px);}
.about-section{padding:100px 0;background-color:var(--bg-color);}
.store-image-section{padding:80px 0 0;background-color:var(--bg-color);}
.facade-wrapper{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);box-shadow:0 20px 40px rgba(0,0,0,0.5);}
.facade-wrapper img{width:100%;display:block;opacity:0.9;transition:opacity 0.3s ease;}
.facade-wrapper img:hover{opacity:1;}
.about-text h2{font-size:2.5rem;margin-bottom:40px;text-align:center;}
.mvv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.mvv-card{background:var(--bg-secondary);padding:35px;border-radius:12px;border:1px solid rgba(255,255,255,0.05);border-top:4px solid var(--accent-color);transition:transform 0.3s ease;}
.mvv-card:hover{transform:translateY(-10px);}
.mvv-card h3{font-size:1.4rem;margin-bottom:15px;color:var(--text-main);}
.mvv-card p{font-size:1rem;color:var(--text-muted);}
.contact-section{padding:100px 0;background-color:var(--bg-secondary);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.contact-info h2{font-size:2.2rem;margin-bottom:30px;}
.contact-list{list-style:none;}
.contact-action{border-bottom:none !important;padding:10px 0 !important;}
.btn-contact{display:inline-block;padding:15px 30px;background-color:var(--bg-color);color:var(--text-main) !important;text-decoration:none;font-weight:600;border-radius:8px;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;width:100%;text-align:center;font-size:1.1rem;}
.btn-contact:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff !important;transform:translateY(-3px);box-shadow:0 5px 15px rgba(245,158,11,0.2);}
.location-img-wrapper{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);}
.privacy-section{padding:100px 0;background-color:var(--bg-color);}
.privacy-section h2{font-size:2rem;margin-bottom:40px;text-align:center;}
.privacy-list{list-style:none;max-width:900px;margin:0 auto;}
.privacy-list li{padding:15px 0;border-bottom:1px solid rgba(255,255,255,0.05);color:var(--text-muted);font-size:0.95rem;padding-left:20px;position:relative;}
.privacy-list li::before{content:"•";color:var(--accent-color);position:absolute;left:0;font-weight:bold;}
.privacy-list li:last-child{border-bottom:none;}
.privacy-footer{max-width:900px;margin:40px auto 0;text-align:center;color:var(--text-muted);font-size:0.95rem;padding:20px;background:var(--bg-secondary);border-radius:12px;}
footer{text-align:center;padding:30px;background:var(--bg-secondary);color:var(--text-muted);border-top:1px solid rgba(255,255,255,0.05);font-size:0.9rem;}
.hidden-section{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;}
.show-section{opacity:1;transform:translateY(0);}
@media(max-width:768px){
  .hero-content h1{font-size:2.5rem;}
  .contact-grid{grid-template-columns:1fr;}
  .menu-toggle{display:block;}
  .nav-links{
    position:absolute;top:100%;left:0;width:100%;
    background-color:rgba(10,10,10,0.95);
    backdrop-filter:blur(15px);
    flex-direction:column;align-items:center;padding:20px 0;
    gap:20px;border-top:1px solid rgba(255,255,255,0.05);
    display:none; 
  }
  .nav-links.active{display:flex;}
}