mg-design-row{display:block}
.mg-xs{margin:24px 0 8px;padding:18px 16px;border:1px solid rgba(0,0,0,.18);border-radius:12px;background:rgba(0,0,0,.03);font-size:17px;line-height:1.4;color:inherit}
.mg-xs *{box-sizing:border-box}
.mg-xs__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}
.mg-xs__title{margin:0;font-size:20px;line-height:1.25;font-weight:700}
.mg-xs__dismiss{appearance:none;background:none;border:0;padding:10px 4px;margin:0 0 0 auto;font:inherit;font-size:17px;color:inherit;text-decoration:underline;cursor:pointer;min-height:44px}
.mg-xs__sub{margin:4px 0 14px;font-size:17px}
.mg-xs__tiles{list-style:none;margin:0;padding:0 0 6px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.mg-xs__tiles>li{flex:0 0 44%;max-width:240px;margin:0;padding:0;scroll-snap-align:start}
.mg-xs__tiles>li[hidden]{display:none}
@media (min-width:750px){.mg-xs__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible;padding:0}.mg-xs__tiles>li{max-width:none}}
.mg-xs__tile{display:flex;flex-direction:column;gap:6px;height:100%;padding:10px;border:1px solid rgba(0,0,0,.2);border-radius:10px;background:#fff;color:#111;text-decoration:none}
.mg-xs__tile:hover,.mg-xs__tile:focus-visible{border-color:#111;outline:2px solid #111;outline-offset:1px}
.mg-xs__img{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:6px;background:#f2f2f0}
.mg-xs__name{font-size:17px;font-weight:700}
.mg-xs__price{font-size:17px}
.mg-xs__go{margin-top:auto;font-size:17px;font-weight:700;text-decoration:underline}