@charset "utf-8";


/* =========================================================
   MAIN PRODUCT LATEST
========================================================= */

.main_product_latest{
    position:relative;
    width:100%;
    min-width:0;
}


/* =========================================================
   SLIDER WRAP
========================================================= */

.main_product_slider_wrap{
    position:relative;
    width:100%;
    min-width:0;
}


/* =========================================================
   SLIDER
========================================================= */

.main_product_slider{
    width:100%;
    min-width:0;

    margin:0;
}

.main_product_slider .slick-list{
    overflow:hidden;
}

.main_product_slider .slick-track{
    display:flex;
}

.main_product_slider .slick-slide{
    height:auto;
}

.main_product_slider .slick-slide > div{
    height:100%;
}


/* =========================================================
   SLIDE
========================================================= */

.main_product_slide{
    height:100%;
    padding:0 10px;
}


/* =========================================================
   CARD
========================================================= */

.main_product_card{
    display:block;
    position:relative;

    width:100%;
    height:100%;

    overflow:hidden;

    background:#f3f3f3;

    color:#222;
    text-decoration:none;
}


/* =========================================================
   IMAGE
========================================================= */

.main_product_image{
    position:relative;

    width:100%;

    aspect-ratio:1.15 / 1;

    overflow:hidden;

    background:#f3f3f3;
}

.main_product_image img{
    display:block;

    width:100%;
    height:100%;

    margin:0;

    object-fit:cover;

    transition:
        transform .5s ease;
}

.main_product_card:hover
.main_product_image img{

    transform:scale(1.035);

}


/* =========================================================
   PRODUCT NAME
========================================================= */

.main_product_name{
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    z-index:2;

    display:flex;
    align-items:center;
    justify-content:flex-end;

    min-height:70px;

    padding:15px 28px;

    background:#fff;

    color:#333;

    font-size:20px;
    font-weight:600;

    line-height:1.4;

    letter-spacing:-.03em;

    text-align:right;

    word-break:keep-all;

    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}


/* =========================================================
   ARROWS
========================================================= */

.main_product_prev,
.main_product_next{

    position:absolute;

    top:50%;

    z-index:10;

    display:flex;
    align-items:center;
    justify-content:center;

    width:58px;
    height:58px;

    margin:0;
    padding:0;

    border:0;
    border-radius:50%;

    background:rgba(255,255,255,.94);

    cursor:pointer;

    transform:translateY(-50%);

    transition:
        background .25s ease,
        box-shadow .25s ease;
}

.main_product_prev{
    left:-20px;
}

.main_product_next{
    right:-20px;
}


.main_product_prev:hover,
.main_product_next:hover{

    background:#fff;

    box-shadow:
        0 8px 25px rgba(0,0,0,.08);

}


/* Arrow Shape */

.main_product_prev span,
.main_product_next span{

    display:block;

    width:12px;
    height:12px;

    border-top:2px solid #ed1e79;
    border-right:2px solid #ed1e79;
}


.main_product_prev span{

    margin-left:5px;

    transform:rotate(-135deg);

}


.main_product_next span{

    margin-right:5px;

    transform:rotate(45deg);

}


/* =========================================================
   EMPTY
========================================================= */

.main_product_empty{

    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    min-height:300px;

    color:#999;

    font-size:16px;
}


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

@media all and (max-width:1024px){

    .main_product_slider{
        margin:0;
    }

    .main_product_slide{
        padding:0 6px;
    }

    .main_product_name{
        min-height:60px;

        padding:12px 20px;

        font-size:17px;
    }

    .main_product_prev,
    .main_product_next{

        width:46px;
        height:46px;

    }

    .main_product_prev{
        left:-10px;
    }

    .main_product_next{
        right:-10px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media all and (max-width:767px){

    .main_product_slider{
        margin:0;
    }

    .main_product_slide{
        padding:0 4px;
    }

    .main_product_image{
        aspect-ratio:1 / 1.3;
    }

    .main_product_name{

        min-height:52px;

        padding:10px 12px;

        font-size:14px;

        line-height:1.35;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media all and (max-width:480px){

    .main_product_name{

        min-height:48px;

        padding:8px 10px;

        font-size:14px;

    }

}