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

.product-card{

    width:320px;

    min-height:430px;

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

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    overflow:hidden;

    text-decoration:none;

    color:white;

    display:flex;

    flex-direction:column;

    transition:.35s;

}

.product-card:hover{

    transform:translateY(-8px);

    border-color:#F57C00;

    box-shadow:0 18px 45px rgba(245,124,0,.25);

}

.product-card-image{

    height:220px;

    overflow:hidden;

}

.product-card-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    transition: .35s;

    display: block;

}

.product-card:hover img{

    transform:scale(1.07);

}

.product-card-content{

    padding:24px;

    display:flex;

    flex-direction:column;

    flex:1;

}

.product-country{

    display:inline-block;

    color:#F57C00;

    font-weight:700;

    margin-bottom:10px;

}

.product-title{

    font-size:1.35rem;

    margin-bottom:12px;

    line-height:1.4;

}

.product-description{

    color:#cbd5e1;

    line-height:1.7;

    margin-bottom:20px;

}

.product-features{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-bottom:25px;

}

.product-features span{

    padding:8px 14px;

    border-radius:30px;

    background:rgba(245,124,0,.15);

    border:1px solid rgba(245,124,0,.35);

    color:#F57C00;

    font-size:.85rem;

    font-weight:600;

}

.product-link{

    margin-top:auto;

    font-weight:700;

    color:#F57C00;

}

.product-card:hover .product-link{

    letter-spacing:.5px;

}

.whatsapp-float {

    position: fixed;

    right: 30px;

    bottom: 30px;

    width: 70px;

    height: 70px;

    border-radius: 50%;

    background: #25D366;

    color: white;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0 10px 30px rgba(0,0,0,.25);

    z-index: 9999;

    transition: .3s;

}

.whatsapp-float:hover {

    transform: scale(1.1);

}