@import url('https://fonts.googleapis.com/css2?family=Reddit+Sans:ital,wght@0,200..900;1,200..900&display=swap');


*{
    box-sizing:border-box;
}

body{
    margin:0;
    padding:0;
    font-family: "Reddit Sans", sans-serif;
}


header{
    background:#fff;
    border-bottom:1px solid #F0F3F7;
    width:100%;
    height:90px;
    position:fixed;
    top:0; left:0;
    z-index:1;
}

main{
    position:relative;
    width:100%;
    min-height:100vh;
    margin-top:105px;
}

.tutup_main{
    width:1200px;
    /*border:1px solid black;*/
    min-height:200px;
    margin:auto;
    /*padding:18px;*/
}

.tutup_slider{
    /*border-radius:10px;*/
    margin:20px 0;
    /*margin-top:40px;*/
}

.tutup_slider img{
    width:100%;
    border-radius:15px;
}

.tutup_produk{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
}

.tutup_produk a{
    color:#000;
    text-decoration:none;
    /*border:1px solid black;*/
    margin-bottom:18px;
}

.kotak_produk{
    width:188px;
    /*height:320px;*/
    height:300px;
    border:2px solid #F3F3F3;
    border-bottom-width:3px;
    border-radius:10px;
    /*margin-bottom:20px;*/
}

.produk_detail{
    padding:6px 7px;
}

.produk_gambar{
    width:100%;
    height:188px;
    background:#DBDBDB;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    
}

.produk_gambar img{
    width:100%;
    height:188px;
    border-top-left-radius:9px;
    border-top-right-radius:9px;
}

.produk_nama{
    font-size: 0.87rem;
}

.produk_harga{
    font-weight:700;
    font-size: 1.05rem;
    margin:2px 0;
}

.produk_harga span{
    font-size: 0.9rem;
}

.produk_ket{
    color:#6D7588;
    font-size: 0.85rem;
    /*font-weight:300;*/
}



footer{
    width:100%;
    min-height:200px;
    border-top:1px dashed #CBD4E1;
    margin-top:20px;
    color:#919798;
    font-size: 0.9rem;
    line-height:24px;
}











@media only screen and (max-width: 1280px) {
    
.tutup_main{
    max-width:1200px;
    width:100%;
}


    
    
}




@media only screen and (max-width: 768px) {
    
.tutup_produk{
    padding:0 10px;
}
    
.kotak_produk{
    max-width:200px;
    width:calc(50vw - 15px);
    /*height:320px;*/
}

.tutup_produk a{
    margin-bottom:10px;
}
    
footer{
    padding:9px;
}
    
    
    
}