.stock_box {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin: 0.75rem 0;
    vertical-align: middle;
}

.happymeat-stock-gauge {
    align-items: center;
    background: conic-gradient(#4f7f37 calc(var(--happymeat-stock-percent) * 1%), #e6e6e6 0);
    border-radius: 50%;
    display: flex;
    height: 4.5rem;
    justify-content: center;
    position: relative;
    width: 4.5rem;
}

.happymeat-stock-gauge::before {
    background: #0a0b0a;
    border-radius: 50%;
    content: '';
    inset: 0.45rem;
    position: absolute;
}

.happymeat-stock-gauge span {
    font-size: var(--text-xs);
    font-weight: 700;
    position: relative;
}

/* On product pages, the gauge follows the add-to-cart button inline. */
.single-product form.cart .stock_box,
body:not(.single-product) .stock_box {
    margin: 0 0 0 0.75rem;
}

.happymeat-loop-cart-actions {
    align-items: center;
    display: inline-flex;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.happymeat-loop-cart-actions .stock_box {
    margin: 0;
}

.happymeat-loop-cart-actions .button {
    margin: 0;
}