Need to move price below description but not "Sold Out" label

Site URL: https://elephant-finch-cy4m.squarespace.com/not-available/bernhardt-pair-of-red-leather-wingback-chairs-22283

Hi there, I am looking to move the price down below the product description but on items that have a stock of 0 I need the "Not Available" (Out of Stock alert) to remain below the title.

This is the CSS I found that will move the price but it also moves the "Not Available". I tried simply editing the order numbers but the price and "Not Available" are linked together still. Is this even possible?

section.ProductItem-details .ProductItem-details-checkout { 
display: flex; 
flex-flow: column; } 
.ProductItem-details .ProductItem-details-excerpt { 
order: 1 !important; } 
.ProductItem-details .product-variants { 
order: 2 !important; } 
.ProductItem .ProductItem-details .product-quantity-input { 
order: 3 !important; } 
.ProductItem-details .ProductItem-product-price { 
order: 4 !important; } 
.ProductItem-details .sqs-add-to-cart-button-wrapper { 
order: 5 !important; } 
.ProductItem .ProductItem-additional { 
order: 6 !important; }

https://elephant-finch-cy4m.squarespace.com/not-available/bernhardt-pair-of-red-leather-wingback-chairs-22283

Site Password: 12345