*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#f5f5f5;color:#222;line-height:1.6}
.container{width:92%;max-width:1300px;margin:auto}
.header{background:#111;position:sticky;top:0;z-index:999}
.nav{display:flex;justify-content:space-between;align-items:center;padding:10px 0}
.brand{font-size:28px;font-weight:700;color:#fff;text-decoration:none}
nav a{color:#fff;text-decoration:none;margin-left:25px}
nav a:hover,.active{color:#d4aa2a}
.hero{height:85vh;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),url('https://images.unsplash.com/photo-1519710164239-da123dc03ef4?q=80&w=1800&auto=format&fit=crop') center/cover no-repeat;display:flex;align-items:center}
.hero-content{position:relative;color:#fff;max-width:700px}
.hero h1{font-size:60px;line-height:1.1;margin-bottom:20px}
.hero p{font-size:22px;margin-bottom:35px}
.btn{background:#d4aa2a;color:#111;padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:bold;display:inline-block}
.dark{background:#222;color:#fff}
.intro,.catalog-page,.contact-page{padding:80px 0;text-align:center}
.line{width:80px;height:4px;background:#d4aa2a;margin:20px auto 40px}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;margin-top:40px}
.catalog-card{text-decoration:none;color:#222;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.25s}
.catalog-card:hover{transform:translateY(-5px)}
.catalog-card img{width:100%;height:420px;object-fit:cover;display:block}
.catalog-content{padding:18px}
.cta,.contact-box{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 25px rgba(0,0,0,.06)}
.cta{margin-top:70px}
.contact-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:30px 0}
.map-container{margin-top:35px;border-radius:18px;overflow:hidden}
.footer{background:#111;color:#fff;padding:50px 0;margin-top:80px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.footer h4{color:#d4aa2a;margin-bottom:10px}
.copyright{text-align:center;padding-top:30px}
@media(max-width:768px){
.nav{flex-direction:column;gap:15px}
.hero{height:70vh}
.hero h1{font-size:38px}
.hero p{font-size:18px}
.catalog-card img{height:360px}
}


a{
color:inherit;
text-decoration:none;
}

.footer a,
.contact-box a{
color:#222 !important;
font-weight:600;
}

.footer a:hover,
.contact-box a:hover{
color:#d4aa2a !important;
}


.logo{
height:48px;
width:auto;
display:block;
}

@media(max-width:768px){
.logo{
height:40px;
}
}


.footer a{
color:#ffffff !important;
}

.footer a:hover{
color:#d4aa2a !important;
}



.social-icons{
display:flex;
justify-content:center;
gap:24px;
margin:30px 0;
}

.social-icons a{
width:58px;
height:58px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 6px 18px rgba(0,0,0,.12);
transition:.25s;
}

.social-icons a:hover{
transform:translateY(-3px);
}

.social-icons img{
width:30px;
height:30px;
object-fit:contain;
}