/* assets/css/services.css */

.services-page-hero{
    padding:140px 0 70px;
    text-align:center;
    background:linear-gradient(135deg,#071731,#0B2B5E);
    color:#fff;
}

.services-page-hero h1{
    color:#fff;
    font-size:clamp(2.6rem,5vw,4rem);
    margin-bottom:1rem;
}

.services-page-hero p{
    max-width:680px;
    margin:0 auto;
    color:rgba(255,255,255,.78);
    font-size:1.1rem;
}

.services-page-section{
    padding:90px 0;
    background:#f8fafc;
}

/* KRİTİK: Kartları yan yana zorlayan yapı */
.services-page-grid{
    width:100%;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:2rem !important;
    align-items:stretch;
}

.services-page-card{
    width:100%;
    min-width:0;
    display:flex;
    flex-direction:column;
    background:#fff;
    border-radius:28px;
    padding:2.5rem;
    box-shadow:0 20px 55px rgba(15,23,42,.08);
    border:1px solid rgba(15,23,42,.06);
    transition:.3s ease;
}

.services-page-card:hover{
    transform:translateY(-6px);
    box-shadow:0 28px 70px rgba(15,23,42,.12);
}

.services-page-icon{
    width:72px;
    height:72px;
    min-width:72px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--color-bg-soft);
    color:var(--color-accent);
    font-size:2.2rem;
    margin-bottom:1.6rem;
}

.services-page-card h3{
    font-size:1.55rem;
    margin-bottom:1rem;
    color:#0f172a;
}

.services-page-card p{
    color:var(--color-text-muted);
    margin-bottom:1.6rem;
    line-height:1.75;
}

.services-page-link{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    font-weight:800;
    color:var(--color-accent);
}

.services-page-empty{
    grid-column:1/-1;
    text-align:center;
    padding:4rem;
    background:#fff;
    border-radius:28px;
}

.services-page-empty i{
    font-size:4rem;
    color:var(--color-text-muted);
    margin-bottom:1rem;
}

.services-page-cta{
    padding:80px 0;
    background:var(--gradient-primary, linear-gradient(135deg,#0B2B5E,#00A3FF));
    color:#fff;
    text-align:center;
}

.services-page-cta h2{
    color:#fff;
    margin-bottom:1rem;
}

.services-page-cta p{
    margin-bottom:2rem;
    color:rgba(255,255,255,.85);
}

/* Tablet */
@media(max-width:1100px){
    .services-page-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobil */
@media(max-width:768px){
    .services-page-hero{
        padding:120px 0 55px;
    }

    .services-page-section{
        padding:60px 0;
    }

    .services-page-grid{
        grid-template-columns:1fr !important;
        gap:1.4rem !important;
    }

    .services-page-card{
        padding:1.6rem;
        border-radius:22px;
    }

    .services-page-icon{
        width:60px;
        height:60px;
        min-width:60px;
        font-size:1.8rem;
        border-radius:18px;
    }
}