/**
 * Product long-description section (below the gallery).
 *
 * Rendered by inc/product-description-section.php on
 * woocommerce_after_single_product_summary (priority 5), so the section is a
 * direct child of `div.product`, sitting after `.summary` and before the tabs —
 * the same slot the former "Gallery Content" band used.
 *
 * Two layout contexts:
 *  1. Float layout (simple products, and variable products below 992px): the
 *     parent floats `.woocommerce-product-gallery` left and `.summary` right, so
 *     the section clears both and spans the full container width.
 *  2. Flex layout (variable products at >= 992px): `div.product` becomes
 *     `display:flex; flex-wrap:wrap` with a 58.07143% gallery column and a
 *     41.92857% summary (see the inline CSS in functions.php). The section is the
 *     next flex child; it is width-matched to the gallery column and wraps onto
 *     its own row directly beneath it, left-aligned.
 *
 * Content is left-aligned to sit beneath the gallery images (matching the
 * reference layout), not centered.
 *
 * @package Konte Child
 */


.blank_line_y {
    height: 20px;
}

.blank_line_y1 {
    height: 20px;
}

.konte-child-product-description {
	clear: both;
	width: 100%;
	box-sizing: border-box;
	padding: 40px 15px;
}

.konte-child-product-description__inner > *:first-child {
	margin-top: 0;
}

.konte-child-product-description__inner > *:last-child {
	margin-bottom: 0;
}

.konte-child-product-description__inner img,
.konte-child-product-description__inner video {
	max-width: 100%;
	height: auto;
}

 @media (max-width: 767.98px) {
	/* mobile-only rules here */

	

	

	.blank_line_y
	{
		height: 26px;
	}
	
	.konte-child-product-description
	{
		padding-top:32px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;

	}

 }





@media (min-width: 992px) {
	/* Flex context: width-match the gallery column (58.07143%, layout-v6) so the
	   section wraps onto its own row directly under the gallery images,
	   left-aligned, leaving the summary side empty. */
	.woocommerce div.product.variable-gallery-jcrew-active > .konte-child-product-description {
		flex: 0 0 58.07143%;
		max-width: 58.07143%;
		width: 58.07143%;
	}

	/* The variable PDP container is flush-left (padding-left: 0), so the section
	   supplies its own gutters. These match the full-width breadcrumb bar and the
	   former Gallery Content band. */
	body.konte-variable-pdp .konte-child-product-description {
		padding-left: 32px;
		padding-right: 24px;
	}
}