kanama-image-swatch{display:block;margin:20px 0}kanama-image-swatch fieldset{padding:0;border:0;margin:0;min-width:0}kanama-image-swatch legend{font-size:16px;font-weight:600;margin-bottom:16px}.kis-grid{display:grid;grid-template-columns:repeat(var(--kis-columns),minmax(0,1fr));gap:12px}.kis-card{position:relative;display:block;min-width:0;cursor:pointer;margin:0}.kis-card input{position:absolute;opacity:0;width:1px;height:1px}.kis-content{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:80px;padding:12px 8px;border:1px solid #ddd;border-radius:6px;text-align:center;background:#fff;gap:8px}.kis-card input:checked+.kis-content{border-color:var(--kis-accent);box-shadow:inset 0 0 0 1px var(--kis-accent)}.kis-card input:focus-visible+.kis-content{outline:2px solid var(--kis-accent);outline-offset:4px}.kis-content img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.kis-badge{position:absolute;top:0;right:8px;transform:translateY(-50%);padding:4px 8px;border-radius:5px;font-size:11px;font-weight:700;line-height:1.25;max-width:calc(100% - 16px);overflow-wrap:anywhere}.kis-title{font-size:14px;font-weight:600;overflow-wrap:anywhere}.kis-stock{font-size:12px;color:#666}@media(max-width:767px){.kis-grid{grid-template-columns:repeat(var(--kis-mobile),minmax(0,1fr));gap:12px 8px}.kis-content{padding:10px 6px}}.kanama-media-liquid{margin-top:20px}