.fiori-tiles{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.fiori-tiles li{box-sizing:border-box;width:calc(33.333% - 7px);max-width:150px;min-width:96px;border:1px solid #e1e1e1;border-radius:6px;padding:8px 6px;text-align:center;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s;user-select:none}
.fiori-tiles li:hover{border-color:#999}
.fiori-tiles li.-selected{border-color:#2c504e;box-shadow:0 0 0 2px #2c504e inset}
.fiori-tiles .fiori-tile-img{width:100%;height:90px;background:center/contain no-repeat;margin-bottom:6px}
.fiori-tiles .fiori-tile-name{display:block;font-size:12px;line-height:1.25;color:#333}
.fiori-tiles .fiori-tile-price{display:block;font-size:12px;font-weight:600;color:#2c504e;margin-top:3px}
.fiori-tiles-hidden{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media (max-width:480px){.fiori-tiles li{width:calc(50% - 5px);max-width:none}}