html.yosh-pacome-responsive body.y-app #fav-places-grid { grid-template-columns:minmax(0,1fr); }
html.yosh-pacome-responsive body.y-app .y-loyalty-card { display:block; width:100%; min-width:0; padding:16px; border:1px solid var(--y-line); border-top:4px solid var(--y-yellow); border-radius:6px; background:var(--y-bg2); color:var(--y-fg); text-align:left; cursor:default; }
html.yosh-pacome-responsive body.y-app .y-loyalty-card h3 { margin:12px 0; color:var(--y-fg); font:400 20px/1.15 var(--y-display); }
html.yosh-pacome-responsive body.y-app .y-loyalty-card > .y-mono { color:var(--y-yellow); font-size:9px; }
html.yosh-pacome-responsive body.y-app .y-loyalty-card p { margin:12px 0; font:400 13px/1.5 var(--y-body); color:var(--y-muted); }
.y-loyalty-stamps { display:flex; gap:12px; margin:16px 0; }
.y-loyalty-stamps span { display:grid; place-items:center; width:44px; height:44px; border:2px dashed var(--y-line); border-radius:50%; color:var(--y-muted); font:700 20px var(--y-mono); }
.y-loyalty-stamps span.is-filled { border-style:solid; border-color:var(--y-green); background:#5fd38a18; color:var(--y-green); }
.y-loyalty-card .y-btn { min-height:44px; border:1px solid var(--y-line); border-radius:24px; padding:10px 14px; background:var(--y-card); color:var(--y-fg); font:700 12px var(--y-body); }
.y-place-loyalty { margin:20px 0; }
.y-place-loyalty[hidden] { display:none; }

html.yosh-pacome-responsive body.y-app #y-place-loyalty .y-loyalty-card { display:grid; grid-template-columns:minmax(0,1fr); justify-items:start; align-items:center; gap:8px; padding:12px; border:1px dashed var(--y-line); border-radius:10px; }
html.yosh-pacome-responsive body.y-app #y-place-loyalty .y-loyalty-card > .y-mono { grid-column:1; color:var(--y-fg); font:700 12px/1.4 var(--y-body); }
html.yosh-pacome-responsive body.y-app #y-place-loyalty .y-loyalty-card h3 { display:none; }
html.yosh-pacome-responsive body.y-app #y-place-loyalty .y-loyalty-card p { grid-column:1; margin:0; font-size:12px; }
html.yosh-pacome-responsive body.y-app #y-place-loyalty .y-loyalty-stamps { grid-column:1; grid-row:2; gap:6px; margin:0; }
html.yosh-pacome-responsive body.y-app #y-place-loyalty .y-loyalty-stamps span { width:30px; height:30px; font-size:14px; }