/* ========== HERO BÖLÜMÜ - TEK MERKEZ (TÜM SAYFALAR İÇİN) ========== */
.service-hero,
.product-hero,
.catalog-hero,
.blog-hero,
.parts-hero,
.industries-hero,
.regions-hero,
.about-hero,
.contact-hero,
.gallery-hero,
.services-hero {
    position: relative;
    padding: 80px 0;
    text-align: center;
    color: white;
    overflow: hidden;
    background-color: var(--primary);
    z-index: 1;
}

/* Arka plan görseli ve blur efekti */
.service-hero::before,
.product-hero::before,
.catalog-hero::before,
.blog-hero::before,
.parts-hero::before,
.industries-hero::before,
.regions-hero::before,
.about-hero::before,
.contact-hero::before,
.gallery-hero::before,
.services-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../img/hero-image.jpg');
    background-size: cover;
    background-position: center;
    filter: blur(6px);
    transform: scale(1.05);
    z-index: -1;
}

/* Gradient overlay - yazılar okunsun diye */
.service-hero::after,
.product-hero::after,
.catalog-hero::after,
.blog-hero::after,
.parts-hero::after,
.industries-hero::after,
.regions-hero::after,
.about-hero::after,
.contact-hero::after,
.gallery-hero::after,
.services-hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(15, 43, 72, 0.85) 0%, rgba(29, 68, 108, 0.85) 100%);
    z-index: -1;
}

/* İçerik en üstte kalır */
.service-hero .container,
.product-hero .container,
.catalog-hero .container,
.blog-hero .container,
.parts-hero .container,
.industries-hero .container,
.regions-hero .container,
.about-hero .container,
.contact-hero .container,
.gallery-hero .container,
.services-hero .container {
    position: relative;
    z-index: 2;
}

/* Hero başlık ve yazı stilleri */
.service-hero h1,
.product-hero h1,
.catalog-hero h1,
.blog-hero h1,
.parts-hero h1,
.industries-hero h1,
.regions-hero h1,
.about-hero h1,
.contact-hero h1,
.gallery-hero h1,
.services-hero h1 {
    font-size: 48px;
    margin-bottom: 20px;
    color: white;
}

.service-hero p,
.product-hero p,
.catalog-hero p,
.blog-hero p,
.parts-hero p,
.industries-hero p,
.regions-hero p,
.about-hero p,
.contact-hero p,
.gallery-hero p,
.services-hero p {
    max-width: 700px;
    margin: 0 auto;
    opacity: 0.9;
    font-size: 18px;
}

/* Mobil düzenleme */
@media (max-width: 768px) {

    .service-hero,
    .product-hero,
    .catalog-hero,
    .blog-hero,
    .parts-hero,
    .industries-hero,
    .regions-hero,
    .about-hero,
    .contact-hero,
    .gallery-hero,
    .services-hero {
        padding: 50px 0;
    }

    .service-hero h1,
    .product-hero h1,
    .catalog-hero h1,
    .blog-hero h1,
    .parts-hero h1,
    .industries-hero h1,
    .regions-hero h1,
    .about-hero h1,
    .contact-hero h1,
    .gallery-hero h1,
    .services-hero h1 {
        font-size: 32px;
    }

    .service-hero p,
    .product-hero p,
    .catalog-hero p,
    .blog-hero p,
    .parts-hero p,
    .industries-hero p,
    .regions-hero p,
    .about-hero p,
    .contact-hero p,
    .gallery-hero p,
    .services-hero p {
        font-size: 14px;
    }

    .service-hero::before,
    .product-hero::before,
    .catalog-hero::before,
    .blog-hero::before,
    .parts-hero::before,
    .industries-hero::before,
    .regions-hero::before,
    .about-hero::before,
    .contact-hero::before,
    .gallery-hero::before,
    .services-hero::before {
        filter: blur(4px);
    }
}