.card-grid {display:grid; grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:1.5rem;}
.card {display:flex; flex-direction:column; background-color:#ffffff; border-radius:12px; box-shadow: 0 6px 12px rgba(0,0,0,0.08); overflow:hidden; transition:transform 0.2s ease, box-shadow 0.2s ease; align-items:center;}
.card:hover {transform:translateY(-5px); box-shadow:0 10px 20px rgba(0,0,0,0.12);}
.card-header {padding: 1.25rem; border-bottom:1px solid #e9ecef;}
.card-header h3 {margin:0; font-size:1.25rem; color:#333;}
.card-body {display:flex; align-items: center; padding:1.25rem; gap:1.25rem; flex-grow:1; }
.card-body .pic {width:150px; border-radius:5%; flex-shrink:0;}
.card-body .pic img {height:auto; display:block; object-fit:cover; aspect-ratio:1/1;}
.card-body .data {flex-grow:1;}
.card-body .data ul {list-style:none; margin:0; padding:0; font-size:0.9rem; color:#555;}
.card-body .data li {padding:0.25rem 0;}
.card-body .data li strong {color:#333;}
.card-footer {padding:1.25rem; background-color:#f8f9fa;border-top:1px solid #e9ecef; font-size:0.85rem; color:#6c757d; text-align:left;display:none}
.card-footer.show {display:block;}
.strike-red {text-decoration-color:#eb238c; text-decoration-thickness:3px;}
.desc {display:flex; flex-direction:column; align-items: left; padding:.25rem; gap:.25rem; flex-grow:1; }
.desc .pic {width:150px; border-radius:5%; flex-shrink:0;}
.desc .pic img {height:auto; display:block; object-fit:cover; aspect-ratio:1/1;}