.single-product .product { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-lg); }
.single-product .woocommerce-product-gallery__image { border-radius: var(--radius); overflow: hidden; margin-bottom: var(--gap-sm); }
.single-product .price { font-size: 1.4rem; font-weight: 700; color: var(--color-primary); margin-bottom: var(--gap-md); }
.single-product .quantity input { width: 70px; }
.single-product form.cart { display: flex; align-items: center; gap: var(--gap-sm); }

@media (max-width: 900px) {
	.single-product .product { grid-template-columns: 1fr; }
}

.gallery-vertical .woocommerce-product-gallery { display: flex; flex-direction: row-reverse; gap: 12px; }
.gallery-vertical .flex-control-thumbs { display: flex; flex-direction: column; width: 80px; }

/*
 * Product description/reviews/additional-info tabs: previously left
 * completely unstyled (plain WooCommerce default markup), which is one
 * of the most visible "generic WooCommerce" tells vs. a premium theme
 * like Woodmart. Restyled as a clean underline tab bar.
 */
.woocommerce-tabs { margin-top: var(--gap-lg); }
.woocommerce-tabs ul.tabs {
	list-style: none; display: flex; gap: var(--gap-lg);
	margin: 0 0 var(--gap-lg); padding: 0;
	border-bottom: 1px solid var(--color-border);
}
.woocommerce-tabs ul.tabs li { margin: 0; }
.woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: 0 0 14px;
	font-weight: 700;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--color-text-light);
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	transition: color var(--transition-fast), border-color var(--transition-fast);
}
.woocommerce-tabs ul.tabs li:hover a { color: var(--color-dark); }
.woocommerce-tabs ul.tabs li.active a { color: var(--color-dark); border-bottom-color: var(--color-primary); }
.woocommerce-tabs .panel { max-width: 760px; }
.woocommerce-tabs .panel h2 { font-size: 1.2rem; }
