.side-choice {
  padding: var(--space-5) var(--space-4);
  background: var(--color-white);
  border-bottom: 1px solid var(--color-divider);
}
.side-choice__title {
  margin: 0 0 var(--space-3);
  font-size: 18px;
  line-height: 1.25;
  text-align: center;
}
.side-choice__options {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
}
.side-choice__button {
  min-height: 62px;
  border: 2px solid transparent;
  border-radius: var(--radius-small);
  padding: 10px 12px;
  color: var(--color-white);
  cursor: pointer;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  font: inherit;
  transition: transform .12s ease, filter .12s ease, border-color .12s ease;
}
.side-choice__button:hover { filter: brightness(.96); }
.side-choice__button:active { transform: translateY(1px); }
.side-choice__button:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.side-choice__button--com { background: var(--color-com); }
.side-choice__button--pho { background: var(--color-pho); }
.side-choice__button.is-selected { border-color: var(--color-black); }
.side-choice__button.is-loading { opacity: .65; pointer-events: none; }
.side-choice__name { font-weight: 800; font-size: 18px; }
.side-choice__count { font-weight: 700; font-variant-numeric: tabular-nums; }
.side-choice__or { color: var(--color-muted); font-weight: 700; }
.side-choice__status {
  min-height: 20px;
  margin: 8px 0 0;
  color: var(--color-muted);
  text-align: center;
  font-size: 13px;
}
.side-choice__status.is-error { color: var(--color-danger); }

@media (max-width: 720px) {
  .side-choice { padding-left: var(--space-4); padding-right: var(--space-4); }
}
@media (max-width: 430px) {
  .side-choice__button { min-height: 58px; padding-inline: 9px; }
  .side-choice__name { font-size: 17px; }
}
@media (max-width: 390px) {
  .side-choice { padding-left: var(--space-3); padding-right: var(--space-3); }
  .side-choice__options { gap: 6px; }
  .side-choice__button { gap: 5px; padding-inline: 7px; }
  .side-choice__name { font-size: 16px; }
  .side-choice__count { font-size: 14px; }
}


/* TEMP compact layout while global CƠM/PHỞ vote controls are hidden */
.side-choice{
  min-height:0 !important;
  height:auto !important;
  padding-bottom:14px !important;
}

/* The old vote UI must reserve zero vertical space. */
.side-choice__options,
.side-choice__status,
.side-choice__or,
.side-choice__separator,
[data-side-choice-options]{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  height:0 !important;
}

/* Two explanatory lines: control native paragraph margins explicitly. */
.side-choice__copy{
  margin:0 !important;
  padding:0 !important;
}

.side-choice__copy p{
  margin:0 0 14px !important;
  padding:0 !important;
}

.side-choice__copy p:last-child{
  margin-bottom:0 !important;
}