/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 05 2025 | 01:17:38 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 14 2025 | 22:10:48 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 14 2025 | 22:06:12 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 14 2025 | 20:31:46 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 14 2025 | 18:52:58 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 14 2025 | 18:32:47 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.productSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.productSection .productImg img {
    object-fit: cover;
    height: 320px;
    width: 100%;
}
.productImg {
    width: 40%;
    text-align: center;
}
.productSec {
    margin-left: 30px;
}
.productImg .productStatus {
    position: absolute;
    top: 20px;
}
.productImg {
    position: relative;
}
.productSec {
    background: #aaf0f9;
    padding: 30px 30px;
    border-radius: 15px;
}
.productSec h2 {
    font-size: 32px;
    text-transform: capitalize !IMPORTANT;
}
.productSec p {
    font-size: 14px;
}
span.inventory {
    font-size: 16px;
}

.productImg img {
    margin-bottom: 30px;
}

.productSec {
    width: 60%;
    margin-bottom: 30px;
}

.productStatus span.Sold {
    color: #fff !important;
    font-size: 20px;
    \: 0px 10px;
    background: #fe3c2e;
    padding: 10px 30px 10px 20px;
    border-radius: 0px 5px 5px 0px;
    font-weight: 600;
    text-transform: uppercase;
}

.productStatus span.Reserved {
    color: #fff !important;
    font-size: 20px;
    background: #0000ff;
    padding: 10px 30px 10px 20px;
    border-radius: 0px 5px 5px 0px;
    font-weight: 600;
    text-transform: uppercase;
}

.productStatus span.Available {
    color: #fff !important;
    font-size: 20px;
    background: #5dd300;
    padding: 10px 30px 10px 20px;
    border-radius: 0px 5px 5px 0px;
    font-weight: 600;
    text-transform: uppercase;
}

p.product-price span.wd-price-unit {
    display: none !important;
}