.inline-list.promo-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
    width: 100%;
}

.inline-list.promo-list .promo-chip {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}






/*Hover com gradient e feedback visual*/
#place_order_upsell {
    background: linear-gradient(to right, #8cc63f, #1f2730);
    border: none;
    transition: all 0.25s ease;
}

#place_order_upsell:hover {
    background: linear-gradient(to right, #1f2730, #8cc63f);
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
}

#place_order_upsell i {
    transition: transform 0.25s ease;
}

#place_order_upsell:hover i {
    transform: translateX(4px);
}






/* Hover profissional para #add_to_cart*/


#add_to_cart {
    background: linear-gradient(to right, #8cc63f, #1f2730);
    border: none;
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
}

#add_to_cart:hover {
    background: linear-gradient(to right, #1f2730, #8cc63f);
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25);
}

#add_to_cart:active {
    transform: translateY(0);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.22);
}

/* animação sutil no ícone */
#add_to_cart svg {
    transition: transform 0.25s ease;
}

#add_to_cart:hover svg {
    transform: scale(1.08);
}

/* leve destaque no texto */
#add_to_cart .quero-participar span,
#add_to_cart .demais-infos span {
    transition: letter-spacing 0.25s ease, opacity 0.25s ease;
}

#add_to_cart:hover .quero-participar span {
    letter-spacing: 0.5px;
}

#add_to_cart:hover .demais-infos {
    opacity: 1;
}





/*canto esquerdo, meio da tela*/
#fabToggle {
    position: fixed;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}






.wheel .number span {
  white-space: nowrap;   /* não quebra o texto */
  text-align: center;
}

.wheel .number span.perdeu {
  font-size: 10px;       /* menor para quem não ganhou */
  font-weight: 500;
  opacity: 0.85;
}