/* ==========================================================================
KURUMSAL.CSS
============

WESTPLAST KURUMSAL SAYFASI

BÖLÜMLER

1. Hakkımızda
2. Özellik Kartları
3. Neden Biz
4. Alt Kurumsal Mesaj
5. Mobil Uyumluluk

NOT:

* body tanımı style.css tarafından yönetilir.
* container tanımı style.css tarafından yönetilir.
* Bu dosya yalnızca kurumsal sayfaya ait alanları yönetir.

KURUMSAL KİMLİK UYUMLAMASI

Ana Renk:
#13315C

Vurgu:
#29ABE2

Metin:
#262626

İkincil Metin:
#595959

Açık Zemin:
#EEF3F8

========================================================================== */


/* ==========================================================================
1. HAKKIMIZDA

Firma tanıtım alanı
Sayfanın giriş bölümü

========================================================================== */

.hakkimizda{
    padding:60px 20px;
}

.hakkimizda h2{

    text-align:center;

    color:#13315C;

    font-size:36px;

    font-weight:700;

    margin-bottom:25px;
}

.hakkimizda p{

    max-width:900px;

    margin:0 auto 18px;

    text-align:center;

    line-height:1.9;

    color:#595959;

    font-size:16px;
}


/* ==========================================================================
2) ÖZELLİKLER

Kurumsal avantaj kartları

========================================================================== */

.ozellikler{
    padding:40px 20px;
}

.ozellikler .container{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));

    gap:25px;
}

.ozellik-kart{

    background:#ffffff;

    padding:30px;

    border-radius:14px;

    border:1px solid #D9D9D9;

    box-shadow:
    0 8px 20px rgba(0,0,0,.05);

    text-align:center;

    transition:.3s;
}

.ozellik-kart:hover{

    transform:translateY(-5px);

    border-color:#29ABE2;
}

.ozellik-kart h3{

    color:#13315C;

    margin-bottom:15px;

    font-size:20px;

    font-weight:600;
}

.ozellik-kart p{

    color:#595959;

    line-height:1.8;
}


/* ==========================================================================
3) NEDEN BİZ

Güven oluşturma alanı

========================================================================== */

.neden-biz{
    padding:50px 20px;
}

.neden-biz h2{

    text-align:center;

    color:#13315C;

    font-size:36px;

    font-weight:700;

    margin-bottom:30px;
}

.neden-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));

    gap:25px;
}

.neden-kart{

    background:#13315C;

    color:#fff;

    padding:30px;

    border-radius:14px;

    text-align:center;

    transition:.3s;
}

.neden-kart:hover{

    transform:translateY(-5px);

    background:#1a3f73;
}

.neden-kart h3{

    margin-bottom:15px;

    font-size:20px;

    font-weight:600;
}

.neden-kart p{

    line-height:1.8;

    color:rgba(255,255,255,.92);
}


/* ==========================================================================
4) ALT MESAJ

Sayfa kapanış bölümü

========================================================================== */

.kurumsal-son{

    padding:60px 20px;

    text-align:center;

    background:#EEF3F8;

    margin-top:40px;
}

.kurumsal-son h2{

    color:#13315C;

    font-size:36px;

    font-weight:700;

    margin-bottom:20px;
}

.kurumsal-son p{

    max-width:800px;

    margin:auto;

    color:#595959;

    line-height:1.9;

    font-size:16px;
}


/* ==========================================================================
5) MOBİL UYUMLULUK

========================================================================== */

@media(max-width:768px){

    .hakkimizda{
        padding:45px 15px;
    }

    .ozellikler{
        padding:30px 15px;
    }

    .neden-biz{
        padding:35px 15px;
    }

    .kurumsal-son{
        padding:45px 15px;
    }

    .hakkimizda h2,
    .neden-biz h2,
    .kurumsal-son h2{
        font-size:28px;
    }

    .hakkimizda p,
    .kurumsal-son p{
        font-size:15px;
    }

}