.product-link{
    text-decoration:none;
    color:inherit;
}

.product-link h2{
    padding:0 20px;
    margin-top:15px;
    color:#7A1F2B;
}

.product-card p{
    padding:0 20px;
    margin-top:10px;
    font-size:20px;
    font-weight:bold;
    color:#D4AF37;
}

/* Product Container */

#product-list{
    max-width: 1400px;
    margin: 50px auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    justify-items: center;
}

.product-card{
    width:100%;
    max-width:320px;
    background:white;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,0.2);
    transition:0.4s;
    position:relative;
}

.product-card:hover{
    transform:translateY(-12px);
    box-shadow:0 20px 45px rgba(122,31,43,0.3);
}

.product-card::before{
    content:"Premium";
    position:absolute;
    top:15px;
    left:15px;
    background:#D4AF37;
    color:#3A1F0F;
    padding:6px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:bold;
}

.product-card img{
    width:100%;
    height:420px;
    object-fit:cover;
}

.buttons{
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:20px;
}

.buttons button{
    border:none;
    padding:14px;
    border-radius:30px;
    cursor:pointer;
    font-size:16px;
    font-weight:bold;
    transition:0.3s;
}

.buttons button:first-child{
    background:#7A1F2B;
    color:white;
}

.buttons button:first-child:hover{
    background:#9C3040;
}

.buttons button:last-child{
    background:#D4AF37;
    color:#3A1F0F;
}

.buttons button:last-child:hover{
    background:#FFD700;
}
body{
    font-family:Georgia, serif;
    background:#F8F1E7;

    background-image:
    radial-gradient(circle at 25px 25px,
    rgba(212,175,55,0.12) 2px,
    transparent 2px),

    radial-gradient(circle at 75px 75px,
    rgba(122,31,43,0.08) 2px,
    transparent 2px);

    background-size:100px 100px;
}

/* Tablet */

@media (max-width: 992px){

    #product-list{
        grid-template-columns: repeat(2,1fr);
    }

}

/* Mobile */

@media (max-width: 600px){

    #product-list{
        grid-template-columns:1fr;
        padding:0 20px;
    }

}

h1{
    text-align:center;
    margin:40px 0;
    color:#7A1F2B;
    font-size:42px;
}

.product-card h2{
    padding: 18px 25px 8px;
}

.product-card p{
    padding: 0 25px 20px;
}
.empty-message{
    max-width:700px;
    margin:100px auto;
    text-align:center;
    background:white;
    padding:50px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.empty-message h2{
    color:#7A1F2B;
    margin-bottom:20px;
}

.empty-message p{
    color:#555;
    font-size:18px;
    line-height:1.8;
}
.order-item{

display:flex;

justify-content:space-between;

align-items:center;

margin:20px 0;

gap:15px;

}

.order-item img{

width:70px;

height:70px;

object-fit:cover;

border-radius:10px;

}