p.stock{font-weight:600;line-height:1.2}p.stock.out-of-stock{color:#B50808}p.stock.pt-style-default:is(.available-on-backorder,.in-stock){color:var(--color-gray-800)}p.stock.pt-style-default.in-stock:before{margin-inline-end:.3em;color:var(--pt-primary-color);content:"\f107";font-family:"Picon"}p.stock:is(.pt-style-bordered,.pt-style-with-bg) span{display:inline-flex;align-items:center;padding:.55em .8em;border-radius:calc(var(--pt-brd-radius) / 1.5)}p.stock.pt-style-bordered span{border:1px solid #85B951;color:var(--color-gray-800)}p.stock.pt-style-bordered span:before{content:"";margin-inline-end:.55em;width:.55em;height:.55em;border-radius:50%;background-color:#85B951}p.stock.pt-style-bordered.out-of-stock span{border-color:#E22D2D}p.stock.pt-style-bordered.out-of-stock span:before{background-color:#E22D2D}p.stock.pt-style-with-bg:is(.available-on-backorder,.in-stock) span{background-color:#F1F7EB;color:#85B951}p.stock.pt-style-with-bg.in-stock span:before{margin-inline-end:.3em;content:"\f107";font-family:"Picon"}p.stock.pt-style-with-bg.out-of-stock span{background-color:#F8E7E7}

/*
 * Phone. Matches the size label above it, and the trailing space inside the
 * variation block is trimmed: the add to cart row that used to fill it is hidden
 * on this breakpoint, so what was left was a gap with nothing in it.
 */
@media (max-width: 768.98px){
 form.variations_form p.stock{font-size:14px}
 /*
  * The availability line carries a 20px bottom margin meant to separate it from
  * the add to cart row beneath. That row is hidden at this width, so the margin
  * was holding open a gap against nothing.
  */
 form.variations_form .woocommerce-variation-availability{margin-bottom:0}
 form.variations_form .woocommerce-variation.single_variation{padding-bottom:0;margin-bottom:0}
}