.tab-container {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
   /* box-shadow: 0 2px 6px rgba(0,0,0,0.1);*/
}

/* Üst sekme başlıkları */
.tab-header {
    display: flex;
    border-bottom: 2px solid #ddd;
}

    .tab-header button {
        flex: 1;
        padding: 12px 20px;
        background: none;
        border: none;
        border-bottom: 3px solid transparent;
        cursor: pointer;
        font-weight: 600;
        color: #555;
        transition: all 0.3s ease;
    }

        .tab-header button:hover {
            background: #f1f1f1;
        }

        .tab-header button.active {
            border-bottom-color: #007bff;
            color: #007bff;
        }

/* Sekme içerikleri */
.tab-content {
    padding: 20px;
    display: none;
    animation: fadeIn 0.4s ease;
}

    .tab-content.active {
        display: block;
    }
@media screen and (max-width: 530px) {
    .tab-header {
        display: block;
        border-bottom: 2px solid #ddd;
    }
}