/* MC package: application/tasarim_sablonlari/header/header-02/style.css */
/*
 * MC-A20D1-HEADER-PACKAGE-MIGRATION
 * Package: header-02
 * Design-specific header CSS portal.css'ten bu pakete tasinmistir.
 * Ortak mc-header primitives portal.css core icinde kalir.
 */

.mc-header-design-02{
    border-bottom:1px solid #e5e7eb;
    box-shadow:0 2px 8px rgba(15,23,42,.04)
}

.mc-h02-top{
    background:#111827;
    color:#d1d5db
}

.mc-h02-top-inner{
    min-height:30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    font-size:11px
}

.mc-h02-top-menu{
    display:flex;
    gap:16px;
    list-style:none;
    margin:0;
    padding:0
}

.mc-h02-top-menu a{
    color:#d1d5db
}

.mc-h02-main{
    background:#fff
}

.mc-h02-row{
    min-height:68px;
    display:grid;
    grid-template-columns:
        auto
        auto
        minmax(0,1fr)
        190px;
    gap:18px;
    align-items:center
}

.mc-h02-row
.portal-menu-button{
    display:none
}

.mc-h02-brand{
    white-space:nowrap
}

.mc-h02-brand strong{
    font-size:1.22rem
}

.mc-h02-menu{
    min-width:0;
    overflow:hidden
}

.mc-h02-search input{
    width:100%;
    max-width:130px
}

@media(max-width:1000px){
.mc-h02-row{
        grid-template-columns:
            auto
            auto
            minmax(0,1fr)
    }
.mc-h02-search{
        display:none
    }
}

@media(max-width:820px){
.mc-h02-row
    .portal-menu-button{
        display:flex
    }
.mc-h02-menu{
        display:none
    }
.mc-h02-row{
        grid-template-columns:
            auto 1fr
    }
.mc-h02-brand{
        justify-self:start
    }
}

@media(max-width:640px){
.mc-h02-top-inner{
        justify-content:center
    }
.mc-h02-top-menu{
        display:none
    }
.mc-header-brand strong{
        font-size:1.1rem
    }
}

/* MC package: application/tasarim_sablonlari/kategori/category-page-01/style.css */
/* MC-CATEGORY-PACKAGE-A10 : category-page-01 */

.category-page-01 .mc-category-page-head {
    margin-bottom: 22px;
}

.category-page-01 .mc-category-page-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

@media (max-width: 680px) {
    .category-page-01 .mc-category-page-list {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

/* MC package: application/tasarim_sablonlari/kart/card-01/style.css */
/* MC-CATEGORY-CARD-A12 : card-01 */
.mc-category-page-list[data-card-design="card-01"] .mc-card-design-01{height:100%}
.mc-card-design-01 .portal-card-body{display:flex;flex-direction:column}
.mc-card-design-01 time{margin-top:auto}

/* MC package: application/tasarim_sablonlari/footer/footer-02/style.css */
/*
 * MC-GLOBAL-PACKAGE-CSS-A20A
 * Bu A20A compatibility asamasinda mevcut production stilleri
 * tema/portal-v1/assets/css/portal.css icinde kalir.
 * A20B native resolver sonrasi paket CSS yukleme kontrati ayrica ele alinacaktir.
 */