/* Blog Detail Specific Styles */
    .blog-detail-hero {
      padding: 150px 0 0px;
    }

    .blog-detail-container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 40px;
    }

    /* Breadcrumb */
    .breadcrumb {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 30px;
      font-family: 'Outfit', sans-serif;
      font-size: 14px;
      color: #666666;
    }

    .breadcrumb a {
      color: #666666;
      text-decoration: none;
      transition: color 0.3s ease;
    }

    .breadcrumb a:hover {
      color: #E800B8;
    }

    .breadcrumb .separator {
      color: #999999;
    }

    /* Blog Meta Info */
    .blog-meta-info {
      display: flex;
      align-items: center;
      gap: 20px;
      margin-bottom: 30px;
    }

    .blog-date-detail {
      font-family: 'Outfit', sans-serif;
      font-size: 14px;
      color: #666666;
    }

    /* Social Share Icons */
    .social-share {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-left: auto;
    }

    .social-share-icon {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      background: #E800B8;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      text-decoration: none;
    }

    .social-share-icon:hover {
      background: #3D0060;
      transform: scale(1.1);
    }

    .social-share-icon svg,
    .social-share-icon img {
      width: 18px;
      height: 18px;
      filter: brightness(0) invert(1);
    }

    /* Blog Title */
    .blog-detail-title {
      font-family: 'Outfit', sans-serif;
      font-size: 42px;
      font-weight: 900;
      color: #E800B8;
      line-height: 1.2;
      margin-bottom: 40px;
    }

    /* Blog Featured Image */
    .blog-featured-img {
      width: 100%;
      height: 500px;
      object-fit: cover;
      border-radius: 20px;
      margin-bottom: 60px;
    }

    /* Blog Content */
    .blog-content-detail {
      max-width: 100%;
      margin: 0;
      padding: 0;
      text-align: left;
    }

    .blog-content-detail p {
      font-family: 'Outfit', sans-serif;
      font-size: 17px;
      font-weight: 400;
      color: #333333;
      line-height: 1.8;
      margin-bottom: 25px;
      text-align: left;
    }

    .blog-content-detail h2 {
      font-family: 'Outfit', sans-serif;
      font-size: 32px;
      font-weight: 800;
      color: #000000;
      margin: 40px 0 20px;
      text-align: left;
    }

    .blog-content-detail h3 {
      font-family: 'Outfit', sans-serif;
      font-size: 26px;
      font-weight: 700;
      color: #000000;
      margin: 30px 0 15px;
      text-align: left;
    }

    .blog-content-detail ul,
    .blog-content-detail ol {
      margin: 20px 0;
      padding-left: 30px;
      text-align: left;
    }

    .blog-content-detail li {
      font-family: 'Outfit', sans-serif;
      font-size: 17px;
      color: #333333;
      line-height: 1.8;
      margin-bottom: 10px;
      text-align: left;
    }

    /* CTA Section - Blog Detay için ayar */
    .blog-cta {
      margin: 80px 0;
    }

    .blog-cta-container {
      background: #E800B8;
      padding: 60px;
      border-radius: 20px;
      text-align: left;
    }

    .blog-cta-title {
      font-family: 'Outfit', sans-serif;
      font-size: 36px;
      font-weight: 900;
      color: #FFFFFF;
      margin-bottom: 20px;
    }

    .blog-cta-desc {
      font-family: 'Outfit', sans-serif;
      font-size: 17px;
      color: rgba(255, 255, 255, 0.9);
      margin-bottom: 30px;
      line-height: 1.6;
    }

    .blog-cta-button {
      display: inline-block;
      background: #000000;
      color: #FFFFFF;
      font-family: 'Outfit', sans-serif;
      font-size: 16px;
      font-weight: 700;
      padding: 14px 40px;
      border-radius: 50px;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      transition: all 0.3s ease;
    }

    .blog-cta-button:hover {
      background: #FFFFFF;
      color: #E800B8;
    }

    /* Related Blogs Section */
    .related-blogs-section {
      padding: 80px 0;
      background: #F8F8F8;
    }

    .related-blogs-title {
      font-family: 'Outfit', sans-serif;
      font-size: 36px;
      font-weight: 900;
      color: #000000;
      margin-bottom: 50px;
      text-align: center;
    }

    .related-blogs-title::after {
      content: '';
      display: block;
      width: 80px;
      height: 4px;
      background: #E800B8;
      margin: 20px auto 0;
    }

    .related-blogs-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
    }

    .related-blog-card {
      background: transparent;
      transition: transform 0.3s ease;
      text-decoration: none;
    }

    .related-blog-card:hover {
      transform: translateY(-5px);
    }

    .related-blog-image {
      position: relative;
      height: 250px;
      overflow: hidden;
      margin-bottom: 20px;
    }

    .related-blog-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 10px;
      transition: transform 0.3s ease;
    }

    .related-blog-card:hover .related-blog-image img {
      transform: scale(1.05);
    }

    .related-blog-content {
      padding: 0;
    }

    .related-blog-title {
      font-family: 'Outfit', sans-serif;
      font-size: 18px;
      font-weight: 700;
      color: #000000;
      margin-bottom: 10px;
      line-height: 1.3;
      transition: color 0.3s ease;
    }

    .related-blog-card:hover .related-blog-title {
      color: #E800B8;
    }

    .related-blog-date {
      font-family: 'Outfit', sans-serif;
      font-size: 14px;
      color: #E800B8;
    }

    /* More Blogs Button */
    .more-blogs-btn {
      text-align: center;
      margin-top: 50px;
    }

    .btn-more {
      display: inline-block;
      padding: 12px 35px;
      background: transparent;
      color: #000000;
      font-family: 'Outfit', sans-serif;
      font-size: 15px;
      font-weight: 600;
      text-decoration: none;
      border: 2px solid #000000;
      border-radius: 50px;
      transition: all 0.3s ease;
    }

    .btn-more:hover {
      background: #E800B8;
      color: #FFFFFF;
      border-color: #E800B8;
    }

    /* Responsive */
    @media (max-width: 1024px) {
      .related-blogs-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 768px) {
      .blog-detail-hero {
        padding: 120px 0 0px;
      }

      .blog-detail-title {
        font-size: 28px;
      }

      .blog-featured-img {
        height: 300px;
      }

      .blog-meta-info {
        flex-direction: column;
        align-items: flex-start;
      }

      .social-share {
        margin-left: 0;
        margin-top: 15px;
      }

      .related-blogs-grid {
        grid-template-columns: 1fr;
      }

      .blog-cta-title {
        font-size: 28px;
      }

      .blog-cta-container {
        padding: 40px 30px;
      }
    }

    /* Blog Detay Sayfası - Header'a baştan arka plan ver */
.header {
  background: rgba(55, 0, 95, 0.92) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 4px 12px rgba(55, 0, 95, 0.3) !important;
}

.header .nav-link {
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.header .nav-link::before {
  background: rgba(255, 255, 255, 0.6) !important;
}

.header .nav-link:hover {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.header .nav-link.active {
  background: #FFFFFF !important;
  color: #37005F !important;
  border-color: #FFFFFF !important;
}

.header .nav-link.active::before {
  background: #37005F !important;
}

.header .logo {
  filter: brightness(0) invert(1) !important;
}

.header .header-auth {
  background: #FFFFFF !important;
  color: #37005F !important;
  border: 1px solid #FFFFFF !important;
}

.header .header-auth:hover {
  background: #E800B8 !important;
  color: #FFFFFF !important;
  border-color: #E800B8 !important;
}

/* Mobil menü toggle */
.header .menu-toggle span {
  background: #FFFFFF !important;
}