body { font-family: Arial, sans-serif; margin:0; background:#fafafa; color:#333; }
a { text-decoration:none; color:inherit; }

.site-header{display:flex; justify-content:space-between; align-items:center; padding:10px 20px; background:#fff; border-bottom:2px solid #ddd;}
.logo{display:flex; align-items:center;} .logo img{height:40px; margin-right:10px;}
.nav a{margin:0 10px; font-weight:bold;} .nav a.active{color:#8B4513;}
.desktop-menu{display:flex;} .menu-toggle{display:none; font-size:24px; cursor:pointer;}
@media(max-width:768px){.desktop-menu{display:none;} .menu-toggle{display:block;}}

.mobile-menu{position:fixed; top:0; left:-100%; width:250px; height:100%; background:#fff; transition:left 0.3s; padding:20px;}
.mobile-menu.open{left:0;} .mobile-menu a{display:block; padding:12px 0; border-bottom:1px solid #ddd;}
.close-btn{background:none; border:none; font-size:22px; cursor:pointer;}

.contact-page{max-width:1100px; margin:30px auto; padding:20px;}
.contact-page h2{text-align:center; margin-bottom:30px; color:#8B4513;}
.contact-container{display:flex; gap:30px; flex-wrap:wrap;}
.contact-info,.contact-form{flex:1; min-width:300px; background:#fff; padding:20px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.contact-info h3{margin-top:20px; color:#8B4513;}
.contact-form form{display:flex; flex-direction:column;}
.contact-form input,.contact-form textarea{padding:10px; margin-top:5px; border:1px solid #ddd; border-radius:6px;}
.btn{margin-top:15px; padding:12px; background:#8B4513; color:#fff; border-radius:6px; text-align:center; display:inline-block;}
.btn:hover{background:#A0522D;}

.footer{background:#8B4513; color:#fff; text-align:center; padding:20px;} .footer a{color:#fff; font-weight:bold;}