:root {

            --sanayi-sarisi: #ffc107;

            --koyu-gri: #212529;

            --orta-gri: #343a40;

        }

        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f8f9fa; color: #333; }

        

        /* Üst Bar */

        .top-bar { background-color: var(--koyu-gri); color: white; font-size: 0.85rem; padding: 8px 0; border-bottom: 3px solid var(--sanayi-sarisi); }

        .top-bar a { color: white; text-decoration: none; margin-left: 15px; transition: 0.3s; }

        .top-bar a:hover { color: var(--sanayi-sarisi); }

        

        /* Navigasyon */

        .navbar { background-color: #fff; box-shadow: 0 2px 15px rgba(0,0,0,0.1); padding: 15px 0; }

        .navbar-brand { font-size: 1.5rem; letter-spacing: -1px; }

        .nav-link { font-weight: 600; color: var(--koyu-gri) !important; text-transform: uppercase; font-size: 0.9rem; }

        .nav-link:hover { color: var(--sanayi-sarisi) !important; }

        

        /* Slider */

        .carousel-item img { object-fit: cover; height: 500px; filter: brightness(0.7); }

        

        /* Genel Stiller */

        .section-padding { padding: 80px 0; }

        .bg-sanayi { background-color: var(--sanayi-sarisi); }

        .text-sanayi { color: var(--sanayi-sarisi); }

        .card-hizmet { border: none; border-radius: 0; transition: all 0.3s ease; background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }

        .card-hizmet:hover { transform: translateY(-10px); }

        

        /* Footer */

        .footer { background-color: var(--koyu-gri); color: #bbb; padding: 60px 0 20px; }

        .footer h4, .footer h5 { color: #fff; font-weight: 700; margin-bottom: 20px; }

        .footer-link { color: #bbb; text-decoration: none; transition: 0.3s; }

        .footer-link:hover { color: var(--sanayi-sarisi); padding-left: 5px; }

        

        /* Galeri Stilleri */

        .gallery-container {

            column-count: 4;

            column-gap: 1rem;

        }

        .gallery-item {

            margin-bottom: 1rem;

            display: inline-block;

            width: 100%;

            overflow: hidden;

            border-radius: 8px;

            box-shadow: 0 4px 8px rgba(0,0,0,0.1);

            transition: transform 0.3s ease;

        }

        .gallery-item:hover {

            transform: scale(1.02);

        }

        .gallery-item img {

            width: 100%;

            height: auto;

            display: block;

        }



        @media (max-width: 768px) {

            .carousel-item img { height: 300px; }

            .section-padding { padding: 50px 0; }

            .gallery-container { column-count: 2; }

        }