/* WooCommerce compatibility rules layered beneath the frozen V4.1 product DOM. */
.woocommerce div.product .product_title { font-family: var(--font-serif); }
.serenlith-product .product-gallery-container .woocommerce-product-gallery { float: none; width: 100%; margin: 0; }
.serenlith-product .product-gallery-container .woocommerce-product-gallery__wrapper { margin: 0; }
.serenlith-product .product-info-panel.summary { float: none; width: 100%; margin: 0; }
.serenlith-product .product-info-panel .product_title { margin-top: var(--space-1); }
.serenlith-product .product-info-panel .woocommerce-product-details__short-description { color: var(--color-text-secondary); font-size: var(--text-body-lg); line-height: var(--leading-relaxed); }
.serenlith-product .product-info-panel .price { font-family: var(--font-serif); font-size: 2rem; }
.woocommerce div.product .price { color: var(--color-text-primary); }
.woocommerce div.product form.cart { margin-top: var(--space-4); }
.woocommerce div.product form.cart .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button { border: 1px solid var(--color-sage); border-radius: var(--radius-xs); background: var(--color-sage); color: #fff; font-size: .75rem; font-weight: 600; letter-spacing: var(--tracking-wider); text-transform: uppercase; }
.woocommerce div.product form.cart .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover { background: var(--color-sage-hover); color: #fff; }
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related,
.woocommerce div.product .upsells { clear: both; padding-top: var(--space-6); }
.woocommerce-message { border-top-color: var(--color-sage); }
.woocommerce .quantity .qty { min-height: 42px; border: 1px solid var(--color-border); }
.woocommerce .serenlith-product { padding-bottom: var(--space-7); }
.serenlith-product .product-price-current .amount { font: inherit; color: inherit; }
.serenlith-product .product-price-current del { color: var(--color-text-muted); font-size: .8em; }
.serenlith-product .product-price-current ins { text-decoration: none; }