.woocommerce {
    color: var(--bodyTextColor);
}

.woocommerce .product,
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart_totals,
.woocommerce form.checkout,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error {
    background: rgba(24, 13, 40, 0.92);
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 12px;
    color: var(--bodyTextColor);
}

.woocommerce div.product {
    display: grid;
    grid-template-columns: minmax(280px, 520px) minmax(280px, 1fr);
    gap: 3rem;
    align-items: start;
}

.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .summary {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
}

.woocommerce div.product .summary .product_title,
.woocommerce div.product .summary h1 {
    font-family: "Cinzel", serif;
    color: var(--headerColor);
    font-size: clamp(2rem, 4vw, 3rem);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-Price-amount {
    color: var(--primary) !important;
    font-family: "Cinzel", serif;
}

.woocommerce div.product form.cart .button,
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
    background: var(--primary) !important;
    color: #110820 !important;
    border: none !important;
    border-radius: 0.375rem !important;
    font-family: "Cinzel", serif !important;
    font-weight: 600 !important;
}

.woocommerce div.product form.cart .qty,
.woocommerce-cart table.cart td.actions .input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background: #fff;
    color: #110820;
    border-radius: 0.5rem;
    border: 1px solid rgba(212, 175, 55, 0.35);
}

.woocommerce-cart table.cart img {
    width: 90px;
    border-radius: 10px;
}

.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border-color: rgba(212, 175, 55, 0.15) !important;
    color: var(--bodyTextColor);
}

.woocommerce-cart table.cart,
.woocommerce-checkout-review-order-table {
    background: transparent;
}

.woocommerce a {
    color: var(--primary);
}

@media only screen and (max-width: 63.99rem) {
    .woocommerce div.product {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}