
    <style>
     
        /* --- GENEL AYARLAR --- */
        body { 
            font-family: 'Nunito', sans-serif; /* Fontu Nunito yapmıştık */
            background-color: #ffffff; /* Arka planı beyaz yaptık */
            color: #444; 
            font-weight: 400;
            padding-top: 80px; 
        }
        
        /* RENK PALETİ - GÜNCELLENDİ */
        /* Eski Turuncu -> YENİ KIRMIZI */
        .text-primary-custom { color: #FF4757 !important; } 
        .bg-primary-custom { background-color: #FF4757 !important; border-color: #FF4757 !important; }
        
        /* Eski Turkuaz -> YENİ MAVİ */
        .text-secondary-custom { color: #1E90FF !important; } 
        .bg-secondary-custom { background-color: #1E90FF !important; border-color: #1E90FF !important; }

        .text-accent { color: #ff6b81 !important; } 
        .text-purple { color: #5352ed !important; } 
        
        /* INSTAGRAM RENKLERİ */
        .bg-instagram {
            background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
            color: white;
        }

 /* --- BUTONLAR (ÇERÇEVELİ / OUTLINE STİL) --- */
.btn { 
    border-radius: 50px; 
    padding: 10px 30px; 
    font-weight: 700; /* Çizgili olunca yazı daha okunaklı olsun diye kalınlaştırdık */
    transition: all 0.3s ease; /* Yumuşak geçiş */
}

/* 1. Buton: KIRMIZI ÇERÇEVELİ */
.btn-custom-orange { 
    background-color: transparent; /* İçi boş */
    color: #FF4757; /* Yazısı Kırmızı */
    border: 2px solid #FF4757; /* Çerçevesi Kırmızı */
}

/* Üzerine gelince (Hover): İçi dolsun */
.btn-custom-orange:hover { 
    background-color: #FF4757; 
    color: white; 
    transform: translateY(-3px); 
    box-shadow: 0 5px 15px rgba(255, 71, 87, 0.3);
}

/* 2. Buton: MAVİ ÇERÇEVELİ */
.btn-custom-blue { 
    background-color: transparent; /* İçi boş */
    color: #1E90FF; /* Yazısı Mavi */
    border: 2px solid #1E90FF; /* Çerçevesi Mavi */
}

/* Üzerine gelince (Hover): İçi dolsun */
.btn-custom-blue:hover { 
    background-color: #1E90FF; 
    color: white; 
    transform: translateY(-3px); 
    box-shadow: 0 5px 15px rgba(30, 144, 255, 0.3);
}

        /* NAVBAR (Menü) */
        .navbar { padding: 15px 0; background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.05); height: 80px; }
        .navbar-brand { font-size: 1.8rem; font-weight: 700; color: #333; }
        .nav-link { font-size: 1.1rem; margin-left: 15px; color: #555 !important; transition: color 0.3s; }
        .nav-link:hover { color: #FF4757 !important; } /* Hover rengi kırmızı */

        /* HERO SECTION */
        .hero-section {
            background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.85)), url('https://images.unsplash.com/photo-1596464716127-f9a875960c28?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            height: 750px;
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
            margin-top: -80px;
            padding-top: 80px;
        }
        .custom-shape-divider-bottom {
            position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0;
        }
        .custom-shape-divider-bottom svg {
            position: relative; display: block; width: calc(130% + 1.3px); height: 100px; transform: rotateY(180deg);
        }
        .custom-shape-divider-bottom .shape-fill { fill: #ffffff; } /* Dalga rengini beyaza çektik */

        /* KARTLAR */
        .workshop-card {
            border: none; border-radius: 20px; overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: all 0.3s;
            background: #fff;
            height: 100%;
            border: 1px solid #eee; /* Beyaz fonda kart belli olsun diye ince çizgi */
        }
        .workshop-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); }
        .card-img-top { height: 200px; object-fit: cover; }

        /* --- MASONRY (Pinterest Tarzı) GALERİ DÜZENİ --- */

.masonry-wrapper {
    /* Masaüstünde (Geniş Ekran) 4 Sütun */
    column-count: 4;
    column-gap: 15px;
}

/* Tabletlerde: 3 Sütun */
@media (max-width: 991px) {
    .masonry-wrapper {
        column-count: 3;
    }
}

/* Cep Telefonlarında: 2 Sütun (Resimler sağ-sol akar) */
@media (max-width: 576px) {
    .masonry-wrapper {
        column-count: 2; 
    }
}

/* Resim Kutuları */
.gallery-item {
    /* Resimlerin sütunlar arasında bölünmesini engeller */
    break-inside: avoid; 
    
    /* Alt alta gelen resimler arasına boşluk koyar */
    margin-bottom: 15px; 
    
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}

.gallery-item:hover {
    transform: translateY(-5px); /* Üzerine gelince hafif yukarı kalksın */
}

/* Resim Ayarları */
.gallery-item img {
    width: 100%;
    height: auto !important; /* ÖNEMLİ: Resmin boyunu serbest bırakır */
    display: block;
}
        /* INSTAGRAM ALANI */
        .insta-item {
            position: relative; overflow: hidden; height: 250px; cursor: pointer;
        }
        .insta-item img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
        .insta-overlay {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.4);
            display: flex; align-items: center; justify-content: center;
            opacity: 0; transition: 0.3s;
        }
        .insta-item:hover img { transform: scale(1.1); }
        .insta-item:hover .insta-overlay { opacity: 1; }
        .insta-icon { color: white; font-size: 2rem; }

        /* WHATSAPP & STICKY BAR */
        .whatsapp-float {
            position: fixed; bottom: 90px; right: 20px;
            background-color: #25d366; color: white; width: 60px; height: 60px; border-radius: 50%;
            text-align: center; font-size: 32px; line-height: 60px;
            box-shadow: 2px 2px 10px rgba(0,0,0,0.2); z-index: 1000; transition: all 0.3s;
        }
        .whatsapp-float:hover { transform: scale(1.1); background-color: #1da851; }

        .mobile-sticky-bar {
            position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.1); display: none;
        }
        /* Sticky bar rengi artık Kırmızı */
        .btn-sticky-call { background-color: #FF4757; color: white; width: 100%; padding: 15px 0; text-align: center; text-decoration: none; font-weight: bold; }
        
        @media (max-width: 768px) {
            .mobile-sticky-bar { display: flex; }
            .whatsapp-float { display: none; }
            body { padding-bottom: 60px; padding-top: 70px; } 
            .hero-section { height: auto; padding: 100px 0 100px 0; margin-top: -70px; }
        }

        /* --- MENÜ ALTINDA KALMA SORUNU ÇÖZÜMÜ --- */
        section {
            scroll-margin-top: 100px; 
        }

        /* --- NAVBAR SOSYAL MEDYA --- */
        .social-nav-link {
            color: #555; 
            transition: all 0.3s ease;
            display: inline-block;
        }
        .social-nav-link:hover { transform: translateY(-2px); }
        .social-nav-link .fa-instagram:hover { color: #E1306C; }
        .social-nav-link .fa-facebook:hover { color: #1877F2; }
        
        @media (max-width: 991px) {
            .social-nav-group {
                justify-content: center;
                border-top: 1px solid #eee;
                padding-top: 15px;
                margin-top: 10px;
            }
        }
        /* Hero alanındaki sağ resmin animasyonu */
.floating-img {
    animation: float 4s ease-in-out infinite;
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); } /* 15px yukarı çıkar */
    100% { transform: translateY(0px); }
}

/* --- MOBİL MENÜ ZEMİN AYARI --- */
@media (max-width: 991px) {
    .navbar-collapse {
        background-color: #ffffff !important; /* Arka planı tamamen beyaz yapar */
        position: absolute; /* Menüyü içeriğin üzerine bindirir (sayfayı aşağı itmez) */
        top: 80px; /* Menü çubuğunun hemen altından başlar */
        left: 0;
        width: 100%; /* Ekranı tam kaplar */
        padding: 20px; /* Linklere biraz nefes payı verir */
        box-shadow: 0 20px 40px rgba(0,0,0,0.1); /* Altına şık bir gölge ekler */
        border-top: 1px solid #eee; /* Menü ile bar arasına ince bir çizgi */
        z-index: 9999; /* Her şeyin en üstünde görünmesini sağlar */
    }
}
/* =========================================
   FOOTER (ALT KISIM) STİLLERİ - TEMİZ VERSİYON
   ========================================= */

footer {
    background-color: #2d3436; /* Koyu Gri Zemin */
    color: #dfe6e9; /* Açık Gri Yazı */
    font-size: 0.95rem;
}

/* --- Başlıklar --- */
footer h4, 
footer h5 {
    color: #ffffff;
    font-weight: 700;
}

/* --- Linkler (Hızlı Menü) --- */
.footer-links {
    padding-left: 0;
    list-style: none;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: #b2bec3; /* Pasif renk */
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}

.footer-links a:hover {
    color: #FF4757; /* Hover Rengi: Kırmızı */
    transform: translateX(5px); /* Sağa kayma efekti */
}

/* --- İletişim Listesi --- */
footer ul.list-unstyled li {
    margin-bottom: 12px;
}

/* Telefon ve Mail üzerine gelince */
.hover-accent:hover {
    color: #1E90FF !important; /* Mavi renk */
}

/* --- Sosyal Medya İkonları (Sade & Hizalı) --- */
.social-footer-link {
    color: #b2bec3; /* İkon rengi */
    transition: all 0.3s ease;
    display: inline-flex; /* Hizayı garantiye alır */
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.social-footer-link:hover {
    transform: translateY(-3px); /* Zıplama efekti */
}

/* İkonlara Özel Renkler (Hover durumunda) */
.social-footer-link:hover .fa-instagram { color: #E1306C; }
.social-footer-link:hover .fa-whatsapp { color: #25D366; }
.social-footer-link:hover .fa-facebook { color: #1877F2; }

/* --- Çalışma Saatleri Kutusu --- */
footer .bg-dark {
    background-color: #1e272e !important; /* Kutunun rengini biraz daha koyu yaptık */
}

    </style>