/* R176 — seletor de variações em todas as fichas de produto.
   Mesma linguagem visual do Voltar/Buscar; sem alterações na lógica de variantes. */
#detailModal .r30-variation .r30-choice-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
}
#detailModal .r30-variation .r30-choice-row .r30-choice{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  min-height:42px!important;
  max-width:100%!important;
  padding:10px 16px!important;
  border:1px solid #decba7!important;
  border-radius:999px!important;
  background:#fffdf8!important;
  color:#70521e!important;
  -webkit-text-fill-color:#70521e!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.15!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  box-shadow:0 2px 7px rgba(125,86,12,.08)!important;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
#detailModal .r30-variation .r30-choice-row .r30-choice.active{
  background:linear-gradient(135deg,#b77b00 0%,#d3a526 100%)!important;
  border-color:#b88717!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 1px rgba(64,42,7,.25)!important;
  box-shadow:0 5px 14px rgba(164,114,9,.18)!important;
}
@media(hover:hover){
  #detailModal .r30-variation .r30-choice-row .r30-choice:hover{
    border-color:#b88717!important;
    box-shadow:0 6px 16px rgba(164,114,9,.18)!important;
  }
  #detailModal .r30-variation .r30-choice-row .r30-choice.active:hover{
    filter:brightness(1.04)!important;
  }
}
#detailModal .r30-variation .r30-choice-row .r30-choice:focus-visible{
  outline:3px solid rgba(183,123,0,.36)!important;
  outline-offset:3px!important;
}
body.dark #detailModal .r30-variation .r30-choice-row .r30-choice:not(.active),
html.dark #detailModal .r30-variation .r30-choice-row .r30-choice:not(.active){
  background:#302920!important;
  border-color:#806747!important;
  color:#f0e2c9!important;
  -webkit-text-fill-color:#f0e2c9!important;
}
body.dark #detailModal .r30-variation .r30-choice-row .r30-choice.active,
html.dark #detailModal .r30-variation .r30-choice-row .r30-choice.active{
  background:linear-gradient(135deg,#a26c00 0%,#bd8814 100%)!important;
  border-color:#d2a344!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
@media(max-width:820px){
  #detailModal .r30-variation .r30-choice-row .r30-choice{
    min-height:42px!important;
    padding:9px 14px!important;
    font-size:12.5px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #detailModal .r30-variation .r30-choice-row .r30-choice{transition:none!important}
}