/* ================= PRODUCT GRID ================= */
.product-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr)); /* Web: 2 cards */
    /*gap:10px;*/                 /* gap kammi */
    /*padding:8px;*/              /* padding kammi */
    width:100%;
}

/* Mobile: 1 card */
@media (max-width:768px){
    .product-grid{
        grid-template-columns:1fr;
        gap:8px;
        padding:6px;
    }
}

/* ================= CARD ================= */
.product-grid .plview_css{
    background:#f8fbea;       /* mild background */
    border-radius:10px;
    padding:5px;              /* height kammi */
    /*box-shadow:0 2px 8px rgba(0,0,0,0.12);*/
    box-shadow: 2px 2px 6px #5f9132;
    transition:all .25s ease;
}

/* Hover polish */
.product-grid .plview_css:hover{
    background:#eef7d6;
    box-shadow:0 3px 6px rgba(46,107,31,.28);
    transform:translateY(-2px);
}

/* ================= INNER ================= */
.product-grid .plview-inner{
    display:flex;
    align-items:stretch;
    gap:6px;                  /* inner gap kammi */
}

/* ================= IMAGE ================= */
.product-grid .img-box{
    display:flex;
    align-items:center;
}

.product-grid .img-box img{
    width:90px;
    height:90px;              /* compact image */
    object-fit:contain;
    border-radius:6px;
    background:#f1f6e2;
}

@media (max-width:768px){
    .product-grid .img-box img{
        width:80px;
        height:80px;
    }
}

/* ================= CONTENT ================= */
.product-grid .content-box{ flex:1; }

.product-grid .product-table{
    width:100%;
    border-collapse:collapse;
}

/* ================= HEADER (NAME + PRICE SAME BG) ================= */
.product-grid .product-table tr:first-child th{
    /*background:linear-gradient(90deg,#e3f2c5,#f0f8db);*/
    padding:4px 6px;
        padding-left: 0px;
}

/* Name (LEFT) */
.product-grid .title label{
    display:block;
    text-align:left;
    font-size:14.5px;
    font-weight:700;
    color:black;
}

/* Price (RIGHT) */
.product-grid .price{
    text-align:right;
    font-size:14.5px;
    font-weight:700;
    color:black;
    white-space:nowrap;
}

.product-grid .price i{
    font-size:16px;
    vertical-align:middle;
    margin-right:2px;
}

/* ================= DESCRIPTION ================= */
.product-grid .desc{
    font-size:13px;
    line-height:1.4;
    color:#444;
    margin-top:3px;

    display:-webkit-box;
    -webkit-line-clamp:5;     /* description length increased */
    -webkit-box-orient:vertical;
    overflow:hidden;
}

/* ================= FOOTER ================= */
.product-grid .bottom-row{
    /*background:linear-gradient(90deg,#f2f9dc,#e9f3cc);*/
    background: #b7e17633;
}

.product-grid .brand{
    padding:3px 6px;
    font-size:12px;
    font-weight:600;
    color:#245b18;
}

/* ================= ACTIONS ================= */
.product-grid .actions{ text-align:right; }

.product-grid .actions button{
    background:none;
    border:none;
    padding:2px;
}

.product-grid .actions button:hover{
    color:#1f5f14;
    cursor: pointer;
}

/* ================= OUT OF STOCK (optional) ================= */
.product-grid .out-of-stock{
    opacity:.55;
    position:relative;
}

.product-grid .overlay-text1{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:#ff7b7b;
    color:#fff;
    font-size:12px;
    padding:4px 10px;
    border-radius:14px;
     

}

 

/* common */
.actions button{
    background:none;
    border:none;
    padding:4px;
   
}

.actions i{
    font-size:22px;
    transition:all .25s ease;
}

/* ================= HEART ================= */

/* default – outline pink */
.fav-btn.fav-empty i{
    color:#ff9a9a;                 /* light red */
}

/* hover – fill red */
.fav-btn.fav-empty:hover i{
    color:#e53935;
}

/* already added – filled red */
.fav-btn.fav-filled i{
    color:#e53935;
}

/* ================= CART ================= */

/* default – outline light green */
.cart-btn.cart-empty i{
    color:#9fcf9f;                 /* light green */
}

/* hover – fill dark green */
.cart-btn.cart-empty:hover i{
    color:#1f5f14;
}

/* already added – filled dark green */
.cart-btn.cart-filled i{
    color:#1f5f14;
}

/* disabled */
.actions button.disabled{
    opacity:0.6;
    cursor:not-allowed;
}
 
/*---------------------------*/
/* Info card background */
.km-info-card {
    background: linear-gradient(135deg, #f6ffea, #ecf7d4);
}

/* Logo */
.km-info-card .brand-logo {
    max-width: 70px;
}

/* Right content wrapper */
.info-wrap-left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

/* Title */
.info-title {
    font-size: 15px;
    font-weight: 700;
    color: #1b5e20;
    margin-bottom: 4px;
}

/* Description */
.info-desc {
    font-size: 13px;
    color: #444;
    line-height: 1.4;
    margin-bottom: 6px;
}

/* Special detail (USP) */
.info-special {
    font-size: 12px;
    font-weight: 600;
    color: #2e7d32;
}