/* Five bottles fit across every board; shorter rows remain centered. */
.bottles,.bottles.many{
 --bottle-gap:20px;
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 align-items:flex-end;
 gap:24px var(--bottle-gap);
 max-width:660px;
 margin-inline:auto;
 padding:32px 24px 16px;
}
.bottles .bottle-button,.bottles[data-vip="1"] .bottle-button,.bottles.many[data-vip="1"] .bottle-button{
 width:calc((100% - 4 * var(--bottle-gap) - 1px) / 5);
 flex:0 0 calc((100% - 4 * var(--bottle-gap) - 1px) / 5);
 min-width:0;
}
.bottles .bottle-button .neck{max-width:70%}
.bottles .bottle-button .target{left:-2px;right:-2px}
.bottles .bottle-button .target span{right:-3px}
.bottles .amount-count{white-space:nowrap}
.bottles .amount-unit{margin-left:3px}
@media(max-width:600px){
 .bottles,.bottles.many{--bottle-gap:8px;padding:24px 12px 12px;gap:20px var(--bottle-gap)}
 .bottles .bottle-button .vessel,.bottles.many .bottle-button .vessel,.bottles.many[data-vip="1"] .bottle-button .vessel,.bottles[data-vip="1"] .bottle-button .vessel{height:clamp(104px,30vw,145px)}
 .bottles .bottle-label{font-size:9px;white-space:nowrap;margin-top:12px}
 .bottles .amount{font-size:8px;line-height:1.5;overflow-wrap:anywhere}
 .bottles .amount-unit{display:block;margin-left:0;white-space:nowrap}
 .bottles .bottle-button .target span{font-size:8px;min-width:14px;padding:2px 3px}
 .bottles .bottle-button .bottle-ornament:after{font-size:16px}
}