.card{background-color:#f8f9fc;color:#e3e9f4;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,.2);padding:16px;position:relative;transition:box-shadow .3s ease;width:-moz-fit-content;width:fit-content}.card:hover{box-shadow:0 6px 14px rgba(0,0,0,.35)}.card img{width:100%;height:auto;border-radius:12px;display:block;object-fit:cover;aspect-ratio:1/1}.card h2{font-size:1.125rem;font-weight:600;margin-top:12px;margin-bottom:4px}.card h2 a{color:#3a5b9a;text-decoration:none;transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s}.card h2 a:hover{text-decoration:underline}.card p{font-size:.9rem;color:#9eb4d8}.card .fav-button{position:absolute;top:8px;right:8px;color:#f87171;transition:color .2s ease;background:none;border:none;cursor:pointer}.card .fav-button:hover{color:#ef4444}.card .action-buttons{margin-top:16px;display:flex;gap:8px}.card .action-buttons button{background-color:#2c3754;color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.card .action-buttons button:hover{background-color:#5f7db5}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:24px;gap:24px;padding:24px;justify-items:center;background-color:#f5f7fa}