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; box-shadow:2px 0 8px rgba(0,0,0,0.3);}
.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;}

.gallery-page{max-width:1200px; margin:30px auto; padding:20px;}
.gallery-page h2{text-align:center; margin-bottom:20px; color:#8B4513;}
.gallery-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:20px;}
.gallery-item{background:#fff; border-radius:8px; overflow:hidden; text-align:center; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.gallery-item img{width:100%; height:200px; object-fit:cover; transition:transform 0.3s;}
.gallery-item img:hover{transform:scale(1.05);} .gallery-item p{padding:10px; font-weight:bold;}

.lightbox{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:9999; text-align:center; padding-top:50px;}
.lightbox-content{max-width:90%; max-height:80vh;} .caption{color:#fff; margin-top:10px;}
.close,.prev,.next{color:#fff; position:absolute; top:50%; font-size:30px; cursor:pointer; padding:12px;}
.close{top:20px; right:30px;} .prev{left:20px;} .next{right:20px;}

.footer{background:#8B4513; color:#fff; text-align:center; padding:20px;} .footer a{color:#fff; font-weight:bold;}
