.pg,.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.pc,.pcard{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,0.07);transition:all 0.3s;border:1.5px solid transparent;display:flex;flex-direction:column;min-height:420px}
.pc:hover,.pcard:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(27,94,32,0.12);border-color:#A5D6A7}
.pi,.pcard-img{position:relative;height:180px;min-height:180px;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#F1F8E9,#E8F5E9);border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:center}
.pi img,.pcard-img img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform 0.4s}
.pc:hover .pi img,.pcard:hover .pcard-img img{transform:scale(1.06)}
.pi .ni,.pcard-noimg{font-size:55px}
.pbody,.pcard-body{padding:14px;display:flex;flex-direction:column;flex:1}
.pcat,.pcard-cat{font-size:10px;font-weight:700;color:#4CAF50;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.pbody h3,.pcard-name{font-size:13px;font-weight:700;color:#222;margin:0 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px;cursor:pointer}
.pbody h3:hover,.pcard-name:hover{color:#1B5E20}
.ppr,.pcard-price{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.pnow,.pcard-now{font-size:17px;font-weight:900;color:#1B5E20}
.pold,.pcard-old{font-size:11px;color:#ccc;text-decoration:line-through}
.pcard-qty-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.pcard-qty-ctrl{display:flex;align-items:center;background:#f8f8f8;border:1.5px solid #eee;border-radius:8px;overflow:hidden}
.pcard-qty-btn{width:28px;height:28px;background:transparent;border:none;cursor:pointer;font-size:15px;font-weight:700;color:#1B5E20;display:flex;align-items:center;justify-content:center}
.pcard-qty-btn:hover{background:#E8F5E9}
.pcard-qty-num{width:30px;height:28px;border:none;text-align:center;font-size:13px;font-weight:700;outline:none;background:transparent}
.pcard-actions{display:flex;gap:8px;margin-top:auto}
.pcard-cart{width:38px;height:38px;background:#E8F5E9;color:#1B5E20;border:1.5px solid #A5D6A7;border-radius:10px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s}
.pcard-cart:hover{background:#1B5E20;color:#fff}
.pcard-buy,.pcard-buy-h{flex:1;height:38px;background:linear-gradient(135deg,#1B5E20,#4CAF50);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px;transition:all 0.2s}
.pcard-buy:hover,.pcard-buy-h:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(27,94,32,0.3)}
.pb,.pcard-badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:800;z-index:2}
.bs,.pcard-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}
.bn{background:#4CAF50;color:#fff}
.bf{background:#f39c12;color:#fff}
@media(max-width:768px){
.pg,.pgrid{grid-template-columns:repeat(2,1fr)!important;gap:12px}
.pc,.pcard{min-height:350px!important}
.pi,.pcard-img{height:150px!important;min-height:150px!important}
.pnow,.pcard-now{font-size:14px!important}
.pbody h3,.pcard-name{font-size:12px!important}
.pcard-qty-btn{width:24px!important;height:24px!important}
.pcard-qty-num{width:24px!important;height:24px!important}
.pcard-cart{width:32px!important;height:32px!important}
.pcard-buy,.pcard-buy-h{height:32px!important;font-size:11px!important}
.pbody,.pcard-body{padding:10px!important}
}
@media(max-width:480px){
.pg,.pgrid{grid-template-columns:repeat(2,1fr)!important;gap:8px}
.pc,.pcard{min-height:320px!important}
.pi,.pcard-img{height:130px!important;min-height:130px!important}
}