/*
|--------------------------------------------------------------------------
| Aanya Organics Theme
|--------------------------------------------------------------------------
| Module : Product Card
| File   : product-card.css
|--------------------------------------------------------------------------
*/

.product-card{

    position:relative;

    display:flex;

    flex-direction:column;

    background:#fff;

    border:1px solid var(--color-border);

    border-radius:28px;

    overflow:hidden;

    transition:.35s ease;

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

}

.product-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 60px rgba(0,0,0,.10);

}

/* Image */

.product-card .card-image{

    background:#F8F8F8;

    padding:40px;

}

.product-card .card-image img{

    aspect-ratio:1;

    object-fit:contain;

}

/* Body */

.product-card .card-body{

    display:flex;

    flex-direction:column;

    gap:18px;

    padding:30px;

}

/* Brand */

.product-brand{

    font-size:.9rem;

    color:var(--color-primary);

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.08em;

    margin:0;

}

/* Title */

.product-card .card-title{

    margin:0;

    font-size:1.55rem;

}

/* Description */

.product-card .card-description{

    margin:0;

    line-height:1.8;

}

/* Benefits */

.product-benefits{

    display:flex;

    flex-direction:column;

    gap:10px;

}

.product-benefits li{

    display:flex;

    align-items:center;

    gap:10px;

}

/* Certifications */

.product-certifications{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

}

/* Footer */

.product-card .card-footer{

    padding:30px;

    border-top:1px solid var(--color-border);

}

.retailer-label{

    font-size:.85rem;

    color:var(--color-text-light);

    margin-bottom:6px;

}

.retailer-list{

    display:flex;

    gap:12px;

    margin-bottom:24px;

}

.retailer-item{

    padding:8px 14px;

    background:#F7F7F7;

    border-radius:999px;

    font-size:.9rem;

}

.product-card .btn{

    width:100%;

}