/* V1.27.33 — summary da Roleta estruturalmente ao lado das TAGs, igual à Caixinha */

#roleta-instantanea-card #wheelPrizeSummary{
  box-sizing:border-box!important;
}

#roleta-instantanea-card #wheelPrizeSummary > .gift-box-prize-summary-title{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  min-height:25px!important;
  max-height:25px!important;
  margin:0!important;
  padding:0!important;
  color:#0F172A!important;
  -webkit-text-fill-color:#0F172A!important;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:.92rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* Quando as TAGs da Roleta estão acima, a separação ocupa a primeira linha inteira. */
#roleta-instantanea-card #wheelOffersList:not(.hidden) + #wheelPrizeSummary{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:8px!important;
  width:100%!important;
  margin:16px 0 8px!important;
  padding:0 2px!important;
}

#roleta-instantanea-card #wheelOffersList:not(.hidden) + #wheelPrizeSummary.hidden{
  display:none!important;
}

#roleta-instantanea-card #wheelOffersList:not(.hidden) + #wheelPrizeSummary::before{
  content:"";
  display:block;
  grid-column:1 / -1!important;
  grid-row:1!important;
  width:calc(100% - 24px);
  max-width:94%;
  justify-self:center;
  height:1px;
  border-radius:0;
  background:#B8BEC7!important;
  box-shadow:none!important;
}

#roleta-instantanea-card #wheelOffersList:not(.hidden) + #wheelPrizeSummary > .gift-box-prize-summary-title{
  grid-column:1!important;
  grid-row:2!important;
  justify-self:start!important;
}

#roleta-instantanea-card #wheelOffersList:not(.hidden) + #wheelPrizeSummary > strong{
  grid-column:2!important;
  grid-row:2!important;
  margin:0 2px 0 0!important;
  justify-self:end!important;
  align-self:center!important;
  flex:0 0 auto!important;
}

@media (max-width:600px){
  #roleta-instantanea-card #wheelPrizeSummary > .gift-box-prize-summary-title{
    min-height:24px!important;
    max-height:24px!important;
    font-size:.88rem!important;
    gap:3px!important;
  }

  #roleta-instantanea-card #wheelOffersList:not(.hidden) + #wheelPrizeSummary{
    column-gap:8px!important;
    row-gap:7px!important;
    margin:14px 0 7px!important;
    padding:0 1px!important;
  }

  #roleta-instantanea-card #wheelOffersList:not(.hidden) + #wheelPrizeSummary::before{
    width:calc(100% - 18px);
    max-width:94%;
  }
}