/* ==========================================================
   AANYA PRODUCT INTELLIGENCE CARD
========================================================== */

.product-card{

    display:flex;
    flex-direction:column;

    height:100%;

    background:#fff;

    border:1px solid #E8EFE7;

    border-radius:24px;

    padding:24px;

    transition:.30s ease;

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

    overflow:hidden;

    position:relative;

}

.product-card:hover{

    transform:translateY(-8px);

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

}

/*==========================================
IMAGE
==========================================*/

.product-card-image{

    display:flex;

    justify-content:center;

    align-items:center;

    margin:18px 0 26px;

    min-height:220px;

}

.product-card-image img{

    width:100%;

    max-width:240px;

    object-fit:contain;

    transition:.35s;

}

.product-card:hover img{

    transform:scale(1.05);

}

/*==========================================
TYPOGRAPHY
==========================================*/

.product-brand{

    color:var(--color-brand-primary);

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.6px;

    margin-bottom:10px;

}

.product-title{

    margin:0 0 18px;

    font-size:24px;

    line-height:1.35;

    font-weight:700;

}

.product-title a{

    color:#213021;

    text-decoration:none;

}

.product-title a:hover{

    color:var(--color-brand-primary);

}

/*==========================================
TRUST SCORE
==========================================*/

.product-trust{

    display:flex;

    align-items:center;

    gap:16px;

    margin-bottom:24px;

}

.trust-score{

    width:66px;

    height:66px;

    border-radius:50%;

    background:#EDF7E8;

    color:var(--color-brand-primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:700;

}

.trust-details strong{

    display:block;

    font-size:16px;

}

.trust-details span{

    color:#6B776B;

    font-size:14px;

}

/*==========================================
GRID
==========================================*/

.product-card-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:24px;

    margin:24px 0;

}

.product-card-section{

    background:#FAFCF9;

    border:1px solid #EEF3EC;

    border-radius:18px;

    padding:18px;

}

.product-card-section strong{

    display:block;

    margin-bottom:12px;

    font-size:15px;

}

/*==========================================
EDITORIAL
==========================================*/

.editorial-verdict p{

    margin:0;

    color:#667266;

    line-height:1.7;

}

/*==========================================
WHY WE RECOMMEND
==========================================*/

.recommendation-highlights ul{

    margin:0;

    padding:0;

    list-style:none;

}

.recommendation-highlights li{

    display:flex;

    gap:10px;

    align-items:flex-start;

    margin-bottom:12px;

}

.recommendation-highlights svg{

    width:18px;

    height:18px;

    color:var(--color-brand-primary);

    flex-shrink:0;

}

/*==========================================
INGREDIENTS
==========================================*/

.ingredient-tags{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

}

.ingredient-tag{

    background:#EDF7E8;

    color:var(--color-brand-primary);

    padding:8px 14px;

    border-radius:999px;

    font-size:13px;

    font-weight:600;

}

/*==========================================
PRICES
==========================================*/

.product-prices ul{

    list-style:none;

    margin:0;

    padding:0;

}

.product-prices li{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:12px 0;

    border-bottom:1px solid #EEF2ED;

}

.product-prices li:last-child{

    border:none;

}

/*==========================================
BUTTONS
==========================================*/

.product-actions{

    display:flex;

    gap:14px;

    margin-top:auto;

    padding-top:24px;

}

.product-actions .btn{

    flex:1;

    text-align:center;

    padding:14px 20px;

    border-radius:12px;

    text-decoration:none;

    font-weight:600;

    transition:.25s;

}

.btn-primary{

    background:var(--color-brand-primary);

    color:#fff;

}

.btn-primary:hover{

    transform:translateY(-2px);

}

.btn-secondary{

    border:1px solid #DDE7DA;

    color:#243224;

    background:#fff;

}

.btn-secondary:hover{

    background:#F6FAF4;

}

/*==========================================
RESPONSIVE
==========================================*/

@media(max-width:900px){

.product-card-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.product-card{

padding:20px;

}

.product-title{

font-size:20px;

}

.product-actions{

flex-direction:column;

}

}

.product-card{

    display:flex;

    flex-direction:column;

    height:100%;

    background:#FFFFFF;

    border:1px solid #ECECEC;

    border-radius:20px;

    overflow:hidden;

    transition:.30s;

}

.product-card:hover{

    transform:translateY(-6px);

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

}

.product-card-image{

    aspect-ratio:1/1;

    background:#F7F8F6;

    padding:24px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.product-card-image img{

    width:100%;

    max-width:220px;

    object-fit:contain;

}

.product-card-content{

    display:flex;

    flex-direction:column;

    flex:1;

    padding:24px;

}

.product-card-title{

    font-size:20px;

    line-height:1.35;

    margin-bottom:10px;

}

.product-card-brand{

    color:#6E6E6E;

    margin-bottom:18px;

}

.product-card-footer{

    margin-top:auto;

    display:flex;

    gap:12px;

    flex-wrap:wrap;

}

.product-card-footer .btn{

    flex:1;

}

/* ==========================================
   PRODUCT RATING
========================================== */

.product-rating{

    display:flex;

    align-items:center;

    gap:10px;

    margin:16px 0;

    flex-wrap:wrap;

}

.rating-stars{

    display:flex;

    gap:4px;

}

.rating-stars .star{

    width:18px;

    height:18px;

    color:#F4B400;

    display:flex;

    align-items:center;

    justify-content:center;

}

.rating-value{

    font-weight:700;

    color:#1F2B1F;

}

.rating-count{

    color:#707870;

    font-size:14px;

}

/* ==========================================================
   PRODUCT RETAILERS
========================================================== */

.product-retailers{

    margin-top:24px;

}

.retailer-title{

    font-size:13px;

    font-weight:700;

    color:#6A7469;

    text-transform:uppercase;

    letter-spacing:.05em;

    margin-bottom:12px;

}

.retailer-list{

    display:flex;

    flex-direction:column;

    gap:10px;

}

.retailer-item{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:12px 14px;

    border:1px solid #E7ECE4;

    border-radius:14px;

    text-decoration:none;

    color:inherit;

    transition:all .25s ease;

}

.retailer-item:hover{

    border-color:var(--color-brand-primary);

    background:#F7FCF5;

    transform:translateX(3px);

}

.retailer-info{

    display:flex;

    align-items:center;

    gap:10px;

}

.retailer-logo{

    width:28px;

    height:28px;

    object-fit:contain;

}

.retailer-name{

    font-weight:600;

}

.retailer-price{

    font-weight:700;

    color:var(--color-brand-primary);

}
/* ==========================================================
   PRODUCT ACTIONS
========================================================== */

.product-actions{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:12px;

    margin-top:24px;

}

.product-view-btn{

    grid-column:1 / -1;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

}

.compare-product-btn,
.wishlist-product-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:8px;

}

.share-product-btn{

    position:absolute;

    top:16px;

    right:16px;

    width:42px;

    height:42px;

    border-radius:50%;

    padding:0;

}

.product-actions .btn{

    min-height:46px;

}

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

.product-card.is-hover{

    border-color:var(--color-brand-primary);

}

.trust-score{

    cursor:pointer;

    transition:.25s;

}

.trust-score:hover{

    transform:scale(1.08);

}

.product-card .btn{

    transition:all .25s ease;

}

.product-card .btn:hover{

    transform:translateY(-2px);

}

.wishlist-control{margin:0}.wishlist-button{align-items:center;display:inline-flex;gap:.45rem;min-height:44px}.wishlist-button[aria-pressed=true]{background:#edf5e4;border-color:#527e22;color:#315313}.wishlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.wishlist-heading{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.wishlist-empty{background:#f8f5ef;border-radius:12px;padding:1.25rem}.product-actions{flex-wrap:wrap}@media(max-width:900px){.wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.wishlist-grid{grid-template-columns:1fr}.wishlist-heading{align-items:flex-start;display:grid}}