/* Hizmet Detay Sayfası Stilleri */
.hizmet-detay-bg {
    background: linear-gradient(135deg, #1a365d 0%, #2d3748 50%, #1a202c 100%);
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(59, 130, 246, 0.08) 1px, transparent 1px),
        linear-gradient(135deg, #1a365d 0%, #2d3748 50%, #1a202c 100%);
    background-size: 60px 60px, 60px 60px, 100% 100%;
}

.detay-kutusu {
    background-color: #23262F;
}

.ozet-border {
    border-left: 3px solid #059669;
    padding-left: 1rem;
}

.gorsel-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gorsel-hover:hover {
    transform: scale(1.02);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
}

/* Hero Grid - Yan Yana Düzen */
.hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 1024px) {
    .hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
        align-items: center;
    }
}

/* İçerik Container - Header ile Aynı Hizalama */
.icerik-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {
    .icerik-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .icerik-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}