Загрузка данных

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
body {
    margin:0;
    font-family:-apple-system, Arial;
    background:#f2f2f7;
}

.grid {
    display:flex;
    flex-wrap:wrap;
    padding:5px;
}

.card {
    width:48%;
    margin:1%;
    background:white;
    border-radius:16px;
    padding:10px;
    box-sizing:border-box;
    text-align:center;
    box-shadow:0 3px 8px rgba(0,0,0,0.08);
}

.card:active {
    transform:scale(0.97);
}

.img {
    width:100%;
    height:100px;
    object-fit:contain;
    margin-bottom:8px;
}

.name {
    font-size:14px;
}

.price {
    font-weight:bold;
    color:#2e7d32;
    margin-top:5px;
}
</style>

<script>
function selectItem(id){
    window.external.Invoke('ВыбратьТовар', id);
}
</script>

</head>

<body>

<div class="grid">
%ТОВАРЫ%
</div>

</body>
</html>