/* PagLeve 1.3.85 — alinhamento rigoroso de caixas seletoras e textos nas páginas de produto. */

/*
 * Regra: checkbox/radio e bloco de texto pertencente à opção compartilham o
 * mesmo eixo vertical. O override é deliberadamente restrito às páginas
 * públicas de produto para não interferir em checkout,PDV ou painel.
 */
.product-page-v013 .option-choice{
  align-items: center !important;
  column-gap: 12px !important;
}

.product-page-v013 .option-choice > input[type="checkbox"],.product-page-v013 .option-choice > input[type="radio"]{
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  align-self: center !important;
  justify-self: center !important;
  flex: none !important;
  accent-color: var(--brand-primary);
}

.product-page-v013 .option-choice > span{
  min-width: 0 !important;
  align-self: center !important;
  justify-self: stretch !important;
  justify-content: center !important;
  margin: 0 !important;
}

.product-page-v013 .option-choice > span > b,.product-page-v013 .option-choice > span > small{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.product-page-v013 .option-choice > span > b{
  line-height: 1.25 !important;
}

.product-page-v013 .option-choice > span > small{
  line-height: 1.30 !important;
}

.product-page-v013 .option-choice > strong{
  align-self: center !important;
  margin: 0 !important;
}

/* Sabores de pizza possuem apenas seletor + texto. Mantém as duas colunas exatas. */
.product-page-v013 .pizza-flavor-choice-v080{
  grid-template-columns: 18px minmax(0,1fr) !important;
  align-items: center !important;
}
.product-page-v013 .pizza-flavor-choice-v080 > span{
  align-self: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Variações e demais adicionais: seletor,descrição e eventual preço no mesmo eixo. */
.product-page-v013 .variant-choice-v049,.product-page-v013 .option-group > .option-choice:not(.pizza-flavor-choice-v080){
  grid-template-columns: 18px minmax(0,1fr) auto !important;
}

@media (max-width: 760px){
  .product-page-v013 .option-choice{
    column-gap: 11px !important;
  }
}