:root{
      --accent:#730b0b;
      --accent-2:#632323;
      --muted:#6b6b6b;
      --bg:#f7f9fa;
      --card:#ffffff;
      font-family: "Helvetica Neue",Arial, sans-serif;
    }
    *{box-sizing:border-box}
    body{margin:0;background:var(--bg);color:#222;line-height:1.5}
    header{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;padding:8px 16px}
    .container{max-width:1100px;margin:0 auto;padding:22px}
    .brand{display:flex;align-items:center;gap:16px}
    .logo{
      width:122px;height:52px;border-radius:10px;background:#fff;
      display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700;font-size:18px;
      box-shadow:0 6px 18px rgba(10,10,10,0.12)
    }
    h1{margin:0;font-size:24px}
    p.lead{margin:8px 0 0;color:#e6f8fa;font-weight:600}
    .hero{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:18px}
    .hero .left{flex:1;min-width:240px}
    .hero .right{flex:1;min-width:260px}
    .card{background:var(--card);padding:20px;border-radius:10px;box-shadow:0 6px 20px rgba(40,40,40,0.06);color:#000}
    .cta-row{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
    .btn{
      display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;border:0;font-weight:700;
      cursor:pointer;text-decoration:none;color:#fff
    }
    .btn-phone{background:#ff6b35}
    .btn-wa{background:#25D366}
    .services{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}
    .service{padding:14px;border-radius:8px;background:#fff;border:1px solid #eef7f7;color:#000}
    footer{margin-top:26px;padding:22px 0;color:var(--muted);text-align:center}
    .meta{font-size:13px;color:var(--muted)}
    .badge{display:inline-block;padding:6px 10px;background:#f0fffc;border-radius:999px;font-weight:700;color:#056; font-size:13px}
    .article{margin-top:20px;color:#000}
    .faq dt{font-weight:800;margin-top:12px}
    .small{font-size:13px;color:var(--muted)}
    /* floating quick actions */
    .float-actions{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:999}
    .float-actions a{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;text-decoration:none;color:#fff;font-size:20px;box-shadow:0 8px 24px rgba(10,10,10,0.12)}
    .float-wa{background:#25D366}
    .float-phone{background:#ff6b35}
    /* photo gallery */
    .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px}
    .gallery img{width:100%;border-radius:10px;object-fit:cover;height:180px}
	  
	 /* Sayfa sıfırlama (Kenar boşluklarını kaldırmak için) */
    body {
        margin: 0;
        padding: 0;
        font-family: 'Arial', sans-serif; /* İsteğine göre değiştirebilirsin */
    }

/* Sticky Top Bar Tasarımı */
    .top-bar {
        background-color: #ffffff; /* Beyaz arka plan */
        width: 100%;
        height: 60px; /* Biraz daha geniş ve ferah bir görünüm */
        
        /* Yapışkan olmasını sağlayan kritik kısım */
        position: -webkit-sticky; /* Safari desteği için */
        position: sticky;
        top: 0;
        z-index: 9999; /* Diğer içeriklerin üstünde kalması için */
        
        /* Ortalama ayarları */
        display: flex;
        align-items: center; 
        justify-content: center;
        
        /* Şık bir alt çizgi/gölge efekti */
        border-bottom: 1px solid #eeeeee;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    }

    /* Yazı Tasarımı */
    .top-bar-content {
        color: #000000;
        font-weight: 800; /* Daha belirgin siyah yazı */
        letter-spacing: 1px;
        font-size:20px;
        text-transform: uppercase;
    }
	  /* Top bar link rengini siyah yapmak istersen */
.top-bar-content a {
    color: #0000ff; /* Mavi kalabilir veya #000000 yapabilirsin */
    text-decoration: none;
}
	  /* Neon Banner Ana Kutusu */
.neon-cta-banner {
    position: relative;
    width: 100%;
    background: #000; /* Siyah arka plan */
    margin: 40px 0;
    padding: 30px 16px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Mavi Neon Çerçeve Efekti */
    border: 2px solid #00d2ff;
    box-shadow: 0 0 15px #00d2ff, inset 0 0 15px #00d2ff;
    border-radius: 15px;
}

/* İçerik Düzeni */
.neon-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
    z-index: 2;
    text-align: center;
}

/* WhatsApp İkonu */
.whatsapp-icon img {
    width: 50px;
    height: 50px;
    filter: drop-shadow(0 0 5px #25D366);
}

/* Yanıp Sönen Neon Yazı */
.neon-text {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    text-shadow: 0 0 10px #00d2ff, 0 0 20px #00d2ff;
    animation: neon-flicker 2s infinite alternate;
}

/* Hareketli Buton */
.neon-btn {
    background: #25D366;
    color: #fff;
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 900;
    font-size: 18px;
    box-shadow: 0 0 20px rgba(37, 211, 102, 0.6);
    transition: 0.3s;
    border: none;
}

.neon-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 0 30px rgba(37, 211, 102, 0.9);
}

/* Neon Yazı Animasyonu */
@keyframes neon-flicker {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .neon-text { font-size: 16px; }
    .neon-cta-banner { padding: 20px 10px; }
}