/*
Theme Name: Techmax
Theme URI: https://themeforest.net/item/techmax-it-solutions-technology-wordpress-theme/36459666
Author: Pixelcurve
Author URI: http://thepixelcurve.com/
Description: Business and technology services WordPress theme
Version: 1.3.9
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: blog, e-commerce, portfolio, custom-background, custom-header, full-width-template, footer-widgets, translation-ready, theme-options, two-columns
Text Domain: techmax
*/

 
.teknik-ozellikler-kapsayici {
    max-width: 900px;
    margin: 20px auto;
    font-family: Arial, sans-serif;
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-radius: 4px;
}

.teknik-ozellikler-kapsayici h2 {
    background-color: #4a868f;
    color: white;
    padding: 15px;
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    border-radius: 4px 4px 0 0;
}

/* --- MASAÜSTÜ GÖRÜNÜMÜ İÇİN CSS GRID --- */
.ozellikler-tablosu {
    display: grid;
    /* İki sütun oluşturur: Birincisi Özellik, İkincisi Değer */
    grid-template-columns: 1.5fr 1fr;
    border-top: 1px solid #e0e0e0;
}

/* Başlık Satırı Stilleri */
.tablo-baslik-satiri {
    display: contents; /* Grid üzerinde ayrı bir satır gibi davranır */
    font-weight: bold;
    background-color: #f5f5f5;
}

.ozellik-baslik,
.deger-baslik {
    padding: 12px 15px;
    border-bottom: 2px solid #ddd;
    background-color: #f5f5f5;
}

.ozellik-baslik {
    border-right: 1px solid #e0e0e0;
}

/* Satır ve Hücre Stilleri */
.ozellik-satiri {
    display: contents; /* Her satırı grid satırı yapar */
}

.ozellik-adi,
.ozellik-degeri {
    padding: 10px 15px;
    border-bottom: 1px solid #e0e0e0;
}

.ozellik-adi {
    font-weight: 500;
    background-color: #f9f9f9;
    border-right: 1px solid #e0e0e0;
}

.ozellik-degeri {
    text-align: right;
    background-color: white;
}

/* Son Satırın Alt Çizgisini Kaldırma */
.ozellik-satiri:last-of-type .ozellik-adi,
.ozellik-satiri:last-of-type .ozellik-degeri {
    border-bottom: none;
}

/* --- MOBİL UYUMLULUK (650px ve altı) --- */
@media screen and (max-width: 650px) {
    .ozellikler-tablosu {
        display: block; /* Grid düzenini devre dışı bırakır */
        border-top: none;
    }

    .tablo-baslik-satiri {
        display: none; /* Mobil görünümde tablo başlıklarını gizler */
    }

    .ozellik-satiri {
        display: block;
        margin: 0 10px 10px 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    }

    .ozellik-adi,
    .ozellik-degeri {
        display: block;
        width: auto;
        border: none;
        padding: 10px 15px;
        text-align: left;
        background-color: white;
    }

    .ozellik-adi {
        font-weight: bold;
        background-color: #f0f0f0;
        border-bottom: 1px solid #eee;
        border-right: none;
    }

    .ozellik-satiri:last-of-type {
        margin-bottom: 10px;
    }
}