.sale-header{

    background:#8B0000;
    color:white;

    text-align:center;

    padding:80px 20px;

}

.sale-header h1{

    font-size:48px;

    margin-bottom:15px;

}

.sale-products{

    width:90%;

    margin:60px auto;

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

    gap:30px;

}

.product-card{

    position:relative;

    background:white;

    padding:20px;

    border-radius:15px;

    text-align:center;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

    transition:.3s;

}

.product-card:hover{

    transform:translateY(-8px);

}

.product-card img
{

    width:100%;
    height:300px;

    object-fit:cover;

    border-radius:10px;

}

.discount{

    position:absolute;

    top:15px;
    left:15px;

    background:red;

    color:white;

    padding:8px 12px;

    border-radius:20px;

    font-weight:bold;

}

.product-card del{

    color:#888;

    margin-right:10px;

}

.sale-card strong{

    color:red;

    font-size:22px;

}


.product-card{

    text-align: center;

}

.product-card button{

    display: block;

    width: 80%;

    margin: 20px auto 0;

    padding: 12px;

    border: none;

    border-radius: 8px;

    background: #111;

    color: white;

    cursor: pointer;

    transition: .3s;

}

.product-card button:hover{

    background: #b88a44;

}

.sale-card{
    position:relative;
}



.discount-badge{

    position:absolute;

    top:15px;
    left:15px;

    background:#b88a44;

    color:white;

    padding:6px 12px;

    border-radius:20px;

    font-size:14px;

    font-weight:bold;

    z-index:2;

}



.old-price{

    color:#999;

    text-decoration:line-through;

    font-size:16px;

    margin:5px 0;

}



.new-price{

    color:#111;

    font-size:20px;

    font-weight:bold;

}

.discount{

position:absolute;

top:15px;
left:15px;

background:#b88a44;

color:white;

padding:6px 12px;

border-radius:20px;

font-size:14px;

font-weight:bold;

}

.product-card{

position:relative;

}

.discount-badge{

    position:absolute;

    top:15px;
    left:15px;

    background:#b88a44;

    color:white;

    padding:6px 12px;

    border-radius:20px;

    font-size:14px;

    font-weight:bold;

}


.sale-card{

    position:relative;

}


.old-price{

    color:#999;

    text-decoration:line-through;

    margin:5px;

}


.new-price{

    color:#111;

    font-size:22px;

    font-weight:bold;

}