/* ==========================================================
   MODERNZA ANA SAYFA
   SONBAHAR KAMPANYASI + SATIŞ BANNERLARI
   ========================================================== */


/* ==========================================================
   ÜST KAMPANYA BANDI
   ========================================================== */

#modernza-autumn-campaign-bar {

    width: 100%;

    box-sizing: border-box;

    background: #5a1833;

    border-bottom:
        1px solid rgba(255,255,255,.16);

    position: relative;

    z-index: 99999;
}


#modernza-autumn-campaign-bar a {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    width: 100%;

    min-height: 42px;

    padding: 8px 20px;

    box-sizing: border-box;

    color: #ffffff !important;

    text-decoration: none !important;

    text-align: center;

    font-size: 14px;

    line-height: 1.3;

    font-weight: 500;

    letter-spacing: .3px;
}


#modernza-autumn-campaign-bar:hover {

    background: #4b122b;
}


#modernza-autumn-campaign-bar
.mz-campaign-static {

    color: #ffffff;

    font-weight: 600;
}


#modernza-autumn-campaign-bar
.mz-campaign-highlight {

    color: #ffd36c;

    font-weight: 800;
}


#modernza-autumn-campaign-bar
.mz-campaign-separator {

    color:
        rgba(255,255,255,.4);
}


#modernza-autumn-campaign-bar
.mz-campaign-action {

    color: #ffffff;

    font-weight: 700;

    border-bottom:
        1px solid #ffd36c;

    padding-bottom: 1px;
}


/* SADECE SONBAHAR KAMPANYASI YANIP SÖNSÜN */

#modernza-autumn-campaign-bar
.mz-campaign-pulse {

    display: inline-block;

    animation:
        modernzaCampaignPulse
        1.8s
        ease-in-out
        infinite;
}


@keyframes modernzaCampaignPulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: .35;
    }

}



/* ==========================================================
   ARA BANNER ANA CONTAINER
   ========================================================== */

.mz-home-insert-banner {

    display: block !important;

    clear: both !important;

    position: relative !important;

    width:
        calc(100% - 48px) !important;

    max-width:
        1180px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    margin-top:
        42px !important;

    margin-bottom:
        42px !important;

    padding:
        0 !important;

    box-sizing:
        border-box !important;

    overflow:
        visible !important;
}


.mz-home-insert-banner > a {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    outline:
        0 !important;

    text-decoration:
        none !important;
}


.mz-home-insert-banner picture {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    line-height:
        0 !important;
}


.mz-home-insert-banner img {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        100% !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        16px !important;

    box-sizing:
        border-box !important;

    object-fit:
        cover !important;

    object-position:
        center center !important;

    box-shadow:
        0 8px 28px
        rgba(0,0,0,.07) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}



@media (hover:hover) {

    .mz-home-insert-banner > a:hover img {

        transform:
            translateY(-3px) !important;

        box-shadow:
            0 15px 38px
            rgba(0,0,0,.11) !important;

    }

}



/* ==========================================================
   EDİRNE SHOWROOM
   ========================================================== */

#mzEdirneShowroomBanner {

    margin-top:
        46px !important;

    margin-bottom:
        30px !important;
}



/* ==========================================================
   ÖZEL ÇÖZÜMLER
   ========================================================== */

#mzSpecialSolutionsBanner {

    margin-top:
        26px !important;

    margin-bottom:
        48px !important;
}



/* ==========================================================
   ÜRÜN SEÇİM DESTEĞİ
   ========================================================== */

#mzSelectionSupportBanner {

    margin-top:
        42px !important;

    margin-bottom:
        46px !important;
}



/* ==========================================================
   AVRUPA / BULGARİSTAN
   ========================================================== */

#mzEuropeDeliveryBanner {

    margin-top:
        54px !important;

    margin-bottom:
        38px !important;
}



/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:1024px) {

    .mz-home-insert-banner {

        width:
            calc(100% - 32px) !important;

        max-width:
            none !important;
    }


    .mz-home-insert-banner img {

        border-radius:
            14px !important;
    }

}



/* ==========================================================
   MOBİL
   ========================================================== */

@media (max-width:767px) {


    /* ÜST KAMPANYA */

    #modernza-autumn-campaign-bar a {

        display: block;

        min-height: 45px;

        padding:
            7px
            9px;

        font-size: 11px;

        line-height: 1.45;
    }


    #modernza-autumn-campaign-bar
    .mz-campaign-main {

        display: block;

        font-size: 11.5px;

        font-weight: 700;
    }


    #modernza-autumn-campaign-bar
    .mz-campaign-detail {

        display: block;

        margin-top: 1px;

        font-size: 10.5px;
    }


    #modernza-autumn-campaign-bar
    .mz-campaign-separator {

        display: none;
    }



    /* ARA BANNERLAR */

    .mz-home-insert-banner {

        display:
            block !important;

        width:
            calc(100% - 20px) !important;

        max-width:
            none !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;

        margin-top:
            24px !important;

        margin-bottom:
            24px !important;

        padding:
            0 !important;
    }


    .mz-home-insert-banner > a {

        display:
            block !important;

        width:
            100% !important;
    }


    .mz-home-insert-banner picture {

        display:
            block !important;

        width:
            100% !important;
    }


    .mz-home-insert-banner img {

        display:
            block !important;

        width:
            100% !important;

        max-width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        margin:
            0 !important;

        padding:
            0 !important;

        border-radius:
            12px !important;

        object-fit:
            contain !important;

        object-position:
            center center !important;

        box-shadow:
            0 5px 18px
            rgba(0,0,0,.06) !important;

        transform:
            none !important;
    }


    #mzEdirneShowroomBanner {

        margin-top:
            26px !important;

        margin-bottom:
            16px !important;
    }


    #mzSpecialSolutionsBanner {

        margin-top:
            16px !important;

        margin-bottom:
            30px !important;
    }


    #mzSelectionSupportBanner {

        margin-top:
            26px !important;

        margin-bottom:
            30px !important;
    }


    #mzEuropeDeliveryBanner {

        margin-top:
            34px !important;

        margin-bottom:
            26px !important;
    }

}



/* ==========================================================
   DAR MOBİL
   ========================================================== */

@media (max-width:430px) {

    .mz-home-insert-banner {

        width:
            calc(100% - 18px) !important;
    }


    .mz-home-insert-banner img {

        border-radius:
            11px !important;
    }

}
/* ==========================================================
   MODERNZA ANA SAYFA
   MOBİL FINAL OPTİMİZASYON V5
   ========================================================== */

@media (max-width: 767px) {


    /* ======================================================
       ÖNE ÇIKAN ÜRÜNLERİ GİZLE
       ====================================================== */

    .mz-v5-hide-featured {
        display: none !important;
    }


    /* ======================================================
       KAMPANYALI ÜRÜNLER
       6'DAN SONRASINI GİZLE
       ====================================================== */

    .mz-v5-extra-campaign-product {
        display: none !important;
    }


    /* ======================================================
       GÜVEN ALANI 2x2
       ====================================================== */

    .mz-v5-trust-grid {

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        grid-template-rows:
            auto auto !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        gap: 0 !important;

        box-sizing: border-box !important;

        align-items: stretch !important;
    }


    .mz-v5-trust-cell {

        width: 100% !important;

        max-width: none !important;

        flex: none !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    .mz-v5-trust-item {

        display: flex !important;

        flex-direction: column !important;

        justify-content: center !important;

        align-items: center !important;

        width: 100% !important;

        min-height: 120px !important;

        height: 120px !important;

        margin: 0 !important;

        padding: 10px 7px !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* Dört kutu arasında ince çizgi */

    .mz-v5-trust-cell:nth-child(odd) {
        border-right:
            1px solid #eeeeee !important;
    }


    .mz-v5-trust-cell:nth-child(-n+2) {
        border-bottom:
            1px solid #eeeeee !important;
    }


    /* İKON */

    .mz-v5-trust-item img,
    .mz-v5-trust-item svg,
    .mz-v5-trust-item i {

        margin:
            0 auto 6px !important;

        max-height:
            31px !important;

    }


    /* BAŞLIK */

    .mz-v5-trust-item h1,
    .mz-v5-trust-item h2,
    .mz-v5-trust-item h3,
    .mz-v5-trust-item h4,
    .mz-v5-trust-item h5,
    .mz-v5-trust-item strong {

        margin:
            2px 0 3px !important;

        padding:
            0 !important;

        font-size:
            11.5px !important;

        line-height:
            1.25 !important;

    }


    /* ALT AÇIKLAMA */

    .mz-v5-trust-item p {

        margin:
            2px 0 0 !important;

        padding:
            0 !important;

        font-size:
            9.5px !important;

        line-height:
            1.35 !important;

        color:
            #777 !important;
    }


    /* ======================================================
       BULGARİSTAN › GÜVEN ALANI GEÇİŞİ
       ====================================================== */

    #mzEuropeDeliveryBanner {

        margin-bottom:
            8px !important;
    }

}