/* /ai-kiosk/exhibitions/ : what the stand page adds to page-kiosk-mall.css.
   Products with their pictures, the products a visitor picked, and brochures sent to the phone. */
.ks-prods li { gap: 22px; padding: 16px 26px 16px 16px; }
.ks-prods img { flex: none; display: block; width: 128px; height: 128px; border-radius: 20px; object-fit: cover; background: #e9e8e4; }
.ks-prods li > span { flex: 1; min-width: 0; }
.ks-prods b { font-size: 38px; }

.ks-chips { display: flex; flex-wrap: wrap; gap: 12px; }
.ks-chips li { padding: 14px 24px; border-radius: 999px; background: rgba(255,255,255,0.1); font-size: 28px; font-weight: 600; color: rgba(255,255,255,0.8); }
.ks-chips li.on { background: var(--kv); color: #fff; }

.ks-share { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 216px; gap: 14px; }
.ks-share > span { display: flex; align-items: center; justify-content: center; gap: 14px; border-radius: 26px; background: #fff; color: #17171c; font-size: 30px; font-weight: 700; }
.ks-share > span svg { width: 38px; height: 38px; }