
.vote-sets { display: flex; flex-wrap: wrap; justify-content: center; gap: 22px; margin: 14px 0 6px; }
.vote-set { width: 190px; display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; }
.vote-set img { width: 100%; aspect-ratio: 670 / 970; object-fit: cover; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,.25); margin-bottom: 4px; }
.vote-set b { font-size: 15px; } .vote-set .style, .vote-set .size { font-size: 12px; color: #8a7a68; }
.vote-set .bar { display: block; width: 100%; height: 8px; border-radius: 4px; background: #f2efe9; overflow: hidden; margin-top: 6px; } .vote-set .bar i { display: block; height: 100%; background: #177c28; }
.vote-set .votes { font-size: 13px; } .vote-set .voted { font-size: 12px; color: #177c28; font-weight: bold; min-height: 1.2em; }
.vote-set.mine img { outline: 3px solid #177c28; }
.vote-set form { margin: 4px 0 0; }
.vote-preview h3 small { font-weight: normal; letter-spacing: 0; text-transform: none; font-size: 13px; }
.vote-preview { margin-top: 22px; } .vote-preview .set-hero { margin: 8px 0 0; }
.vote-pick { margin: 18px 0 8px; }
.vote-card.mine { outline: 3px solid #177c28; outline-offset: -3px; }
.vote-card .voted { font-size: 13px; font-weight: bold; color: #177c28; }
.vote-card { align-items: stretch; }
.vote-card .shop-pic { align-self: flex-start; }
.vote-card .shop-body { display: flex; flex-direction: column; }
.vote-card .vote-meta { margin-top: auto; }
.vote-card .vote-meta p { margin: 0 0 6px; padding: 0; }
.vote-card .voted { display: block; min-height: 1.3em; }
.vote-card .vote-info { margin: 2px 0 8px; padding: 0; }
.vote-card .vote-count { font-size: 15px; color: #5a4a3a; }
.vote-card .vote-count b { font-size: 28px; line-height: 1; color: #3C2F2F; margin-right: 4px; }
