@layer modules{.sh-page{gap:var(--space-6);padding-block:var(--space-7) var(--space-8);display:grid}.sh-layout{gap:var(--space-7);grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start;display:grid}.sh-lines{border-top:2px solid var(--color-ink)}.sh-line{gap:var(--space-4);padding-block:var(--space-4);border-bottom:1px solid var(--color-line);grid-template-columns:96px minmax(0,1fr) auto;align-items:start;display:grid}.sh-line__media{aspect-ratio:1;background:var(--color-panel);border-top:6px solid var(--tone);position:relative}.sh-line__media img{width:100%;height:100%;padding:var(--space-1);object-fit:contain;position:absolute;top:0;bottom:0;left:0;right:0}.sh-line__main{gap:var(--space-2);justify-items:start;display:grid}.sh-line__name{color:var(--color-ink);font-size:1.125rem;font-weight:780;text-decoration:none}.sh-line__meta{color:var(--color-ink-2)}.sh-line__qty{gap:var(--space-3);align-items:center;display:flex}.sh-line__input{width:84px;min-height:40px}.sh-line__remove{color:var(--color-ink-2);font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.sh-line__total{font-size:1.125rem}.sh-summary{top:calc(var(--header-h) + var(--space-4));gap:var(--space-4);padding:var(--space-5);background:var(--color-panel);border-top:14px solid var(--color-cyan);display:grid;position:sticky}.sh-sum{gap:var(--space-2);margin:0;display:grid}.sh-sum div{justify-content:space-between;gap:var(--space-4);display:flex}.sh-sum dd{margin:0}.sh-sum .sh-sum__total{padding-top:var(--space-3);border-top:2px solid var(--color-ink);font-size:1.375rem;font-weight:800}.sh-free{padding:var(--space-2) var(--space-3);background:var(--color-yellow);margin:0;font-weight:600}.sh-mini{gap:var(--space-3);display:grid}.sh-mini li{gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-line);align-items:center;display:flex}.sh-mini__name{flex:1}.sh-mini img{object-fit:contain;background:var(--color-ground);width:56px;height:56px}.sh-mini small{color:var(--color-ink-3);display:block}.sh-form{gap:var(--space-6);display:grid}.sh-step{gap:var(--space-4);display:grid}.sh-step__title{padding-bottom:var(--space-2);border-bottom:2px solid var(--color-ink);font-size:var(--text-h3);margin:0;font-weight:800}.sh-pay{gap:var(--space-2);display:grid}.sh-pay__opt{gap:var(--space-3);padding:var(--space-4);outline:1.5px solid var(--color-line);outline-offset:-1.5px;background:var(--color-panel);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;display:grid}.sh-pay__opt:has(input:checked){outline:3px solid var(--color-ink);outline-offset:-3px}.sh-pay__opt input{width:20px;height:20px;accent-color:var(--color-ink)}.sh-pay__opt small{color:var(--color-ink-2);display:block}.sh-done{max-width:1080px}.sh-bank{gap:var(--space-3);padding:var(--space-5);background:var(--color-panel);border-top:14px solid var(--color-yellow);justify-items:start;display:grid}.sh-bank__qr{border:2px solid var(--color-ink);width:min(100%,320px);height:auto}@media (max-width:899px){.sh-layout{grid-template-columns:1fr}.sh-summary{position:static}.sh-line{grid-template-columns:72px minmax(0,1fr)}.sh-line__total{grid-column:2}}}