/* Custom CSS overrides for navbar-brand vertical alignment */

.navbar-brand {
    display: flex !important;
    align-items: center !important;
    height: 50px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.navbar-brand img {
    max-height: 60px;
    width: auto;
}

/* Kategori kartları: sadece 768px'den küçük ekranlarda */
/* Üstte görsel, altta yazı + tüm kartlar eşit boyut */
@media (max-width: 767px) {
    .products .row:has(.figure-grid.category-grid) {
        display: flex;
        flex-wrap: wrap;
    }

    .products .row:has(.figure-grid.category-grid) > [class*="col-"] {
        display: flex;
    }

    .products .row:has(.figure-grid.category-grid) article {
        flex: 1;
        display: flex;
        flex-direction: column;
        min-width: 0;
        width: 100%;
    }

    .products .figure-grid.category-grid {
        display: flex;
        flex-direction: column;
        flex: 1;
        width: 100%;
    }

    .products .figure-grid.category-grid .image {
        display: block;
        overflow: hidden;
        width: 100%;
        order: 1;
        aspect-ratio: 1;
        position: relative;
        background: #f5f5f5;
    }

    .products .figure-grid.category-grid .image a {
        display: block;
        position: absolute;
        inset: 0;
    }

    .products .figure-grid.category-grid .image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
    }

    .products .figure-grid.category-grid .text {
        position: static !important;
        top: auto !important;
        padding: 15px 0 0 !important;
        order: 2;
        flex-shrink: 0;
    }

    .products .figure-grid.category-grid .text .title {
        margin: 0;
    }
}