body{margin:0;padding:0}a{text-decoration:none}.pd_box{width:247px;box-shadow:2px 2px 30px rgba(0,0,0,.2);overflow:hidden;margin:5px}.slide-img{height:260px;position:relative}.slide-img img{width:100%;height:100%;object-fit:cover;box-sizing:border-box}.detail-box{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;box-sizing:border-box;font-family:calibri}.type{display:flex;flex-direction:column}.type a{color:#222;margin:5px 0;font-weight:700;letter-spacing:.5px;padding-right:8px}.type span{color:rgba(26,26,26,.5)}.price{color:#333;font-weight:600;font-size:.9rem;font-family:poppins;letter-spacing:.5px}.overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}.buy-btn{width:120px;height:32px;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#252525;font-weight:700;letter-spacing:1px;font-family:calibri;border-radius:20px;box-shadow:2px 2px 30px rgba(0,0,0,.2)}.buy-btn:hover{color:#fff;background-color:#ff305b;transition:all ease .3s}.overlay{visibility:hidden}.slide-img:hover .overlay{visibility:visible;animation:fade .5s}@keyframes fade{0%{opacity:0}100%{opacity:1}}.slider{margin-bottom:50px;display:flex;justify-content:center;align-items:center}