/* 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/manset/manset-image-03/style.css */
.mc-pkg-manset-03{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(380px,1fr);gap:18px;margin:0 0 34px}
.mc-pkg-manset-03 .mc-pkg-m03-main{min-height:560px;border-radius:14px;overflow:hidden}
.mc-pkg-manset-03 .mc-pkg-m03-side{display:grid;grid-template-rows:repeat(3,1fr);gap:14px}
.mc-pkg-manset-03 .mc-pkg-m03-row{min-height:177px;border:1px solid #e5e7eb;border-radius:13px;overflow:hidden;background:#fff}
.mc-pkg-manset-03 .mc-mslot{position:relative;width:100%;height:100%;overflow:hidden}
.mc-pkg-manset-03 .mc-pkg-m03-main .mc-mslot{background:#0f172a}
.mc-pkg-manset-03 .mc-mslot-link{position:absolute;inset:0;display:block}
.mc-pkg-manset-03 .mc-pkg-m03-main .portal-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mc-pkg-manset-03 .mc-pkg-m03-main .mc-mslot-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.9) 100%)}
.mc-pkg-manset-03 .mc-pkg-m03-main .mc-mslot-copy{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:30px;color:#fff}
.mc-pkg-manset-03 .mc-pkg-m03-main .mc-mslot-copy h1{margin:0;color:#fff;font-size:clamp(2rem,3.2vw,3.45rem);line-height:1.06;letter-spacing:-.04em}
.mc-pkg-manset-03 .mc-pkg-m03-row .mc-mslot-link{display:grid;grid-template-columns:42% 58%;align-items:stretch}
.mc-pkg-manset-03 .mc-pkg-m03-row .portal-img{position:relative;width:100%;height:100%;min-height:177px;object-fit:cover}
.mc-pkg-manset-03 .mc-pkg-m03-row .mc-mslot-shade{display:none}
.mc-pkg-manset-03 .mc-pkg-m03-row .mc-mslot-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:15px 17px;background:#fff;color:#0f172a}
.mc-pkg-manset-03 .mc-pkg-m03-row .mc-mslot-copy h3{margin:0;color:#0f172a;font-size:1.05rem;line-height:1.25}
.mc-pkg-manset-03 .mc-mslot-kicker{display:inline-flex;align-self:flex-start;padding:5px 8px;margin-bottom:8px;border-radius:5px;background:var(--site-renk,#2563eb);color:#fff;font-size:9px;font-weight:900;text-transform:uppercase}
.mc-pkg-manset-03 .mc-mslot-system-ad,.mc-pkg-manset-03 .mc-mslot-custom-ad{width:100%;height:100%;min-height:100%}
@media(max-width:920px){.mc-pkg-manset-03{grid-template-columns:1fr}.mc-pkg-manset-03 .mc-pkg-m03-main{min-height:430px}.mc-pkg-manset-03 .mc-pkg-m03-side{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.mc-pkg-manset-03 .mc-pkg-m03-row .mc-mslot-link{display:block}.mc-pkg-manset-03 .mc-pkg-m03-row .portal-img{width:100%;height:160px;min-height:160px}.mc-pkg-manset-03 .mc-pkg-m03-row .mc-mslot-copy{min-height:110px}}
@media(max-width:620px){.mc-pkg-manset-03 .mc-pkg-m03-main{min-height:330px}.mc-pkg-manset-03 .mc-pkg-m03-side{grid-template-columns:1fr}.mc-pkg-manset-03 .mc-pkg-m03-row{min-height:155px}.mc-pkg-manset-03 .mc-pkg-m03-row .mc-mslot-link{display:grid;grid-template-columns:42% 58%}.mc-pkg-manset-03 .mc-pkg-m03-row .portal-img{height:100%;min-height:155px}}

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

.mc-footer-design-02{
    padding:48px 0 28px;
    border-top:1px solid #e5e7eb;
    background:#fff;
    color:#475569
}

.mc-footer-02-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center
}

.mc-footer-02-logo{
    color:#111827;
    font-size:1.65rem;
    font-weight:900;
    letter-spacing:-.04em
}

.mc-footer-02-desc{
    max-width:700px;
    margin:15px auto;
    color:#64748b;
    line-height:1.65
}

.mc-footer-inline-menu{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px 20px;
    margin:15px 0;
    padding:0;
    list-style:none
}

.mc-footer-inline-menu a{
    color:#334155;
    font-size:.86rem;
    font-weight:700
}

.mc-footer-design-02
.mc-footer-social a{
    border:1px solid #e5e7eb;
    color:#334155
}

.mc-footer-02-contact{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:15px;
    margin-top:17px
}

.mc-footer-02-contact a{
    color:#64748b;
    font-size:.85rem
}

.mc-footer-02-copy{
    margin-top:25px;
    color:#94a3b8;
    font-size:12px
}