*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Segoe UI',sans-serif;line-height:1.6;background:#fff;color:#343a40}
h1,h2,h3,h4,h5,h6{color:#28a745;margin:10px 0}
.main-menu{background:#1a1a1a;padding:15px 0;box-shadow:0 4px 12px rgba(0,0,0,.3);position:sticky;top:0;z-index:100}
.main-menu ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.main-menu ul::-webkit-scrollbar{display:none}
.main-menu a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:6px;font-weight:600;font-size:.9em;transition:all .3s}
.main-menu a:hover,.main-menu a.active{background:#28a745;color:#fff}
.hero-section{padding:0;margin:0;position:relative}
.hero-section img{width:100%;height:auto;object-fit:cover;display:block;max-height:900px}
.hero-call-btn-container{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);text-align:center}
.hero-call-btn{display:inline-flex;align-items:center;background:#28a745;color:#fff;padding:10px 20px;border-radius:20px;font-weight:600;font-size:1em;white-space:nowrap;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.25);transition:all .3s ease}
.hero-call-btn:hover{background:#d39e00;color:#343a40;transform:scale(1.05)}
.brand-logos-container{overflow:hidden;background:#f8f9fa;padding:10px 0}
.logo-track{display:flex;animation:scroll 18s linear infinite;align-items:center}
.logo-track img{height:50px;width:100px;margin:0 20px;border:2px solid #343a40;border-radius:4px;transition:transform .3s ease,border-color .3s ease}
.logo-track img:hover{border-color:#d39e00;transform:scale(1.05)}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.search-container{position:relative;max-width:500px;margin:20px auto}
#search-input{width:100%;padding:12px 16px;border:2px solid #28a745;border-radius:25px;font-size:1em}
.autocomplete-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:10}
.autocomplete-results a{display:block;padding:10px;text-decoration:none;color:#343a40}
.autocomplete-results a:hover{background:#f8f9fa}
.page-section{max-width:1200px;margin:30px auto;padding:0 20px}
.section-title{text-align:center;margin-bottom:20px}
.cities-grid{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;padding:0 15px}
.city-item{max-width:340px;width:100%;margin:0 auto}
.city-button{display:block;width:100%;padding:18px 20px;background:#28a745;color:#fff;text-decoration:none;font-weight:600;font-size:1.15rem;border-radius:14px;text-align:center;box-shadow:0 5px 15px rgba(40,167,69,.3);transition:all .3s ease}
.city-button:hover{background:#d39e00;color:#343a40;box-shadow:0 8px 24px rgba(213,158,0,.5);transform:translateY(-3px)}
.city-button:active{background:#c68e00;transform:translateY(-2px);box-shadow:0 6px 18px rgba(213,158,0,.6)}
.services-grid{display:flex;flex-wrap:wrap;gap:60px;justify-content:center;margin:30px auto;padding:20px;max-width:1200px}
.service-item{max-width:360px;min-width:280px;width:100%;margin:10px auto;display:flex;justify-content:center}
.district-button{display:block;width:100%;padding:20px 24px;background:#28a745;color:#fff;text-decoration:none;font-weight:600;font-size:1.2rem;border-radius:16px;text-align:center;box-shadow:0 6px 18px rgba(40,167,69,.3);transition:all .3s ease;border:none;cursor:pointer}
.district-button:hover,.district-button:focus{background:#d39e00;color:#343a40;box-shadow:0 10px 24px rgba(213,158,0,.5)}
.back-link{display:inline-block;margin-top:20px;color:#28a745;text-decoration:none;font-weight:bold}
.back-link:hover{color:#d39e00}
.scroll-top-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:#d39e00;color:#343a40;border:none;border-radius:50%;font-size:1.8em;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.25);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999;display:flex;align-items:center;justify-content:center}
.scroll-top-btn.show{opacity:1;visibility:visible}
.scroll-top-btn:hover{background:#c68e00;transform:scale(1.1)}
.scroll-top-btn::before{content:"\2191"}
@media (max-width:768px){
    .hero-section img{max-height:600px}
    .hero-call-btn{font-size:0.9em;padding:8px 16px}
    .hero-call-btn-container{bottom:10px}
    .main-menu ul{gap:4px;padding:0 10px}
    .main-menu a{font-size:.8em;padding:6px 8px}
    .cities-grid{gap:20px;flex-direction:column}
    .services-grid{gap:40px;padding:25px;margin:40px auto}
    .city-button,.district-button{font-size:1.1rem;padding:18px 20px;border-radius:14px}
    .city-item,.service-item{max-width:100%;min-width:0;margin:5px auto}
    .scroll-top-btn{width:44px;height:44px;font-size:1.6em}
}
.fixed-photos-section{max-width:1200px;margin:30px auto;padding:0 20px}
.photos-grid{display:flex; flex-wrap:wrap;gap:20px;justify-content:center}
.photo-item{text-align:center;width:100%;max-width:300px}
.photos-grid img{width:100%;max-width:300px;min-width:200px;height:250px;object-fit:cover;border:4px solid #ffc107;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}
.photos-grid img:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.15)}
.photo-caption{margin:10px 0 0;font-size:1em;font-weight:500;color:#343a40}
@media (max-width:768px){
    .photos-grid{gap:15px}
    .photos-grid img{max-width:100%;min-width:200px;height:250px}
    .photo-caption{font-size:.9em}
}
footer{background:#343a40;color:#fff;text-align:center;padding:20px;margin-top:40px}
footer a{color:#d39e00;text-decoration:none}