/* Trang chi tiết sản phẩm: phần Description giờ chỉ còn 1 tab.
   Mô tả plain text được JS đổi xuống dòng thành <br>, mô tả HTML dùng flow
   chuẩn — style heading/list/paragraph cho dễ đọc. */
.product-detail .desc-tab .desc-item.description .left {
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 1023.98px) {
	/* Chừa riêng vùng hai bên để nút điều hướng không đè lên thumbnail khi vuốt. */
	.product-detail .featured-product.underwear .thumbnail-slider,
	.product-detail .featured-product.cosmetic .thumbnail-slider {
		padding-left: 48px;
		padding-right: 48px;
	}
}

@media (max-width: 767.98px) {
	.product-detail .featured-product.underwear .thumbnail-slider,
	.product-detail .featured-product.cosmetic .thumbnail-slider {
		padding-left: 52px;
		padding-right: 52px;
	}
}

/* Swiper đã tự tạo khoảng cách bằng `spaceBetween`; bỏ gap CSS trùng để nó tính
   đúng chiều dài thanh thumbnail và cho phép kéo tới ảnh cuối. */
.product-detail .featured-product.underwear .mySwiper .swiper-wrapper,
.product-detail .featured-product.cosmetic .mySwiper .swiper-wrapper {
	gap: 0;
}

.product-detail .desc-tab .desc-item.description .text-secondary {
	line-height: 1.8;
	font-size: 16px;
}

.product-detail .desc-tab .desc-item.description h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--black);
	margin-bottom: 12px;
}

.product-detail .desc-tab .desc-item.description h3 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--black);
	margin-top: 24px;
	margin-bottom: 6px;
}

.product-detail .desc-tab .desc-item.description ul {
	list-style: disc;
	padding-left: 22px;
	margin-top: 6px;
}

.product-detail .desc-tab .desc-item.description li {
	margin-top: 2px;
}

.product-detail .desc-tab .desc-item.description p {
	margin-top: 10px;
}

@media (max-width: 767.98px) {
	.product-detail .desc-tab .desc-item.description .text-secondary {
		font-size: 15px;
	}

	.product-detail .desc-tab .desc-item.description h2 {
		font-size: 20px;
	}

	.product-detail .desc-tab .desc-item.description h3 {
		font-size: 16px;
		margin-top: 20px;
	}
}