﻿.card {
}

.card-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.card-title {
    margin: 16px 0 12px 0;
}

.vessel-info-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 15px 25px;
}

.vessel-name {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.vessel-numbers-grid {
    margin: 10px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    gap: 10px;
    text-align: center;
}

